@media (max-width: 500px) {
  html,
  body {
    font-size: 70%;
  }
  .banner img{
    height: 100%;
  }
  /* 页头样式 */
  .header .maxs .left img {

  width: 20rem;
  }
  .chax,.service-detail .left,.service-image{
    width: 100%;
    height: 100%;
  }
  .chax .search input{
    width: 50%;
     height: 3rem;
  }
  .zc-b{
    bottom:0;
    top:5rem;
    margin-left:0;
  }
  .chax{
     height: 5rem;
  }

  .chax{
    padding: 1rem;
  }
  .service-detail{
    flex-direction: column;
  }
  .chax .search input::placeholder{
    font-size: 1rem;
  }
  .about-us-text{
    padding-right: 0rem;
  }
  .about-us-text{
    height: 100%;
    margin-bottom: 2rem;
  }
  .btn{
    display:none;
          bottom: 3.875rem;
        right: 5.125rem;
  }
  .about-us-card{
    width: 100%;
  }
  .chax .search{
    height: 3rem;
  }
  .header .maxs .right .img,.header .maxs .right .line{
    display:none;
  }
 .header {
    padding: 0 0 0 1.5rem;
    height: 5rem;
    box-sizing: border-box;
  }
 .header .header-bot .logo {
    padding-right: 0;
  }
 .header .header-bot ul {
    display: none;
  }
 .header .header-bot .header-right {
    font-size: 1rem;
    margin-right: 0.3rem;
    
  }
  .banner {
    margin-top:5rem;
  }
 .header .header-bot .header-right .menu {
    display: block;
  }
 .header .header-bot .header-right .menu .menu-button .bar {
    width: 2.5rem;
    height: 0.375rem;
  }
 .header .header-bot .header-right .phone {
    width: 12rem;
  }
 .header .header-bot .header-right .phone .hot-line {
    font-size: 1rem;
  }
 .header .header-bot .header-right .phone .num {
    font-size: 0.7rem;
  }
   .info .maxs {
    flex-direction: column;
  }
  .dqaq-container li{
    width: 100%;
  }
  .tab-nav{
    overflow-x: auto;
  }
  .tab-nav li a{
    padding: 1rem;
  }
  .foot .foot-top{

    flex-direction: column;
  }
  .foot .foot-top .center ul li {
    width: calc(100% / 2);


}
.foot .foot-top .left{

  margin-bottom: 1rem;
  margin-right:0;
}

.gdwsjc .max {
  padding: 1rem;
  width: 100%;
}
.gdwsjc .max .info-box{
  flex-direction: column;
}
.gdwsjc .max .left,.gdwsjc .max .right,.dzjc li .imgs,.dzjc .ys .content .left {

  width: 100%;
}
.dzjc li .imgs{
  margin-bottom: 1rem;
}
.foot .foot-top{

  padding: 1rem;
}
.dzjc .ys{
    height: 100%;
    flex-direction: column;
    background-color: #009D41;
    padding: 1rem;
}
.dzjc .ys .title{

  display: flex;
}
.dzjc li a,.dzjc .ys .content{

flex-direction: column;
}
.dzjc li a{
  height: 100%;
      padding-top: 2.31rem;
    padding-bottom:0.19rem;
}


.new-container{
  
  padding: 1rem;
}
.new-container ul li a{

  width: 100%;
  padding:1rem;
}

.info .right{
  margin-top: 2rem;
}
.gsxw-new .maxs>ul li{

width: calc(100%);
margin-bottom:1rem;
}
.gsxw-new .maxs>ul{
  padding: 0;
}
.lxww-lxfs .contact-card{

  width: 100%;
  height:10rem;
}
.lxww-lxfs .contact-container{

  flex-direction: column;
}

.lxww-lxfs .contact-card{

  margin-bottom:1rem ;
}
.banners{
  height:20rem!important;
}
.banner .swiper-pagination{
  top:30%;
}
.zc-box .zc-item {
  margin-top:2rem;


}
.zc-box .zc-item a:last-child{
   padding-left:0;
}
.zc-box .zc-item a:nth-child(2) {
    padding-left:0;
}
.zc-box .zc-item a:nth-child(3){
    padding-left:0;
}
.zc-box .zc-item h3{
  font-size:1.3rem;
}
.zc-box .zc-item a{
   font-size:1.125rem;
}
.zc-b {

    padding: 0.5rem 3.5rem 2rem 1.5rem;
   
}
.zc-b{
   width: 100%; 
   position: fixed;
   left:0;
   bottom:0;
   top:5rem;
   z-index:99;
   height: 100%!important;
}
.bccx-search-container .search{
  width:100%;
  margin-left:0;
}
.bccx-search-container .search-input{
    width:100%;
}
.zc-b .zc-box{
  width:100%;
  height:100%;
}
.lxww-lxfs .contact-item .top img{
  width:3rem;
}
.lxww-lxfs .map{
  height: 20rem;
  margin-top: 1rem;
}
.lxww-lxf,.lxww-lxfs .contact-card {
    padding: 1rem;
}
.ryzz .container{
  padding: 1rem;
  flex-direction: column;
}
.ryzz .sidebar nav ul{

  flex-direction: row;
}
.ryzz .sidebar{
  width: 100%;
  height: 7rem;
  padding: 0.5rem;
}
.ryzz .sidebar a{

   height: 4em;
   line-height: 4rem;
   padding: 1rem;
   margin-right: 1rem;
}
.ryzz .sidebar nav{

 overflow: auto;
}
.tab-nav{
   height: 6rem;
}
.ryzz .main{
  margin-top: 1rem;
  margin-left: 0rem;
}
.ryzz .certificates{
  flex-direction: column;
}
.ryzz .certificate-item,.ryzz .certificates .certificate-item .imgs {
  padding: 1rem;
height: 100%;
  width: 100%;
}
.service-container{
    padding: 1rem;
    background-size:100% 20%;
}
#serviceContainer{
    background-size: cover;


}
.service-container .service-tabs{
  width: 100%;
}

