.product-page .header{height: 80px; } 
/******banner*****/
.banner{position: relative;}
.banner img{width: 100%;}  

.u-content{line-height: 2em; }
.u-content img{max-width: 100%;height:auto;}
 
/*company*/
.nytop{position: absolute;width: 100%;left:0;bottom: 120px;color:#fff;}
.nytop .flexbox{justify-content: space-between;align-items: flex-end;}
.nytop .title{border-left: 5px solid #ff4b4c;padding-left: 20px;}
.nytop .title h2{font-size: 60px;font-family: "JostBold";text-transform: uppercase;}
.nytop .title p{font-size: 18px;}
.nytop .breadcrumb{ margin-bottom:0;padding:0; background-color: transparent;}

.protop .breadcrumb{margin-bottom:0;padding:10px 0;max-width: 1000px;margin:0 auto;}
.protop .breadcrumb a,.protop .breadcrumb span{margin:0 10px;line-height: 24px;}
.protop .breadcrumb a i{font-size: 20px;}
.breadcrumb a:hover{color:#ff4b4c;}
 
.section-about{padding:80px 0;} 
.section-about .company{display: flex; position: relative;z-index: 11;}
.section-about .company .title{width: 36%;font-size: 60px;font-family:"JostBold"; }
.section-about .company .cont{flex:1;} 
.section-about .company .cont .tit{font-size: 30px;line-height: 36px; font-family: "JostBold";border-left: 1px solid #333;padding-left:25px;margin-bottom: 40px;} 
.section-about .company .cont .txt{font-size: 18px;padding-left: 25px;}
.section-about .advantage{margin-top: 100px;}
.section-about .advantage ul{display: flex;justify-content: space-between}
.section-about .advantage li{text-align: center;padding:15px;max-width: 400px;}
.section-about .advantage .icon{margin-bottom: 30px;}
.section-about .advantage .text{}
.section-about .advantage .text h3{font-size: 30px;font-family: "JostBold";margin-bottom: 10px;}
.section-about .advantage .text p{font-size:18px;} 

.section-company .section-head{border-top:1px solid #333;padding:50px 20px;display: flex;justify-content: space-between;align-items: center;}
.section-company .section-head h2{font-size: 36px;font-family: "JostBold";}
.section-company .section-head .txt{border-left: 1px solid #333;padding-left:25px;}

.section-strength{}
.section-strength .container{padding:0;}
.strength-list{padding-top: 30px;border-top:1px solid #ccc;}
.strength-list ul{margin-bottom: 30px;}
.strength-list li{ margin-bottom:30px;}
.strength-list li .box{background-color: #f5f5f5;height: 100%;display: flex;align-items: center;justify-content: center;}
.strength-list li:nth-of-type(odd) .box{flex-direction: row-reverse;}
.strength-list li .img{width: 62%;}
.strength-list li .img img{max-width: 100%;cursor: pointer;}
.strength-list li .cont{padding:60px;flex:1;}
.strength-list li .cont .tit{font-size: 30px;font-family: "JostBold";margin-bottom: 20px;}
.strength-list li .cont .txt{ line-height: 22px;margin-bottom: 40px;}
.strength-list li .cont hr{margin:0;width: 160px;margin-bottom: 15px;border-color:#999;}
.strength-list li .cont a{color:#ff4b4c;font-size: 18px;font-family: "JostBold";}
.strength-list li .cont a i{font-weight:bold;}
 
.section-contact{padding: 100px 0;} 
.contact-map{ }
#GDMap{height: 600px;}
.amap-info-content h4{font-size:16px;}
.amap-info-content p{font-size:14px;}
 
/*products*/
.menubox{padding:45px 0;}
.menubox ul{display: flex;justify-content: center;}
.menubox li{width: 360px;line-height: 50px;text-align: center;padding:0 15px;}
.menubox li a{font-size: 18px;font-family: "JostBold";background-color: #e8e8e8;display: block;}
.menubox li i{margin-right: 15px;font-size: 12px;}
.menubox li.active a{background-color:#ff2d2e;color:#fff;}

.menubox.fixed-top{position: fixed;width: 100%;padding:10px 0;background-color: #fff;z-index: 999;border-bottom: 1px solid #ccc;}

.section-product{padding:60px 0;}
.section-product .section-head h2{font-size: 36px;line-height: 40px; font-family: "JostBold"; text-transform:uppercase;text-align: center;padding-bottom: 25px; background:url(../images/index-product-head-bg.png) bottom center no-repeat; }
.section-product .section-head p{font-size: 20px;  text-align: center;margin-top: 20px;}
.product-list{margin-top:40px;}
.product-list ul{ margin:0;display: flex; flex-wrap: wrap;}
.product-list li{border-right:1px solid #ccc;border-bottom:1px solid #ccc; border-left:1px solid transparent;padding:15px;}
.product-list li .box{position: relative;cursor:default;}
.product-list li .box.link{cursor:pointer;}
.product-list li .img{position: relative;}
.product-list li .img img{width: 100%;}  
.product-list li .img .tags{position: absolute;top:25px;left:20px;}
.product-list li .box .cont{padding-top:15px;}
.product-list li .box .cont h3{font-size: 20px;font-family: "JostBold";line-height: 30px;}
.product-list li .box .cont p{ line-height: 24px;height: 48px;overflow: hidden;} 
.product-list .more{width: 360px;line-height: 60px;background-color:#ff2d2e;color:#fff;font-size: 18px;text-transform:uppercase; text-align: center; 
	display: none;margin:50px auto 0;cursor:pointer;}

.probanner .probox{width: 50%;height: 100%;padding:40px 100px; color:#fff; position: absolute;top:0;left: 50%; display: flex;flex-direction: column;justify-content: center;}
.probanner .probox h2{font-size: 36px;font-family: "JostBold";margin:10px 0;}
.probanner .probox p{font-size: 20px;}
.probanner .probox a{font-size: 20px;margin-top: 30px;height: 50px;width: 180px;line-height: 50px;text-align: center; border-top:1px solid #ccc;border-bottom:1px solid #ccc;} 


.section-download{margin-bottom: 80px;position: relative;}
.section-download>img{width: 100%;min-height: 540px;object-fit: cover; }
.download-box{position:absolute;width: 100%;height: 100%;left:0;top:0;}
.download-box .container{height: 100%;}
.down-list{width: 50%;max-width: 750px; height: 100%;margin-left: 50%;padding-left: 40px; display: flex;flex-direction: column;justify-content: center;color:#fff;}
.down-list .title{border-left: 10px solid #ff2d2e;font-size: 44px;line-height: 44px;padding-left: 20px; margin-bottom: 50px; font-family: "JostBold";}
.down-list ul{border-top:1px solid #ccc;}
.down-list li{border-bottom:1px solid #ccc;padding:25px 10px;display: flex;align-items: center;}
.down-list li .cont{flex:1;}
.down-list li .cont h4{font-size:18px;font-family: "JostBold";line-height: 24px;}
.down-list li .cont p{font-size: 14px;line-height: 20px;}
.down-list li .size{width: 90px;}
.down-list li .icon{width: 35px;cursor:pointer;}
.down-list li .icon i{font-size: 28px;}
.down-list li .icon.none{color:#666;cursor:default;}

.section-productview{padding: 50px 0;}
.section-view:last-of-type{margin-bottom: 50px;}
.section-view.images-box{margin: 50px 0;}
.section-productview .section-head{}
.section-productview .section-head h3{font-size: 32px; }
.pcb-box{ }
.pcb-box ul {display: flex;padding-top: 40px;}
.pcb-box li{max-width: 33.33%;padding:0 10px;}
.pcb-box li .box{max-width: 300px;margin: 0 auto;}
.pcb-box li img{max-width: 100%;}
.pcb-box li .tit{margin-top: 20px;line-height: 22px;text-align: center;}
.bending-box{ }
.bending-box ul {display: flex;flex-wrap: wrap;padding-top: 40px;}
.bending-box li{max-width: 33.33%;padding:0 15px;}
.bending-box li .box{max-width: 300px;margin: 0 auto;}
.bending-box li img{max-width: 100%;}
.bending-box li .tit{margin-top: 20px;line-height: 22px;text-align: center;}
.available-box{margin-bottom: 60px;}
.available-body {}
.available-body h4{margin-top: 40px;margin-bottom: 20px; font-size: 18px;}
.available-body ul{display: flex;flex-wrap: wrap; align-items: center;}
.available-body li{width: 14.28%;padding:5px;}
.available-body li img{max-width: 100%;}

.features-box{background-color: #000;padding:50px 0;}
.features-box .section-head{margin-bottom: 30px;}
.features-box .section-head h3{color:#fff; }
.features-box .section-body ul{display: flex; flex-wrap: wrap;}
.features-box .section-body li{width: 20%;margin:30px 0;padding:0 15px;}
.features-box .section-body li .box{text-align: center;}
.features-box .section-body li img{max-width: 100px;width: 100%;}
.features-box .section-body li h4{margin-top: 20px;margin-bottom: 15px;font-size: 18px; line-height: 30px;color:#fff;}
.features-box .section-body li p{line-height: 22px;color:#ccc;}
.product-show{}
.product-show .section-head{margin-bottom: 50px;}
/*.product-show .product-body{ }
.product-show .product-body table {width: 100%;}
.product-show .product-body table tr:nth-child(odd){background-color: #f7f7f7;}
.product-show .product-body table th,.product-show .product-body table td{padding:20px 15px;border:none;}*/

.cablelayouts-box .section-body ul{display: flex; flex-wrap: wrap;}
.cablelayouts-box .section-body li{width: 25%;margin:30px 0;padding:0 15px;}
.cablelayouts-box .section-body li img{max-width: 100%;}
.cablelayouts-box .section-body li h4{margin-top: 30px;}

.endcaps-box{}
.endcaps-box .section-head{margin-bottom: 40px;}
.endcaps-box .section-body ul{display: flex; flex-wrap: wrap;}
.endcaps-box .section-body li{width: 20%; padding:0 15px;}
.endcaps-box .section-body li img{max-width: 100%;}
.endcaps-box .section-body li .box{display: flex; flex-direction: column;justify-content: space-between;height: 100%;}
.endcaps-box .section-body li .tit{margin: 30px 0;color:#000;font-weight: bold;}
.endcaps-box .section-body li .item1 img{ }
.endcaps-box .section-body li .item2 img{ }
.endcaps-box .section-body li .item2 .tit i{color:#f6a21c;margin-right: 10px;}

.images-box{ }
.images-box ul{display: flex;}
.images-box li{margin:0 6px;} 
.images-box ul img{ max-width: 100%;}

.prodetails-list{}
.prodetails-list ul{margin-bottom: 30px;}
.prodetails-list li{ margin-bottom:30px;}
.prodetails-list li .box{background-color: #f5f5f5;height: 100%;display: flex;align-items: center;justify-content: center;}
.prodetails-list li:nth-of-type(odd) .box{flex-direction: row-reverse;}
.prodetails-list li .img{width: 50%;}
.prodetails-list li .img img{width: 100%;cursor: pointer;}
.prodetails-list li .cont{padding:60px;flex:1;}
.prodetails-list li .cont .tit{font-size: 30px;font-family: "JostBold";margin-bottom: 20px;}
.prodetails-list li .cont .txt{ line-height: 22px;margin-bottom: 40px;}

.section-scrollimg{}
.scrollimg-item{position: relative;}
.scrollimg-item canvas{width: 100%;display: block;}
.scrollimg-item .text-out-box{position: absolute;width: 100%;height: 100%;left:0;top:0;}
.scrollimg-item .text-out-box .container{height: 100%;position: relative;}
.scrollimg-item .text-out-box .text-info-box{position: absolute;}
.scrollimg-item .text-out-box .text-info-box .tit{font-size: 30px;font-weight: bold;margin-bottom: 15px;line-height: 40px;}
.scrollimg-item .text-out-box .text-info-box .txt{}
.scrollimg-item .text-out-box .text-info-box.top{top:15px;}
.scrollimg-item .text-out-box .text-info-box.bottom{bottom:15px;}
.scrollimg-item .text-out-box .text-info-box.vcenter{top:50%;transform:translateY(-50%);}
.scrollimg-item .text-out-box .text-info-box.left{left:15px;} 
.scrollimg-item .text-out-box .text-info-box.right{right:15px;}
.scrollimg-item .text-out-box .text-info-box.hcenter{left:50%;transform:translateY(-50%);}
.scrollimg-item .text-out-box .text-info-box.vcenter.hcenter{left:50%;top:50%;transform:translate(-50%,-50%);}


 
/*search*/
.section-search{padding:50px 0;}
.section-search .search-head{font-size:18px;margin-bottom:30px;}  
.searchlist li{padding:0 15px;margin-bottom:30px;}
.searchlist li .box{position: relative;display:block; border:1px solid #ccc;cursor:default;}
.searchlist li .box.link{cursor:pointer;}
.searchlist li .box .cont{ padding:10px 15px;}
.searchlist li .box .cont h3{font-size: 18px;font-family: "JostBold";line-height: 30px;}
.searchlist li .box .cont p{ line-height: 24px;height: 48px;overflow: hidden;}

.floatBox{width:40px;position:fixed;right: 5px;bottom: 20%;z-index: 999;}
.floatBox .item {width: 40px;height: 40px;margin-bottom: 5px;background-color: rgba(0,0,0,0.5);cursor: pointer;display: flex; align-items: center;justify-content: center;}
.floatBox .item i{color:#fff;font-size: 32px;}

@media (min-width:768px) {  
	  
}

@media (min-width:992px) {   
    .product-list li:nth-of-type(3n+1) {
        border-left: 1px solid #ccc;
    }
	.product-list li:nth-of-type(-n+3) {
		border-top: 1px solid #ccc;
	}

}

@media (min-width:1200px) { 
	 
} 
   
@media (min-width:1440px) {  
	  
} 
@media (max-width:1199px) {  
	  
}
  
@media(max-width:991px){ 
	.product-list li:nth-of-type(2n+1){border-left:1px solid #ccc;}
	.product-list li:nth-of-type(-n+2) {border-top: 1px solid #ccc;}
	.section-about .company{display: block;}
	 .section-about .company .title{width: 100%;font-size: 40px;margin-bottom: 20px;}
	 .section-about .company .cont .tit{border-left:none;padding-left: 0;font-size: 20px;line-height:26px;}
	 .section-about .company .cont .txt{padding-left:0;font-size: 16px;}
	 .section-about .advantage .text h3{ font-size: 20px; }
	 .strength-list li .box{display: block;}
	 .strength-list li .img{width: 100%;}
	 .strength-list li .cont{padding:15px;}
	 .strength-list li .cont .tit{font-size: 18px;margin-bottom:10px;}
	 .strength-list li .cont .txt{margin-bottom: 20px;}
	 .product-show .product-body .u-content{overflow-x: auto;}
	 .product-show .product-body .u-content table{min-width: 800px;}
}

@media(max-width:767px){  
	.menubox{padding:30px 0;}
	.menubox li{width: auto;line-height: 22px;padding:0;margin-right: 5px;}
	.menubox li a{padding:5px;}
	.menubox li i{display: none;}
	.section-product{padding: 30px 0;}
	.section-product .section-head h2{font-size: 24px;}
	.probanner img{min-height: 250px;object-fit: cover;}
	.probanner .probox{width: 100%;left:0;padding:20px;align-items: flex-end;text-align: right;}
	.probanner .probox h2{font-size: 20px;}
	.product-list .more{width: 200px;line-height:44px;font-size: 16px;margin-top:30px;}
	.section-download{margin-bottom: 30px;}
	.down-list{width: 100%;margin-left:0;padding-left:0;}
	.section-download>img{min-height: 400px;}
	.down-list .title{font-size:24px;line-height: 30px;margin-bottom: 20px;}
	 .down-list li{padding:10px 0;}
	 .nytop{bottom:10px;}
	 .nytop .title{padding-left: 10px;}
	 .nytop .title h2{font-size: 18px;}
	 .nytop .title p{font-size: 16px;}
	 .nytop .breadcrumb{display: none;}
	 .section-about,.section-contact{padding:30px 0;}
	 .section-about .company{display: block;}
	 .section-about .company .title{width: 100%;font-size: 36px;margin-bottom: 20px;}
	 .section-about .company .cont .tit{border-left:none;padding-left: 0;font-size: 18px;line-height:26px;}
	 .section-about .company .cont .txt{padding-left:0;font-size: 16px;}
	 .section-about .advantage{margin-top: 30px;}
	 .section-about .advantage ul{display: block;}
	 .section-about .advantage .text h3{font-size: 20px;}
	 .section-company .section-head{display: block;}
	 .section-company .section-head h2,.section-product .section-head h2{margin-bottom: 20px;font-size: 24px;}
	 .section-company .section-head .txt{border-left: none;padding-left: 0;}
	 .strength-list li .box{display: block;}
	 .strength-list li .img{width: 100%;}
	 .strength-list li .cont{padding:15px;}
	 .strength-list li .cont .tit{font-size: 18px;margin-bottom:10px;}
	 .strength-list li .cont .txt{margin-bottom: 20px;}
	 #GDMap{height: 400px;}
	 .section-product .section-head p{font-size: 16px;}

	.images-box ul{flex-direction: column;}
	.images-box li{margin:6px;}
}