@media screen and (max-width: 1200px) {
   
    header .menu li.item{
        display: inline-block;
        padding: 0 .15rem;
    }
    html{font-size: 90px!important;}
}
@media screen and (max-width: 1180px) {
   .wrap{
    display: inline-block !important;
   }
   .pc{
    display: none !important;
   }
   header {
    background: #ffffff;
   }
   header .tel{
    display: none;
   }
   header .menu{
    position: fixed;
    background: rgba(0, 0, 0,.8);
    left: 0;right: 0;top: 0;bottom: 0;
    z-index: 10;width: 100%;
    z-index: 10;margin-top: 0;visibility:hidden;
    transform:translateX(100%);
    -webkit-transform:translateX(100%);
    -webkit-transition:all .5s; -moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s
   }
   .menuOpen header::after{
    content: '';
    position: absolute;
    height: 4px;
    width: 100%; background: #00923f;
    top: 0;left: 0;
   }


    .menuOpen .menu{
        visibility:visible;
        transform:translateX(0%);
        -webkit-transform:translateX(0%);
    }

    .menuOpen .menu ul{
        margin-top: 140px;
        width: 90%;
        margin-left: 5%;
    }

    .menuOpen header .menu li.item{
        margin-right: 0;
        width: 13.5%;
    }

    .menuOpen header .menu li.item:hover{
        background:none;
      }
    .menuOpen  header .menu li.item:after{display: none;}
      header .menu li.item:hover .title  a{
        color: #ffffff ;
      }
      
      header .menu li.item .title  a{
        color: #ffffff !important;
      }
      


    
   .searchBox{
    display: inline-block;
   }
   .top_r{
    display: block;
    width: 100px;height: 100%;
    float: right;
    background: #00923f;
    text-align: center;
   }
   .top_r .menu-handler{
    position: relative;
    top: 41%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    width: 40px;
    display: inline-block;
   }
   
   header .logo{
    width: calc(100%  - 250px);
    text-align: center;z-index: 99;
  }
  header .logo img{
 
  }

  footer{
    display: none;
  }
  .footAddress .tit{
    display: none;
  }
  .footAddress .list{
    width: 100%;
  }

  .footAddress .list li:nth-child(1){
    padding: 0 15px;
  }
  .footAddress .list li:nth-child(2){
    padding: 0 15px;
  }
  
  .footAddress .list li:nth-child(3){
    padding: 0 15px;
  }


  
.bg-1{
  margin-top: 30px;
  padding-bottom: 50px;
   border-radius: 0 0  10% 10%;
}
.bg-1::after{
border-radius: 0 0  10% 10%;
}

.bg-2 .list{
position: static;
width: 100%;
margin-bottom: 30px;
}

.bg-2 .list .box{
position: relative;
background: rgba(255,255,255,1);
border-radius: 5px;
padding-top: 20px;
padding-bottom: 20px;
}

.bg-2 {

margin-top:50px;
}

.bg-2 .list.b2{
margin-left: 0px;
}
.bg-2 .list .box::after{
display: none;
}


.bg-2 .list .box b{
width: 0;height: 0;border-width:10px;
border-style: solid dashed dashed;
border-color: rgba(255,255,255,1) transparent transparent;
position: absolute;bottom: 0;
left: 50%;
margin-left: -10px;
margin-bottom: -20px;
}

  


}





