/*页面banner动画*/
@keyframes mymove {
    from {
        top: -1px;
    }

    to {
        top: 184px;
    }
}

@keyframes mymove1 {
    from {
        top: -1px;
    }

    to {
        top: 276px;
    }
}

@keyframes mymove2 {
    from {
        top: -1px;
    }

    to {
        top: 487px;
    }
}
@keyframes my {
    from {
        top: -1px;
    }

    to {
        top: 400px;
    }
}
.banner_1 {
    position: relative;
}

.banner_left .one {
    position: absolute;
    top: -500px;
    animation: mymove 1s ease 1;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}

.banner_left .two {
    position: absolute;
    top: -500px;
    animation: mymove1 1s ease 1;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

.banner_left .three {
    position: absolute;
    top: -500px;
    animation: my 1s ease 1;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}

@keyframes myimg1 {
    from {
        top: 0;
    }

    to {
        top: 200px;
    }
}

.banner_1 .banner_right .img_01 {
    position: absolute;
    top: -500px;
    right: 203px;
    animation: myimg1 1s ease 1;
    animation-delay: 1.75s;
    animation-fill-mode: forwards;
}


@keyframes myimg2 {
    from {
        right: 0;
    }

    to {
        right: 200px;
    }
}

.banner_1 .banner_right .img_02 {
    position: absolute;
    top: 200px;
    right: -1000px;
    animation: myimg2 1s ease 1;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@keyframes myimg3 {
    from {
        left: 0;
    }

    to {
        left: 950px;
    }
}

.banner_1 .banner_right .img_03 {
    position: absolute;
    top: 200px;
    right: -1000px;
    animation: myimg3 1s ease 1;
    animation-delay: 2.25s;
    animation-fill-mode: forwards;
}


.banner_right .img_04 {
    position: absolute;
    top: 200px;
    right: -1000px;
    animation: myimg3 1s ease 1;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
}

.banner_2 > .banner_right .img_01 {
    position: absolute;
    top: -600px;
    right: 203px;
    animation: img1 1s ease 1;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}

.banner_2 > .banner_right .img_02 {
    position: absolute;
    top: -600px;
    right: 203px;
    animation: img1 1s ease 1;
    animation-delay: 1.75s;
    animation-fill-mode: forwards;
}

.banner_2 > .banner_right .img_03 {
    position: absolute;
    top: -600px;
    right: 203px;
    animation: img1 1s ease 1;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

.banner_2 > .banner_right .img_04 {
    position: absolute;
    top: -600px;
    right: 203px;
    animation: img1 1s ease 1;
    animation-delay: 2.25s;
    animation-fill-mode: forwards;
}

@keyframes img1 {
    from {
        top: 0;
    }

    to {
        top: 100px;
    }
}

.banner_3 > .banner_right .img_01 {
    position: absolute;
    top: -600px;
    right: 203px;
    animation: img1 1s ease 1;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}

.banner_3 > .banner_right .img_02 {
    position: absolute;
    top: -600px;
    right: 203px;
    animation: img1 1s ease 1;
    animation-delay: 1.75s;
    animation-fill-mode: forwards;
}

.banner_3 > .banner_right .img_03 {
    position: absolute;
    top: -600px;
    right: 203px;
    animation: img1 1s ease 1;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

.banner_3 > .banner_right .img_04 {
    position: absolute;
    top: -600px;
    right: 203px;
    animation: img1 1s ease 1;
    animation-delay: 2.25s;
    animation-fill-mode: forwards;
}

.banner_4 > .banner_right .img_01 {
    position: absolute;
    top: -600px;
    right: 203px;
    animation: img1 1s ease 1;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}

.banner_4 > .banner_right .img_02 {
    position: absolute;
    top: -600px;
    right: 203px;
    animation: img1 1s ease 1;
    animation-delay: 1.75s;
    animation-fill-mode: forwards;
}

.banner_4 > .banner_right .img_03 {
    position: absolute;
    top: -600px;
    right: 203px;
    animation: img1 1s ease 1;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

.banner_4 > .banner_right .img_04 {
    position: absolute;
    top: -600px;
    right: 203px;
    animation: img1 1s ease 1;
    animation-delay: 2.25s;
    animation-fill-mode: forwards;
}