body dl dd div p{margin:0;padding:0;font-family:"'Microsoft YaHei'";}
body{width: 100%;height: 100%;top: 0;bottom: 0;position: absolute; overflow: hidden;}
ul li{list-style-type:none;}
a {text-decoration:none;opacity: 0;}
a:link{color:#000;}
a:visited{color:#000;}
.music_blk{z-index:9999;position:absolute;top:10px;right:10px;}
.music{display:block;width:35px;height:35px;background:url('../images/music.png') no-repeat;background-size:100% 100%;}
.music_on{-webkit-animation:music 1s linear infinite;animation:music 1s linear infinite;}
.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.png') no-repeat 0 0;background-size:100% 100%;}
.load_val{width:100%;}
.loading_line{z-index: -100;top: 49.5%;width: 52%;height: 19px;position: absolute;left: 24%;background:#ffffff;}
.loading_line_blank{width:0%;height:100%;background:#ed1c24;}
.load_img{position: absolute;top:0;width: 100%;height:100%;}
.load_img img{width: 100%;height:100%;}
.load_u{position:absolute;width:100%;height:100%;opacity: 0.8;left:100%;}
.body{width: 100%;height: 100%;position: absolute;}
.swiper-container{position:absolute;width:100%;height:100%}
.swiper-wrapper{height: 100%;}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}

.time{position: absolute;top: 10%;opacity: 1;width: 60%;height: 11%;font-weight: bolder;color: white;margin: 0 auto;left: 0;right: 0;text-align: center;font-size: 100%;line-height: 1em}
.date{position: absolute;top: 24%;opacity: 1;width: 45%;height: 4%;color: white;margin: 0 auto;left: 0;right: 0;text-align: center;font-size: 100%;line-height: 1em}
.no{position: absolute;width: 60%;height: 100%;top:0%;left: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: 93%;height: 15%;top: 18%;left: 4%;background:url('../images/p0.1.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w1{position: absolute;width: 7%;height: 5%;top:21%;left:2%;background:url('../images/p0.2.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w2{position: absolute;width: 8%;height: 5%;top:29%;left:90%;background:url('../images/p0.3.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w3{position: absolute;width: 24%;height: 14%;top: 6%;left: 66%;background:url('../images/p0.4.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w4{position: absolute;width: 10%;height: 6%;top: 5%;left: 65%;background:url('../images/p0.5.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w5{position: absolute;width: 28%;height: 12%;top: 6%;left: 12%;background:url('../images/p0.6.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w6{position: absolute;width: 16%;height: 5%;top: 14%;left: 4%;background:url('../images/p0.7.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w7{position: absolute;width: 59%;height: 14%;top: 32%;left: 22%;background:url('../images/p0.8.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w8{position: absolute;width: 18%;height: 13%;top: 32%;left: 74%;background:url('../images/p0.9.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w9{position: absolute;width: 23%;height: 9%;top: 30%;left: 16%;background:url('../images/p0.10.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w10{position: absolute;width: 12%;height: 7%;top: 47%;left: 78%;background:url('../images/p0.11.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w11{position: absolute;width: 4.5%;height: 3%;top: 50%;left: 73%;background:url('../images/p0.12.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w12{position: absolute;width: 8%;height: 5%;top: 50.5%;left: 63%;background:url('../images/p0.13.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w13{position: absolute;width: 14%;height: 8%;top: 53%;left: 47%;background:url('../images/p0.14.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w14{transform-origin:130% 130%;position: absolute;width: 13%;height: 5%;top: 50%;left: 38%;background:url('../images/p0.15.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w15{position: absolute;width: 9%;height: 6%;top: 57.5%;left: 38%;background:url('../images/p0.16.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w16{position: absolute;width: 22%;height: 14%;top: 60%;left: 18%;background:url('../images/p0.17.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w17{position: absolute;width: 32%;height: 11%;top: 70%;left: 2%;background:url('../images/p0.18.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w18{position: absolute;width: 22%;height: 8%;top: 82%;left: 2%;background:url('../images/p0.19.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w19{position: absolute;width: 10%;height: 7%;top: 91%;left: 4%;background:url('../images/p0.20.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w20{transform-origin:100% 100%;position: absolute;width: 44%;height: 40%;top: 60%;left: 56%;background:url('../images/p0.21.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w21{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.22.png') no-repeat 0 0;background-size:100% 100%;}
.start{position: absolute;width: 59%;height: 14%;top: 32%;left: 22%;}
.c1{position: absolute;width: 24%;height: 6%;top: 87%;left: 20%;}
.c2{position: absolute;width: 40%;height: 6%;top: 87%;left: 48%;}
.c2 a,.c1 a{position: absolute;width: 100%;height: 100%;top:0%;left: 0%;}

#s1{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s1 .w0{position: absolute;width: 66%;height: 10.5%;top: 11%;left: 15%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w1{position: absolute;width: 46%;height: 26%;top: 25%;left: 11%;background:url('../images/p1.2.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w2{position: absolute;width: 26%;height: 16%;top: 45%;left: 66%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w3{transform-origin:85% 160%;position: absolute;width: 31%;height: 9%;top: 38%;left: 53%;background:url('../images/p1.4.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w4{display: none;position: absolute;width: 34%;height: 16%;top: 23%;left: 59%;background:url('../images/p1.5.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w{position: absolute;width: 53%;height: 12%;top: 64%;left: 8%;background:url('../images/p1.6.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .r{position: absolute;width: 53%;height: 12%;top: 81%;left: 8%;background:url('../images/p1.7.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w7{position: absolute;width: 28%;height: 29%;top: 64%;left: 65%;background:url('../images/p1.8.png') no-repeat 0 0;background-size:100% 100%;}
.fuceng1{z-index: 10000;display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p1-1.png') no-repeat 0 0;background-size:100% 100%;}
.click1{position: absolute;width: 40%;height: 10%;top:64%;left:51%;}

#s2{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .w0{position: absolute;width: 66%;height: 10.5%;top: 11%;left: 15%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w1{position: absolute;width: 46%;height: 26%;top: 25%;left: 11%;background:url('../images/p2.1.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w2{position: absolute;width: 27%;height: 13%;top: 46%;left: 53%;background:url('../images/p2.3.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w3{position: absolute;width: 9%;height: 5%;top: 38%;left: 57%;background:url('../images/p2.4.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w4{display: none;position: absolute;width: 34%;height: 16%;top: 23%;left: 59%;background:url('../images/p2.8.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w{position: absolute;width: 53%;height: 12%;top: 64%;left: 8%;background:url('../images/p2.6.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .r{position: absolute;width: 53%;height: 12%;top: 81%;left: 8%;background:url('../images/p2.7.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w7{position: absolute;width: 28%;height: 29%;top: 64%;left: 65%;background:url('../images/p1.8.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w8{position: absolute;width: 25%;height: 12%;top: 37%;left: 74%;background:url('../images/p2.2.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w9{position: absolute;width: 4%;height: 2.5%;top: 36%;left: 66%;background:url('../images/p2.5.png') no-repeat 0 0;background-size:100% 100%;}
.fuceng2{z-index: 10000;display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p2-1.png') no-repeat 0 0;background-size:100% 100%;}
.click2{position: absolute;width: 40%;height: 10%;top:64%;left:51%;}

#s3{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s3 .w0{position: absolute;width: 66%;height: 10.5%;top: 11%;left: 15%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w1{position: absolute;width: 38%;height: 19%;top: 28%;left: 13%;background:url('../images/p3.1.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w2{position: absolute;width: 33%;height: 20%;top: 41%;left: 59%;background:url('../images/p3.2.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w3{position: absolute;width: 5%;height: 3%;top: 39%;left: 59%;background:url('../images/p3.3.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w4{display: none;position: absolute;width: 34%;height: 16%;top: 24%;left: 59%;background:url('../images/p3.4.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .r{position: absolute;width: 53%;height: 12%;top: 64%;left: 8%;background:url('../images/p3.5.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w{position: absolute;width: 53%;height: 12%;top: 81%;left: 8%;background:url('../images/p3.6.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w7{position: absolute;width: 28%;height: 29%;top: 64%;left: 65%;background:url('../images/p1.8.png') no-repeat 0 0;background-size:100% 100%;}
.fuceng3{z-index: 10000;display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p3-1.png') no-repeat 0 0;background-size:100% 100%;}
.click3{position: absolute;width: 40%;height: 10%;top:64%;left:51%;}

#s4{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s4 .w0{position: absolute;width: 66%;height: 10.5%;top: 11%;left: 15%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w1{position: absolute;width: 46%;height: 26%;top: 25%;left: 11%;background:url('../images/p4.1.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w2{position: absolute;width: 24%;height: 14%;top: 40%;left: 65%;background:url('../images/p4.2.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w3{position: absolute;width: 5%;height: 3%;top: 41%;left: 59%;background:url('../images/p4.3.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w4{display: none;position: absolute;width: 34%;height: 16%;top: 24%;left: 59%;background:url('../images/p4.4.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w{position: absolute;width: 53%;height: 12%;top: 64%;left: 8%;background:url('../images/p4.5.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .r{position: absolute;width: 53%;height: 12%;top: 81%;left: 8%;background:url('../images/p4.6.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w7{position: absolute;width: 28%;height: 29%;top: 64%;left: 65%;background:url('../images/p1.8.png') no-repeat 0 0;background-size:100% 100%;}
.fuceng4{z-index: 10000;display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p4-1.png') no-repeat 0 0;background-size:100% 100%;}
.click4{position: absolute;width: 40%;height: 10%;top:64%;left:51%;}

#s5{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s5 .w0{position: absolute;width: 66%;height: 10.5%;top: 11%;left: 15%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w1{position: absolute;width: 46%;height: 21%;top: 27%;left: 11%;background:url('../images/p5.1.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w2{position: absolute; width: 34%;height: 12%;top: 46%;left: 54%;background:url('../images/p5.2.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w3{position: absolute;width: 17%;height: 8%;top: 41%;left: 73%;background:url('../images/p5.3.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w4{display: none;position: absolute;width: 34%;height: 16%;top: 24%;left: 59%;background:url('../images/p5.4.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w{position: absolute;width: 53%;height: 12%;top: 64%;left: 8%;background:url('../images/p5.5.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .r{position: absolute;width: 53%;height: 12%;top: 81%;left: 8%;background:url('../images/p5.6.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w7{position: absolute;width: 28%;height: 29%;top: 64%;left: 65%;background:url('../images/p1.8.png') no-repeat 0 0;background-size:100% 100%;}
.fuceng5{z-index: 10000;display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p5-1.png') no-repeat 0 0;background-size:100% 100%;}
.click5{position: absolute;width: 40%;height: 10%;top:64%;left:51%;}

#s6{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s6 .w0{position: absolute;width: 66%;height: 10.5%;top: 11%;left: 15%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w1{position: absolute;width: 46%;height: 16%;top: 31%;left: 11%;background:url('../images/p6.1.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w2{position: absolute;width: 34%;height: 20%;top: 39%;left: 58%;background:url('../images/p6.2.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w3{transform-origin:100% 100%;position: absolute;width: 17%;height: 10%;top: 48%;left: 49%;background:url('../images/p6.3.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w4{display: none;position: absolute;width: 34%;height: 16%;top: 24%;left: 59%;background:url('../images/p6.4.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .r{position: absolute;width: 53%;height: 12%;top: 64%;left: 8%;background:url('../images/p6.5.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w{position: absolute;width: 53%;height: 12%;top: 81%;left: 8%;background:url('../images/p6.6.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w7{position: absolute;width: 28%;height: 29%;top: 64%;left: 65%;background:url('../images/p1.8.png') no-repeat 0 0;background-size:100% 100%;}
.fuceng6{z-index: 10000;display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p6-1.png') no-repeat 0 0;background-size:100% 100%;}
.click6{position: absolute;width: 40%;height: 10%;top:64%;left:51%;}

#s7{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s7 .w0{position: absolute;width: 66%;height: 10.5%;top: 11%;left: 15%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w1{position: absolute;width: 46%;height: 26%;top: 26%;left: 11%;background:url('../images/p7.1.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w2{position: absolute;width: 39%;height: 13%;top: 40%;left: 58%;background:url('../images/p7.2.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w4{display: none;position: absolute;width: 34%;height: 16%;top: 24%;left: 59%;background:url('../images/p7.3.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .r{position: absolute;width: 53%;height: 12%;top: 64%;left: 8%;background:url('../images/p7.4.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w{position: absolute;width: 53%;height: 12%;top: 81%;left: 8%;background:url('../images/p7.5.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w7{position: absolute;width: 28%;height: 29%;top: 64%;left: 65%;background:url('../images/p1.8.png') no-repeat 0 0;background-size:100% 100%;}
.fuceng7{z-index: 10000;display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p7-1.png') no-repeat 0 0;background-size:100% 100%;}
.click7{position: absolute;width: 40%;height: 10%;top:64%;left:51%;}

#s8{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s8 .w0{position: absolute;width: 66%;height: 10.5%;top: 11%;left: 15%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w1{position: absolute;width: 46%;height: 23%;top: 28%;left: 11%;background:url('../images/p8.1.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w2{position: absolute;width: 29%;height: 13%;top: 40%;left: 61%;background:url('../images/p8.2.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w4{display: none;position: absolute;width: 34%;height: 16%;top: 24%;left: 59%;background:url('../images/p8.3.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .r{position: absolute;width: 53%;height: 12%;top: 64%;left: 8%;background:url('../images/p8.4.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w{position: absolute;width: 53%;height: 12%;top: 81%;left: 8%;background:url('../images/p8.5.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w7{position: absolute;width: 28%;height: 29%;top: 64%;left: 65%;background:url('../images/p1.8.png') no-repeat 0 0;background-size:100% 100%;}
.fuceng8{z-index: 10000;display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p8-1.png') no-repeat 0 0;background-size:100% 100%;}
.click8{position: absolute;width: 40%;height: 10%;top:64%;left:51%;}

#s9{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s9 .w0{position: absolute;width: 66%;height: 10.5%;top: 11%;left: 15%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .w1{position: absolute;width: 46%;height: 26%;top: 26%;left: 11%;background:url('../images/p9.1.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .w2{position: absolute;width: 55%;height: 35%;top: 26%;left: 45%;background:url('../images/p9.2.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .w4{display: none;position: absolute;width: 34%;height: 16%;top: 24%;left: 59%;background:url('../images/p9.3.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .w{position: absolute;width: 53%;height: 12%;top: 64%;left: 8%;background:url('../images/p9.4.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .r{position: absolute;width: 53%;height: 12%;top: 81%;left: 8%;background:url('../images/p9.5.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .w7{position: absolute;width: 28%;height: 29%;top: 64%;left: 65%;background:url('../images/p1.8.png') no-repeat 0 0;background-size:100% 100%;}
.fuceng9{z-index: 10000;display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p9-1.png') no-repeat 0 0;background-size:100% 100%;}
.click9{position: absolute;width: 40%;height: 10%;top:64%;left:51%;}

#s10{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s10 .w0{position: absolute;width: 66%;height: 10.5%;top: 11%;left: 15%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s10 .w1{position: absolute;width: 46%;height: 26%;top: 26%;left: 11%;background:url('../images/p10.1.png') no-repeat 0 0;background-size:100% 100%;}
#s10 .w2{position: absolute;width: 35%;height: 20%;top: 38%;left: 56%;background:url('../images/p10.2.png') no-repeat 0 0;background-size:100% 100%;}
#s10 .w4{display: none;position: absolute;width: 34%;height: 16%;top: 24%;left: 59%;background:url('../images/p10.3.png') no-repeat 0 0;background-size:100% 100%;}
#s10 .w{position: absolute;width: 53%;height: 12%;top: 64%;left: 8%;background:url('../images/p10.4.png') no-repeat 0 0;background-size:100% 100%;}
#s10 .r{position: absolute;width: 53%;height: 12%;top: 81%;left: 8%;background:url('../images/p10.5.png') no-repeat 0 0;background-size:100% 100%;}
#s10 .w7{position: absolute;width: 28%;height: 29%;top: 64%;left: 65%;background:url('../images/p1.8.png') no-repeat 0 0;background-size:100% 100%;}
.fuceng10{z-index: 10000;display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p10-1.png') no-repeat 0 0;background-size:100% 100%;}
.click10{position: absolute;width: 40%;height: 10%;top:64%;left:51%;}

#s11{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p11.jpg') no-repeat 0 0;background-size:100% 100%;}
#s11 .w0{position: absolute;width: 62%;height: 11.5%;top: 10%;left: 16%;background:url('../images/p11.1.png') no-repeat 0 0;background-size:100% 100%;}
.sc{position:absolute;opacity: 1;top: 28%;width: 39%;height: 8%;left: 34%;}
.sc img{position: static;height: 100%;}
.lev{position: absolute;width: 66%;height: 27%;top: 27%;left: 27%;background-size:100% 100%;}
#s11 .w2{position: absolute;width: 44%;height: 9%;top: 74%;left: 5%;background:url('../images/p11.7.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .w3{position: absolute;width: 44%;height: 9%;top: 74%;left: 53%;background:url('../images/p11.8.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .w4{position: absolute;width: 66%;height: 9%;top: 86%;left: 17%;background:url('../images/p11.9.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .w5{position: absolute;width: 23%;height: 4%;top: 67%;left: 17%;}
#s11 .w6{position: absolute;width: 37%;height: 4%;top: 67%;left: 46%;}
.click11{position: absolute;width: 100%;height: 100%;top:0%;left:0%;}
.click12{position: absolute;width: 100%;height: 100%;top:0%;left:0%;}
.click12 a{position: absolute;width: 100%;height: 100%;top:0%;left:0%;}

.about{z-index: 10000;display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/about.png') no-repeat 0 0;background-size:100% 100%;}
.close{position: absolute;width: 8%;height: 5%;top:3%;right: 5%;}
#s1 img,#s2 img,#s3 img,#s4 img,#s5 img,#s6 img,#s7 img,#s8 img,#s9 img,#s10 img{position: absolute;width: 17%;top:-14%;left: -5%;opacity: 0;}
#s0.ani .w0{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s0.ani .w3{
    animation: animate3 .8s infinite;
    -moz-animation: animate3 .8s infinite;
    -webkit-animation: animate3 .8s infinite;
    -o-animation: animate3 .8s infinite;
}
#s0.ani .w{
    animation: animate1 .5s infinite;
    -moz-animation: animate1 .5s infinite;
    -webkit-animation: animate1 .5s infinite;
    -o-animation: animate1 .5s infinite;
}
#s0.ani .w6{
    animation: animate1 .5s infinite;
    -moz-animation: animate1 .5s infinite;
    -webkit-animation: animate1 .5s infinite;
    -o-animation: animate1 .5s infinite;
}
#s0.ani .w7{
    animation: fadeIn 2s infinite;
    -moz-animation: fadeIn 2s infinite;
    -webkit-animation: fadeIn 2s infinite;
    -o-animation: fadeIn 2s infinite;
}
#s0.ani .w8{
    animation: animate3 1s infinite;
    -moz-animation: animate3 1s infinite;
    -webkit-animation: animate3 1s infinite;
    -o-animation: animate3 1s infinite;
}
#s0.ani .w9{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s0.ani .w10{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s0.ani .w11{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s0.ani .w12{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s0.ani .w13{
    animation: animate1 s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s0.ani .w14{
    animation: animate5 5s linear infinite;
    -moz-animation: animate5 5s linear infinite;
    -webkit-animation: animate5 5s linear infinite;
    -o-animation: animate5 5s linear infinite;
}
#s0.ani .w15{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s0.ani .w16{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s0.ani .w17{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s0.ani .w18{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s0.ani .w19{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s0.ani .w20{
    animation: animate4 6s infinite;
    -moz-animation: animate4 6s infinite;
    -webkit-animation: animate4 6s infinite;
    -o-animation: animate4 6s infinite;
}
#s1.ani .w0{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s1.ani .w1{
    animation: fadeIn 1s .5s ease both;
    -moz-animation: fadeIn 1s .5s ease both;
    -webkit-animation: fadeIn 1s .5s ease both;
    -o-animation: fadeIn 1s .5s ease both;
}
#s1.ani .w2{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s1.ani .w3{
    animation: animate5 5s linear infinite;
    -moz-animation: animate5 5s linear infinite;
    -webkit-animation: animate5 5s linear infinite;
    -o-animation: animate5 5s linear infinite;
}
#s1.ani .w{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s1.ani .r{
    animation: animate1 1s .5s infinite;
    -moz-animation: animate1 1s .5s infinite;
    -webkit-animation: animate1 1s .5s infinite;
    -o-animation: animate1 1s .5s infinite;
}
#s1.ani .w7{
    animation: animate2 1s .5s infinite;
    -moz-animation: animate2 1s .5s infinite;
    -webkit-animation: animate2 1s .5s infinite;
    -o-animation: animate2 1s .5s infinite;
}
#s2.ani .w0{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s2.ani .w1{
    animation: fadeIn 1s .5s ease both;
    -moz-animation: fadeIn 1s .5s ease both;
    -webkit-animation: fadeIn 1s .5s ease both;
    -o-animation: fadeIn 1s .5s ease both;
}
#s2.ani .w2{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s2.ani .w3{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s2.ani .w{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s2.ani .r{
    animation: animate1 1s .5s infinite;
    -moz-animation: animate1 1s .5s infinite;
    -webkit-animation: animate1 1s .5s infinite;
    -o-animation: animate1 1s .5s infinite;
}
#s2.ani .w7{
    animation: animate2 1s .5s infinite;
    -moz-animation: animate2 1s .5s infinite;
    -webkit-animation: animate2 1s .5s infinite;
    -o-animation: animate2 1s .5s infinite;
}
#s2.ani .w8{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s2.ani .w9{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s3.ani .w0{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s3.ani .w1{
    animation: fadeIn 1s .5s ease both;
    -moz-animation: fadeIn 1s .5s ease both;
    -webkit-animation: fadeIn 1s .5s ease both;
    -o-animation: fadeIn 1s .5s ease both;
}
#s3.ani .w2{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s3.ani .w3{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s3.ani .r{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s3.ani .w{
    animation: animate1 1s .5s infinite;
    -moz-animation: animate1 1s .5s infinite;
    -webkit-animation: animate1 1s .5s infinite;
    -o-animation: animate1 1s .5s infinite;
}
#s3.ani .w7{
    animation: animate2 1s .5s infinite;
    -moz-animation: animate2 1s .5s infinite;
    -webkit-animation: animate2 1s .5s infinite;
    -o-animation: animate2 1s .5s infinite;
}

#s4.ani .w0{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s4.ani .w1{
    animation: fadeIn 1s .5s ease both;
    -moz-animation: fadeIn 1s .5s ease both;
    -webkit-animation: fadeIn 1s .5s ease both;
    -o-animation: fadeIn 1s .5s ease both;
}
#s4.ani .w2{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s4.ani .w3{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s4.ani .w{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s4.ani .r{
    animation: animate1 1s .5s infinite;
    -moz-animation: animate1 1s .5s infinite;
    -webkit-animation: animate1 1s .5s infinite;
    -o-animation: animate1 1s .5s infinite;
}
#s4.ani .w7{
    animation: animate2 1s .5s infinite;
    -moz-animation: animate2 1s .5s infinite;
    -webkit-animation: animate2 1s .5s infinite;
    -o-animation: animate2 1s .5s infinite;
}

#s5.ani .w0{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s5.ani .w1{
    animation: fadeIn 1s .5s ease both;
    -moz-animation: fadeIn 1s .5s ease both;
    -webkit-animation: fadeIn 1s .5s ease both;
    -o-animation: fadeIn 1s .5s ease both;
}
#s5.ani .w2{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s5.ani .w3{
    animation: animate6 1s linear infinite;
    -moz-animation: animate6 1s linear infinite;
    -webkit-animation: animate6 1s linear infinite;
    -o-animation: animate6 1s linear infinite;
}
#s5.ani .w{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s5.ani .r{
    animation: animate1 1s .5s infinite;
    -moz-animation: animate1 1s .5s infinite;
    -webkit-animation: animate1 1s .5s infinite;
    -o-animation: animate1 1s .5s infinite;
}
#s5.ani .w7{
    animation: animate2 1s .5s infinite;
    -moz-animation: animate2 1s .5s infinite;
    -webkit-animation: animate2 1s .5s infinite;
    -o-animation: animate2 1s .5s infinite;
}
#s6.ani .w0{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s6.ani .w1{
    animation: fadeIn 1s .5s ease both;
    -moz-animation: fadeIn 1s .5s ease both;
    -webkit-animation: fadeIn 1s .5s ease both;
    -o-animation: fadeIn 1s .5s ease both;
}
#s6.ani .w2{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s6.ani .w3{
    animation: animate7 3s linear infinite;
    -moz-animation: animate7 3s linear infinite;
    -webkit-animation: animate7 3s linear infinite;
    -o-animation: animate7 3s linear infinite;
}
#s6.ani .r{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s6.ani .w{
    animation: animate1 1s .5s infinite;
    -moz-animation: animate1 1s .5s infinite;
    -webkit-animation: animate1 1s .5s infinite;
    -o-animation: animate1 1s .5s infinite;
}
#s6.ani .w7{
    animation: animate2 1s .5s infinite;
    -moz-animation: animate2 1s .5s infinite;
    -webkit-animation: animate2 1s .5s infinite;
    -o-animation: animate2 1s .5s infinite;
}

#s7.ani .w0{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s7.ani .w1{
    animation: fadeIn 1s .5s ease both;
    -moz-animation: fadeIn 1s .5s ease both;
    -webkit-animation: fadeIn 1s .5s ease both;
    -o-animation: fadeIn 1s .5s ease both;
}
#s7.ani .w2{
    animation: animate3 2s infinite;
    -moz-animation: animate3 2s infinite;
    -webkit-animation: animate3 2s infinite;
    -o-animation: animate3 2s infinite;
}
#s7.ani .r{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s7.ani .w{
    animation: animate1 1s .5s infinite;
    -moz-animation: animate1 1s .5s infinite;
    -webkit-animation: animate1 1s .5s infinite;
    -o-animation: animate1 1s .5s infinite;
}
#s7.ani .w7{
    animation: animate2 1s .5s infinite;
    -moz-animation: animate2 1s .5s infinite;
    -webkit-animation: animate2 1s .5s infinite;
    -o-animation: animate2 1s .5s infinite;
}

#s8.ani .w0{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s8.ani .w1{
    animation: fadeIn 1s .5s ease both;
    -moz-animation: fadeIn 1s .5s ease both;
    -webkit-animation: fadeIn 1s .5s ease both;
    -o-animation: fadeIn 1s .5s ease both;
}
#s8.ani .w2{
    animation: animate8 1.5s infinite;
    -moz-animation: animate8 1.5s infinite;
    -webkit-animation: animate8 1.5s infinite;
    -o-animation: animate8 1.5s infinite;
}
#s8.ani .r{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s8.ani .w{
    animation: animate1 1s .5s infinite;
    -moz-animation: animate1 1s .5s infinite;
    -webkit-animation: animate1 1s .5s infinite;
    -o-animation: animate1 1s .5s infinite;
}
#s8.ani .w7{
    animation: animate2 1s .5s infinite;
    -moz-animation: animate2 1s .5s infinite;
    -webkit-animation: animate2 1s .5s infinite;
    -o-animation: animate2 1s .5s infinite;
}

