.header-daohang {
    animation: mymove 1.5s linear;
    -webkit-animation: mymove 1.5s linear;
    -o-animation: mymove 1.5s linear;
    -moz-animation: mymove 1.5s linear;
    -ms-animation: mymove 1.5s linear;
    /* Safari 和 Chrome */
}

@keyframes mymove {
    0% {
        transform: translate(0,-200px);
        -o-transform: translate(0,-200px);
        -webkit-transform: translate(0,-200px);
        -moz-transform: translate(0,-200px);
        -ms-transform: translate(0,-200px);
    }

    33.333% {
        transform: translate(0px);
        -o-transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
    }
    66.66%{
        transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
    }
    100%{
        transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
}
@-webkit-keyframes mymove {
    0% {
        transform: translate(0,-200px);
        -o-transform: translate(0,-200px);
        -webkit-transform: translate(0,-200px);
        -moz-transform: translate(0,-200px);
        -ms-transform: translate(0,-200px);
    }

    33.333% {
        transform: translate(0px);
        -o-transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
    }
    66.66%{
        transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
    }
    100%{
        transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
}
@-moz-keyframes mymove {
    0% {
        transform: translate(0,-200px);
        -o-transform: translate(0,-200px);
        -webkit-transform: translate(0,-200px);
        -moz-transform: translate(0,-200px);
        -ms-transform: translate(0,-200px);
    }

    33.333% {
        transform: translate(0px);
        -o-transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
    }
    66.66%{
        transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
    }
    100%{
        transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
}
@-mz-keyframes mymove {
    0% {
        transform: translate(0,-200px);
        -o-transform: translate(0,-200px);
        -webkit-transform: translate(0,-200px);
        -moz-transform: translate(0,-200px);
        -ms-transform: translate(0,-200px);
    }

    33.333% {
        transform: translate(0px);
        -o-transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
    }
    66.66%{
        transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
    }
    100%{
        transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
}
@-o-keyframes mymove {
    0% {
        transform: translate(0,-200px);
        -o-transform: translate(0,-200px);
        -webkit-transform: translate(0,-200px);
        -moz-transform: translate(0,-200px);
        -ms-transform: translate(0,-200px);
    }

    33.333% {
        transform: translate(0px);
        -o-transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
    }
    66.66%{
        transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
    }
    100%{
        transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
}


.footer-main-left {
    animation: footermainleft 1s ease-out;
    -webkit-animation: footermainleft 1s ease-out;
    -o-animation: footermainleft 1s ease-out;
    -moz-animation: footermainleft 1s ease-out;
    -ms-animation: footermainleft 1s ease-out;
}

@keyframes footermainleft {
    0% {
        transform: translateX(-600px)
    }

    /* 70%{
        transform:translateX(-100px);
    } */
    100% {
        transform: translateX(0px)
    }
}

.footer-item4 {
    animation: footeritem4 1s ease-out;
    -webkit-animation: footeritem4 1s ease-out;
    -o-animation: footeritem4 1s ease-out;
    -moz-animation: footeritem4 1s ease-out;
    -ms-animation: footeritem4 1s ease-out;
}

@keyframes footeritem4 {
    0% {
        transform: translateX(600px)
    }

    /* 70%{
        transform:translateX(-100px);
    } */
    100% {
        transform: translateX(0px)
    }
}

.footer-bottom {
    animation: footerbottom 1s ease-out;
    -webkit-animation: footerbottom 1s ease-out;
    -o-animation: footerbottom 1s ease-out;
    -moz-animation: footerbottom 1s ease-out;
    -ms-animation: footerbottom 1s ease-out;
}

@keyframes footerbottom {
    0% {
        transform: scale(0)
    }

    /* 70%{
        transform:translateX(-100px);
    } */
    100% {
        transform: scale(1)
    }
}


/* 公共动画样式开始 */
.left-min{
    animation: leftmin 1s linear;
    -webkit-animation: leftmin 1s linear;
    -o-animation: leftmin 1s linear;
    -moz-animation: leftmin 1s linear;
    -ms-animation: leftmin 1s linear;
}
@keyframes leftmin {
    0% {
        transform: translateX(-500px);
    }
    100% {
        transform: translateX(0px);
    }
}
.right-min{
    animation: rightmin 1s linear;
    -webkit-animation: rightmin 1s linear;
    -o-animation: rightmin 1s linear;
    -moz-animation: rightmin 1s linear;
    -ms-animation: rightmin 1s linear;
}
@keyframes rightmin {
    0% {
        transform: translateX(500px);
    }
    100% {
        transform: translateX(0px);
    }
}
/* .right-min{
    animation: rightmin 1s linear;
    -webkit-animation: leftmin 1s linear;
    -o-animation: leftmin 1s linear;
    -moz-animation: leftmin 1s linear;
    -ms-animation: leftmin 1s linear;
}
@keyframes leftmin {
    0% {
        transform: translateX(500px);
    }
    100% {
        transform: translateX(0px);
    }
} */
.top-min{
    animation: topmin 1s linear;
    -webkit-animation: topmin 1s linear;
    -o-animation: topmin 1s linear;
    -moz-animation: topmin 1s linear;
    -ms-animation: topmin 1s linear;
}
@keyframes topmin {
    0% {
        transform: translateY(-500px);
    }
    100% {
        transform: translateY(0px);
    }
}
.bottom-min{
    animation: bottommin 1s linear;
    -webkit-animation: bottommin 1s linear;
    -o-animation: bottommin 1s linear;
    -moz-animation: bottommin 1s linear;
    -ms-animation: bottommin 1s linear;
}
@keyframes bottommin {
    0% {
        transform: translateY(500px);
    }
    100% {
        transform: translateY(0px);
    }
}

.left-max{
    animation: leftmax 1s linear;
    -webkit-animation: leftmax 1s linear;
    -o-animation: leftmax 1s linear;
    -moz-animation: leftmax 1s linear;
    -ms-animation: leftmax 1s linear;
}
@keyframes leftmax {
    0% {
        transform: translateX(-1000px);
    }
    100% {
        transform: translateX(0px);
    }
}
.right-max{
    animation: rightmax 1s linear;
    -webkit-animation: rightmax 1s linear;
    -o-animation: rightmax 1s linear;
    -moz-animation: rightmax 1s linear;
    -ms-animation: rightmax 1s linear;
}
@keyframes rightmax {
    0% {
        transform: translateX(1000px);
    }
    100% {
        transform: translateX(0px);
    }
}
/* .right-max{
    animation: leftmax 1s linear;
    -webkit-animation: leftmax 1s linear;
    -o-animation: leftmax 1s linear;
    -moz-animation: leftmax 1s linear;
    -ms-animation: leftmax 1s linear;
}
@keyframes leftmax {
    0% {
        transform: translateX(1000px);
    }
    100% {
        transform: translateX(0px);
    }
} */
.top-max{
    animation: topmax 1s linear;
    -webkit-animation: topmax 1s linear;
    -o-animation: topmax 1s linear;
    -moz-animation: topmax 1s linear;
    -ms-animation: topmax 1s linear;
}
@keyframes topmax {
    0% {
        transform: translateY(-1000px);
    }
    100% {
        transform: translateY(0px);
    }
}
.bottom-max{
    animation: bottommax 1s linear;
    -webkit-animation: bottommax 1s linear;
    -o-animation: bottommax 1s linear;
    -moz-animation: bottommax 1s linear;
    -ms-animation: bottommax 1s linear;
}
@keyframes bottommax {
    0% {
        transform: translateY(1000px);
    }
    100% {
        transform: translateY(0px);
    }
}
/* .bottom-max{
    animation: bottommax 1s linear;
    -webkit-animation: bottommax 1s linear;
    -o-animation: bottommax 1s linear;
    -moz-animation: bottommax 1s linear;
    -ms-animation: bottommax 1s linear;
}
@keyframes bottommax {
    0% {
        transform: translateY(1000px);
    }
    100% {
        transform: translateY(0px);
    }
} */
.scale-max{
    animation: scalemax 1s linear;
    -webkit-animation: scalemax 1s linear;
    -o-animation: scalemax 1s linear;
    -moz-animation: scalemax 1s linear;
    -ms-animation: scalemax 1s linear;
}
@keyframes scalemax {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}