@media screen and (max-width: 500px) {
    .mobile{
       width: 10rem;
       overflow: hidden;
    }
    .swiper-container{
        height: 7.3rem;
        width: 18rem;
        overflow: hidden;
    }
    .header-top{
	   height: 56px
	}
    .swiper-wrapper{
      width: 10rem;
      overflow: auto;
    }
    .swiper-button-prev {
       display: none;
    }
    .swiper-button-next{
        display: none;
    }
    .swiper-container-other{
       height: 3.5rem;
	   margin-top: 0.4rem;
	}
  .section{
    max-width: 9.2rem;
    margin: auto;
    margin-top: 0;
  }
  .scale-img img{
		width: 3.28rem;
		height: 3.28rem;
		margin-top: 0

	}
   .scale-img{
      width: 4.5rem;
		height: 4.5rem;
   }
   .col-md-3,.col-md-4,.col-xs-6{
      padding-left: 0 !important; 
      padding-right: 0 !important;
   }
   .scale-img div{
      bottom: 0;
      font-size: 0.4rem;
      font-weight: 400;
      color: #333333;
   }
   .slides{
      width: 10rem;
      height: 4.9rem;
   }
   .slides img{
      width: 100%;
      height: 100%;
      object-fit: cover;
   }
   ::-webkit-scrollbar {
      display: none; /* Chrome Safari */
   }
   .swiper-title{
     font-size: 0.37rem;
     font-weight: 400;
     color: #333333;
   }
   a:visited>.swiper-title{
     font-size: 0.37rem;
     font-weight: 500;
     color: #333333;
   }
   .swiper-wrapper .swiper-slide >a{
     display: flex;
     flex-direction: column;
     align-items: center;
   }
}