body dl dd div p{margin:0;padding:0;}
body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute;}
ul li{list-style-type:none;}
a {text-decoration:none;opacity: 0;}
a:link{color:#000;}
a:visited{color:#000;}

.loading{position:absolute;width:100%;height:100%;background:url('../images/p0.jpg') no-repeat;background-size:100% 100%;}
.load_val{width:100%;}
.loading_line{top: 42%;width: 8%;height: 18%;position: absolute;left: 46%;background: #053f72;}
.loading_line_blank{width:100%;height:0%;background: #0a84ef;}
.loading_img{position:absolute;width:100%;height:100%;background:url('../images/loading.png?1') no-repeat;background-size:100% 100%;}
.body{width: 100%;height: 100%;position: absolute;}
.swiper-container{position:absolute;width:100%;height:100%;opacity: 0}
.swiper-wrapper{height: 100%;}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}


#s0{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;}
#s0 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0 .w3{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0 .w4{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.5.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0 .w5{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.6.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0 .w6{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.7.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0.ani .w0{
        animation:fadeIn 1s .5s linear both;
        -moz-animation:fadeIn 1s .5s linear both;
        -webkit-animation:fadeIn 1s .5s linear both;
        -o-animation:fadeIn 1s .5s linear both
}
#s0.ani .w1{
        animation:fadeIn 1s 2s linear both;
        -moz-animation:fadeIn 1s 2s linear both;
        -webkit-animation:fadeIn 1s 2s linear both;
        -o-animation:fadeIn 1s 2s linear both
}
#s0.ani .w2{
        animation:fadeIn 1s 4.5s linear both;
        -moz-animation:fadeIn 1s 4.5s linear both;
        -webkit-animation:fadeIn 1s 4.5s linear both;
        -o-animation:fadeIn 1s 4.5s linear both
}
#s0.ani .w3{
        animation:fadeIn 1s 6.5s linear both;
        -moz-animation:fadeIn 1s 6.5s linear both;
        -webkit-animation:fadeIn 1s 6.5s linear both;
        -o-animation:fadeIn 1s 6.5s linear both
}
#s0.ani .w4{
        animation:fadeIn 1s 8.5s linear both;
        -moz-animation:fadeIn 1s 8.5s linear both;
        -webkit-animation:fadeIn 1s 8.5s linear both;
        -o-animation:fadeIn 1s 8.5s linear both
}
#s0.ani .w5{
        animation:fadeIn 1s 10.5s linear both;
        -moz-animation:fadeIn 1s 10.5s linear both;
        -webkit-animation:fadeIn 1s 10.5s linear both;
        -o-animation:fadeIn 1s 10.5s linear both
}
#s0.ani .w6{
        animation:fadeIn 1s 12.5s linear both;
        -moz-animation:fadeIn 1s 12.5s linear both;
        -webkit-animation:fadeIn 1s 12.5s linear both;
        -o-animation:fadeIn 1s 12.5s linear both
}
#s1{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;}
#s1 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.8.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.9.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.10.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w3{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.11.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w4{opacity: 0;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.12.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w5{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.13.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w7{opacity: 0;;position: absolute;width: 9%;height: 8%;top: 55%;left: 62%;background:url('../images/hand1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w6{position: absolute;width: 36%;height: 10%;top: 50%;left: 32%;}
#s1.ani .w0{
        animation:fadeIn 1s 1.5s linear both;
        -moz-animation:fadeIn 1s 1.5s linear both;
        -webkit-animation:fadeIn 1s 1.5s linear both;
        -o-animation:fadeIn 1s 1.5s linear both
}
#s1.ani .w1{
        animation:fadeIn 1s 3.5s linear both;
        -moz-animation:fadeIn 1s 3.5s linear both;
        -webkit-animation:fadeIn 1s 3.5s linear both;
        -o-animation:fadeIn 1s 3.5s linear both
}
#s1.ani .w2{
        animation:fadeIn 1.5s 6.5s linear both;
        -moz-animation:fadeIn 1.5s 6.5s linear both;
        -webkit-animation:fadeIn 1.5s 6.5s linear both;
        -o-animation:fadeIn 1.5s 6.5s linear both
}
#s1.ani .w5{
        animation:fadeIn 1.5s 6.5s linear both;
        -moz-animation:fadeIn 1.5s 6.5s linear both;
        -webkit-animation:fadeIn 1.5s 6.5s linear both;
        -o-animation:fadeIn 1.5s 6.5s linear both
}
#s1.ani .w3{
        animation:fadeIn 1s 8.5s linear both;
        -moz-animation:fadeIn 1s 8.5s linear both;
        -webkit-animation:fadeIn 1s 8.5s linear both;
        -o-animation:fadeIn 1s 8.5s linear both
}
#s1.ani .w4{
        animation:fadeIn 1.5s 10s linear both;
        -moz-animation:fadeIn 1.5s 10s linear both;
        -webkit-animation:fadeIn 1.5s 10s linear both;
        -o-animation:fadeIn 1.5s 10s linear both
}
#s1.ani .w7{
        animation:fadeIn 2s 12s linear infinite;
        -moz-animation:fadeIn 2s 12s linear infinite;
        -webkit-animation:fadeIn 2s 12s linear infinite;
        -o-animation:fadeIn 2s 12s linear infinite
}
#s2{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .w00{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .w4{display: none;position: absolute;width: 12%;height: 6%;top: 77%;left: 60%;background:url('../images/xz.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .w5{display: none;position: absolute;width: 12%;height: 6%;top: 88%;left: 67%;background:url('../images/xz.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .w3{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;}
#s2 .w3 .c1{position: absolute;width: 37%;height: 9%;top: 75%;left: 31%;}
#s2 .w3 .c2{position: absolute;width: 49%;height: 9%;top: 86%;left: 26%;}
#s2 .w10{opacity: 0;position: absolute;width: 9%;height: 8%;top: 55%;left: 62%;background:url('../images/hand1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2.ani .w0{
        animation:fadeIn 1s .5s linear both;
        -moz-animation:fadeIn 1s .5s linear both;
        -webkit-animation:fadeIn 1s .5s linear both;
        -o-animation:fadeIn 1s .5s linear both
}
#s2.ani .w2{
        animation:fadeIn 1.5s 1.5s linear both;
        -moz-animation:fadeIn 1.5s 1.5s linear both;
        -webkit-animation:fadeIn 1.5s 1.5s linear both;
        -o-animation:fadeIn 1.5s 1.5s linear both
}
#s2.ani .w1{
        animation:fadeIn 1s 4.5s linear both;
        -moz-animation:fadeIn 1s 4.5s linear both;
        -webkit-animation:fadeIn 1s 4.5s linear both;
        -o-animation:fadeIn 1s 4.5s linear both
}
#s2.ani .w10{
        animation:animate 5s 5.5s linear both;
        -moz-animation:animate 5s 5.5s linear both;
        -webkit-animation:animate 5s 5.5s linear both;
        -o-animation:animate 5s 5.5s linear both
}
#s3{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;}
#s3 .w00{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s3 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s3 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s3 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s3 .w4{display: none;position: absolute;width: 12%;height: 6%;top: 78%;left: 62%;background:url('../images/xz.png?1') no-repeat 0 0;background-size:100% 100%;}
#s3 .w5{display: none;position: absolute;width: 12%;height: 6%;top: 88%;left: 74%;background:url('../images/xz.png?1') no-repeat 0 0;background-size:100% 100%;}
#s3 .w3{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;}
#s3 .w3 .c1{position: absolute;width: 38%;height: 7%;top: 78%;left: 31%;}
#s3 .w3 .c2{position: absolute;width: 60%;height: 9%;top: 86%;left: 22%;}
#s3.ani .w0{
        animation:fadeIn 1s .5s linear both;
        -moz-animation:fadeIn 1s .5s linear both;
        -webkit-animation:fadeIn 1s .5s linear both;
        -o-animation:fadeIn 1s .5s linear both
}
#s3.ani .w2{
        animation:fadeIn 1.5s 1.5s linear both;
        -moz-animation:fadeIn 1.5s 1.5s linear both;
        -webkit-animation:fadeIn 1.5s 1.5s linear both;
        -o-animation:fadeIn 1.5s 1.5s linear both
}
#s3.ani .w1{
        animation:fadeIn 1s 4.5s linear both;
        -moz-animation:fadeIn 1s 4.5s linear both;
        -webkit-animation:fadeIn 1s 4.5s linear both;
        -o-animation:fadeIn 1s 4.5s linear both
}
#s4{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;}
#s4 .w00{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s4 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s4 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s4 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s4 .w3{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s4 .w4{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.5.png?1') no-repeat 0 0;background-size:100% 100%;}
#s4 .w5{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.6.png?1') no-repeat 0 0;background-size:100% 100%;}
#s4 .w6{display: none;position: absolute;width: 12%;height: 6%;top: 80%;left: 70%;background:url('../images/xz.png?1') no-repeat 0 0;background-size:100% 100%;}
#s4 .w7{display: none;position: absolute;width: 12%;height: 6%;top: 90%;left: 68%;background:url('../images/xz.png?1') no-repeat 0 0;background-size:100% 100%;}
#s4 .w8{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;}
#s4 .w8 .c1{position: absolute;width: 50%;height: 7%;top: 79%;left: 27%;}
#s4 .w8 .c2{position: absolute;width: 46%;height: 9%;top: 88%;left: 29%;}
#s4.ani .w0{
        animation:fadeIn 1s .5s linear both;
        -moz-animation:fadeIn 1s .5s linear both;
        -webkit-animation:fadeIn 1s .5s linear both;
        -o-animation:fadeIn 1s .5s linear both
}
#s4.ani .w1{
        animation:fadeIn 1s 1.5s linear both;
        -moz-animation:fadeIn 1s 1.5s linear both;
        -webkit-animation:fadeIn 1s 1.5s linear both;
        -o-animation:fadeIn 1s 1.5s linear both
}
#s4.ani .w2{
        animation:fadeIn 1s 2s linear both;
        -moz-animation:fadeIn 1s 2s linear both;
        -webkit-animation:fadeIn 1s 2s linear both;
        -o-animation:fadeIn 1s 2s linear both
}
#s4.ani .w3{
        animation:fadeIn 1s 2.5s linear both;
        -moz-animation:fadeIn 1s 2.5s linear both;
        -webkit-animation:fadeIn 1s 2.5s linear both;
        -o-animation:fadeIn 1s 2.5s linear both
}
#s4.ani .w4{
        animation:fadeIn 1s 4s linear both;
        -moz-animation:fadeIn 1s 4s linear both;
        -webkit-animation:fadeIn 1s 4s linear both;
        -o-animation:fadeIn 1s 4s linear both
}
#s4.ani .w5{
        animation:fadeIn 1.5s 5.5s linear both;
        -moz-animation:fadeIn 1.5s 5.5s linear both;
        -webkit-animation:fadeIn 1.5s 5.5s linear both;
        -o-animation:fadeIn 1.5s 5.5s linear both
}
#s5{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;}
#s5 .w00{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s5 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s5 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s5 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s5 .w3{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.5.png?1') no-repeat 0 0;background-size:100% 100%;}
#s5 .w4{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s5 .w5{display: none;position: absolute;width: 12%;height: 6%;top: 79%;left: 70%;background:url('../images/xz.png?1') no-repeat 0 0;background-size:100% 100%;}
#s5 .w6{display: none;position: absolute;width: 12%;height: 6%;top: 89%;left: 77%;background:url('../images/xz.png?1') no-repeat 0 0;background-size:100% 100%;}
#s5 .w7{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;}
#s5 .w7 .c1{position: absolute;width: 50%;height: 7%;top: 79%;left: 27%;}
#s5 .w7 .c2{position: absolute;width: 62%;height: 9%;top: 88%;left: 21%;}
#s5.ani .w2{
        animation:fadeInLeft 2s .5s linear both;
        -moz-animation:fadeInLeft 2s .5s linear both;
        -webkit-animation:fadeInLeft 2s .5s linear both;
        -o-animation:fadeInLeft 2s .5s linear both
}
#s5.ani .w3{
        animation:fadeIn 1.5s 3.5s linear both;
        -moz-animation:fadeIn 1.5s 3.5s linear both;
        -webkit-animation:fadeIn 1.5s 3.5s linear both;
        -o-animation:fadeIn 1.5s 3.5s linear both
}
#s5.ani .w4{
        animation:fadeIn 1.5s 6.5s linear both;
        -moz-animation:fadeIn 1.5s 6.5s linear both;
        -webkit-animation:fadeIn 1.5s 6.5s linear both;
        -o-animation:fadeIn 1.5s 6.5s linear both
}
#s6{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;}
#s6 .w00{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/5.png?1') no-repeat 0 0;background-size:100% 100%;}
#s6 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p5.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s6 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p5.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s6 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p5.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s6 .w4{display: none;position: absolute;width: 12%;height: 6%;top: 79%;left: 67%;background:url('../images/xz.png?1') no-repeat 0 0;background-size:100% 100%;}
#s6 .w5{display: none;position: absolute;width: 12%;height: 6%;top: 89%;left: 67%;background:url('../images/xz.png?1') no-repeat 0 0;background-size:100% 100%;}
#s6 .w3{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;}
#s6 .w3 .c1{position: absolute;width: 50%;height: 8%;top: 78%;left: 25%;}
#s6 .w3 .c2{position: absolute;width: 50%;height: 8%;top: 88%;left: 25%;}
#s6.ani .w0{
        animation:fadeIn 1s .5s linear both;
        -moz-animation:fadeIn 1s .5s linear both;
        -webkit-animation:fadeIn 1s .5s linear both;
        -o-animation:fadeIn 1s .5s linear both
}
#s6.ani .w1{
        animation:fadeIn 1.5s 1.5s linear infinite;
        -moz-animation:fadeIn 1.5s 1.5s linear infinite;
        -webkit-animation:fadeIn 1.5s 1.5s linear infinite;
        -o-animation:fadeIn 1.5s 1.5s linear infinite
}
#s6.ani .w2{
        animation:fadeIn 1s 3.5s linear both;
        -moz-animation:fadeIn 1s 3.5s linear both;
        -webkit-animation:fadeIn 1s 3.5s linear both;
        -o-animation:fadeIn 1s 3.5s linear both
}
#s7{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;}
#s7 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w3{position: absolute;width: 45%;height: 30%;top: 60%;left: 26%;background:url('../images/pen.gif') no-repeat 0 0;background-size:100% 100%;}
#s7 .w4{opacity: 0;;position: absolute;width: 8%;height: 7%;top: 85%;left: 58%;background:url('../images/hand.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w5{display: none;position: absolute;width: 33%;height: 16%;top: 72%;left: 32%;}
#s7 .w6{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6.5.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w7{display: none;position: absolute;width: 50%;height: 30%;top: 26%;left: 25%;background:url('../images/pen.gif') no-repeat 0 0;background-size:100% 100%;}
#s7.ani .w0{
        animation:fadeIn 1s 1.5s linear both;
        -moz-animation:fadeIn 1s 1.5s linear both;
        -webkit-animation:fadeIn 1s 1.5s linear both;
        -o-animation:fadeIn 1s 1.5s linear both
}
#s7.ani .w1{
        animation:fadeIn 1s 3.5s linear both;
        -moz-animation:fadeIn 1s 3.5s linear both;
        -webkit-animation:fadeIn 1s 3.5s linear both;
        -o-animation:fadeIn 1s 3.5s linear both
}
#s7.ani .w2{
        animation:fadeIn 1.5s 6.5s linear both;
        -moz-animation:fadeIn 1.5s 6.5s linear both;
        -webkit-animation:fadeIn 1.5s 6.5s linear both;
        -o-animation:fadeIn 1.5s 6.5s linear both
}
#s7.ani .w3{
        animation:fadeIn 1.5s 6.5s linear both;
        -moz-animation:fadeIn 1.5s 6.5s linear both;
        -webkit-animation:fadeIn 1.5s 6.5s linear both;
        -o-animation:fadeIn 1.5s 6.5s linear both
}
#s7.ani .w4{
        animation:fadeIn 1.5s 8.5s linear infinite;
        -moz-animation:fadeIn 1.5s 8.5s linear infinite;
        -webkit-animation:fadeIn 1.5s 8.5s linear infinite;
        -o-animation:fadeIn 1.5s 8.5s linear infinite
}
#s8{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p7.jpg') no-repeat 0 0;background-size:100% 100%;}
#s8 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p7.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s8 .w1{position: absolute;width: 74%;height: 70%;top: 14%;left: 13%;font-family: 微软雅黑;color: #333300;}
#s8 .w1 .p1{position: absolute;top: -4%;left: 2%;font-weight: bold;font-size: 20px;}
#s8 .w1 .p11{position: relative;top: 4%;left: 2%;text-indent:2em;line-height: 1.8em;}
#s8 .w1 .p2{position: relative;top: 0%;left: 2%;text-indent:2em;line-height: 1.8em;}
#s8 .w1 .p3{position: relative;top: -4%;left: 2%;text-indent:2em;line-height: 1.8em;}
#s8 .w1 .p4{position: absolute;top: 86%;right: 12%;font-weight: bold;}
#s8 .w1 .p5{position: absolute;top: 91%;right: 2%;font-weight: bold;}





