/* 覆盖 Swiper 默认导航图标，须在 swiper-bundle.css 之后加载 */
.banner2 .swiper-button-next,
.banner2 .swiper-button-prev {
  --swiper-navigation-color: transparent;
  --swiper-theme-color: transparent;
  color: transparent !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 40px !important;
  height: 110px !important;
}

.banner2 .swiper-button-next {
  background-image: url(../image/right.png);
  right: 8rem !important;
}

.banner2 .swiper-button-prev {
  background-image: url(../image/left.png);
  left: 8rem !important;
}

.banner2 .swiper-button-next::after,
.banner2 .swiper-button-prev::after,
.banner2 .swiper-button-next::before,
.banner2 .swiper-button-prev::before,
.banner2 .swiper-button-next .swiper-navigation-icon,
.banner2 .swiper-button-prev .swiper-navigation-icon,
.banner2 .swiper-button-next svg,
.banner2 .swiper-button-prev svg {
  display: none !important;
  content: none !important;
  font-size: 0 !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}