@media screen and (max-width: 768px) {
    body{
        padding-top: 100px;
    }
header{
     height: 100px;
      
 }
header.on{
    border: 0;
}
 header .container{
    width: 100%;
 }
 .proList li .img{
    width: 40%;
 }
 .proList li .box{
    width: 60%;
 }
 .proList li .img span{
    width: 90%;
    margin-left: 5%;
  }
  .proList li .img span img{
    width: 100%;height: auto;
  }
  .bannerHome{

  }
  .bannerHome .swiper-slide .box h3{
    margin-top: 20%;
    font-size: .3rem;
  }
  
  .bannerHome .swiper-slide .box p{
    font-size: .2rem;

  }

  header .menu{
    position: fixed;
    background:#00923f;
    left: 0;right: 0;top: 0;bottom: 0;
    z-index: 10;width: 100%;
    z-index: 10;margin-top: 100px;visibility:hidden;
    transform:translateX(100%);
    -webkit-transform:translateX(100%);
    -webkit-transition:all .5s; -moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s
   }
   
   
.menuOpen .menu ul{
        margin-top: 20px;
        width: 90%;
        margin-left: 5%;
}
   .menuOpen header .menu li.item{
        margin-right: 0;
        width: 100%;
       
    }
header .menu li.item .title{
  height: 55px;
  line-height: 55px;
}
 header .menu li.item .title a{
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
}  
   
.local{
  height: 60px;
  background: #FFFFFF;
  margin:0 auto;
  margin-top: 20px;
  max-width:1200px;width: 100%;
}   
   
   
   
.linkBg{
  display: none;
}

.footAddress{
  height: auto;
  padding: 15px 0;
  overflow: hidden;
}
.footAddress .list{
  width:100%;
  top: 0%;
  transform:translateY(0%);
  -webkit-transform:translateY(0%);
  margin-bottom: 20px;
}
.footAddress .list li{
  float: none;
  margin-top: 20px;
}

.footAddress .list li:nth-child(1){
  width: 100%;
}
.footAddress .list li:nth-child(2){
  width: 100%;
}

.footAddress .list li:nth-child(3){
  width: 100%;
}









.fuwu {
  margin-top: 30px;
}

.fuwu ul{
  width: 100%;
  float: left;
}

.fuwu .desc h3{
  font-size: 40px;
  margin-top: 20px;
}

.fuwu .desc .title{
  font-size:18px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  margin-top: 10px;
}

.friend li{
  float: left;
  position: relative;
  width: calc((100% -2px )/2);
  border-bottom: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
}


.about{
    background: #f6f6f6;height: auto;padding-bottom: 40px;
}

.about .swiper-slide {
  height: auto;
}
.about .swiper-slide img{

  height: auto;

}
.about .swiper-slide .box{
  position: static;

}
.aboutBox .con{
  width: 100%;
  margin: 0 auto;
}
.aboutBox{
  width: 100%;
  height: auto;
  background:none;
  float: right;
  position: relative;
  top: 0%;
  transform:translateY(0%);
  -webkit-transform:translateY(0%);
}
.about .swiper-pagination{
    display: none;
}


.aboutBox .nav a{

  font-size: .15rem;

}

.newsRight{
  float: right;
  width: 100%;
  margin-top: 0px;height: auto;
}


.newsRight .row {
  float: left;width: calc((100% - 20px)/3);
  margin-right: 10px;margin-bottom: 10px;
}
.newsRight .row:nth-child(3){
    margin-right: 0;
}

.newsRight .row img{
  width: 100%;height:68px;
  display: block;
}

.newsRight .row a{

  line-height: 68px;font-size: 14px;
 
}



.newsLeft{
 width: 100%;margin-top: 0px;height: auto;padding-bottom: 20px;
}

.newsMid{
  float: left;
  width:100%;
  margin-left: 0px;  margin-top: 30px;
}

.newsLeft .img img{
  width: 100%;
  height: 150px;
}



.aboutBoxT{
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 70px;
}
.aboutBoxT .img{
  float: none;
  width: 100%;
}
.aboutBoxT .img img{
  max-width: 100%;
}
.aboutBoxT .box{
  float: none;
  width: 100%;display: none;
}


.bigImg{
  width: 80%;
  height: auto;

  text-align: center;
  float: left;
  margin-left: 10%;
}

.proBox{
  float: left;
  width: 100%;
  margin-top: 30px;
}
.proBox .title{
  font-size: .24rem;

line-height: .66rem;
}
.proBox .title2{
  font-size: .18rem;
line-height: .66rem;
}
 .proCon{
  margin-top: .1rem;
  overflow: hidden;
}
.proCon li{
  overflow: hidden;
  margin-top: .5rem

}
.proCon .tit{
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
 .proCon .desc{
  float: right;width:100%;
  font-size: 14px;
  padding-bottom: 20px;margin-top: 20px;
}
.xwzx{
  float: left;width: 100%;
}

.xgcp{
  float: right;
  width: 100%;
  margin-top: 50px;
}



.nextPage{

  height: auto;line-height:45px;overflow:hidden;
  padding-bottom: 15px;
}

.nextPage .pre{
  float: left;
  margin-left: 15px;
  width: calc(100% - 15px);
}
.nextPage .next{
  float: left;
  margin-left: 15px;
  width: calc(100% - 15px);
}
.back a{
  width: 150px;
  height: 45px;
  position: static;
  line-height: 45px;
  margin-left: 15px;
}
.xwzx ul li{
  height: auto;padding-bottom: 10px;
}

.xwzx ul li .title a{

  float: left;width: 60%;
}
.xwzx ul li .desc{
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.wraps{
    display: block !important;
}
.proTab li{


  margin-right: 5px;margin-left: 5px;
}
.backList{
    display: none;
} 

.conBox{

  width:100%;
}
.newsBox{
  margin-top: 30px;
  margin-bottom: 50px;
}
.conBox .date{
  font-size: .14rem;

}

.nextPage-2 a:nth-child(1){
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.nextPage-2 a:nth-child(2){
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.rightNews{
  float: right;
  width: 100%;margin-top: 20px;
}

.newsList li{
  padding: 20px 15px;

}

.newsList li .img{
  display: none;
}
.newsList li .box{
  width: 74%;
  margin-left:0%;
  height: auto;
}
.newsList li .date{
  width: 20%;
  height: auto;

}
.newsList li .box .con{
  top: 0%;
transform:translateY(0%);
-webkit-transform:translateY(0%);
}

.newsList li .date .year{
  top: 0%;
transform:translateY(0%);
-webkit-transform:translateY(0%);
}
.newsList li .box .title{
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.newsList li .box .title a{
  font-size: .2rem;

}

.newsList li .box .con .desc{
  line-height: 1.6;

}


.contact-f .col{
  float: left;
  width: 50%;
  position: relative;
  height: auto;
  padding: 0 3%;
}
.contact-f .col:nth-child(2)::after{
 display: none;
}

.contact-f .col:nth-child(3){
  display: none;
}

.contact-f .col h3{
  font-size: .3rem;

}
.contact-f .col .desc{
  font-size: .15rem;

}
.contact-f .col:nth-child(2){
    padding-left: 25px;padding-right: 0;
}


 
}

@media screen and (max-width:540px){
    .searchBox{
        height: 100%;
        width: 18%;
    }
    .top_r{
        display: block;
        width: 18%;height: 100%;
        float: right;
        background: #00923f;
        text-align: center;
    }
      .top_r .menu-handler{
    position: relative;
    top: 41%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    width: 30px;
    display: inline-block;
   }
    
    
    
    header .logo{
        width: 64%;
        text-align: center;z-index: 99;
    }
    header .logo img{
        max-width: 60%;
    }
    
        
    .titMax{
      margin-top: 40px;
    }

    
    .titMax h3{
        font-size: .3rem;
        font-weight: bold;
        color: #333333;
    }
    .titMax p{
        font-size: .14rem;
    
    }

    .proList li{
    height: auto;
    }
    .proList li .img{
    width: 100%;height: auto;
    margin-top: 15px;
    }
    .proList li .img span{
    display: inline-block;
    top: 0%;
    transform:translateY(0%);
    -webkit-transform:translateY(0%);
     position: relative;
     overflow: hidden;
    height: 180px;
  
    }
     .proList li .img span img{
        width: 100%;height: 170px;
    }
  .proList li .box{
    width: 92%;margin-left: 4%;
    top: 0%;
    transform:translateY(0%);
    -webkit-transform:translateY(0%);
  }

  .proList li .box .title{
    font-size: .16rem;
    font-weight: bold;
    color: #00923F;
    height: .55rem;
  }
  .proList li .box .desc{
    display: none;
  }
  
 .copyright{
    padding: 35px 15px;line-height: 1.5;
    font-size: 12px;
    }
    
.footAddress .list li .desc p:nth-child(2){
  font-size: 14px;

}

.newsLeft .con .desc{

  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

 .rvcImg .swiper-container{
  width:calc(100% - 80px);
  margin: 0 auto;

}


.rvcImg  .swiper-button-next{

  width: 20px;
  height: 40px;
  background:url("../images/ico-next.png")  center center  no-repeat;
 background-size: 100% 100%;
}

.rvcImg  .swiper-button-prev{
  width: 20px;
  height: 40px;
    background:url("../images/ico-pre.png")  center center  no-repeat;
 background-size: 100% 100%;
}

.ktop{
    display: none;
}
.aboutPic li{
  float: left;
  width: calc((100% - 20px)/2);
  border: 1px solid #E3E3E3;
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;background: #ffffff;
}

.aboutPic li:nth-child(2n){
  margin-right: 0;
}
.aboutPic li .img img{
 height: 100px;

}
.aboutPic li .title a{
  font-size: 12px;
  font-weight: 400;
  color: #333333;
}
.proTab{
    display: none;
}

.proList-2 li{
  float: left;
  width: calc((100% - 20px)/2);

  margin-right: 20px;
  margin-bottom: 20px;
}

.proList-2 li:nth-child(2n){
  margin-right: 0;
}

.page span{
  font-size: 12px;

}

.page a{
  font-size: 12px;

}


.projectList li{
  float: left;
  width: calc((100% - 20px)/2);

  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.projectList li:nth-child(3n){
  margin-right: 20px;
}
.projectList li:nth-child(2n){
  margin-right: 0;
}
.projectList li .img{
  height:220px;
  text-align: center;background: #ffffff;
}
.projectList li .img img{
  width: 100%;height: 180px;
 
}
.gsjj .left{
  float: none;
  width: 100%;margin-top:40px;
}
.gsjj .right{
    display: none;
}
.yizhan {
  width: 100%;
  margin-left: 0%;margin-top: 40px;
}

.bg-4{
  height: 300px;
  background-image: url(../images/bg-3.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto  40%;
  position: relative;overflow: hidden;
  margin-top: 0px;
  margin-bottom: 30px;
}
.yizhan.two{
  margin-top:60px;
}
.wyBg{
  height: auto;padding-bottom: 20px;
}
.baoList li{
  display: inline-block;
  float: left;width: 100px;
  margin-right: calc((100% - 300px)/2);
  text-align: center;margin-bottom: 20px;
}
.baoList li .img{
  width: 100px;height: 117px;
  background-image: url(../images/bg-4.png);
  background-repeat: no-repeat;background-size: contain;
  display: flex;align-items: center;justify-content: center;
}
.baoList li:nth-child(3n){
  margin-right: 0;
}

.baoList li:nth-child(4){
  margin-left:calc((100% - 200px)/3);margin-right: 0;
}
.baoList li:nth-child(5){
  margin-left:calc((100% - 200px)/3);margin-right: 0;
}

.baoList li p{
  font-size: .16rem;
}



.gsjj .left .title h3{
  font-size: .28rem;
}

.gsjj .left .title p{
  font-size: .18rem;

}

.gsjj .left .desc{
  font-size: .16rem;
} 

.gsjj .tel h3{
  font-size: .23rem;

}
.gsjj .tel p{
  font-size: .24rem;
  margin-top: 7px;

}


.titMax-2 h3{
  font-size: .41rem;

}
.othBanner{
  height:2.6rem;
}
.othBanner img{
  height:2.6rem;
}
.titMax-2 p{
  font-size: .26rem;

}
.local i{
  margin-left: 0px;
  margin-right: 10px;
}

.titMax-3 h3{
  font-size: .32rem;

}

.titMax-3 p{
  font-size: .18rem;

}

.yizhan li .img{

  width: .6rem;height: .6rem;

}

.bg-4::after{
  content: '';
  background-image: url(../images/ico-jt.png);
  position: absolute;width: 17px;height: 17px;
  background-size: contain;
  right: -1px;top: 45%;
 
}
.contactBg .title{

  font-size: .18rem;

}



}





@media screen and (max-width:480px){
    html{font-size: 80px!important;}
    }
@media screen and (max-width:375px){
    html{font-size: 75px!important;}
    }
@media screen and (max-width:360px){
    html{font-size: 70px!important;}
}
@media screen and (max-width:320px){
  
}
    

@media screen and (max-width: 768px) {
  .banner-page {display: none;}
}