.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;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
}

.slide-text .tit {
    margin-bottom: 10px;
}

.indexBanner video,
.indexBanner img {
    width: 100%;
}

.indexBanner .swiper-pagination {
    bottom: 0.2969rem;
}

.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: #e83525;
}


@media(max-width:1200px) {
    .slide-text {
        left: 2%
    }

    .indexBanner .swiper-pagination {
        bottom: .0521rem;
    }

    .indexBanner .swiper-pagination-bullet {
        height: .0417rem;
        width: .0417rem;
    }
}

@media(max-width:600px) {
    .banner-tit1 {
        font-size: 18px;
    }

    .banner-tit2 {
        font-size: 14px;
    }
}