@charset "utf-8";
/* CSS3过度及动画 */



/* 第一页 */
.active.section1 .ml-nav { 
    top: 0; 
    -webkit-transition-delay: 0.7s; 
    -moz-transition-delay: 0.7s; 
    -o-transition-delay: 0.7s; 
    -ms-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.active.section1 h2{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.active.section1 .group .box{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.active.section1 .group .box2{
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
.active.section1 .group .box3{
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
.active.section1 .group .box4{
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
.active.section1 .group .box5{
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.active.section1 .group .box6{
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}
.active.section1 h3{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}
.active.section1 .detail{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}
.active.section1 .detail2{
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s;
}
.active.section1 .detail3{
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s;
}
.active.section1 .plan img.five{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s;
}
.active.section1 .plan img.six{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s;
}

/* 第二页 */
.active.section2 .ml-nav { 
    top: 0; 
    -webkit-transition-delay: 0.7s; 
    -moz-transition-delay: 0.7s; 
    -o-transition-delay: 0.7s; 
    -ms-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.active.section2 h2{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.active.section2 img.one { 
    opacity: 1; 
    -webkit-transform:scale(1, 1); 
    transform:scale(1, 1);
    -webkit-transition-delay: 0.7s; 
    transition-delay: 0.7s; 
}
.active.section2 img.two { 
    opacity: 1; 
    -webkit-transform:scale(1, 1); 
    transform:scale(1, 1);
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s; 
}
.active.section2 .group .word{
    opacity: 1; 
    -webkit-transform:scale(1, 1); 
    transform:scale(1, 1);
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
.active.section2 img.three { 
    opacity: 1; 
    -webkit-transform:scale(1, 1); 
    transform:scale(1, 1);
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s; 
}
.active.section2 img.four { 
    opacity: 1; 
    -webkit-transform:scale(1, 1); 
    transform:scale(1, 1);
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s; 
}
.active.section2 img.five { 
    opacity: 1; 
    -webkit-transform:scale(1, 1); 
    transform:scale(1, 1);
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.5s; 
}
.active.section2 img.six { 
    opacity: 1; 
    -webkit-transform:scale(1, 1); 
    transform:scale(1, 1);
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s; 
}


/* 第三页 */
.active.section3 .ml-nav { 
    top: 0; 
    -webkit-transition-delay: 0.7s; 
    -moz-transition-delay: 0.7s; 
    -o-transition-delay: 0.7s; 
    -ms-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.active.section3 h2{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.active.section3 .group1{
    margin-left: 0;
    opacity: 1;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.active.section3 .group2{
    margin-right: 0;
    opacity: 1;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.active.section3 .word{
    margin-top: 0;
    opacity: 1;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.active.section3 img.four{
    margin-top: 0;
    opacity: 1;
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}
.active.section3 img.five{
    margin-top: 0;
    opacity: 1;
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}
.active.section3 .group1 .box{
    -webkit-animation: change 20s linear infinite;
    animation: change 20s linear infinite;
}
@-webkit-keyframes change {
    from{
        -webkit-transform: rotate(0deg);
        /* -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); */
    }
    to{
        -webkit-transform: rotate(360deg);
        /* -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg); */
    }
}
@keyframes change {
    from{
        /* -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg); */
        transform: rotate(0deg);
    }
    to{
        /* -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg); */
        transform: rotate(360deg);
    }
}


/* 第四页 */
.active.section4 .ml-nav { 
    top: 0; 
    -webkit-transition-delay: 0.7s; 
    -moz-transition-delay: 0.7s; 
    -o-transition-delay: 0.7s; 
    -ms-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.active.section4 h2{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.active.section4 .contain{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}