﻿.wap-con4-banner,.wap-con4-youshi{ display: none;margin-bottom:20px}
.con4-fx{ display: block;}

.wap-ul{position: fixed;top:50px;right:0; background: #fff;transition: all 0.5s;height:100%;width:0px;z-index:99 }
.wapact{width:150px;}
.wap-ul li a{display: block;height:40px;line-height:40px;border-bottom:1px solid #ddd;width:100%;text-align: center;}
@media screen and (min-width:200px)  and  (max-width:1200px)  {
    .wap-topheader{ display: block;} 
    .headerborder{display: none;}
    
    .zw{display: none;}
    .wap-prodetails{ display: block;border: 1px solid #ddd;}
    .pro-list-pic{ display: none;}
    img{width:100%}
    .banner{    margin-top: 65px;}
    .wap-con4-banner,.wap-con4-youshi{ display: block;}
    
    .con4-fx{ display: none;}
    .con1{margin-top:0}
    
    .header{ display: none;}
    .wap-header{ display: flex; overflow: hidden;/*margin-top:-2px;*/height: 60px;
    justify-content: space-between;
    align-items: center;}
    .wap-logo img {width:117px;margin-left: 15px;}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px}
    /*头部+banner*/
    .con1-search .hot{display: none;}
    .con1-search .search{width:100%;margin:0 auto;float:none}
    .con1-search .search form{ overflow: hidden;zoom:1}
    .con1-search .search form input{width:80%; background:none;color:#fff;border:none;float:left;height:50px;line-height:50px;}
    .con1-search .search form .submit{float:left;width:17%;height:50px; text-align: center;line-height:50px;padding-left:0; background: #279A33;color:#fff;text-align: center;border:none;}

    .con1-search{height:50px;line-height:50px;padding:0}
    /*热门搜索*/
    .con1-list ul li{width:48%;margin:1%}
    .con1-list ul li h2{line-height:60px;font-size:18px;}
    .con1-list ul li div{width:80%;margin:0 auto;height:80%}
    .con1-list ul li p{width:100%;margin:10px auto;font-size:14px;line-height:28px}
    /*涂料生意...*/
    .con3-fx{width:98%;margin:0 auto}
    
    .con2-h1,.con3-h1{margin:10px auto}
    .con2-content{padding:10px 0}
    .con2bg{padding-bottom:30px;}
    .con2-content{ background-size:auto;margin-top:30%;}
    .con2-left,.con2-right,.con2-left1,.con2-right1{float:none;width:95%}
    .con2bg{ position: relative;min-height:540px;width:100%;padding:0}
    .con2-right,.con2-right1{ position: absolute;top:0;left:2.5%}
    .con2-left,.con2-left1{ position: absolute;bottom:0%;left:2.5%}
    .con2-right p, .con2-right1 p{font-size: 13px;}
    .con2-left img,.con2-left1 img{width:320px;margin:0 auto;display: block;}
    .con2-right,.con2-right1{padding-top:10px;text-align: center;}
    .con2-right p{margin-top:10px}
    .con2-right a,.con2-right1 a{margin:10px auto 0 auto;}
    .con2-list li{float:left;width:31.3%; background: #279A33;height:40px;line-height:40px;margin:1%;text-align: center;color:#fff}
    .con2-list li.addclass{ background: #FFA202;}
    .con2-list li span{ display: block;font-size:14px;color:#fff;font-weight:bold;width:100%;text-align: center;}
    .con2-list li span:nth-child(1){display: none;}
    .con2-list li span:nth-child(2){margin-top:0;}
    
    .con2-list li img{ display: none;}
    .con2{ position: relative;}
    
    .con2-list{margin:0;width:95%;margin:0 auto}
    
    h2 img{width:97%;margin:0 auto;display: block;}
    /*专用翻新...*/
    
    
    .con4-h1,.con6,.con10{margin:20px 0;padding:20px 0}
    
    .con5_fl,.con5_fr{float:none;max-width:100%;}
    .con5_fl{margin-right:0;background: #FFA202;}
    .con5_fl h2{height:70px;margin:0 auto;}
    .con5_fl .ctitle1{border-top: 1px solid #fff;}
    .con5_fl .ctitle1{padding-bottom:0}
    
    .con5_product li{width:99%;margin:0.5%}
    .con5_product li .con5-prowz{font-size:14px;height:45px;line-height:45px}
    
    .ctitle1 li p a{font-size:16px;height:40px;line-height:40px;}
    .case_fr .xiazai li a,.case_fr .xiazai li{height:50px;line-height:50px;}
    .ctitle1 li .ctitle2 li p a{font-size:14px}
    .con9-h1,.con7-h1,.con11-h1,.con1-h1{margin:10px auto}
    
    .con7-product li,.con9-product li,.con11-product li{width:48%;margin:1%}
    .con12-h1{margin:10px auto;padding:0}

    .con12-about-fl,.con12-about-fr{float:none;width:100%}
    .con12-about-fr h3{margin-top:20px}
    .con12-more{margin:0 auto}
    .con12-honor{overflow: auto;}
    .con12-honor-fl{width:100%;height:135px}
    .con12-honor-fl dl dt{margin-top:0px;padding-top:20px}
    .conzz-honor{position:static;transform:rotate(90deg);margin:-15px auto}
    .con12-honor-fr ul li{width:48%;margin:1%;padding:0.5%;box-sizing: border-box;height:auto}
    .con12-honor-fr{margin:12% auto 0 auto;width:94%}
    .con12-honor-fr,.con12-honor-fl{float:none}
    
    .con13-news-time,.con13-news-img,.con13-news-p,.con13-news-time,.con13-news-a{float:none;text-align: center;width:100%;height:auto;margin:10px 0;padding:0}
    .con13-news ul li{height:auto;width:95%;margin:10px auto}
    .news_fr .con13-news-p{width:100%}
    .con13-news-time span,.con13-news-time b{display: inline-block;}

    .con13 .con13-news ul li:before{transition:all 0.6s;content: ''; background: #279A33;width:0px;height:152px; position: absolute;top:0;left:0;z-index:-1}
    .con13 .con13-news ul li:hover:before{width:0}
    .con13 .con13-news ul li:hover{ background:#fff;color:#333}
    .con13 .con13-news ul li:hover b{color:#333}
    .con13 .con13-news ul li:hover span{color:#333}
    
    .con12-honor-fr div li{width:93%;height: auto;}
    
    .footer{padding:0}
    .footer .footer-con dl{width:90%;margin:0 auto;padding:0;line-height:30px;text-align: center;float:none}
    .footer .footer-con dl:nth-child(1) img{display: none;}
     .footer-con dl:nth-child(2){ display: none;}
    .footer-con dl:nth-child(3), .footer-con dl:nth-child(4){float:left;width:50%;text-align: center;}
    .footer-con dl:nth-child(5){float:none}
    
    .fb-width{width:100%}
    .fb-width span:nth-child(1),.fb-width span:nth-child(2){float:none;text-align: center;display: block;width:100%}
    .footer-bbb{line-height:20px;height:auto;padding:10px 0}
    /*首页样式*/
    
    /*.neibanner .swiper-slide,.banner .swiper-slide{min-height:300px; background-size:180%}*/
    .product_fl,.product_fr{float:none;max-width:100%;}
    .product_fl{margin-right:0;background: #FFA202;}
    .product_fl h2{width: 100%;}
    .product_fl .ctitle1{border-top: 1px solid #fff;}
    .product_fl .ctitle1{padding-bottom:0}
    
    .product_fr li{width:48%;margin:1%}
    .product_fr li .con5-prowz{font-size:14px;height:45px;line-height:45px}
    .product_fr li:nth-child(3n){margin-right:1%}
    /*内页样式*/
    .ctitle1 li p a, #prolist-bg .ctitle1 li p a, .ctitle1 li p a{font-size:16px;height:50px;line-height:50px;}
    #prolist-bg .ctitle1 li .ctitle2 li p a{font-size:14px;}
    .ctitle1 li .ctitle2{ background:#f5f5f5;    position: relative;width: 100%;left: 0px;}
    #prolist-bg .ctitle1 li .ctitle2 li p a{margin-left:0}
    .ctitle1 li p a{padding:0 5px}
    .ctitle1 li .ctitle2 li{float:none;width:100%}
    #prolist-bg .ctitle1 li{text-align: left;}
    .pro-righth1{margin:20px 0}
    .wap_con5{display: block;}
    .con5_content{ display: none;}
    .wap-product-ul{ overflow: hidden;zoom:1}
    .wap-product-ul li{float:left;width:48%;margin:1%;background: #F08118;color:#fff;height:50px;line-height:50px;text-align: center;}
    .wsn1{position: relative; overflow: hidden;width:100%;margin-bottom: 15px;}
    .wap-product ul{ overflow: hidden;}
    .wap-product ul li{width:48%;margin:1%;float:left}
    .wap-product .con5-proimg{width:100%}
    .wap-product .con5-prowz{width:100%; background: #DDDDDD;height:50px;line-height:50px;text-align: center;font-size:14px;margin-bottom:10px;padding: 0 10px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
    .wap-product-ul .wapactivep{ background: #279A33;}
    
    .wap-product ul{display: none;}
    .wap-product ul:nth-child(1){display: block;}
    .con7-product li:hover span:nth-child(2){height:40px}
    .con7-product li:hover span b:nth-child(1){margin-top:0;font-size:14px}
    .con9-product li:hover span:nth-child(2){height:40px}
    .con9-product li:hover span b:nth-child(1){margin-top:0;font-size:14px}
    .con11-product li span b{font-size:14px;}
    
    .footer-con dl:nth-child(5) dd a{margin:10px auto}
    
    .infor img{width:100%}
}

@media screen and (min-width:200px)  and  (max-width:1200px)  {
    .spec-scroll{ overflow: hidden;zoom;1}
    .ny-right .pro1 .pro-list-pic{width:330px;margin:0 auto;float:none;overflow: hidden;}
    .ny-right .descript1{width:95%;margin:30px auto 0;float:none}
    .detail{width:95%;margin:30px auto;}
    
    
    .case_fr ul li{width:48%;margin:0 auto}
    .case_fr ul li:nth-child(4n),.case_fr ul li{margin:1%;}
    .case_fr ul li:nth-child(3n){margin-right:none}
    .case_fr{width:100%;max-width:100%}
    .news_fr,.case_fr,.ny-right{width:98%;max-width:98%;margin:0 auto;float:none}
    .con11-product li span:nth-child(2){height:40px;line-height:40px;}
    
    .ctitle1{ overflow: hidden;zoom:1}
    .ctitle1 li{width:100%;float:left;text-align: center;}
    .pro-righth1 { width: 98%;padding-left: 2%;}
    
    .connews-act:after{content: '';width:0; background:none;height:140px;display: block;position: absolute;top:0;left:0;z-index:-1;transition: all 0.6s;}
}

@media screen and (min-width:600px)  and  (max-width:1200px)  {
    .con2-list{ position: absolute;top:10%;left: 3%;}
    .product_fr li{width:48%}
    .news_fr,.case_fr,.ny-right,.product_fr{width:100%;max-width:100%}
    /*.neibanner .swiper-slide,.banner .swiper-slide{min-height:300px; background-size:130%}*/
}

@media screen and (min-width:200px)  and  (max-width:600px)  {
    .con2-list{ position: absolute;top:5%;left: 3%;}
    /*.neibanner .swiper-slide,.banner .swiper-slide{min-height:250px; background-size:180%}*/
}