.service-container .service-details{
   height: 100%;
   width:100%;

}
.service-container .max .swiper-wrapper{

  padding-top:0rem;
}

.service-container .service-card {
   height: 100%;

}
.service-container .service-card{
  padding:0 0!important;
  margin-bottom:1rem;
}
.service-container .service-cards{
   display:flex;
   flex-direction:column;
}
.home .new-container{
  margin-top: 2rem;
}
.home .new-container .swiper-slide,.rlzy ul{
  flex-direction: column;
}
.home .new ul{
    flex-direction: column;
}
.home .new-container .right{
  height: 100%;
  padding-top:1rem;
  padding-bottom:1rem;
}
.home .new-container .right .xq {
    display: flex;
    margin-top: 1.75rem;
}
.home .new-container ul li{
  margin-bottom:1rem;
}
.new-container ul li a{
    height: 100%;
}
.new-container ul li a .time{
   padding:1rem;
}
.new-container ul li a .time{
  width:8rem;
}
.banner{

  height: 20rem;
}
.rlzy ul li {
  height:27rem;
}
.home .new{
  padding:2rem;
}
.home .new-container .left{
   height:20rem!important;
}
.banner .swiper ,.home .new-container .left,.home .new-container .right,.home .new ul{
  width: 100%;
   height: 100%;
}
.service-container .tab-item {

height: 3.5rem!important;
}
.service-container .service-content{
  flex-direction: column;
  margin-top: 5rem;  
}
.service-container .service-details{

  flex:none;
}
.detail-content:nth-child(2) .service-card{

  padding:0!important;
}
.news-section{
  margin-top:39rem;
}
.home .new-container{
  padding-left:1rem;
}
.service-container .max{
  <!-- flex-direction: row; -->
  width: 100%;
  overflow: auto;
  box-sizing:border-box;
}
.service-container .service-card:nth-child(2), .service-container .service-card:nth-child(3){
  padding: 0;
}
.zplb .pops .box .top{
  padding:1rem 2rem;
}
.zplb .pops .box .top h3{
  font-size:1.5rem;
}
.zplb .pops .box .top ul li{
    font-size:1.125rem;
}
.hzal p{
  font-size:1.25rem;
}
.hzal p:nth-child(1){
  display:inline-block;
  width: 1.525rem!important;
}
.hzal .hzal-top p:nth-child(1){
      width: 3rem;
}
.bccx-search-container{
  left: 0rem;
width: 100%;
opacity:1;
padding:1rem;
}
.hzal ul li p{
    width: 3rem;
}
.hzal .name {
    width: 42%;
    margin-right:2%;
    overflow-x:auto;
    
}
.hzal .mone{
     width: 20%;
     overflow-x:auto;
}

