/* banner */
.banner {
	position:relative;
    width: 100%;
    height: 100vh;
	z-index:0;
}

.banImg_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
}

.banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
}

.banner .swiper-container {
    height: 100%;
    width: 100%;
}

.banner .swiper-pagination-bullet {
    width: 68px;
    height: 4px;
    border-radius: 6px;
    background: #fff;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
    bottom: 24px;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}

.banImg {
    position: relative;
    height: 100%;
    width: 100%;
    background: #0028aa;
    overflow: hidden;
}

.banImg::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.08);
}

.banTxt {
    z-index: 11;
    position: absolute;
    top: 34%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}

.banTxt .indMore {
    margin-top: 89px;
}

.banTxt .banTxt_cn {
    color: #fff;
    font-size: 72px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 31px;
}

.banTxt .banTxt_en {
    color: #fff;
    font-size: 68px;
    letter-spacing: 3px;
    font-weight: bold;
    line-height: 1;
    display: block;
}

.banTxt_i {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px dashed #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 89px;
    display: none;
}

.banTxt_i svg {
    position: relative;
    top: -5px;
    width: 38%;
    height: 38%;
    animation: svg0221 0.68s alternate infinite;
}

@keyframes svg0221 {
    0% {
        top: -5px;
    }

    100% {
        top: 5px;
    }
}

@media(max-width:1920px) {
    .banTxt .banTxt_cn {
        font-size: 60px;
        margin-bottom: 24px;
    }

    .banTxt .banTxt_en {
        font-size: 54px;
    }
}

@media(max-width:1480px) {
    .banTxt .banTxt_cn {
        font-size: 58px;
    }

    .banTxt .banTxt_en {
        font-size: 54px;
    }

    .banTxt_i {
        width: 60px;
        height: 60px;
        margin-top: 78px;
    }
}

@media(max-width:1368px) {
    .banTxt .banTxt_cn {
        font-size: 51px;
    }

    .banTxt .banTxt_en {
        font-size: 48px;
    }

    .banTxt_i {
        margin-top: 68px;
    }
}

@media(max-width:1024px) {
    .banTxt {
        top: 58%;
    }

    .banTxt .banTxt_cn {
        font-size: 45px;
    }

    .banTxt .banTxt_en {
        font-size: 42px;
    }

    .banTxt_i {
        width: 54px;
        height: 54px;
        margin-top: 54px;
    }
}
@media(max-width:768px) {
.banner video {
	display:none;
}
}
@media(max-width:480px) {
    .banner .inner {
        width: 80%;
    }

    .banTxt .banTxt_cn {
        letter-spacing: 0;
        font-size: 30px;
        margin-bottom: 18px;
        line-height: 1.4;
    }

    .banTxt .banTxt_en {
        font-size: 30px;
        letter-spacing: 1px;
    }

    .banTxt_i {
        width: 48px;
        height: 48px;
        margin-top: 48px;
    }
}

.ban3cp {width:18%; margin:0 0.6%; float:left;}
.ban3cpimg {width:100%; height:100%; float:left;}
.ban3cptxt {width:100%; float:left; height:25px; line-height:20px; font-size:18px; text-align:center; color:#FFF;}
.ban3cptxt1 {width:100%; float:left; height:25px; line-height:20px; font-size:14px; text-align:center; color:#FFF;}
.sjsz {margin-top:0px;}
@media (max-width:768px){
.ban3cp {width:25%; margin:5px 3.6%; float:left;}
.ban3cpimg {width:100%; height:100%; float:left;}
.ban3cptxt {width:100%; float:left; height:25px; line-height:20px; font-size:15px; text-align:center; color:#FFF;}
.ban3cptxt1 { display:none;}
.sjsz {margin-top:-150px;}
}