@charset "utf-8";
@media screen and (min-width:1024px) {
.subnav{ position: relative; width: 1024px; margin: 0px auto;  background-color: #dd1201; height: 30px; line-height: 30px; }
.inner{ width: 1024px; margin: 0px auto;}
.pbanner img{  width: 100%; background-position: center top;}
}
@media screen and (max-width:1023px) {
.subnav{ position: relative; width: 100%; margin: 0px auto;  background-color: #dd1201; height: 30px; line-height: 30px; }
.inner{ width: 100%; margin: 0px auto;}
.page{ padding: 7% 0px; width: 86%; margin: 0px auto;}
.productlist{ width: 100%; overflow: hidden;}
.productlist ul{ width: 100%;}
.productlist li{ float: left; display: block; width: 30%; max-height: 290px;padding-right:3%; overflow:hidden;}
.productlist li a{ display: block; width: 100%;}
.productlist li .img{ width: 98%;   overflow: hidden; border: 2px solid #d0d6cd; margin: 0px auto;}
.nav li{ width: 90px;}
.pbanner img{  width: 100%; background-position: center top;}
.foot .inner{ padding:45px 5%; width:90%; margin: 0px auto; color: #949699;}
.pagec img{width: 100%;}
}
@media screen and (max-width:780px) {
.productibox li{ float: left; display: block; width: 50%;max-width:390px;margin-top:20px; overflow: hidden; background-color: #fff;}
.productibox .img{  width: 100%; position: relative; overflow: hidden;}
.productibox .img .png{ background: url(../img/black.png) repeat; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: none;} 
.productibox .txt{ height: 90px; position: relative;}
.latest{ width: 80%; margin: 0px auto; height: 188px; position: relative; overflow: hidden;}
.latest .txt{display: none;}
.productlist li{ float: left; display: block; width: 30%; max-height: 240px;padding-right:3%; overflow:hidden;}
.top .nav{ float: right; display: block;}
.nav li{ width: 80px;}
.logo img{width: 120px;}
}
@media screen and (max-width:641px) {
.top .nav{ float: right; display: block;}
.logo{width: 15%}
.logo img{max-width: 120px;}
.nav li{ width: 60px;}
.productlist li{ max-height: 180px;} 

}
@media screen and (max-width:481px) {
.top .nav{ float: left; display: block;width: 100%;}
.top .logo{width: 25%;margin-top: -32px;}
.nav li.lin1{display: none;}
.logo img{width: 100%;}
.nav li{ width: 20%;}
.productlist li{ max-height: 150px;}

 
}