﻿/*Catalogue*/
.productlist{width: 100%; overflow: hidden; display: block; position: relative;margin-top: 30px; margin-bottom: 30px;}
.productlist ul{zoom: 1;}
.productlist ul li{ float: left;width: 368px; margin-right: 45px; margin-bottom: 30px;overflow: hidden; display: block; position: relative;border: 1px solid #efefef;  }
.productlist ul li:nth-child(3n){margin-right: 0;}
.productlist ul li .img{ display: block; width: 100%;height:230px;overflow: hidden; text-align: center;}
.productlist ul li .img img{max-width:100%;transition: all 0.5s ease 0s; margin: 30px;;}
.productlist ul li:hover .img img{transform: scale(1.1,1.1)}
.productlist ul li .adprodct{background-color: #f5f5f5; padding: 10px 15px; }
.productlist ul li .indtit{ margin-top: 22px;font-size: 20px; line-height: 22px; color: #666; text-align: left; font-family: Arial;
    font-weight: bold;}
   
.productlist ul li .indxey{ margin-top: 12px; display: block; font-size: 16px; font-family: Arial ; color: #666; line-height:22px; min-height:80px;}

/*Catalogue*/



.productweb{width: 100%;overflow: hidden; display: block; position: relative;margin-top: 30px; margin-bottom: 30px;}
.productweb ul{zoom: 1;}
.productweb ul li{ float: left;width: 578px; margin-right: 40px; margin-bottom: 30px;overflow: hidden; display: block; position: relative;    box-shadow: 0 0 10px rgba(0, 0, 0, .1); border: 1px solid #efefef;   float: left;transition: box-shadow .3s;}
.productweb ul li:nth-child(2n){margin-right: 0;}
.productweb ul li .img{ display: block; width: 578px;height:250px;overflow: hidden; text-align: center;}
.productweb ul li .img img{width: 578px;}

.productweb ul li .indtit{ width: 100%;height: 68px;display: block;line-height: 68px; transition: background .3s;  background: linear-gradient(135deg,#02126c 0,#007bc1 80%);}
.productweb ul li .indtit img{width: 40px; height: 40px; margin-left: 40px; float: left; margin-top: 14px;}
.productweb ul li .indtit span{float: left; color: #fff;  padding-left: 10px; font-size: 20px;}
.productweb ul li .sanj{  padding: 25px 20px;overflow: hidden; display: block; position: relative;}
.productweb ul li .sanj a{     background: url(../images/pro15.png) no-repeat left center; 
    padding-left: 35px;
    font-size: 18px;
    color: #333;
    line-height: 65px;
    border-bottom: 1px solid #eaeaea;
    display: block;
    transition: background .3s, color .3s;}
    
    
    
    
    
    
/*产品详情*/


.protuc{padding: 20px 0;overflow: hidden; display: block; position: relative;}
.protuc .mote {font-size:30px; color:#02126c;padding-bottom: 25px; font-weight: bold;  text-align: center; width: 60%; margin: auto; }
.protimg{width:45%;overflow:hidden; float:right;}
.protimg img{max-width:100%;}
.protcon{width:52%;float:left;margin-right:3%;}
.protcon .mote p{display:inline;font-weight:bold;font-size:22px;}
.protcon .mote {font-size:30px; color:#02126c;padding-bottom: 25px; font-weight: bold;  }
.protcon .dbhn{width: 100px; height: 4px; background: #02126c; margin-bottom: 40px;}
.cpted{ padding: 0px 0px 10px;overflow: hidden; display: block; position: relative;}
.cpted p{line-height: 28px; font-size: 14px; }
.cpted p img{max-width: 100%;}


.ProductDetailstop{ background:#FFF; padding:38px 0px;}
.prodetail-tab{  margin: 0 auto;text-align: center;}
.prodetail-tab a{ display: inline-block;  margin-bottom: 25px;font-size: 30px; color: #02126c;text-align: center; }
.prodetail-tab a p{ font-size:14px; line-height:16px; margin-top:3px;}
/*.prodetail-tab a:hover,.prodetail-tab a.cur{ background-color: #0090FF; color: #fff;}*/

.prodetab{  margin: 0 auto;margin-bottom: 20px;overflow: hidden; display: block; position: relative;}
.prodetab a{ display: inline-block;  margin-bottom: 25px;font-size: 30px; color: #02126c; }
/*.prodetab a:hover,.prodetab a.cur{ background-color: #0090FF; color: #fff;}*/




.prodetail-cont{ overflow: hidden; display: block; position: relative;}
.prodetail-cont p{line-height: 28px; font-size: 14px;}
.prodetail-cont p img{max-width: 100%;}

/*下一个 返回*/
.nwesfoot{border:1px solid #e6ebed; border-left:none; border-right:none; margin-bottom: 30px;}
.nwesfoot p{ float:right;}
.nwesfoot p a{ display:inline-block; width: 100px;margin-top: 35px;text-align: center;line-height: 30px; padding-right: 20px;
    background: #0085db url(../images/head05.png) no-repeat 88px center;color: #fff;transition: all .4s ease;-webkit-transition: all .4s ease;}
.nwesfoot p a:hover{opacity:.8;background-position-x:94px;}
.nwesfoot dl{margin-right:130px; font-size:13px; padding:13px 0px;}
.nwesfoot dl  a{color:#1a1a1a;}
.nwesfoot dl  a:hover{color:#0085db}
.nwesfoot dl span{ display:inline-block; background:#f2f2f2; color:#1a1a1a; line-height:27px; padding:0px 10px; margin-right:5px;}
.nwesfoot dl dd{ margin-bottom:20px;}
.nwesfoot dl dt{ }
/*下一个 返回*/
/* 产品详情 */




/*产品推荐*/
.relevant{position:relative; margin: 50px auto 20px;overflow: hidden; display: block; position: relative;}
.relevant h3{ color:#02126c;  font-size:30px;margin-bottom: 25px; text-align: center;}
.relevant ul{overflow:hidden;padding:15px 0px;}
.relevant ul li{ float: left; width: 283px;margin-right:20px; margin-bottom: 25px;border:1px solid #e6ebed;}
.relevant ul li:nth-child(4n){margin-right: 0;}
.relevant ul li:hover{box-shadow: 0px 5px 16px #e5e5e5;}
.relevant ul li .xgleft{ display: block;  width:100px; float: left;}
.relevant ul li .xgleft img{max-width: 100%;transition: all .8s ease 0s;}
.relevant ul li .xgleft:hover img{transform: scale(1.1);}
.relevant ul li .xgright{ display: block;  width:168px; float: left; margin-left: 15px;}
.relevant ul li .xgright .title{line-height: 20px; font-size: 14px; color: #02126c; margin-top: 8px;}
.relevant ul li .xgright .xhao{line-height: 24px; font-size: 14px; color: #02126c;}

/*产品推荐*/

/*产品详情*/
.nansa{display:  none;} 
.nansa.active{display: none;}    
  .downdtnt{display: block; overflow: hidden; margin-bottom: 50px;}
.downdtnt h3{      border-radius: 30px;
    line-height: 1.6;
    border: 1px solid #0090ff;
    background-color: #FFF;
    color: #0090ff;
    box-shadow: none;
    padding: 7px 20px;
    font-size: 18px;
    font-weight: 700;
	width:160px;
 text-align: center; cursor: pointer ;
  margin:20px auto;
}  
.downdtnt h3:hover{    background: #0090ff;
    box-shadow: none;
    border: 1px solid #0090ff;
    color: #FFF;	

}


.downlmain{display: block; overflow: hidden; margin-bottom: 50px;}
.downlmain h3{  color:#02126c;  font-size:30px;margin-bottom: 15px;text-align: center;}
.downlmain ul { padding-bottom: 20px; }
.downlmain ul li { height: 60px; border-bottom: 1px solid #e6ebed; }
.downlmain ul li:hover div { color: #02126c !important; }
.downlmain ul li .downloadname { float: left; height: 100%; width: 860px; line-height: 60px; font-size: 15px; color: #333333; }
.downlmain ul li .downloadbtn { float: right; width: 130px; height: 36px; background: url(../images/down_bg.png) no-repeat 110px center; margin-top: 10px; float: right; font-size: 15px; color: #02126c; text-indent: 10px; line-height: 36px; font-weight: bold; }
/*.downlmain ul li:hover .downloadbtn { background: #002d74 url(../images/down_bg1.png) no-repeat 110px center; color: #fff; }*/
.downlmain ul li .downloadbtn:hover{color: #0090FF}

/*Inquiry*/
.tit2{color: #000; font-size: 22px; line-height:50px;}
.inght{width: 100%; margin-bottom: 50px; text-align: center; color: #000; font-size: 28px; font-weight: 700; margin: 40px 0;}

.viewfome{ border: 1px solid #f1f1f1; border-radius: 5px; padding: 30px 60px; display: block; position: relative; margin-bottom:30px; overflow: hidden; }

.viewfome .form{width: 100%; overflow:hidden; margin:auto;}


.viewfome .form label{width: 120px;float: left;font-size: 15px;color:#4c4c4c;display: block; cursor:pointer;height: 36px;line-height: 36px;}

.viewfome .form .ddivs{float: left; margin-right: 60px; margin-bottom: 20px; width: 100%; position: relative;}
.viewfome .form .ddivs:nth-child(2n){margin-right: 0;}
.viewfome .form .ttingr{ display: block; position: relative;width: 30px; margin-left: 10px; float: left; color: #C71103;font-size: 16px;height: 36px; line-height: 36px; }
.viewfome .form .ddivs .wingst{float: left; font-size: 13px; color: #C71103;overflow: hidden; display: block;height: 36px; line-height: 36px;}

.formtxt{width: 400px;height: 36px;line-height: 36px;border: 1px solid #dcdcdc;text-indent: 15px;font-size: 15px;color: #4c4c4c;background: #fff;float: left;}
.formtxt1{width:84%;height: 36px;line-height: 36px;border: 1px solid #dcdcdc;text-indent: 15px;font-size: 15px;color: #4c4c4c;background: #fff;float: left;}
.formtxt2{width:100px;height: 36px;line-height: 36px;border: 1px solid #dcdcdc;text-indent: 15px;font-size: 15px;color: #4c4c4c;background: #fff;float: left;}
.formarea{font-size: 15px;color: #4c4c4c;height: 80px;width:84%; float: left; display: block; border: 1px solid #dcdcdc;  outline-style: none; word-wrap: break-word;background: #fff;resize:none;text-indent: 15px; padding: 5px 0; }

.formbt{width: 360px;margin-top: 15px; overflow: hidden; display: block; margin-left: 60px;}
.formbt .form-submit{ width: 120px;height: 40px;float: left;line-height: 40px;color: #fff;font-size: 16px; border:none; cursor:pointer;text-align: center;border-radius: 0px;}
.formbt .form-submit[type='form-submit']:hover{background:#C71103}
.form-submit{background: #2e93ee;margin-right: 28px;float: left; margin-top:15px;}
.form-submit:hover{background: #02126c;}
.reset{ width: 120px;height: 40px;float: left;line-height: 40px;color: #fff;font-size: 16px; border:none; cursor:pointer;text-align: center;border-radius: 0px; background: #2e93ee;margin-top:15px;}

.layblock{width: 100%;display: block; word-wrap: break-word; margin-bottom: 20px; overflow: hidden;}
.layblock .ttsoo{width: 70px;font-size: 15px; float: left;}
.layblock .layock{width: calc(100% - 70px);overflow: hidden; float: left;display: block; }
.layblock .layock .lock{overflow: hidden; float: left;display: block; height: 30px; line-height: 30px;margin-right: 15px; }
.layblock .layock .lock .tt{float: left;width: 20px;height: 20px; margin-top:3px; background: #fff;position: relative;overflow: hidden; display: block;  border: 1px solid #ebebeb;transition: all .3s;}
.layblock .layock .lock span{float: left; margin-left: 5px; font-size: 15px; margin-top: -3px;}


/*Inquiry*/



.waper {width: 100%; overflow: hidden; display: block; position: relative;margin-top: 30px; margin-bottom: 30px;}
.waper dl{ background:#fff; overflow:hidden; margin-bottom: 50px; }
.waper dt { width:570px; height:320px; overflow:hidden; position:relative; float:left;  vertical-align: middle; margin-right: 60px; }
.waper dl:nth-child(2n) dt{float: right;margin-right: 0px; margin-left: 60px; }
.waper dt img{ max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.waper dd { width:570px; display: block; overflow:hidden; float:right; height:320px;}
.waper dd h4{ display:block; font-size:24px; font-weight: bold; height:40px; line-height:40px; overflow:hidden; color:#333; margin-bottom: 10px;  }
.waper dd .diopt{height: 270px;overflow: auto; position: relative; }
.waper dd p { line-height:26px;   color: #666;   }




