@charset "utf-8";


.section {overflow: hidden;}
.down {position: absolute; z-index: 999; width:60px; height: 60px;border:1px solid #fff;border-radius:100px;-webkit-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px;  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;}
}


@-webkit-keyframes ud {
    0% {bottom: 40px;}
    100% {bottom: 20px;}
}

@media only screen and (max-width: 992px){
.down {border:none}
}

.p1.active .up {animation: fadeInRight 1s;}
.p1.active .ban_t2 {animation: bounceInUp 2s;}



.p2.active .tits {animation: fadeInDownBig 1.5s;}
.p2.active .left{animation: fadeInLeftBig 2s;}

.p2.active .right {animation: fadeInRightBig 2.5s;}



.p4.active .tits {animation: fadeInDownBig 1.5s;}
.p4.active .pro_c{animation: fadeInUpBig 2s;}


.p5.active .tits {animation: fadeInDownBig 1.5s;}
.p5.active .new_c {animation: flipInX 2s;}
.p5.active .more {animation: fadeInUpBig 2.5s;}

.p6.active .tits {animation: fadeInDownBig 1.5s;}
.p6.active .lx {animation: fadeInUpBig  2s;}
.p6.active .lx_2 {animation: fadeInUpBig  2.5s;}
.p6.active .foot{animation: fadeInUpBig 3.5s;}