@media (max-width: 550px) {
  html,
  body {
    font-size: 70%;
  }
  .headers {
    box-sizing: border-box;
  }
  .headers .header-bot .logo {
    padding-right: 0;
  }
  .headers .header-bot ul ,  .footer .code{
    display: none;
  }

  .headers .header-bot .header-right {
    font-size: 1rem;
    margin-right: 0.3rem;
  }
  .home-box1 .list li a .img{
    height:70%;
  }
  .home-box1 .list .no-img{
    display:none;
  }
  .home-box4 .left .top{
    padding-left: 1rem;
  }
  .home-box2 ul li a p{

    font-size:1.13rem;
  }
  .info .info-box .syt{
     width:100%;
  }
  .info .info-box .text img {
    width: 100% !important;
    height: auto !important;
}
  .kypt .programme ul li .detail .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

  .xyaq .top-img{
  display:flex;
 flex-direction: column;
}
.xyaq .top-img .imgs{
  width:100%!important;
}
.bmdt li a .right img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.xyaq .gre-img{
  top:22.5rem;
  left:0;
}
.home-box2 .green{

  height:4.38rem;
}
.home-box2 .top{

  padding-left:0rem;
}
.bmdt li a .left{

   width:55%!important;
}
.info .text p img {
  width:100%!important;
object-fit:cover;
margin-left: 0!important;
 height:auto!important;

}
  .menu{
        display: block;
        
  }

  .bar{
    background-color:   #19A153;

  }

 .phone-list {

     background-color:   #19A153;
  }
  .phone-list a:not(.phone-list li > a){

     background-color:   #19A153;

  }
  .phone-list .phone-search p{
    
     background-color:   #19A153;
  }
  .phone-list .phone-search{
    border:none;
  }
  .header-right{

    display:flex;
  }
  .headers .header-bot .header-right .menu .menu-button .bar {
    width: 2.5rem;
    height: 0.375rem;
  }
  .footer{
  height: 100%;

  }
  .banners-m {
margin-top:11.88rem;

  }
  .layui-nav-tree .layui-nav-child dd{

    padding-left:0rem!important;
  }
  .box{

    width:100%;
    padding:0 1rem;
      flex-direction: column;
  }
  .img-zwnrs{
    margin-top:3rem;
  }
  
  .headers .header-bot .header-right .phone {
    width: 12rem;
  }
  .headers .header-bot .header-right .phone .hot-line {
    font-size: 1rem;
  }
  .headers .header-bot .header-right .phone .num {
    font-size: 0.7rem;
  }
  .headers .header-top{
    padding: 1rem;
  flex-direction: column;
  }
  .footer .copyright{
      flex-direction: column;
  }
  .layui-nav.layui-nav-tree{
     width: 100%!important;
    padding-bottom: 0rem !important;
    overflow: auto;

    display:flex;
  }
  .box .right{
   margin-left: 0 !important; 
}
.pages ul a{

  padding:0 0.6rem;
  font-size:1rem;
  line-height:3rem;
  height:3rem;
}

.layui-nav-item-wrap{

  width:7rem;
}
.ddjs li a .bot p:last-child{
    width:7rem;
}
.xrld {
  padding:1rem;
  height:100%;
}
.layui-nav .layui-nav-more{


  right:0;

}
  .layui-nav-tree .layui-nav-more{

    width:2rem;
    z-index:999;
    height:100%;
  }
.layui-icon-down:before{

  margin-left:0;
}
.info .info-box .text p span{
    width:100%;
    display:block;
      white-space: normal; 
    word-wrap: break-word; 
    word-break: break-all; 
    
}
.box .right .top{
  height:6.6rem;
}
.box .right .top ul li a{
white-space: nowrap
}
.box .right .top h1{
white-space: nowrap;
  margin-right:1rem;
  margin-right:1rem;
}
.box .right .top{
  overflow-x:auto;
}
.xsgs-list{
  margin-bottom:7rem;
}
.box .right .top h1::before {
    content: "";
    width: 6.13rem;
    height: 0.19rem;
    background: #007130;
    bottom: -2.1rem;
    left: 0;
    position: absolute;
}
.info .info-box .text a{
  width:100%;
     display:block;
       white-space: normal; 
    word-wrap: break-word; 
    word-break: break-all; 
}
.info .text div img{
     width:100%!important;
}


.rldw {
    grid-template-columns: repeat(2, 1fr);
 gap: 1.19rem 0.75rem


}
.ddjs li a .bot p:last-child{
  width:8.5rem!important;
}
.rldw  .img-zwnrs{
  width:100%!important;
}
.rldw li a, .rldw li{
 width: 100%;
  height:26rem;
}
.rldw li .imgs {
 width: 100%;
    height: 15.1875em;
    overflow: hidden;
    margin-bottom:1rem;
}
.rldw li .imgs .img-s{
  height: 15.1875em;
  
}
.box .right .content ul li a p{

  line-height:1.3rem;
}
.xsgs-list {
 grid-template-columns: repeat(1, 1fr);

}
.xsgs-list  .img-zwnrs{
   
width:100%!important;
}
.kyld table {
    margin-bottom: 6rem;
}
.box .right .content ul li a span{

    width:25%;
}
.pages {

 padding-bottom:5rem;
}
.jgsz{
  grid-template-columns: repeat(1, 1fr) !important;
}
.jgsz li,.jgsz .jg-name,.jgsz .type {
  width:94%!important;
}
    .jgsz li:nth-child(2) .type .cart .part {
      width:100%;

    }
      .jgsz li:nth-child(4) .type .cart .part {
      width:100%;

    }

    
.box .left{
  overflow:screen;
}
.bmdt li a .left span{
  width:28%!important;
}
.select-b ul {

width:75%;
padding: 0rem 0.44rem 0rem

}
.headers .login .back-img{
  width:15rem;
}

  .home .banner{
    margin-top: 10.88rem;
    height:20rem;
  }
  .headers .header-bot{
    display: none;
  }
.select-b {
overflow: auto;
  width: 100%;
}
.home-box1 .list{
  grid-template-columns: repeat(1, 1fr);
}
.home-box1 .list li,.home-box4 .left{
    width: 100%;
}
.home-box2,.home-box4,.footer .footer-container,.footer .copyright{

  padding: 1rem;
}
.footer .footer-bottom .contact-details,.footer .footer-bottom{
  flex-direction: column;
}
.home-box2 ul,.footer .footer-container{
  height: 100%;
}
.footer .footer-bottom .contact-details li .text{
width: 70%;
  
}

.home-box1 .img-zwnr{
   width: 100%;
}
  .copyright{

    display:none!important;

  }
  .copyright1{
     display:block!important;
  }
.footer .footer-bottom{

  margin-top: 0.5rem;
}
.footer .footer-middle{
   margin-top: 2rem;

   display:grid;
   grid-template-columns:repeat(2,1fr);
align-items:center;
}
.footer .footer-bottom .contact-details{
  
   display:grid;
    width: 100%;
   grid-template-columns:repeat(2,1fr);
   gap: 0 0.2rem;
}
.footer .footer-middle .footer-section{
    font-size: 1rem;
}
.footer .footer-middle .footer-section a{

  font-size: 1rem;
}
.home-box2 ul li{

  margin-bottom:2rem;
}

.home-box2 .swiper-pagination,.home-box2 .line,.home-box2 .swiper-button-prev-s,.home-box2 .swiper-button-next-s{

  display:none!important;
}
.home-box4 .left{

  padding-left:1rem;
}
.footer .footer-middle .footer-section{

  width:12rem;
}
.footer .footer-bottom .contact-details li img{
  width:3rem;
  height:3rem;
}
.footer .footer-bottom .contact-details li .text p:nth-child(1) {
  font-size:1rem;


}

.layui-nav.layui-nav-tree {
  overflow: auto;
  
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.layui-nav.layui-nav-tree::-webkit-scrollbar {
  display: none;
}
.layui-nav.layui-nav-tree::-webkit-scrollbar-thumb {
  display: none;
}
.layui-nav.layui-nav-tree::-webkit-scrollbar-track {
  display: none; 
}
.layui-nav.layui-nav-tree::-webkit-scrollbar-corner {
  display: none; 
}

/* 防止交互状态下滚动条闪现 */
.layui-nav.layui-nav-tree:hover::-webkit-scrollbar,
.layui-nav.layui-nav-tree:active::-webkit-scrollbar,
.layui-nav.layui-nav-tree:focus::-webkit-scrollbar {
  display: none;
}
.element {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 和 Edge */
}
.element::-webkit-scrollbar {
  display: none; /* Chrome, Safari 和 Opera */
}
.home-box4{
  flex-direction: column;
   height: 100%;
}
  .home-box1{

    padding: 1rem;
  }
  

@media (max-width: 500px) and only screen and (max-width: 1200px) {
  
}
@media (max-width: 500px) and only screen and (max-width: 980px) {
  
}
@media (max-width: 500px) and only screen and (max-height: 480px) {

}