@charset "UTF-8";

@media (min-width:1200px) and (max-width:1600px){

}
@media (min-width:767px) and (max-width:1199px){
    .logo{width: 220px;margin-top: 30px;}
    .product-type{width: 200px;}
    .product-list{width: 750px;}
    .product-list li{width: 230px;margin: 0 10px 20px;}
    .zp-tit{ background: url("../images/arr-1.png") no-repeat 96% 15px;}
    .zp-slide .on{background: url("../images/arr-2.png") no-repeat 96% 15px;}
}
@media (min-width:767px) and (max-width:1023px){
    .product-type{display: none;}
    .qr-r{float: left;}
    .case-list li img{margin: 0 auto;}
    .zp-tit{ background: url("../images/arr-1.png") no-repeat 96% 15px;}
    .zp-slide .on{background: url("../images/arr-2.png") no-repeat 96% 15px;}
}
@media screen and (max-width: 767px){
    .logo{max-width: 80%;margin-top: 0;}
    .header{height: 60px;}
    .about-r h3{margin-bottom: 20px;margin-top: 20px;}
    .news-l{padding: 0 10px 0;}
    .news-r{padding: 0 10px 0;}
    .msg-form textarea{width: 100%;margin-top: 10px;}
    .msg-form input{margin-top: 10px;}
    .msg-form input[type=submit]{float: left;}
    .qr-r{float: left;padding-left: 15px;}
    .in-r{width: 100%;}
    .product-list2 li{margin: 0 auto 20px;float: none;}
    .product-list2 li img{margin: 0 auto;}
    .in-l{width: 100%;margin-bottom: 40px;}
    .in-l-nav li{width: 50%;float: left;}
    .case-list li img{margin: 0 auto;}
    .zp-detail{padding: 20px 10px;}
    .zp-tit{ background: url("../images/arr-1.png") no-repeat 94% 15px;}
    .zp-slide .on{background: url("../images/arr-2.png") no-repeat 94% 15px;}
    .news-list2 li{padding: 0 10px 10px;}
    .news-list2 li p{margin-bottom: 10px;}
    .msg-box{padding: 0 10px;}
}
@media screen and (max-width: 360px){

}