@charset "utf-8";


.section {overflow: hidden;}
.down {position: absolute; z-index: 999; width:25px; height: 85px; background: url(../images/index01.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;}
}
@media screen and (max-width: 500px) {
.down {background-size:60%;}

}









.p1.active .ban_t2 {animation:zoomIn 1s;}
.p1.active .nav_page {animation:fadeInRightBig 1s;}


.p2.active .nav_page {animation:fadeInRightBig 1s;}
.p2.active .left .title {animation: fadeInLeftBig 1.5s;}
.p2.active .left .t2{animation: fadeInLeftBig 2s;}
.p2.active .left .fen {animation: fadeInLeftBig 2.5s;}
.p2.active .left .con{animation: fadeInLeftBig 3s;}
.p2.active .left .xx{animation: fadeInLeftBig 3.5s;}
.p2.active .right {animation: fadeInRightBig 4s;}


.p3.active .nav_page {animation:fadeInRightBig 1s;}
.p3.active .tits {animation: bounceInDown  1.5s;}
.p3.active .pro_c {animation:bounceInUp 2.5s;}

.p4.active .nav_page {animation:fadeInRightBig 1s;}
.p4.active .tits {animation: bounceInDown 1.5s;}
.p4.active .case_c {animation: flipInX 2.5s;}


.p5.active .nav_page {animation:fadeInRightBig 1s;}
.p5.active .tits {animation: bounceInDown  1.5s;}
.p5.active .news_c {animation: fadeInLeftBig 2s;}

.p6.active .nav_page {animation:fadeInRightBig 1s;}
.p6.active .tits {animation: bounceInDown  1.5s;}
.p6.active .con_c{animation: bounceInUp  2.5s;}