body{background: #f2f2f5;}
#header{background: #fff;}
#main{margin-top: 25px; margin-bottom: 4.2%;}
#main .crumbs{margin-bottom: 15px; text-transform: capitalize;}
#main .crumbs,#main .crumbs a{ color: #868686; }
#main .crumbs i{color: #24a3d8; padding-right: 5px;}
#main h1{color: #323946; font-weight: bold; font-size: 30px; margin: 0 0 20px; text-transform: capitalize;}
#main h2{font-size: 18px;  padding-bottom:8px; color: #05437C; padding-left: 25px; font-weight: bold;}
#main h2::before{content:"\f013"; position: absolute; color: #05437C;font-family: FontAwesome; margin-left: -25px; font-weight: normal;}
#main h3{font-size: 16px; color: #05437c; font-weight: bold;}
#main .product{border: 1px solid #e8e8e8; background: #fff; position: relative; margin-top: 30px;}
#main .product .row{margin-left: 0; margin-right: 0;}
#main .product .row .col-md-5,#main .product .row .col-md-7{padding-left: 0; padding-right: 0;}
#main .product .row .col-md-7{border-left: 1px solid #e8e8e8;}
#main .product .pro-img{padding: 8px;  display: block;}
#main .product .title{border-bottom: 1px solid #e8e8e8; display: block; color: #323946; font-size: 18px; padding:15px 10px 10px 25px; text-decoration: none;}
#main .product a:hover{color: #e20101;}
#main .product ul{list-style: none; margin: 15px 0 15px; padding: 0 0 0 25px;}
#main .product ul li {line-height: 20px; margin:8px 0;}
#main .product ul li a{color: #323946;}
#main .product ul li i{padding-right: 8px;}
#main .product .more{width: 134px; height: 36px; color: #fff; display: block; background:#05437c; text-align: center; line-height: 36px; text-decoration: none;}
#main .product a:hover.more{ background: #e20101; color: #fff;}
#main .product p{padding:15px 25px; color: #5c5c5c;}
#main .mailtit{border-bottom: 1px solid #d5d5d5; font-size: 32px; color: #323946; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 7px; margin-top: 7.6%;max-width: 676px;}
#main .mailbody{font-size: 12px; line-height: 20px; max-width: 676px;}
#main .mailbody p{margin-bottom: 25px;}
#main .mailbody p span{color: #24a3d8; font-weight: bold; font-size: 14px;}
#main .form-group{ margin-bottom:10px; border: none;}
#main .form-control{background:#fff; color: #545f6e; font-size: 16px;  border: 1px solid #dcdada; box-shadow: none; border-radius: 0; font-size: 12px;}
#main  input.form-control{   height:50px;}
#main .mailbtn{ font-weight: bold; font-size: 18px;  background-color: #e20101; color: #fff; width: 280px; height: 62px; line-height: 62px; margin: 15px 10px 0 0; border: none; text-transform: uppercase;transition:all 0.3s ease;}
#main .mailbtn:hover{ background:#24a3d8; color: #fff;}
#main .project{border: 1px solid #e8e8e8; background: #fff; padding: 15px; margin-top: 30px;}
#main .project .title{display: block; font-size: 18px; color: #323946; margin: 6px 0; text-decoration: none;}
#main .project a:hover.title{color: #de3636;}
#main .project p{color: #6c6d6e;}
#main .service{border: 1px solid #e8e8e8; background: #fff; padding: 10.2% 9.2%; text-align: center; margin-bottom: 30px;}
#main .service p{color: #6c6d6e;}
#main .service .title{font-size: 18px; color: #323946; font-weight: bold; margin: 6.3% 0 3.2%;}

#main .pro-tit,#main .side-tit{font-size: 30px;  text-transform: uppercase; font-weight: bold; text-decoration: none; margin-bottom: 30px; display: block;}
#main .pro-tit{color: #e20101;}
#main .side-tit{color: #3c434f;}
#main .sidebar ul{list-style: none; margin: 0; padding: 0; }
#main .sidebar ul.prolist{margin-bottom: 50px; }
#main .sidebar ul.prolist li{margin-bottom: 2px;}
#main .sidebar ul.prolist li a{background:#e1e1e5; color: #05437c; display: block;  padding: 8px 15px; }
#main .sidebar ul.prolist li a:hover{text-decoration: none; color:#de3636;}
#main .sidebar ul.prolist li ul li{margin-bottom: 0;}
#main .sidebar ul.prolist li ul li a{color: #595c60; padding-left: 30px; padding-top: 3px;padding-bottom: 3px; text-decoration: none;}
#main .sidebar ul.prolist li ul li a:hover{background: #de3636; color: #fff;}
#main .sidebar ul.prolist li ul li a i{padding-right: 5px;}
#main .sidebar .pjcont{ color: #7b7b7c; line-height: 20px; margin-top: 5px; margin-bottom: 50px;}
#main .sidebar .pjcont a.title{margin-top: 8px; display: inline-block; margin-bottom: 5px;}
#main .sidebar .pjcont a{color: #3c434f; font-weight: bold;}
#main .sidebar .newslist{border-bottom: 1px solid #d5d5d5; padding: 20px 0; position: relative; padding-left: 50px; line-height: 18px;}
#main .sidebar .newslist::before{transition:all 0.3s ease; content:"\f15c";font-family: "FontAwesome"; margin-top: 5px;  color: #fff; position: absolute; margin-left: -50px; width: 32px; height: 32px; background:#b7b7b7;border-radius: 50%; text-align: center; line-height: 32px; }
#main .sidebar .newslist a{ font-weight: bold; color: #323946;}
#main .sidebar .newslist:hover a{color: #e20101; text-decoration: none;}
#main .sidebar .newslist:hover::before{background: #e20101; }
#main .sidebar .newslist p{margin-top:5px; margin-bottom: 0; color: #7f7f7f; margin-top: 8px;}
#main .sidebar .row{margin-left: -5px;margin-right: -5px;}
#main .sidebar .row .col-sm-5,#main .sidebar .row .col-sm-7{padding-left: 5px; padding-right: 5px;}
#main .sidebar .newslist:first-child{ padding-top: 0; }
#main .sidebar .pjrow{padding: 6px 0;}
#main .sidebar .contact{background: #05437c; text-align: center; padding: 15px; margin-top: 30px;}
#main .sidebar .adds,#main .sidebar .tel,#main .sidebar .fax,#main .sidebar .mail{ color: #434343; padding:17px 0 17px 80px; margin-bottom: 10px; line-height: 20px; border-bottom: 1px solid #cfcfd5;}
#main .sidebar .adds::before,#main .sidebar .tel::before,#main .sidebar .fax::before,#main .sidebar .mail::before{font-family: FontAwesome; position: absolute; margin-left: -60px; color: #24a3d8; font-size: 32px;}
#main .sidebar .tel::before{content:"\f095";}
#main .sidebar .mail::before{content:"\f0e0"}
#main .sidebar .adds::before{content:"\f041"}
#main .sidebar .fax::before{content:"\f1ac"}
#main .sidebar .mail a{color: #24a3d8;}
#main .sidebar .tel a{color: #434343;}
#main .sidebar .tel a:hover{color: #24a3d8;}

#main .nlist{border-bottom: 1px dotted #cacaca; padding: 2.6% 0;  padding-bottom: 27px;}
#main .nlist:last-child{border-bottom: none;}
#main .nlist .title{color: #4b4948; font-weight: bold; font-size: 15px; }
#main .nlist .title i{color: #34c26e; padding-right: 15px;}
#main .nlist a:hover.title{ color: #e20101; text-decoration: none; }
#main  .nlist p{color: #767b7c; margin:8px 0 3px; text-indent:0; }
#main .nlist .more{ float: right; margin-top: 20px; background: #05437C; color: #fff; width: 116px; height: 27px; line-height: 27px; text-align: center; display: block; text-decoration: none;}
#main .nlist a:hover.more{background: #E20101;}

#main .content{background: #fff; padding: 15px 25px;}
#main .content a{color: #24a3d8; text-decoration: underline;}
.content ul{list-style: none; margin: 0; padding: 0;}
.content ul li{padding-left: 15px;}
.content ul li::before {color: #05437c;z-index: 3;padding-right: 5px;content:"\f0da";font-family: "FontAwesome";position: absolute; margin-left: -15px;}
#main .content .row{margin-left: -5px; margin-right: -5px;}
#main .content .row .col-md-4,#main .content .row .col-sm-4,#main .content .row .col-md-6,#main .content .row .col-sm-6,#main .content .row .col-md-3,#main .content .row .col-sm-3{padding-left: 5px; padding-right: 5px;}

@media (min-width:992px){
#main .product .more{position: absolute; right: 0; bottom: 0;}
}
@media (max-width:767px){
#main .pro-img{text-align: center;}
#main .pro-tit{margin-top: 50px;}
#main .sidebar .pjcont{ max-width: 420px; margin-left: auto; margin-right: auto; text-align: center; }
#main .sidebar .pjrow{margin-bottom: 15px;}
#main .sidebar .pjrow img{margin-bottom: 8px;}
#main .sidebar .pjcont .title{margin-top: 8px; display: block;}
#main .content{padding-left: 15px; padding-right: 15px;}
#banner{display: none;}
}
@media (max-width:991px){
#main .product{padding-bottom: 10px;}
#main .product ul,#main .product p,#main .product .title{padding-left:15px;}
#main .product .more{margin-left: 15px;}
}
.content table{text-align: center; border: 1px solid #cfcfcf;}
.content table th{background: #EFEFEF;border: 1px solid #cfcfcf !important; text-align: center;}
.content table td{border: 1px solid #cfcfcf;}

 /*404*/
.error{ max-width:724px; margin:0 auto;}
.error .title_404{padding-top:3.6%;  color:#24A3D8; font-size:40px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center; line-height:55px;}
.error .found{ color:#444242; line-height:20px; font-size:14px; margin-bottom:2.4%; text-align:center; }
.error .found .looking{ font-size:18px; color:#545e60; margin-top: 1.23%; margin-bottom: 10px;}
.error .found p{color: #8a8a8a; margin-bottom: 40px;}
.error .choose{ margin-bottom:50px;margin:0 auto; }
.error  .title{ font-weight:bold; font-size:18px; margin-bottom:4.6%;  color:#545e60; text-align:center; padding-bottom:15px;}

.error .listtit{ font-size:14px; color:#545e60; margin-bottom:20px; }
.error .choose ul{ list-style:none; margin:0px; padding:0px;}
#main .error  ul li{ width:269px;  border: 1px solid #ededed; padding: 0; text-transform:capitalize; font-size:14px; margin: 5px auto; text-align: center;}
#main .error .choose ul li a{ color:#636363; height:39px;line-height:39px; text-decoration:none; display: block; }
#main .error .choose ul li a:hover{background: #24A3D8; color: #fff;}
.error .choose ul li::before{content: "";}
 .sm404c li { line-height:30px; }

.sm404c li a { color:#009844; }
.text-404{ text-align:center; display:block; color:#24A3D8; margin:50px 0px;}