.banner1 {
    background-image: url(../img/new/index/banner1_bc.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 947px;
    display: inline-block;
}

.banner1_line {
    width: auto;
    height: auto;
    /* position: relative;
    top: 190px;
    left: 360px; */
    position: absolute;
    top: 190px;
    left: 380px;
}

.banner1_txt {
    width: auto;
    height: auto;
    /* position: relative;
    top: 90px;
    left: 90px; */
    position: absolute;
    top: 375px;
    left: 395px;
}

.banner1_txt_en {
    width: auto;
    height: auto;
    /* position: relative;
    top: -20px;
    left: -620px; */
    position: absolute;
    top: 306px;
    left: 540px;
}

.banner2 {
    background-image: url(../img/new/index/banner2_bc.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 947px;
    display: inline-block;
}

.banner2_line {
    width: auto;
    height: auto;
    /* position: relative;
    top: 313px;
    left: 230px; */
    position: absolute;
    top: 311px;
    left: 420px;
}

.banner2_txt1 {
    width: auto;
    height: auto;
    /* position: relative;
    top: 220px;
    left: 215px; */
    position: absolute;
    top: 270px;
    left: 830px;
}

.banner2_txt2 {
    width: auto;
    height: auto;
    /* position: relative;
    top: 300px;
    left: -450px; */
    position: absolute;
    top: 360px;
    left: 450px;
}

.banner2_txt_en {
    width: auto;
    height: auto;
    /* position: relative;
    top: 350px;
    left: -1215px; */
    position: absolute;
    top: 450px;
    left: 355px;
}

.banner3 {
    background-image: url(../img/new/index/banner3_bc.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 947px;
    display: inline-block;
}

.banner3_line1 {
    width: auto;
    height: auto;
    /* position: relative;
    top: 230px;
    left: 180px; */
    position: absolute;
    top: 275px;
    left: 695px;
}

.banner3_line2 {
    width: auto;
    height: auto;
    /* position: relative;
    top: 500px;
    left: 210px; */
    position: absolute;
    top: 500px;
    left: 1520px;
}

.banner3_txt {
    width: auto;
    height: auto;
    /* position: relative;
    top: 290px;
    left: 200px; */
    position: absolute;
    top: 330px;
    left: 360px;
}

.banner3_txt_en {
    width: auto;
    height: auto;
    /* position: relative;
    top: 80px;
    left: -1020px; */
    position: absolute;
    top: 255px;
    left: 370px;
}



/***********这里为动效效果***********/
.banner1,
.banner2,
.banner3 {
    position: relative;
    animation: bannerMove 2s;
}

/*轮播图所有的背景动效*/
@keyframes bannerMove {
    from {
        transform: scale(1.2);
    }

    to {
        transform: scale(1);
    }
}



/*第一个轮播图白框动效*/
.banner1_line {
    animation: banner1_lightRight 2s;
}

@keyframes banner1_lightRight {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }

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

/*第一个轮播图文字动效*/
.banner1_txt,
.banner1_txt_en {
    animation: banner1_lightTop 2s;
}

@keyframes banner1_lightTop {
    from {
        opacity: 0;
        transform: translateY(200%);
    }

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



/*第二个轮播图白框动效*/
.banner2_line,
.banner2_txt1 {
    animation: banner2_lightRight 2s;
}

@keyframes banner2_lightRight {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }

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

/*第二个轮播图文字动效*/
.banner2_txt2,
.banner2_txt_en {
    animation: banner2_lightLeft 2s;
}

@keyframes banner2_lightLeft {
    from {
        opacity: 0;
        transform: translateX(100%);
    }

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



/*第三个轮播图白框动效*/
.banner3_line1,
.banner3_txt_en {
    animation: banner3_lightLeft 2s;
}

@keyframes banner3_lightLeft {
    from {
        opacity: 0;
        transform: translateX(100%);
    }

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

/*第三个轮播图文字动效*/
.banner3_txt,
.banner3_line2 {
    animation: banner3_lightTop 2s;
}

@keyframes banner3_lightTop {
    from {
        opacity: 0;
        transform: translateY(100%);
    }

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