#s9.ani .w0{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s9.ani .w1{
    animation: fadeIn 1s .5s ease both;
    -moz-animation: fadeIn 1s .5s ease both;
    -webkit-animation: fadeIn 1s .5s ease both;
    -o-animation: fadeIn 1s .5s ease both;
}
#s9.ani .w2{
    animation: fadeIn 1.5s infinite;
    -moz-animation: fadeIn 1.5s infinite;
    -webkit-animation: fadeIn 1.5s infinite;
    -o-animation: fadeIn 1.5s infinite;
}
#s9.ani .w{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s9.ani .r{
    animation: animate1 1s .5s infinite;
    -moz-animation: animate1 1s .5s infinite;
    -webkit-animation: animate1 1s .5s infinite;
    -o-animation: animate1 1s .5s infinite;
}
#s9.ani .w7{
    animation: animate2 1s .5s infinite;
    -moz-animation: animate2 1s .5s infinite;
    -webkit-animation: animate2 1s .5s infinite;
    -o-animation: animate2 1s .5s infinite;
}

#s10.ani .w0{
    animation: animate2 1s infinite;
    -moz-animation: animate2 1s infinite;
    -webkit-animation: animate2 1s infinite;
    -o-animation: animate2 1s infinite;
}
#s10.ani .w1{
    animation: fadeIn 1s .5s ease both;
    -moz-animation: fadeIn 1s .5s ease both;
    -webkit-animation: fadeIn 1s .5s ease both;
    -o-animation: fadeIn 1s .5s ease both;
}
#s10.ani .w2{
    animation: animate1 1.5s infinite;
    -moz-animation: animate1 1.5s infinite;
    -webkit-animation: animate1 1.5s infinite;
    -o-animation: animate1 1.5s infinite;
}
#s10.ani .w{
    animation: animate1 1s infinite;
    -moz-animation: animate1 1s infinite;
    -webkit-animation: animate1 1s infinite;
    -o-animation: animate1 1s infinite;
}
#s10.ani .r{
    animation: animate1 1s .5s infinite;
    -moz-animation: animate1 1s .5s infinite;
    -webkit-animation: animate1 1s .5s infinite;
    -o-animation: animate1 1s .5s infinite;
}
#s10.ani .w7{
    animation: animate2 1s .5s infinite;
    -moz-animation: animate2 1s .5s infinite;
    -webkit-animation: animate2 1s .5s infinite;
    -o-animation: animate2 1s .5s infinite;
}
@keyframes animate1{0%,50%,100%{-webkit-transform:scale(1) skew(0deg) translate(0)}25%{-webkit-transform:scale(1.01) skew(5deg) translateY(0.5%)}75%{-webkit-transform:scale(1.01) skew(-5deg) translateY(-.5%)}}
@-moz-keyframes animate1{0%,50%,100%{-webkit-transform:scale(1) skew(0deg) translate(0)}25%{-webkit-transform:scale(1.01) skew(5deg) translateY(0.5%)}75%{-webkit-transform:scale(1.01) skew(-5deg) translateY(-.5%)}}
@-webkit-keyframes animate1{0%,50%,100%{-webkit-transform:scale(1) skew(0deg) translate(0)}25%{-webkit-transform:scale(1.01) skew(5deg) translateY(0.5%)}75%{-webkit-transform:scale(1.01) skew(-5deg) translateY(-.5%)}}

