.fiveScreen{
    background-color: #ffffff;
    overflow:hidden;
}
.fiveBox{
    width: 1200px;
    height: 620px;
    margin: 140px auto;
    margin-bottom: 0;
    display: flex;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(http://qiniuimage.shengyaapp.com/H5/image/enterpriseWebsite/5/5%E5%B1%8F.png);
}
.zqxjq{
    width: 600px;
    position: relative;
}
.zqxjq img{
    position: absolute;
    margin-top: 340px;
    margin-left: 225px;
    opacity: 0;
    width: 70px;
}
.hwfxzjl{
    width: 350px;
    margin-top: 170px;
    margin-left: 150px;
    opacity: 0;
}
.zqkf1{
    animation-duration: 0.8s;
    animation-name: zqkf1;
    animation-fill-mode: both;
}
@keyframes zqkf1{
    0% {
        opacity: 0;
        /* transform: scale(1); */
        transform:translate(0,0)
    }
    50%{
        opacity: 1;
        /* transform: scale(1); */
        transform:translate(-230px,65px)
    }
    70%{
        opacity: 1;
        /* transform: scale(1); */
        transform:translate(-185px,35px)
    }
    100% {
        opacity: 1;
        transform:translate(-200px,45px)
    }
}

.zqkf2{
    animation-duration: 0.8s;
    animation-name: zqkf2;
    animation-fill-mode: both;
}
@keyframes zqkf2{
    0% {
        opacity: 0;
        /* transform: scale(1); */
        transform:translate(0,0)
    }
    50%{
        opacity: 1;
        /* transform: scale(1); */
        transform:translate(-290px,-275px)
    }
    70%{
        opacity: 1;
        /* transform: scale(1); */
        transform:translate(-270px,-250px)
    }
    100% {
        opacity: 1;
        transform:translate(-275px,-260px)
    }
}


.zqkf3{
    animation-duration: 0.8s;
    animation-name: zqkf3;
    animation-fill-mode: both;
}
@keyframes zqkf3{
    0% {
        opacity: 0;
        /* transform: scale(1); */
        transform:translate(0,0)
    }
    50%{
        opacity: 1;
        /* transform: scale(1); */
        transform:translate(65px,-420px)
    }
    70%{
        opacity: 1;
        /* transform: scale(1); */
        transform:translate(46px,-390px)
    }
    100% {
        opacity: 1;
        transform:translate(50px,-400px)
    }
}


.zqkf4{
    animation-duration: 0.8s;
    animation-name: zqkf4;
    animation-fill-mode: both;
}
@keyframes zqkf4{
    0% {
        opacity: 0;
        /* transform: scale(1); */
        transform:translate(0,0)
    }
    50%{
        opacity: 1;
        /* transform: scale(1); */
        transform:translate(360px,-230px)
    }
    70%{
        opacity: 1;
        /* transform: scale(1); */
        transform:translate(330px,-200px)
    }
    100% {
        opacity: 1;
        transform:translate(340px,-210px)
    }
}


.zqkf5{
    animation-duration: 0.8s;
    animation-name: zqkf5;
    animation-fill-mode: both;
}
@keyframes zqkf5{
    0% {
        opacity: 0;
        /* transform: scale(1); */
        transform:translate(0,0)
    }
    50%{
        opacity: 1;
        /* transform: scale(1); */
        transform:translate(280px,-85px)
    }
    70%{
        opacity: 1;
        /* transform: scale(1); */
        transform:translate(250px,-55px)
    }
    100% {
        opacity: 1;
        transform:translate(260px,-65px)
    }
}