.banner-tit1,
.banner-tit2,
.banner-tit3 {
    opacity: 0;
}

/* 向上 */
.banner-up {
    animation: fadeUp 0.8s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 向下 */
.banner-down {
    animation: fadeDown 0.8s ease forwards;
}

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 向左 */
.banner-left {
    animation: fadeLeft 0.8s ease forwards;
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 向右 */
.banner-right {
    animation: fadeRight 0.8s ease forwards;
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 翻转 */
.banner-flip {
    animation: flip 0.8s ease forwards;
}

@keyframes flip {
    from {
        opacity: 0;
        transform: rotateY(90deg);
    }

    to {
        opacity: 1;
        transform: rotateY(0);
    }
}


.slide-text {
    position: absolute;
    right: 15%;
    top: 30%;

}


.slide-text .tit {
    margin-bottom: .0521rem;
    font-size: .3125rem;
}

.indexBanner video,
.indexBanner img {
    width: 100%;
    object-fit: cover;
}


.indexBanner a {
    color: #fff;
}


.indexBanner .swiper-pagination {
    bottom: .1563rem;
}

.indexBanner .swiper-pagination-bullet {
    height: 0.0365rem;
    width: 0.3073rem;
    border-radius: 0.026rem;
    background: rgba(255, 255, 255, 0.6);
}

.indexBanner .swiper-pagination-bullet-active {
    background: #21989F;
}

.indexBanner .swiper-button-prev,
.indexBanner .swiper-button-next {
    background: #fff;
    height: .2604rem;
    width: .2604rem;
    border-radius: 50%;
}

.indexBanner .swiper-button-prev:hover,
.indexBanner .swiper-button-next:hover {
    background: #21989F;
}

.indexBanner .swiper-button-prev::after,
.indexBanner .swiper-button-next::after {
    color: #333;
    font-size: .1042rem;
}

.indexBanner .swiper-button-prev:hover::after,
.indexBanner .swiper-button-next:hover::after {
    color: #fff;
}

@media(max-width:1200px) {

    .slide-text .tit {
        font-size: 20px;
    }

    .indexBanner .swiper-pagination {
        bottom: 15px;
    }

    .indexBanner .swiper-pagination-bullet {
        height: 8px;
        width: 8px;
    }

    .indexBanner .swiper-button-prev,
    .indexBanner .swiper-button-next {
        display: none;
    }
}