
.swiper {width: 100%;}
.banner2 .swiper-slide {
text-align: center;
font-size: 18px;

}

.banner2 .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;

    }
      
.my-button-disabled{ opacity:0.2; } 

.banner2{ overflow: hidden;width: 100%;}	
.banner2 .swiper-slide img {width: 100%; height: auto;}
.swiper-button-next:after,.swiper-button-prev:after {
    font-family:swiper-icons;
    font-size:20px;
    text-transform:none!important;
    letter-spacing:0;
    font-variant:initial;
    color: #666;
    line-height:1
}

.banner2 .swiper-pagination{bottom:10%;}
.banner2 .swiper-pagination-bullet{ width: 14px;height: 14px; background: rgba(255,255,255,0.5); border: 2px solid #fff; opacity:1;}
.banner2 .swiper-pagination-bullet-active{width: 14px;height: 14px; background: #e50014; border: 2px solid #fff;}
.banner2 .swiper-button-prev {  margin-left: 20px;
      font-size: 14px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.2)
    }

    .banner2 .swiper-button-next { margin-right: 20px;
      font-size: 14px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.2)
    }
  
    .banner2 .swiper-button-next:hover {opacity: 1;background: rgba(229, 0, 20, 0.8)}
    .banner2 .swiper-button-prev:hover { opacity:1;background: rgba(229,0, 20, 0.8)}


    .banner1{ overflow: hidden}
    .banner1 .swiper-pagination{bottom:5px; color: #666;}
    .banner1 .mySwiper{ padding-bottom: 40px;}

.banner1 .swiper-button-prev {  margin-left: -10px;
      font-size: 14px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.2)
    }

    .banner1 .swiper-button-next { margin-right: -10px;
      font-size: 14px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.2)
    }
  
    .banner1 .swiper-button-next:hover {opacity: 1;background: rgba(232, 9, 9, 0.8)}
    .banner1 .swiper-button-prev:hover { opacity: 1;background: rgba(232, 9, 9, 0.8)}
    @media (max-width:1300px) {
    .banner2 .swiper-pagination{bottom:30px}
}
    @media (max-width:750px) {
    .banner2 .swiper-pagination{bottom:20px}
      .banner2 .swiper-button-prev { margin-left: 0px;
      font-size: 14px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.2);
      transform: scale(0.7);   }
 .banner2 .swiper-pagination-bullet{ width: 10px;height: 10px; background: rgba(255,255,255,0.5); border: 2px solid #fff; opacity:1;}

.banner2 .swiper-pagination-bullet-active{width: 10px;height: 10px; background: #0058ac; border: 2px solid #fff;}
.banner2 .swiper-button-next { margin-right: 0px;

      font-size: 14px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.2);
      transform: scale(0.7); 
    }


    .swiper-button-next:after,.swiper-button-prev:after {

    font-size:16px;

}
}
