@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.swiper-container {  width: 100%;
height: 100vh;
} .swiper-pagination-bullet {
　 opacity: 1!important;
background: #FFF !important;
}
.swiper-pagination-bullet-active {
background: #FFF !important;
opacity: 1;
}
.swiper-pagination-bullet { margin: 0 12px !important;
}
.swiper-pagination-bullet { width: 9px !important;
height: 9px !important;
}
.swiper-container:after {
content: ''; position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1;
}
.swiper-slide, .slide-img {
position: relative; overflow: hidden;  background-color: #fff;
}
.swiper-slide {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide img {
display: block; object-fit: cover;
}
@keyframes zoomDown {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-10%);
}
}
.swiper-slide-active .slide-img, .swiper-slide-duplicate-active .slide-img, .swiper-slide-prev .slide-img { -webkit-backface-visibility: hidden;
} .slide-img { width: 100%;
height: 100%;
}
.slide-img img {
display: block;
-webkit-backface-visibility: hidden;
}
.slide-img img {
width: 100%;
height: 100%;
object-fit: cover;
}