@charset "utf-8";


.section {overflow: hidden;}
.down {position: absolute; z-index: 999; width:30px; height: 125px; background: url(../images/index15.png) no-repeat center; left: 0; right: 0; margin: 0 auto; bottom: 2%; 
animation: ud 1s linear alternate infinite; -webkit-animation: ud 1s linear alternate infinite;-moz-animation: ud 1s linear alternate infinite;}

@keyframes ud {
    0% {bottom: 40px;}
    100% {bottom: 20px;}
}
.p1.active .up {animation: fadeInRight 1s;}
.p1.active .ban_t2 {animation: bounceInUp 2s;}




.p2.active .left li:first-child {animation: fadeInLeftBig 2.5s;}
.p2.active .left li:nth-child(2) {animation: fadeInLeftBig 2s;}
.p2.active .left li:last-child {animation: fadeInLeftBig 1.5s;}
.p2.active .right {animation: fadeInRightBig 1.5s;}



.p3.active .left{animation: fadeInLeftBig  1.5s;}
.p3.active .right {animation: fadeInRightBig 2s;}
.p3.active .t3{animation: fadeInDown 2s;}

.p4.active .titles {animation: fadeInDown 1.5s;}
.p4.active .case_c {animation: fadeInUpBig 2s;}



.p5.active .left {animation: fadeInLeftBig  1.5s;}
.p5.active .right {animation: fadeInRightBig 2.5s;}


.p6.active .foot {animation: fadeInUpBig  1.5s;}
.p6.active .foot2{animation: fadeInUpBig 2.5s;}