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

header {
    height: 60px;position: fixed;
    z-index: 9;left: 0;right: 0;top: 0;
}
  header .container{
    height: 100%;
}
  .top_r{
    display: block;
    width: 30px;
    float: right;
    position: relative;
    top: 50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    z-index: 5;margin-right: 0px;
  }
  header .logo{
    float: left;
    margin-top: 0px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    text-align: center;height: 50%;z-index: -1;
  }
  header .logo img{
    height: 100%;
    width: auto;display: inline-block;
  }



/*导航*/
.ys_phnav_icon{
  display: inline-block;
  float: right;
}
header .menu .item.on:before{
  display: none;
}

.mb{
  content: '';
  background: rgba(0, 0, 0, .5);
  position: fixed;left: 0;right: 0;top:0;bottom: 0;
  z-index: 9;
}

header .menu{
  margin-left: 0px;
  position:fixed;
  bottom: 0;
  left: 0px;
  top: 60px;
  width: 50%;
  height:calc( 100% - 60px);
  background-color:#20343E;
  overflow-x: hidden;
  overflow-y: auto;
  -moz-transform: translateX(-101%);
  -ms-transform: translateX(-101%);
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-overflow-scrolling: touch;
  z-index: 1000;
  -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
  -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
  -ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);
  -o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
  transition: all .5s cubic-bezier(.25, .46, .45, .94);
  margin-top: 0;
  background-image: none;

}
.menuOpen header{
  position: fixed;
  left: 0;right: 0;top: 0;
  z-index: 999;
}
.menuOpen .menu {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0%);
}
header .menu ul{
text-align: left;
 
}
.menuOpen header .menu li.item {
width: 90%;
text-align: left;
margin-left: 5%;padding: 3px 0;height: auto;
display: block;float: none;
border-bottom: 1px solid rgba(204, 204, 204,.2);
}
.menuOpen .menu li.item span{
  height: 35px;
  line-height: 35px;
  width: 100%;
  overflow: hidden;
  display: block;
 text-align: left;
  position: relative;

}

header .menu li.item:hover:after{display: none;}


.menu ul li .secNav{
visibility:visible;
transition:all 0ms ease-out 0ms;
position:static;
width: 100%;
padding: 10px  0;
height:auto;
display: none;
background: none;
transform:translate(0,0);
-webkit-transform:translate(0,0);
min-width: 100%;
margin-bottom: 10px;
overflow: hidden;

}
header .menu  ul .secNav.active{
  transform:translate(0%, 0px);
}


header .menu  ul .secNav p{
  position: relative;
  height: 40px;
  line-height: 40px;
  display: block;
  position: relative;
  width: 90%;
  text-align: left;
  margin-left: 5%;

}

header .menu  ul .secNav p a{
  color: #f4e7b9;font-size: 14px;
}
header .menu li.on  span{
  border: 0px;
}

header .menu li:hover  span{
  border: 0px;
}
header .customer{
display: none;
}
.titMax{
  margin-top: .3rem;
}
.titMax .en{
  font-size: .25rem;
}
.titMax .zhc{
  display: inline-block;font-size: .35rem;
  font-weight: bold;position: relative;
}
.titMax .xtit{
  font-size: .25rem;
  margin-top: .15rem;
}

.titMax .zhc::after{
  width: 30px;
  height: 30px;
}
.titMax .zhc::before{
  width: 30px;
  height: 30px;
}
.bannerHome{
  margin-top: 60px;
}
.bannerHome .swiper-slide img{
  width: 100%;
  height: auto;

}
.bg1{
  padding-bottom: .8rem;
}
.bg2{
  padding-bottom: .8rem;
}



.proDesc{
  font-size: 12px;
}
.proSort {
  margin-top: .35rem;
}
.proSort .col{
  box-shadow:0px 0px 10px 0px rgba(204, 204, 204,.6);
  width: calc((100% - 10px)/2);
  margin-right: 10px;
  padding: 10px 0;margin-top: .2rem;
}
.proSort .col:nth-child(2n){
  margin-right: 0;
}
.proSort .col  .img{
  text-align: center;
  height:auto;
}
.proSort .col  .title{
  font-size: .25rem;
  margin-top: 5px;
}
.proSort .col .desc{
  font-size: 12px;
  padding: 0   10px;
  margin-top: 15px;
} 
.proSort .col:hover{
 
  transform:translateY(-2%);
  -webkit-transform:translateY(-2%);
}
.case .col{
  width: calc((100% - 10px)/2);
  margin-right: 10px;
  background: #ffffff;
  padding: 10px;
  margin-top: 10px;
}
.case .col:nth-child(3){
  margin-right: 10px;
}
.case .col:nth-child(2n){
  margin-right: 0px;
}
.case .col .title{
  padding-bottom: 15px;
  font-size:.2rem;color: #333333;
}
.case .col .desc{
  display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
font-size: 12px;
  margin-top: 10px;height:80px;overflow: hidden;

}
.jiazhi .col{
  width:100%;
  margin-right: 0px;
  padding:10px 20px;
  margin-top: 20px;
  height: auto;
}
.jiazhi .col:nth-child(2n){
  margin-right: 0;
  background-image: url(../images/lbg1.png);
}
.jiazhi .hx{
  display: none;
}
.jiazhi .col .num{
font-size: .75rem;
}
.jiazhi .col .t1{
font-size: .35rem;
}
.jiazhi .col .t2{
  width: 123px;
  height: 5px;
  margin-top: 5px;
}
.jiazhi .col  .title2{
font-size: .24rem;margin-top: 10px;
}
.jiazhi .col .list li  a{
width: calc(100% - 5px);

}
.jiazhi .col .list li{
  line-height: 20px;padding-left: 15px;
}
.jiazhi .col .list li::after{

  left: 0;top: 0%;
  transform:translateY(7px);
  -webkit-transform:translateY(7px);
}
.fang .col{
  width: calc((100% - 20px)/2);
  margin-top: 20px;
  margin-right: 20px;
}
.fang .col:nth-child(3n){
  margin-right: 20px;
}
.fang .col:nth-child(2n){
  margin-right: 0px;
}
footer .mid{
  position: static;
  width: 100%;
  left: 20px;
  margin-bottom: 20px;
}
footer .nav{
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
footer .nav a {
  font-size: 12px;margin: 0;
}
footer .address  {
  font-size: 12px;
  margin-top: 20px;line-height: 1.5;
}
footer .left{
  border-right: 0;
  padding-right: 30px;
}
footer .left .logo{
  max-width: 100px;
}
footer .left .tel{

  font-size: 12px;
  margin-top: 5px;
}


footer .right{
  float: right;width: calc(100% - 200px);
}
footer .right .code{
 width: calc((100% - 10px)/2); 
 margin-right: 10px;
float: left;font-size: 12px;
}



}