body{font-size: 16px}
ul,li,h1,h2,h3,h4,h5,h6,p{list-style: none;padding:0px;margin: 0px;color:#333}
.w1600{width:1600px;margin: 0 auto;}
.positions{line-height: 40px}
a{ text-decoration:none; color:#000000 }
.cateinfo{ background-image: url('../images/product_bg.webp');background-size: cover;background-position: center; color:#666}
.cateinfo .info{ float:left;width:60%; line-height:24px; padding-top:20px }
.cateinfo .info h1{ line-height:60px;    font-size: 28px; }
.cateinfo .info h3{ line-height:40px;font-size: 20px; }
.cateinfo .prodhot{float: right;width: 40%; padding-top: 30px}
.cl{clear: both}
.cateinfo .xhx{ width:80%; border-top:2px #d4d4d4 solid; padding-top:20px; padding-bottom:20px; margin-top:20px }
.cateinfo .xhx h3{ padding-top:20px }
.cateinfo .buttom{ padding-top:40px; }
.cateinfo .buttom img{width: 120px; height: auto; margin-right: 30px;border-radius: 10px}
.prodhot ul li{width: 40%;float: left; margin:2% 5% 2% 5%; background:#fff; }
.prodhot ul li .box{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center; border-radius: 20px}
.prodhot ul li img{width:70%; margin: 0 auto;}
.prodhot ul li h2{ text-align:center; line-height:20px; font-size:16px; width:80%; margin: 0 auto; height:60px;font-weight：600}


.productlist{ padding-top:20px; padding-bottom:20px; }
.nums{font-weight: 600; line-height: 40px;color:#333}
.select { font-size:18px }
.select .bti{ float:left; background: url('../images/ico_10.jpg') right no-repeat; padding-right: 40px;background-size: 40%; line-height: 30px; font-weight: 600; font-size: 20px;color:#333}

.select .tj ul li div{ padding-left:15px; padding-right:30px; background: url('../images/jtx.jpg') right no-repeat;background-size: 25%; }

.lists{ padding-bottom:30px;position: relative;}
.lists ul li{float: left;width: 23.5%;margin-left:2%; text-align: center; padding-bottom: 20px; }
.lists ul li img{width: 100%; margin: 0 auto;}
.lists ul li .img{ background: #f7f7f7;}
.lists ul li .info{ }
.lists ul li .info h2{ text-align:left; font-size:16px; line-height:22px; height:64px; padding-bottom:10px; padding-top:10px;margin-bottom:10px;    font-weight: 600; }
.lists ul li:nth-child(4n+1){margin-left:0px;}
.lists ul li .info div.show{float: left; cursor:pointer;color: #333}
.lists ul li .info div.show:hover{color:#06437a}
.lists ul li .info div.datesheet{float: right;color: #333}
.lists ul li .info div.datesheet a{color:#333}
.lists ul li .info div.datesheet a:hover{color:#06437a}
.lists ul li .info a h2{color: #00000}

.canshu{ position:absolute; left:0px;background: #f7f7f7; text-align:left;  padding: 30px;display: none; width: 100%}
.canshu .scinfo{ padding-top:20px }
.canshu .desc{ line-height:30px; padding-top:15px }
.canshu .scinfo div{float: left;width: 40%;}
.canshu .scinfo div p{line-height: 30px}
.cur{display: block;}

@media (max-width:1680px ) {

	.w1600{width: 1200px;}
	
}
@media (max-width:1400px ) {

	.w1600{width: 1200px;}
	
}

@media (max-width:1200px ) {
	.w1600{width:98%; padding: 1px;}
}

@media (max-width:1200px ) {
.w1600{width:99%; margin:  0 auto;}
.cateinfo .info{width: 100%}
.cateinfo .xhx{width: 100%}
.cateinfo .prodhot{width: 100%}
.select .tj ul li{ margin-bottom:20px }
.tj{float: none;display: grid}
.lists ul li{width:46%; margin: 2%}
.lists ul li .info div.show{display: none}
.lists ul li .info div.datesheet{float: left}
}