#banner {
  padding: 0 7.3958vw;
}
.bannersw {
  position: relative;
  width: 100%;
  height: 36.5625vw;
}
.bannersw {
  --swiper-pagination-color: #47484c;
  /* 两种都可以 */
}
.bannersw img {
  width: 100%;
}
.my_banner_bullet {
  position: relative;
  width: 2.1875vw;
  height: 2.1875vw;
  border-radius: 50%;
  display: inline-block;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: inherit;
  cursor: pointer;
  margin: 0.5208vw var(--swiper-pagination-bullet-horizontal-gap, 0);
}
.my_banner_bullet::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.5208vw;
  height: 0.5208vw;
  background: #000000;
  border-radius: 50%;
}
.my_banner_bullet_active {
  border: 0.1042vw solid #a8aeb5;
}
#banner .swiper-pagination {
  bottom: 1.5625vw;
  right: auto;
  left: 50%;
  top: auto;
  transform: translateX(-50%);
}
@media screen and (max-width: 750px) {
  .bannersw {
    height: auto;
  }
  #banner {
    padding: 0;
  }
  #banner .swiper-pagination {
    bottom: 12px;
    right: auto;
    left: 50%;
    top: auto;
    transform: translateX(-50%);
  }
  .my_banner_bullet {
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: inherit;
    cursor: pointer;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 5px);
  }
  .my_banner_bullet::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
  }
  .my_banner_bullet_active {
    border: 2px solid rgba(255, 255, 255, 0.54);
  }
}