.swiper {
    width: 100%;
    height: 48vw;
}

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

.swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 100%;
    transition: 1s linear 2s;
    transform: scale(1.1, 1.1);
}

.swiper-pagination-bullet {
    width: 0.8vw;
    height: 0.8vw;
    text-align: center;
    line-height: 0.8vw;
    font-size: 0.8vw;
    color: #ffffff;
    opacity: 1;
    background: #ffffff;
}

.swiper-pagination-bullet-active {
    width: 2vw;
    height: 2vw;
    text-align: center;
    line-height: 2vw;
    font-size: 1vw;
    color: #ffffff;
    opacity: 1;
    background: #ffffff;
    background: #007aff00;
    border: 1px solid #ffffff;
}

.swiper-slide-active img, .swiper-slide-duplicate-active img {
    transition: 7s linear;
    transform: scale(1, 1);
}