@keyframes animate2{0%,50%,100%{-webkit-transform:scale(1) translate(0)}25%{-webkit-transform:scale(1.004) translateY(0.3%)}75%{-webkit-transform:scale(1.004) translateY(-.3%)}}
@-moz-keyframes animate2{0%,50%,100%{-webkit-transform:scale(1) translate(0)}25%{-webkit-transform:scale(1.004) translateY(0.3%)}75%{-webkit-transform:scale(1.004) translateY(-.3%)}}
@-webkit-keyframes animate2{0%,50%,100%{-webkit-transform:scale(1) translate(0)}25%{-webkit-transform:scale(1.004) translateY(0.3%)}75%{-webkit-transform:scale(1.004) translateY(-.3%)}}
@keyframes animate3{
    0%{transform: rotate(0deg);}
    25%{transform: rotate(-5deg);}
    50%{transform: rotate(0deg);}
    75%{transform: rotate(5deg);}
}
@-moz-keyframes animate3{
    0%{transform: rotate(0deg);}
    25%{transform: rotate(-5deg);}
    50%{transform: rotate(0deg);}
    75%{transform: rotate(5deg);}
}
@-webkit-keyframes animate3{
    0%{transform: rotate(0deg);}
    25%{transform: rotate(-5deg);}
    50%{transform: rotate(0deg);}
    75%{transform: rotate(5deg);}
}
@keyframes animate4{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-10deg);}
    100%{transform: rotate(10deg);}
}
@-moz-keyframes animate4{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-10deg);}
    100%{transform: rotate(10deg);}
}
@-webkit-keyframes animate4{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-10deg);}
    100%{transform: rotate(10deg);}
}
@keyframes animate5{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
@-moz-keyframes animate5{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
@-webkit-keyframes animate5{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
@keyframes animate6{
    0%{-webkit-transform:none;transform:none}
    100%{top:39%;left:82%;}
}
@-moz-keyframes animate6{
    0%{}
    100%{top:39%;left:82%;}
}
@-webkit-keyframes animate6{
    0%{-webkit-transform:none;transform:none}
    100%{top:39%;left:82%;}
}
@keyframes animate7{
    0%{-webkit-transform:none;transform:none}
    50%{transform: rotate(10deg);left:73%;}
    100%{-webkit-transform:none;transform:none}
}
@-moz-keyframes animate7{
    0%{-webkit-transform:none;transform:none}
    50%{transform: rotate(10deg);left:73%;}
    100%{-webkit-transform:none;transform:none}
}
@-webkit-keyframes animate7{
    0%{-webkit-transform:none;transform:none}
    50%{transform: rotate(10deg);left:73%;}
    100%{-webkit-transform:none;transform:none}
}
@keyframes animate8{
    0%{opacity: 0}
    10%{opacity: 1}
    40%{opacity: 0}
    80%{opacity: 1}
    100%{opacity: 0}
    
}
@-moz-keyframes animate8{
    0%{opacity: 0}
    10%{opacity: 1}
    40%{opacity: 0}
    80%{opacity: 1}
    100%{opacity: 0}
}
@-webkit-keyframes animate8{
    0%{opacity: 0}
    10%{opacity: 1}
    40%{opacity: 0}
    80%{opacity: 1}
    100%{opacity: 0}
}
@keyframes music{
  0%{transform:scale(1)}
  100%{transform:scale(1.2)}
}
@-webkit-keyframes music{
  0%{transform:scale(1)}
  100%{transform:scale(1.2)}
}
@keyframes fire
{
  0%{opacity: 1;background-size: 100% 100%}
  50%{opacity: 1;background-size: 100% 95%}
  100%{opacity: 1;background-size: 100% 100%}
}
@-moz-keyframes fire
{
  0%{opacity: 1;background-size: 100% 100%}
  50%{opacity: 1;background-size: 100% 95%}
  100%{opacity: 1;background-size: 100% 100%}
}
@-moz-keyframes fire
{
  0%{opacity: 1;background-size: 100% 100%}
  50%{opacity: 1;background-size: 100% 95%}
  100%{opacity: 1;background-size: 100% 100%}
}
@-webkit-keyframes fire
{
  0%{opacity: 1;background-size: 100% 100%}
  50%{opacity: 1;background-size: 100% 95%}
  100%{opacity: 1;background-size: 100% 100%}
}
@keyframes swiperRight
{
    0%{opacity:1;-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@-moz-keyframes swiperRight /* Firefox */
{
    0%{opacity:1;-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@-webkit-keyframes swiperRight /* Safari 和 Chrome */
{
    0%{opacity:1;-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,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 fadeInDown1{0%{opacity:0;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInDown1{0%{opacity:0;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown1{0%{opacity:0;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}


@keyframes fadeInBig
{
    0%{opacity:0;transform:scale(1);}
    90%{opacity:1;transform:scale(3);}
    100%{opacity: 0;}
}

@-moz-keyframes fadeInBig /* Firefox */
{
    0%{opacity:0;transform:scale(1);}
    90%{opacity:1;transform:scale(3);}
    100%{opacity: 0;}
}

@-webkit-keyframes fadeInBig /* Safari 和 Chrome */
{
    0%{opacity:0;transform:scale(1);}
    90%{opacity:1;transform:scale(3);}
    100%{opacity: 0;}
}

@-webkit-keyframes rotateZ {
  0% {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
  
  25% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  
  50% {
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
  }

  100% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}

@keyframes rotateZ {
  0% {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
  
  25% {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
  }

  50% {
    -webkit-transform: rotateZ(270deg);
    -ms-transform: rotateZ(-270deg);
    transform: rotateZ(-270deg);
  }

  100% {
    -webkit-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}
/* 向左下 */
@-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}}
@keyframes fadeInUp01 /* Safari 和 Chrome */
{
    33%{opacity:0;width: 33%;height: 2.5%;top: 27%;right: 35%;}
    66%{opacity: 1;width:44%;height: 4%;top:23%;right:30%;}
    100%{opacity:0.6;width: 33%;height: 2.5%;top:20%;right:35%;}
}

@-moz-keyframes fadeInUp01 /* Firefox */
{
    33%{opacity:0;width: 33%;height: 2.5%;top: 27%;right: 35%;}
    66%{opacity: 1;width:44%;height: 4%;top:23%;right:30%;}
    100%{opacity:0.6;width: 33%;height: 2.5%;top:20%;right:35%;}
}

@-webkit-keyframes fadeInUp01 /* Safari 和 Chrome */
{
    33%{opacity:0;width: 33%;height: 2.5%;top: 27%;right: 35%;}
    66%{opacity: 1;width:44%;height: 4%;top:23%;right:30%;}
    100%{opacity:0.6;width: 33%;height: 2.5%;top:20%;right:35%;}
} 

@keyframes fadeInUp02 /* Safari 和 Chrome */
{
    33%{opacity:0;width: 11%;height: 2.5%;top: 27%;right: 48%;}
    66%{opacity:1;top: 23%;right: 48%;width: 12%;height: 4%;}
    100%{opacity:0.6;width: 11%;height: 2.5%;top: 20%;right: 48%;}
}

@-moz-keyframes fadeInUp02 /* Firefox */
{
    33%{opacity:0;width: 11%;height: 2.5%;top: 27%;right: 48%;}
    66%{opacity:1;top: 23%;right: 48%;width: 12%;height: 4%;}
    100%{opacity:0.6;width: 11%;height: 2.5%;top: 20%;right: 48%;}
}

@-webkit-keyframes fadeInUp02 /* Safari 和 Chrome */
{
    33%{opacity:0;width: 11%;height: 2.5%;top: 27%;right: 48%;}
    66%{opacity:1;top: 23%;right: 48%;width: 12%;height: 4%;}
    100%{opacity:0.6;width: 11%;height: 2.5%;top: 20%;right: 48%;}
} 

@keyframes fadeInUp03 /* Safari 和 Chrome */
{
    33%{opacity:0;width: 33%;height: 2.5%;top: 27%;right: 35%;}
    66%{opacity:1;width:44%;height: 3.5%;top:23%;right:30%;}
    100%{opacity:0.8;width: 33%;height: 2.5%;top: 20%;right: 35%;}
}

@-moz-keyframes fadeInUp03 /* Firefox */
{
    33%{opacity:0;width: 33%;height: 2.5%;top: 27%;right: 35%;}
    66%{opacity:1;width:44%;height: 3.5%;top:23%;right:30%;}
    100%{opacity:0.8;width: 33%;height: 2.5%;top: 20%;right: 35%;}
}

@-webkit-keyframes fadeInUp03 /* Safari 和 Chrome */
{
    33%{opacity:0;width: 33%;height: 2.5%;top: 27%;right: 35%;}
    66%{opacity:1;width:44%;height: 3.5%;top:23%;right:30%;}
    100%{opacity:0.8;width: 33%;height: 2.5%;top: 20%;right: 35%;}
}

@keyframes fadeInUp04 /* Safari 和 Chrome */
{
   33%{opacity:0;width: 33%;height: 2.5%;top: 14%;right: 29%;}
    66%{opacity: 1;width: 40%;height: 4.5%;top: 11%;right: 29%;}
    100%{opacity:0.5; width: 33%;height: 2.5%;top: 8%;right: 33%;}
}
@-moz-keyframes fadeInUp04/* Firefox */
{
    33%{opacity:0;width: 35%;height: 2.5%;top: 14%;right: 29%;}
    66%{opacity: 1;width: 40%;height: 4.5%;top: 11%;right: 29%;}
    100%{opacity:0.5; width: 35%;height: 2.5%;top: 8%;right: 33%;}
}

@-webkit-keyframes fadeInUp04 /* Safari 和 Chrome */
{
    33%{opacity:0;width: 35%;height: 2.5%;top: 14%;right: 29%;}
    66%{opacity: 1;width: 40%;height: 4.5%;top: 11%;right: 29%;}
    100%{opacity:0.5; width: 35%;height: 2.5%;top: 8%;right: 33%;}
}

@keyframes fadeInUp05 /* Safari 和 Chrome */
{
    33%{opacity:0;width: 65%;height: 2.5%;top: 16%;right: 16%;}
    66%{opacity: 1;width: 70%;height: 3.5%;top: 12%;right: 16%;}
    100%{opacity:0.5; width: 51%;height: 3%;top: 8%;right: 23%;}
}

@-moz-keyframes fadeInUp05 /* Firefox */
{
    33%{opacity:0;width: 65%;height: 2.5%;top: 16%;right: 16%;}
    66%{opacity: 1;width: 70%;height: 3.5%;top: 12%;right: 16%;}
    100%{opacity:0.5; width: 51%;height: 3%;top: 8%;right: 23%;}
}

@-webkit-keyframes fadeInUp05 /* Safari 和 Chrome */
{
    33%{opacity:0;width: 65%;height: 2.5%;top: 16%;right: 16%;}
    66%{opacity: 1;width: 70%;height: 3.5%;top: 12%;right: 16%;}
    100%{opacity:0.5; width: 51%;height: 3%;top: 8%;right: 23%;}
} 

@keyframes fadeInUp06 /* Safari 和 Chrome */
{
    33%{opacity:0;width: 65%;height: 2.5%;top: 16%;right: 16%;}
    66%{opacity: 1;width: 68%;height: 3.5%;top: 12%;right: 16%;}
    100%{opacity:0.5; width: 51%;height: 3%;top: 8%;right: 23%;}
}

@-moz-keyframes fadeInUp06 /* Firefox */
{
    33%{opacity:0;width: 65%;height: 2.5%;top: 16%;right: 16%;}
    66%{opacity: 1;width: 68%;height: 3.5%;top: 12%;right: 16%;}
    100%{opacity:0.5; width: 51%;height: 3%;top: 8%;right: 23%;}
}

@-webkit-keyframes fadeInUp06 /* Safari 和 Chrome */
{
   33%{opacity:0;width: 65%;height: 2.5%;top: 16%;right: 16%;}
    66%{opacity: 1;width: 68%;height: 3.5%;top: 12%;right: 16%;}
    100%{opacity:0.5; width: 51%;height: 3%;top: 8%;right: 23%;}
}


@keyframes fadeInUp07 /* Safari 和 Chrome */
{
    33%{opacity:0;width: 65%;height: 2.5%;top: 35%;right: 5%;}
    66%{opacity: 1;width: 55%;height: 4%;top: 30%;right: 5%;}
    100%{opacity:0.5; width: 51%;height: 3%;top: 25%;right: 5%;}
}

@-moz-keyframes fadeInUp07 /* Firefox */
{
    33%{opacity:0;width: 65%;height: 2.5%;top: 35%;right: 5%;}
    66%{opacity: 1;width: 55%;height: 34%;top: 30%;right: 5%;}
    100%{opacity:0.5; width: 51%;height: 3%;top: 25%;right: 5%;}
}

@-webkit-keyframes fadeInUp07 /* Safari 和 Chrome */
{
   33%{opacity:0;width: 65%;height: 2.5%;top: 35%;right: 5%;}
    66%{opacity: 1;width: 55%;height: 4%;top: 30%;right: 5%;}
    100%{opacity:0.5; width: 51%;height: 3%;top: 25%;right: 5%;}
}
@keyframes fadeInUp08 /* Safari 和 Chrome */
{
    33%{opacity:0;width: 65%;height: 2.5%;top: 35%;right: 5%;}
    66%{opacity: 1;width: 68%;height: 4.5%;top: 30%;right: 5%;}
    100%{opacity:0.5; width: 51%;height: 3.5%;top: 25%;right: 5%;}
}

@-moz-keyframes fadeInUp08 /* Firefox */
{
    33%{opacity:0;width: 65%;height: 2.5%;top: 35%;right: 5%;}
    66%{opacity: 1;width: 68%;height: 4.5%;top: 30%;right: 5%;}
    100%{opacity:0.5; width: 51%;height: 3.5%;top: 25%;right: 5%;}
}

@-webkit-keyframes fadeInUp08 /* Safari 和 Chrome */
{
   33%{opacity:0;width: 65%;height: 2.5%;top: 35%;right: 5%;}
    66%{opacity: 1;width: 68%;height: 4.5%;top: 30%;right: 5%;}
    100%{opacity:0.5; width: 51%;height: 3.5%;top: 25%;right: 5%;}
}
@keyframes fadeInUp09 /* Safari 和 Chrome */
{
    33%{opacity:0;width: 65%;height: 2.5%;top: 35%;right: 5%;}
    66%{opacity: 1;width: 73%;height: 4%;top: 30%;right: 5%;}
    100%{opacity:0.5; width: 55%;height: 3%;top: 25%;right: 5%;}
}

@-moz-keyframes fadeInUp09 /* Firefox */
{
    33%{opacity:0;width: 65%;height: 2.5%;top: 35%;right: 5%;}
    66%{opacity: 1;width: 73%;height: 4%;top: 30%;right: 5%;}
    100%{opacity:0.5; width: 55%;height: 3%;top: 25%;right: 5%;}
}

@-webkit-keyframes fadeInUp09 /* Safari 和 Chrome */
{
   33%{opacity:0;width: 65%;height: 2.5%;top: 35%;right: 5%;}
    66%{opacity: 1;width: 73%;height: 4%;top: 30%;right: 5%;}
    100%{opacity:0.5; width: 55%;height: 3%;top: 25%;right: 5%;}
}

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

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

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

@keyframes shengkong
{
    0%{-webkit-transform:none;transform:none}
    100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}

@-moz-keyframes shengkong /* Firefox */
{
    0%{-webkit-transform:none;transform:none}
    100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}

@-webkit-keyframes shengkong /* Safari 和 Chrome */
{
    0%{-webkit-transform:none;transform:none}
    100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}

@keyframes arrow
{
    0%{opacity: 1;top:93%;}
    90%{opacity: 1;top:90%;}
    100%{opacity: 1;top:93%;}
}

@-moz-keyframes arrow /* Firefox */
{
    0%{opacity: 1;top:93%;}
    90%{opacity: 1;top:90%;}
    100%{opacity: 1;top:93%;}
}

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

@keyframes train
{
    0%{right:-405%;}
    100%{right:0%;}
}

@-moz-keyframes train /* Firefox */
{
    0%{right:-405%;}
    100%{right:0%;}
}

@-webkit-keyframes train /* Safari 和 Chrome */
{
    0%{right:-405%;}
    100%{right:0%;}
}

@-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}
}

@keyframes shan
{
	0%{opacity:0;}
    50%{opacity:1;}
    100%{opacity:0;}
}

@-moz-keyframes shan /* Firefox */
{
	0%{opacity:0;}
    50%{opacity:1;}
    100%{opacity:0;}
}

@-webkit-keyframes shan /* Safari ºÍ Chrome */
{
    0%{opacity:0;}
    50%{opacity:1;}
    100%{opacity:0;}
}