@charset "utf-8";
/* CSS Document */
#banner{max-height: 685px; overflow: hidden;}
#banner ul{list-style: none; margin: 0; padding: 0;}
#banner .bx-controls-direction a{background: url(../images/arrow.png) no-repeat; width: 35px; height: 64px;opacity: 0.7;}
#banner .bx-controls-direction a.bx-prev{ left: -80px; }
#banner .bx-controls-direction a:hover.bx-prev,#banner .bx-controls-direction a:hover.bx-next{opacity: 1;}
#banner .bx-controls-direction a.bx-next{background-position: -35px top;right: -80px;}
#banner .bx-wrapper:hover .bx-controls-direction a.bx-prev{left:30px;}
#banner .bx-wrapper:hover .bx-controls-direction a.bx-next{right:30px;}
#banner .bx-wrapper{overflow: hidden;}
#about{ padding:4.25% 0 3.13%; background:#f3f3f3;}
#about .off-tit{ font-size:2.08em; color:#292929;margin-bottom:6.25%; text-transform: uppercase; position: relative; padding-top: 30px;}
#about .off-tit:before{ position:absolute; height:3px; width:43px; background:#0095df; left:0; top:0; content:"";}
#about .off-tit a{text-decoration: none;color:#292929;}
#about p{color: #659bb5; font-size: 18px; line-height: 30px;}
#about ul{list-style: none; margin: 30px 0 0; padding: 0;}
#about ul li{color: #676767; margin: 8px 0;}
#about ul li i{padding-right: 9px; color: #0095df;}
#about iframe{width: 100%;}
#about .more{ color: #0095df; text-decoration: none; margin-top: 6.6%;}
#about a:hover.more{background: #31619b;}
#about .video{ padding-top: 5.6%;}
@media (min-width:1200px){
#about .video{ padding-left: 4.2%; }
}
#hot{background:url(../images/hot-bg.jpg) center center fixed no-repeat; background-size: cover; padding: 3.6% 0; color: #fff; text-align: center;}
#hot .title{font-size: 30px; text-transform: uppercase; position: relative; margin-bottom: 30px; padding-top: 40px; margin-bottom: 6.2%;}
#hot .title::before{position:absolute; height:3px; width:44px; background:#fff; left:50%; top:0; content:""; margin-left: -22px;}
#hot .title a{text-decoration: none; color: #fff;}
#hot .plist{margin-bottom: 30px;}
#hot .plist a{display: block; text-decoration: none;}
#hot .pj-img{display: block; overflow: hidden;position: relative;}
#hot .pj-img img{ transition:all 0.3s ease;}
#hot a:hover .pj-img img{ transform: scale(1.2); } 
/*#hot .pj-img::after,#hot .pj-img::before{ position: absolute;transition:all 0.4s ease;opacity:0;}
#hot .pj-img::after{ content: ""; background: rgba(0,0,0,0.5); z-index: 1; width: 100%; height: 100%; left: 0; top: 0;}
#hot .pj-img::before{content:"\f0c1";  color: #fff; left: 50%; top: 50%; font-size: 26px; z-index: 2; font-family: FontAwesome; margin-top: -13px; margin-left: -15px;}
#hot a:hover .pj-img::after,#main a:hover .pj-img::before{opacity: 1;}*/
#hot .plist span.title1{ color: #fff; display: block; text-align: center; background: #303030; padding:8px 0; transition:all 0.3s ease; text-transform: capitalize;}
/*#hot .plist a:hover .title1{background: #d13a3a; color: #fff; }*/
@media (max-width: 767px){
#hot .plist{ max-width: 420px; margin-left: auto; margin-right: auto; }
}
#news{padding: 4.6% 0;} 
#news .typename{color: #323232; font-size: 24px; text-transform: uppercase; margin-bottom: 40px; position: relative; padding-top: 25px;}
#news .typename::before{position:absolute; height:3px; width:44px; background:#0095df; left: 0; top:0; content:"";}
#news .typename a{color: #323232; text-decoration: none;}
#news .time{ color: #959595; margin: 10px 0; font-size: 12px;}
#news .time i{color: #42a466;}
#news p{color: #9e9e9d; height: 74px; overflow: hidden;}
#news .title{color: #4b4948; font-weight: bold; line-height: 20px; display: block; margin-bottom: 8px;}
#news a:hover.title{color:#3b3938; }
#news .more{width: 136px; height: 43px; text-align: center; line-height: 43px; display: inline-block; background: #0095df; border-radius: 5px; color: #fff; text-decoration: none; margin-top: 30px; margin-bottom: 30px;}
#news .newslist{ padding: 15px 0; border-bottom: 1px solid #dadada; }
#news a:hover.more{background: #242427;}
#news .certificates{margin-left: -4px; margin-right: -4px;}
#news .certificates .col-sm-4{padding-left: 4px; padding-right: 4px; margin-bottom: 8px;}
@media (min-width:1200px){
#news .col-sm-9,#news .news{padding-right: 2.6%;}
}
#news ul{list-style: none; margin: 0; padding: 0;}
#news ul li{ position: relative; padding:15px 0 15px 35px; font-weight: bold;}
#news ul li a{color:  #4b4948; display:block;}
#news ul li::before {color: #0095df;z-index: 1;padding-right: 5px;content:"\f1ea";font-family: "FontAwesome";position: absolute; margin-left: -35px;}
#news ul li a:hover{color: #0095df; text-decoration: none;}
#clients{background: #e3f1f9; padding: 4.5% 0;}
#clients .title{font-size:26px; text-transform: uppercase; position: relative; margin-bottom: 30px; padding-top: 30px; margin-bottom: 6.2%; text-align: center; color: #292929;} 
#clients .title::before{position:absolute; height:3px; width:44px; background:#0095df; left:50%; top:0; content:""; margin-left: -22px;}
#clients .title a{color: #292929; text-decoration: none;}
#clients .col-sm-5d{margin-bottom: 35px; text-align: center;}
@media (min-width:768px){
#clients .col-sm-5d{width: 20%; float: left; padding-left: 15px; padding-right: 15px;}
}
#sendform{background:url(/uploadfile/202201/quotation-banner.jpg) left top no-repeat; padding: 3.3% 0;}
#sendform .mailcont{background: #fff; padding: 3.7% 7.2% 2.6%; box-shadow: 5px 5px 5px rgba(0,0,0,.3); max-width: 834px;}
#sendform .mailtit{font-size:26px; color: #292929; font-weight: bold; margin-bottom: 7px; padding-top: 20px; position: relative;}
#sendform  p{ font-size: 12px; line-height: 18px; margin-bottom:15px; }
#sendform  b{font-style: italic;}
#sendform span{color: #66b280; font-weight: bold;}
#sendform .mailtit::before{width: 43px; height: 3px; background: #0095df; content: ""; position: absolute; top: 0;}
#sendform input.form-control{height: 47px; }
#sendform .form-group{margin-bottom: 8px;}
#sendform .mailbtn{width: 310px; height: 47px;background: #0095df; border: none; color: #fff; font-size: 18px; font-weight: bold; border-radius: 5px;}
#sendform .mailbtn:hover{background: #292929;}
@media (min-width:1200px){
  #sendform .mailcont{ margin-left: 8.6%; }
  #clients .col-sm-5d{padding-left: 29px; padding-right: 29px;}
  #clients .row{margin-left: -29px; margin-right: -29px;}
}
@media (max-width:767px){
#about,#hot,#news,#clients,#sendform{padding:35px 0;}
.us-tit{margin-top: 30px;}
}