/* .bannerImg {
  width: 100%;
}


.swiper-pagination-bullet {
  background: hsla(0, 0%, 90%, .9);
  border-radius: 4px;
  transition: all .3s;
}

.swiper-pagination-bullet-active {
  background: white;
  width: 50px;
} */

/* 淡出淡入 */
.outest {
  width: 100%;
  height: 100%;
  position: relative;
}

.outest .outestImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 140%;
  height: 140%;
  object-fit: cover;
}

.outest .img-1 {
  animation: fade 15s linear 0s infinite both;
}

.outest .img-2 {
  animation: fade 15s linear 5s infinite both;
}

.outest .img-3 {
  animation: fade 15s linear 10s infinite both;
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 1;
  }

  15% {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}