.banner {
 margin: 10px 0 0 0;
}
.banner .container {
  height: 546px;
  position: relative;
}
.banner .container .swiper {
  width: 100%;
  height: 100%;
}
.banner .container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner .container .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.banner .container .swiper-slide img {
  transform: translateZ(0);
  will-change: transform, opacity;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.banner .container .swiper-slide a {
  width: 100%;
  height: 100%;
}
.banner .container .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  object-fit: cover;
  object-position: center;
}
.banner :hover .swiper-button-prev,
.banner :hover .swiper-button-next,
.banner :hover .swiper-button-next:after,
.banner :hover .swiper-button-prev:after {
  opacity: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.swiper-button-prev,
.swiper-button-next {
  background-color: rgba(145, 112, 112, 0.5);
  border-radius: 50%;
  width: 42px !important;
  height: 42px !important;
  opacity: 0;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  font-size: 26px !important;
}
/* 自定义 Swiper 分页器位置 */
.banner .swiper-pagination {
  bottom: 20px; 
}

/* 默认状态：白色小圆点 */
.banner .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background: #ffffff;
  opacity: 0.7;
  margin: 0 6px !important;
  transition: all 0.3s ease; /* 形变时的平滑过渡动画 */
}

/* 激活状态：红色长条 */
.banner .swiper-pagination-bullet-active {
  width: 30px; 
  border-radius: 5px; 
  background: #e60012; 
  opacity: 1;
}