@media (max-width: 500px) {
  html,
  body {
    font-size: 70%;
  }
  /*  页头 */
  .headers {
    padding: 1.5rem;
    height: 6rem;
    box-sizing: border-box;
  }
  .headers .header-bot{

    display: none;
  }
  .info .left .content{
    padding:1rem;
  }
  .home .banner .swiperbox .swiper-pagination{
    bottom:2rem;
  }
  .tzgg .tabs {

width:10rem;
  }
  
  xh-news-r{
      height: 100%;
  }
  box .left li{

    line-height: 5rem;
  }
  .djgz .text {

    width:60%;


  }
  .banners{
    margin-top:6rem;
    height:17rem
  }
  .home .layui-tab-content .layui-tab-item .content .content-left img {


  height:22rem;
  background-size:100% 100%;
}
.box .left{
  margin-top:0;
}
.box .right .content .text{
  margin-top: 2.3rem;
}
.mask-red{
   height:17rem;
}
  .headers .header-top{

    height:4rem;
  }
  .home .banner{

    height:17rem;
  }
  .box .right .content .new li{
    height:100%;
  }
  .box .right .content .new li a{
    flex-direction:column;
    width:100%;
  }
  .box .right .content .new li .time p:nth-child(1){
    font-size:1.8rem;
  }
  .box .right .content .new li .time p:nth-child(2){
    line-height:2rem;
  }
  .box .right .content .new li .imgs{
    margin-right:0;
    width:100%;
  }
  .box .right .content .new li .time{
    margin-top:0.5rem;
  }
  .box .left li a p{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .box .left .active{
     width:50%
  }
.box .left li a:hover, .box .left .active a{
  width:15rem;
}
.box .left .active a{
    width:15rem;

}
.box .right td{

  padding-left: 1.2rem;
    padding-right: 1.2rem;
}
.box .left li a:hover p,
.box .left .active p {
  padding-left: 0;
}
.box .right .top .title{

  font-size：1.5rem;
}
.pages ul{
    width:50%;
  }
 .pages .layui-btn+.layui-btn{

 }
  .pages{
    width:100%;
      display:flex;
          justify-content:center;

  }
  .box .right{
  width: 100%;
  padding: 1rem;
}
.box .right .content .tzggs li .time{

  width:44%;
}
  .box .left li a{
    width: 15rem;
    display: block;
    padding-left: 0.5rem;
    padding-right:  0.5rem;

    height: 100%;
    position: static;
  }
  .headers .header-bot .logo {
    padding-right: 0;
  }
  .headers .header-bot ul {
    display: none;
  }
  .headers .header-bot .header-right {
    font-size: 1rem;
    margin-right: 0.3rem;
  }
  .headers .logo{
    height: 100%;
    display: flex;
    align-items: center;
  }
  .headers .logo img {
    width: 80%;
    height: auto;
background-size: 100% 100%;

  }
  .menu{

    display: block;
  }
  .headers .header-right .text{

    display: none;
  }
  .headers .header-top{
    align-items: center;

    padding: 0;
  }
  .headers .header-bot .header-right .menu {
    display: block;
  }
  .headers .header-right .text,.box .right .content img{
    width: 100%;
  }
  .headers .header-bot .header-right .menu .menu-button .bar {
    width: 2.5rem;
    height: 0.375rem;
  }
  .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;
  }
  
  .home-box1 .layui-tab{

    width: 100%;
    overflow: auto;
  }
  .home .home-box1 .layui-tab .layui-tab-title{

      width: 100%;
    overflow: auto;
  }
  .home .layui-tab-content .layui-tab-item .content{
padding:1rem;
    flex-direction: column;
  }
  .home .layui-tab-content .layui-tab-item .content .content-left, .home .layui-tab-content .layui-tab-item .content .content-right 
{

  width: 100%;
}
.xh-news .content .xh-news-l ul li,.tzgg ul li a{
  height:100%;
  
  width: 100%;
}
.home .layui-tab-content .layui-tab-item .content .content-right u,.xh-news{
height:100%;
}
.xh-news .content .xh-news-r ul li a .text{
  width:80%;
}
.tzgg .tabs{
  left:13rem;
}
.tzgg{
  padding:2rem;
}
.tzgg ul .list{
  grid-template-columns: repeat(1, 1fr);
}
.xh-news .content .xh-news-r{
    width: 100%;
  margin-left:0rem;
}
.tzgg .boxs{
  flex-direction:column;
}
.kycz,.xh-news .content .xh-news-l ul{
  flex-direction:column;
}
.xh-news .content .xh-news-l .new-swiper{
  height:22rem;
}
.home .layui-tab-content .layui-tab-item .content {

height: 100%;
}
.xh-news .content{
  flex-direction:column;
}
.home .layui-tab-content .layui-tab-item .content .content-right{

  padding: 1rem;
  height: 100%;
}
    .box .left li{
      width:15rem;
    }
.box .left li a{
     width:15rem;
     padding: 1rem;
     display: block;
}
.box{
  flex-direction: column;
}


.box .left li a:hover, .box .left .active a{
  width: 15rem;
display: block;
}
.box .left li a:hover p::before, .box .left .active p::before {


  top:36%;
}
.box .left li a p::after {
  top:37%;
}
.box .left li a p{
  line-height: 100%;
  text-align: center;
  width: 100%;
}
.xh-news{

  height: 100%;
  padding: 1rem;
}
.box .left{
   width: 100%;
}

.box .left ul{
overflow: auto;
  display: flex;
}

.xh-news .content .xh-news-l .new-swiper{
 width: 100%;

}
.xh-news .content .xh-news-l ul{

      flex-direction: column;
}
.xh-news .content .xh-news-l ul li .imgs{
   width: 100%;

}
.xh-news .content .xh-news-l ul li{
 width: 100%;

}
.tzgg{
  height: 100%;

}
.tzgg ul{

  grid-template-columns: repeat(1, 1fr);
}
.xh-news .content .xh-news-l{

 width: 100%;

}
.kycz{

   width: 100%;
   flex-direction: column;
     height: 100%;
}
.xh-news .content{

  flex-direction: column;
}
.kycz .thirdly-ul{

   width: 100%;
}
.xhhy .tables{

  flex-direction:column;
}
.footer .footer-middle{
  display:grid;
   grid-template-columns: repeat(4, 1fr);
   gap:1rem;


}
.friend-link{
  margin-top:3rem;
}
.twbz ul{
  grid-template-columns: repeat(2, 1fr);

  flex-direction: column;
  gap:1rem;
}
.twbz ul li {
   width: 100%;
   height:15rem;
   margin-bottom: 1rem;
}
.xhhy{

  height: 100%;
}
.kycz .first-ul{

  padding:2rem;
    width:100%;

}
.layui-tab-bar{
  position:static;
}
.layui-tab-bar .layui-icon{
    position:static;
    display:none;
}
.home .home-box1 .layui-tab .layui-tab-title li{
 min-width:21rem;
 height:6rem;
}
.xh-news .swiperbox .swiper-slide a p{

  width:70%;
}
.home .home-box1 .layui-tab .layui-tab-title{
   height:6rem;
}
.home .layui-tab-content .layui-tab-item .content .content-right ul{
    height: 100%;
}
.footer .footer-bottom .contact-details{
 width: 100%;
   flex-direction: column;
   align-items: center;
   justify-content: center;
margin-bottom: 1rem;
}
.footer .footer-bottom .contact-details li{

   width: 100%;
   justify-content: left;
   margin-bottom:1rem;
}
.footer .footer-bottom{
  flex-direction: column;
    height: 100%;

}
.footer .copyright{
flex-direction: column;
  height: 100%;
  padding: 1rem;
}
.footer .copyright p{

    width: 100%;
    line-height: 1.6rem;
    text-align: center;
}
.footer .footer-middle,.djgz .button .item{

   width: 100%;
}
.banners .text{

  bottom: 8rem;
  left:3rem;
}
.banners .select-list{

    left:3rem;
}
.djgz{
  padding: 1rem;
}
.djgz .top {
     height: 100%;
}
.djgz .button .item{
  margin-bottom: 2rem;
}
.djgz .top .list{
  padding-left: 0;
}
.djgz .top,.djgz .button{

  flex-direction: column;
}
.djgz .top .djgz-sweiper{
  width: 100%;
  height: 20rem;
}
}


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

}