keyframes animate
{
0%{opacity: 0;top:78%;}
1%{opacity: 1;top:78%;}
12.5%{opacity: 0;top:78%;}
25%{opacity: 1;top:78%;}
50%{opacity: 1;top:90%;}
62.5%{opacity: 0;top:90%;}
75%{opacity: 1;top:90%;}
87.5%{opacity: 1;top:78%;}
100%{opacity: 0;top:78%;}
}

@-moz-keyframes animate /* Firefox */
{0%{opacity: 0;top:78%;}
1%{opacity: 1;top:78%;}
12.5%{opacity: 0;top:78%;}
25%{opacity: 1;top:78%;}
50%{opacity: 1;top:90%;}
62.5%{opacity: 0;top:90%;}
75%{opacity: 1;top:90%;}
87.5%{opacity: 1;top:78%;}
100%{opacity: 0;top:78%;}}

@-webkit-keyframes animate /* Safari 和 Chrome */
{0%{opacity: 0;top:78%;}
1%{opacity: 1;top:78%;}
12.5%{opacity: 0;top:78%;}
25%{opacity: 1;top:78%;}
50%{opacity: 1;top:90%;}
62.5%{opacity: 0;top:90%;}
75%{opacity: 1;top:90%;}
87.5%{opacity: 1;top:78%;}
100%{opacity: 0;top:78%;}}

