@media screen and (max-width: 1100px) {
body {font-size: 14px; line-height: 1.8;}
.pcshow{
  display: none;
}
.mshow{
  display: inline-block;
}
  header .container{width: 100%;}
  header .logo{
    margin-left: 20px;
  }
  
    .top_r{
      display: block;
      width: 30px;height: 100%;
      float: right; margin-right: 20px;

      text-align: center;
  }
  .top_r .menu-handler{
  position: relative;
  top: 41%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  width: 30px;
  display: inline-block;
  }
  .lang{
    display: none;
  }
  header .menu{z-index:1;
    position: fixed;
    width: 100%;
    left: 0%;
    background: #ffffff;
    height: 100%;overflow: hidden;
    top: 80px;
    transform:translateY(0%);
    -webkit-transform:translateY(0%);
    display: none;overflow-y: auto;

  }
  header .menu > ul >  li > span{
    line-height:50px;
    margin-left: 20px;

  }
  header .menu > ul >  li > span i{
    float: right;    margin-right: 20px; -webkit-transition:all .9s;transition:all .9s

  }
  header .menu > ul >  li > span i.active{
    transform:rotate(180deg); -ms-transform:rotate(180deg);
  }




  header .menu  .midMenu > ul > li{
    float: left;
    width: 100%;
    margin-bottom: 0px;
    padding: 0;
  
  }


  header .menu > ul >  li  .secNav{
    position: static;
    background: #f1f1f1;
    padding: 50px 0;border-top: 1px solid #f1f1f1;
    display: none;
  }




  header .menu > ul >  li{
    width:100%;
    margin-top: 10px;
    height: auto;  margin-left: 0;
   
  }

  .menuOpen .menu {
    display: block;

  }
  header .menu .leftMenu li a {
      font-size: 14px;
  }
  header .menu  .midMenu  ul li ul{
    display: none;
  }

.rvcImg {margin-top: 30px;}
.about{margin-top: 15px;}
.about .js{width:100%;}
.about .js p{line-height: 1.8; text-indent: 2em;font-size: 14px;}
.about .pic{float: right; width: 100%;}
.about-more{margin: 30px 0;}
.about-more a {font-size: 12px; border: 1px solid #e5e9ed; padding: 10px 20px;transition: all 0.6s;}
.about-more i {display: inline-block; padding-left: 8px; font-size: 12px; transform: rotate(-180deg);-ms-transform: rotate(-180deg);}
.about-more a:hover{border: none; background-color: #06599b; color: #fff;}

.app-banner{margin-top: 80px;position: relative; height: 230px;}
.app-banner.bg {background-position: center center;}
 .app-banner-inner .inner {padding-right: 0;}
 
 .fangan{padding: 30px 0; overflow: hidden;}
 .fangan ul{margin-top: 20px;}
 .fangan li{float: left; width: 100%;}
 .fangan li .box {padding: 10px 0;}
 
 .pright .con1 {padding:15px 2%;min-height: 100px;}
 .app-submenu {height: auto; padding: 5px 0;}
 .app-pro {padding-top: 20px;overflow: hidden;}
 .prlist .box {padding: 15px;}
 .prlist li {float: left;width: 100%;}
 .prlist {min-height: auto;}
 .pleft .sou {width: 100%;margin-top: 5%;margin-left: 0;margin-bottom: 2%;}
 .pright .product-list li {width: 100%;margin-right: 0;margin-bottom: 35px;}
 .pleft {overflow: hidden;padding-left: 0px;}
 
 .pright .newlist li .img {
     width: 55%;
     float: left;
 }
 .pright .newlist li .txt {
     float: right;
     width: 40%;
     padding-right: 3%;
 }
 .pright .newlist li h2 {font-size: 16px;line-height: 1.6; white-space: inherit; }
 .pright .newlist li p {display: none;}
 .pright .newlist li .more {display: none; }
 .pright .newshow h2 {padding: 0 3%;font-size: 20px;line-height: 30px;}
 .pright .newshow .ndetail_i span:nth-child(3) {display: none; }
 .pright .newshow .ndetail_c {padding: 20px 0;border-top: 1px #e0e0e0 solid;border-bottom: 1px #e0e0e0 solid;}
 .pright .ndetail_p {display: none;}
 
 .photo img{max-width: 100%; max-height: auto;}
 
 .liuyan .hang.first {margin-right: 0;}
 .liuyan .hang {float: left;width: 100%;height: 40px;line-height: 40px;margin-bottom: 20px;}
 .liuyan input#tj {float: left;width: 160px;margin-top: 15px;}
 .liuyan h3 {font-size: 16px; line-height: 1.6;margin-bottom: 20px;}
 .liuyan {padding: 0px 0 20px;}
 .photo figure {width: 50%;float: left;position: relative;margin: 0;}
 .photo figure .box {border: 1px #e0e0e0 solid;margin: 2%;}
 .photo h3 {text-align: center;padding-top: 10px;padding-bottom: 15px;font-size: 14px;}
 .joblist {min-height: 1px;padding-right: 15px;padding-left: 15px;margin-bottom: 20px;width: 100%;}
 .joblist dl dt h2 {font-size: 16px;color: #383838;}
}

@media(min-width:1025px){
.pleft .side-menu{ display:block !important;}
}
@media(max-width:1024px){
.pleft .side-other{ display:none;}
.wrapper-grey.chanpin {padding: 20px 0;overflow: hidden;}
.wrapper-grey.chanpin .pleft{width: 100%;}
.wrapper-grey.chanpin .pright{width: 100%; margin-top: 15px;}
.pleft .side-open_menu{ display:block; border:2px solid #06599b; padding:5px 10px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; color:#06599b; border-radius:0 0 5px 5px; position:relative; font-size: 14px;}
.pleft .side-open_menu::after{ position:absolute; content:''; border:6px solid transparent; border-top-color:#06599b; right:10px; top:50%; margin-top:-3px;}
.pleft .nav {padding-top: 0px; }
.pleft .side-menu{ display:none; padding-bottom:20px;}
.pleft .side-title{ display:none;}
.wrapper-grey {background: none;}
.pleft .side-menu > ul > li >a {font-size: 14px;line-height: 40px;}

.pro_top {margin-top: 30px;}
.pro_top .lf {width: 100%;float: none;}
.pro_top .rt {float: none;width: 100%; margin-top: 15px;}

.pro_info h1 {font-size: 20px;font-weight: 600;margin-bottom: 15px;}
.pro_info h3 {font-size: 18px;}

.stcky_box_content {margin: 0;padding: 15px 0;}
.stcky_box_content li {margin: 0px 10px;font-size: 16px;}
.product-footer .col-inner h3 {font-size: 18px;line-height: 36px;font-weight: 600;text-align: center;padding-bottom: 10px;padding-top: 20px;margin-bottom: 10px;}
.w1260 {max-width: 100%;margin: 0 auto;}
#section_2 table td {width: 50%;}
#section_2 tbody{width: 100%;}
#section_2 tbody tr{width: 100%;}
}

@media screen and (max-width: 768px) {
.container{
    width: 92%;
}
  
.H-lang_buy{
  display: none;
}
header .menu > ul >  li  .secNav{
    padding: .2rem 0;

}
header .menu  .leftMenu{
    width: 130px; min-height: auto;
}
header .menu  .midMenu{
    float: right;
    width: calc(100% - 170px);
}
header .menu  .midMenu ul{
    width: 100%;
    margin: 0 auto;
}
header .menu  .midMenu li{
  float: left;
  width: 50%;
  padding: 10px 0;
}
header .menu  .midMenu li a{
  font-size: 12px;
}
header .menu  .midMenu.pc{display: none;

}
header .menu  .midMenu  > ul  > li  h4 a{
  font-size: .16rem;
}
header.on{
    height: 80px;
}

header{
    height: 80px;
    position: fixed;
    left: 0;right: 0;top: 0;
    background: #ffffff;
    z-index: 10;
    -webkit-transition:all .5s; -moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s
}
header .logo{
    width: 35%;
}
  
header.on .logo img{
    width: 100%;
}
.Header-search-message{width:350px;}
.Header-search-wordsform input{margin-right: 0px;}
.bannerHome{margin-top: 80px;}
.bannerHome .swiper-button-prev i,.bannerHome .swiper-button-next i {font-size: 30px;}
.customer{
  display: none;
}
.rvcImg  .swiper-button-next{

  transform:translateX(0%);
  -webkit-transform:translateX(0%);

}

.rvcImg  .swiper-button-prev{

  transform:translateX(0%);
  -webkit-transform:translateX(0%);



}

.titMax {
  margin-top: .6rem;
}
.titMax h1{
  font-size: .35rem;
}

.titMax .more{
  background-repeat: no-repeat;
  padding-right: 1.5rem;
  color: #055a9d;font-size: .2rem;
  background-size: 50% auto;
  margin-top: .1rem;
}
.carousel{
width: 100%;  margin-top:.5rem;
}

.newsBox{
  float: left;
  width: 100%;
  margin-top:.2rem;
}


.newsBox li{
  margin-right: .3rem;
  margin-bottom: .3rem;
  background: #ffffff;
  height: auto;
  width: 100%;
  padding: .25rem;
}
.bgs{
   margin-top: .5rem;
  padding-bottom: .5rem;
}

.project{
  margin-top: .5rem;
}
.project .swiper-slide  .box{

  transform:translateY(-20%);
  -webkit-transform:translateY(-20%);
}
.footnav{display: none;}


footer .address{
  float: right;
  width: 100%;
  font-size: 16px;
  line-height: 2;
}
.titMax  .nav{
 width: 100%;
 margin-top: .2rem;
}
.titMax  .nav a{width:100%; float: left;
  margin-bottom: .1rem;
  margin-left: 0px;margin-right: .1rem; text-align: center;
}


 
}

@media screen and (max-width:540px){


  

}





@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){
  
}