.banner {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  --swiper-theme-color: #0155a5;
}

.my-bullet {
  width: 20px;
  height: 20px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,20px) !important;
  border: 1px solid #fff;
  background: #fff;
  opacity: 1;
}

.my-bullet-active{
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
}

.banner .swiper-slide {
  width: 100%;
}

.banner .img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
  cursor: pointer;
}