@keyframes fei
{0%{top: -146.5%;}100%{top: -1%;}}

@-moz-keyframes fei /* Firefox */
{0%{top: -146.5%;}100%{top: -1%;}}

@-webkit-keyframes fei /* Safari 和 Chrome */
{0%{top: -146.5%;}100%{top: -1%;}}

@keyframes big
{0%{transform: scale(1)}100%{transform: scale(2)}}

@-moz-keyframes big /* Firefox */
{0%{transform: scale(1)}100%{transform: scale(2)}}

@-webkit-keyframes big /* Safari 和 Chrome */
{0%{transform: scale(1)}100%{transform: scale(2)}}

@keyframes big1
{0%{transform: scale(1)}100%{transform: scale(2)}}

@-moz-keyframes big1 /* Firefox */
{0%{transform: scale(1)}100%{transform: scale(2)}}

@-webkit-keyframes big1 /* Safari 和 Chrome */
{0%{transform: scale(1)}100%{transform: scale(2)}}

@keyframes down
{0%{top: -70%;}100%{top: -25%;}}

@-moz-keyframes down /* Firefox */
{0%{top: -70%;}100%{top: -25%;}}

@-webkit-keyframes down /* Safari 和 Chrome */
{0%{top: -70%;}100%{top: -25%;}}