.tab-content{
   padding: 1rem;
}
.gzsm .container .main{
  height: 100%;
}
.company-info{
  flex-direction: column;
}
.about-us-cards {
}
.service-container{
  object-fit:contain;
}
.service-container .service-card:nth-child(2){
    border:none;
  padding: 0 0rem !important;

}
.service-container .card-content{
  -webkit-line-clamp: 10;
}
.about-us-card{
  height:14rem;
  margin-bottom:2rem;
  border:none;
}
.company-info .imgs,.company-info .text{
  width: 100%;
}
.about-us-card .card-overlay P{
  font-size:0.7rem;
}
.about-us-card .card-overlay .item{
  margin-right:0;
}
.about-us-card img {
    margin-right: -0.5rem;
    width: 2.63rem;
    height: 2.5rem;
    margin-right: 0.5rem;
    width: 70%;
    height: auto;
    display: block;
}
.about-us-card .card-overlay h3 {

    font-size: 1.25rem;

}

.about-us-card .card-overlay{
  width:12rem;
  padding-left: 1.3rem;
}
.company-info .text{
  height: 100%;
}
.company-info .imgs{
  height:22rem;
}
.cxbg-content{
 max-width:  100%;
 padding: 1rem;
 box-sizing: border-box;

}
.service-container .tab-item{
  padding: 0.2rem 2.38rem;
  height:4rem;
white-space:nowrap;}
.ryzz main ul li{

  flex-direction: column;
}
.ryzz main ul li .item,.ryzz main ul li .item:nth-child(2n+1){
  width: 100%;
}
.ryzz main ul li .item:nth-child(2n){
  padding-left: 0;
}
.gzsm .container,.gzsm .container .main .box{
    padding: 1rem;
       height: 100%;
}
.gzsm .container .main{
    padding: 1rem;
    height: 100%;
}
.hzal .hzal-top, .hzal ul li{
   padding: 1rem;
}
.zwxx .rcln .right{
  width: 100%;
  padding-bottom:2rem;
}
.zplb ul li {
    cursor: pointer;
    width: calc(100% / 1);

}
.zplb .maxs{
  width: 100%;
}
.zwxx .rcln{
  flex-direction: column;
  height: 100%;
  background-size: cover;
}
.hzal .maxs{
   padding: 1rem;
}
.qywh-item{
  width:  100%;
  height: 100%;
  margin-bottom: 2rem;
  padding: 2rem;
}
.qywh-container{
  height: 100%;
  flex-direction: column;
  padding: 2rem;
}
.gzsm .container{
  width: 100%;
  height: 200%;
}
.new-container ul li{
    width: 100%;
}
.dzjc .ys .content {
    width: 100%;
    border-left:none;

 padding-left: 0;
}
.header .maxs .left {
   
    min-width: 40%;
}
.header .maxs>ul{
  display:none;
}
.header .maxs .right {

width:20%;
}
.info .maxs .left, .info .maxs .right {
        width: 100%;
        box-sizing: border-box;
    }
    .info-list {
        position: static;
    }
        .info .left .info-text {
        padding: 1.5rem;
    }
        .info .left {
        padding: 0;
    }
    .social-share {
        flex-direction: row;
    }
        .info .left .info-text .yt ul {
        flex-direction: column;
    }
    .info .left .info-text .yt ul li,.new-container ul li{
      width: 100%;
    }
}