/* nav */
@keyframes NavMove{
    0%{
        opacity: 0;
        transform: translateY(-90px);
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

@-webkit-keyframes NavMove{
    0%{
        opacity: 0;
        transform: translateY(-90px);
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

@-moz-keyframes NavMove{
    0%{
        opacity: 0;
        transform: translateY(-90px);
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

@-o-keyframes NavMove{
    0%{
        opacity: 0;
        transform: translateY(-90px);
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

/* 海报 */
@keyframes BillMove{
    0%{
        opacity: 0;
        transform: translateY(700px);
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -o-transform: translateY(700px);
        -ms-transform: translateY(700px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

@-webkit-keyframes BillMove{
    0%{
        opacity: 0;
        transform: translateY(700px);
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -o-transform: translateY(700px);
        -ms-transform: translateY(700px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

@-moz-keyframes BillMove{
    0%{
        opacity: 0;
        transform: translateY(700px);
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -o-transform: translateY(700px);
        -ms-transform: translateY(700px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

@-o-keyframes BillMove{
    0%{
        opacity: 0;
        transform: translateY(700px);
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -o-transform: translateY(700px);
        -ms-transform: translateY(700px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

/* h1 */
@keyframes H1_1-3Move{
    0%{
        opacity: 0;
        transform: translateX(50px);
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -o-transform: translateX(50px);
        -ms-transform: translateX(50px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

@-webkit-keyframes H1_1-3Move{
    0%{
        opacity: 0;
        transform: translateX(50px);
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -o-transform: translateX(50px);
        -ms-transform: translateX(50px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

@-moz-keyframes H1_1-3Move{
    0%{
        opacity: 0;
        transform: translateX(50px);
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -o-transform: translateX(50px);
        -ms-transform: translateX(50px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

@-o-keyframes H1_1-3Move{
    0%{
        opacity: 0;
        transform: translateX(50px);
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -o-transform: translateX(50px);
        -ms-transform: translateX(50px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

@keyframes H1_2Move{
    0%{
        opacity: 0;
        transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

@-webkit-keyframes H1_2Move{
    0%{
        opacity: 0;
        transform: translateX(50px);
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

@-moz-keyframes H1_2Move{
    0%{
        opacity: 0;
        transform: translateX(50px);
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

@-o-keyframes H1_2Move{
    0%{
        opacity: 0;
        transform: translateX(50px);
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

/* 企业概览 */
@keyframes ComputeMove {
    0% {
        opacity: 0;
        transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

@-webkit-keyframes ComputeMove {
    0% {
        opacity: 0;
        transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

@-moz-keyframes ComputeMove {
    0% {
        opacity: 0;
        transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

@-o-keyframes ComputeMove {
    0% {
        opacity: 0;
        transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

/* 著作权证 */
@keyframes BusinessMove {
    0% {
        opacity: 0;
        transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

@-webkit-keyframes BusinessMove {
    0% {
        opacity: 0;
        transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

@-moz-keyframes BusinessMove {
    0% {
        opacity: 0;
        transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

@-o-keyframes BusinessMove {
    0% {
        opacity: 0;
        transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

/* 跳动 */
@keyframes BusinessBeat {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

@-webkit-keyframes BusinessBeat {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

@-moz-keyframes BusinessBeat {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

@-o-keyframes BusinessBeat {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}


/* 开发团队 */
@keyframes CardMove {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
  }

/* 荣誉证书 */
@keyframes carousel {
    0%{
        -webkit-transform: translateZ(-200px) rotateY(0);
        -moz-transform: translateZ(-200px) rotateY(0);
        -o-transform: translateZ(-200px) rotateY(0);
        -ms-transform: translateZ(-200px) rotateY(0);
        transform: translateZ(-200px) rotateY(0);
    }
    100% {
        -webkit-transform: translateZ(-200px) rotateY(-360deg);
        -moz-transform: translateZ(-200px) rotateY(-360deg);
        -o-transform: translateZ(-200px) rotateY(-360deg);
        -ms-transform: translateZ(-200px) rotateY(-360deg);
        transform: translateZ(-200px) rotateY(-360deg);
    }
}

@-webkit-keyframes carousel {
    0%{
        -webkit-transform: translateZ(-200px) rotateY(0);
        -moz-transform: translateZ(-200px) rotateY(0);
        -o-transform: translateZ(-200px) rotateY(0);
        -ms-transform: translateZ(-200px) rotateY(0);
        transform: translateZ(-200px) rotateY(0);
    }
    100% {
        -webkit-transform: translateZ(-200px) rotateY(-360deg);
        -moz-transform: translateZ(-200px) rotateY(-360deg);
        -o-transform: translateZ(-200px) rotateY(-360deg);
        -ms-transform: translateZ(-200px) rotateY(-360deg);
        transform: translateZ(-200px) rotateY(-360deg);
    }
}

@-moz-keyframes carousel {
    0%{
        -webkit-transform: translateZ(-200px) rotateY(0);
        -moz-transform: translateZ(-200px) rotateY(0);
        -o-transform: translateZ(-200px) rotateY(0);
        -ms-transform: translateZ(-200px) rotateY(0);
        transform: translateZ(-200px) rotateY(0);
    }
    100% {
        -webkit-transform: translateZ(-200px) rotateY(-360deg);
        -moz-transform: translateZ(-200px) rotateY(-360deg);
        -o-transform: translateZ(-200px) rotateY(-360deg);
        -ms-transform: translateZ(-200px) rotateY(-360deg);
        transform: translateZ(-200px) rotateY(-360deg);
    }
}

@-o-keyframes carousel {
    0%{
        -webkit-transform: translateZ(-200px) rotateY(0);
        -moz-transform: translateZ(-200px) rotateY(0);
        -o-transform: translateZ(-200px) rotateY(0);
        -ms-transform: translateZ(-200px) rotateY(0);
        transform: translateZ(-200px) rotateY(0);
    }
    100% {
        -webkit-transform: translateZ(-200px) rotateY(-360deg);
        -moz-transform: translateZ(-200px) rotateY(-360deg);
        -o-transform: translateZ(-200px) rotateY(-360deg);
        -ms-transform: translateZ(-200px) rotateY(-360deg);
        transform: translateZ(-200px) rotateY(-360deg);
    }
}