@keyframes arrow
{0%{opacity: 0;left:93%;}90%{opacity: 1;left:91%;}100%{opacity: 1;left:93%;}}
@-moz-keyframes arrow /* Firefox */
{0%{opacity: 0;left:93%;}90%{opacity: 1;left:91%;}100%{opacity: 1;left:93%;}}
@-webkit-keyframes arrow /* Safari 和 Chrome */
{0%{opacity: 0;left:93%;}90%{opacity: 1;left:91%;}100%{opacity: 1;left:93%;}}

@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-moz-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}

@keyframes fadeInRight
{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInRight /* Firefox */
{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-webkit-keyframes fadeInRight /* Safari 和 Chrome */
{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

@keyframes fadeInLeft
{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInLeft /* Firefox */
{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-webkit-keyframes fadeInLeft /* Safari 和 Chrome */
{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

/* 向左下 */
@-webkit-keyframes fadeInLB{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInLB{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLB{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}


/* 音乐开关*/
#switch-music{z-index:9999999;position:absolute;bottom: 10px;left: 5px; width:30px; height:30px;}
#switch-music img{max-width: 100%;}
#switch-music.show{display:block; z-index:999;}
#switch-music .tips{color: rgba(255,255,255,.75); z-index:999; top: 15px; right: 100px; width: 30px; text-align: right; opacity: 0;}
#switch-music .tips.on{opacity: 1; right: 100px; z-index:999;}
#switch-music div:nth-child(2){display:none; z-index:999;}
#switch-music.on div:nth-child(2){display:block; animation: music 1s linear infinite; -webkit-animation: music 1s linear infinite; z-index:999;}
@keyframes music{
  0%{transform: rotate(0)}
  100%{transform: rotate(360deg)}
}
@-webkit-keyframes music{
  0%{transform: rotate(0); -webkit-transform: rotate(0)}
  100%{transform: rotate(360deg); -webkit-transform: rotate(360deg)}
}
.pof{position: fixed; z-index:9999}
@-webkit-keyframes bubble /* Safari 和 Chrome */
{
    0%{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}