body dl dd div p{margin:0;padding:0;} body{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;} .music_blk{z-index:999;position:fixed;top:10px;right:10px;} .music{display:block;width:30px;height:30px;background:url('../images/music.png') no-repeat;background-size:100% 100%;} .music_on{-webkit-animation:music 3s linear infinite;animation:music 3s linear infinite;} .loading{position:absolute;width:100%;height:100%;background:url('../images/loading.jpg') no-repeat 0 0;background-size:100% 100%;} .load_val{width:100%;} .loading_line{top: 54%;width: 28%;height: 3px;position: absolute;left: 36%;background:#1181a8;} .loading_line_blank{width:0%;height:100%;background:#8ce836;} .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} #s0{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:#FFFFFF;} /* #s0 .w0{position: absolute;width: 76%;height: 38%;top: 54%;left: 0%;background:url('../images/p0.3.png') no-repeat 0 0;background-size:100% 100%;} */ #s0 .w1{transform-origin:50% 500%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.11.png') no-repeat 0 0;background-size:100% 100%;} /* #s0 .w2{position: absolute;width: 26%;height: 20%;top: 73%;left: 73%;background:url('../images/p0.2.png') no-repeat 0 0;background-size:100% 100%;} */ #s0 .w3{position: absolute;width: 30%;height: 34%;top: 59%;left: 36%;background:url('../images/p0.4.png') 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') no-repeat 0 0;background-size:100% 100%;} */ #s0 .w5{opacity: 0;position: absolute;width: 28%;height: 15.5%;top: 41%;left: 36%;background:url('../images/p0.6.png') 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') no-repeat 0 0;background-size:100% 100%;} .click1{position: absolute;width: 28%;height: 16%;top: 41%;left: 36%;} #s0.ani .w1{ animation:rotate 1.5s .5s linear both; -moz-animation:rotate 1.5s .5s linear both; -webkit-animation:rotate 1.5s .5s linear both; -o-animation:rotate 1.5s .5s linear both } #s0.ani .w3{ animation:down 1.5s 2.5s ease both; -moz-animation:down 1.5s 2.5s ease both; -webkit-animation:down 1.5s 2.5s ease both; -o-animation:down 1.5s 2.5s ease both } #s0.ani .w5{ animation:fadeInBig 1s 5s linear infinite; -moz-animation:fadeInBig 1s 5s linear infinite; -webkit-animation:fadeInBig 1s 5s linear infinite; -o-animation:fadeInBig 1s 5s linear infinite } #s0.ani .w6{ animation:fadeIn 1s 4s ease both; -moz-animation:fadeIn 1s 4s ease both; -webkit-animation:fadeIn 1s 4s ease both; -o-animation:fadeIn 1s 4s ease both } #s1{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:#FFFFFF;} #s1 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.2.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.10.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.11.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w4{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.12.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w5{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.13.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w6{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.16.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.17.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w8{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.18.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w9{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.11.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w10{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.14.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w11{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.15.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w12{position: absolute;width: 32%;height: 27%;top: 73%;left: 0%;background:url('../images/p1.33.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w13{display: none;position: absolute;width: 32%;height: 27%;top: 73%;left: 22%;background:url('../images/p1.44.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w14{display: none;position: absolute;width: 32%;height: 27%;top: 73%;left: 42%;background:url('../images/p1.55.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w15{display: none; position: absolute;width: 32.5%;height: 27%;top: 73%;left: 67.5%;background:url('../images/p1.66.png') no-repeat 0 0;background-size:100% 100%;} #s1 .w16{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.19.png') no-repeat 0 0;background-size:100% 100%;} .but1{position: absolute;width: 50%;height: 38%;top: 34%;left: 30%;} .but2{position: absolute;width: 45%;height: 38%;top: 34%;left: 29%;} .but3{position: absolute;width: 47%;height: 38%;top: 34%;left: 30%;} .but4{position: absolute;width: 54%;height: 38%;top: 34%;left: 16%;} #s1.ani .w12{ animation:shan 3s .5s linear both; -moz-animation:shan 3s .5s linear both; -webkit-animation:shan 3s .5s linear both; -o-animation:shan 3s .5s linear both } /* #leg{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%;} #arm{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1-2.png') no-repeat 0 0;background-size:100% 100%;} #belly{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1-3.png') no-repeat 0 0;background-size:100% 100%;} #heart{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1-4.png') no-repeat 0 0;background-size:100% 100%;} */ #fuceng1{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%;} #fuceng1 .w1{position: absolute;width: 80%;height: 21.7%;top: 37%;left: 9%;} #fuceng1 .w2{position: absolute;width: 80%;height: 14.5%;top: 66%;left: 9%;} #fuceng1 .w1 .p1{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 0%;left: 0%;} #fuceng1 .w1 .p2{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 16.6%;left: 0%;} #fuceng1 .w1 .p3{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 33.2%;left: 0%;} #fuceng1 .w1 .p4{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 49.8%;left: 0%;} #fuceng1 .w1 .p5{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 66.4%;left: 0%;} #fuceng1 .w1 .p6{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 83%;left: 0%;} #fuceng1 .w2 .p1{opacity: 0;position: absolute;width: 104%;height: 25%;top: 0%;left: 0%;} #fuceng1 .w2 .p2{opacity: 0;position: absolute;width: 104%;height: 25%;top: 25%;left: 0%;} #fuceng1 .w2 .p3{opacity: 0;position: absolute;width: 104%;height: 25%;top: 50%;left: 0%;} #fuceng1 .w2 .p4{opacity: 0;position: absolute;width: 104%;height: 25%;top: 75%;left: 0%;} #fuceng2{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1_2.png') no-repeat 0 0;background-size:100% 100%;} #fuceng2 .w1{position: absolute;width: 80%;height: 18%;top: 37%;left: 9%;} #fuceng2 .w2{position: absolute;width: 80%;height: 14.5%;top: 62%;left: 9%;} #fuceng2 .w1 .p1{opacity: 0;position: absolute;width: 104%;height: 20%;top: 0%;left: 0%;} #fuceng2 .w1 .p2{opacity: 0;position: absolute;width: 104%;height: 20%;top: 20%;left: 0%;} #fuceng2 .w1 .p3{opacity: 0;position: absolute;width: 104%;height: 20%;top: 40%;left: 0%;} #fuceng2 .w1 .p4{opacity: 0;position: absolute;width: 104%;height: 20%;top: 60%;left: 0%;} #fuceng2 .w1 .p5{opacity: 0;position: absolute;width: 104%;height: 20%;top: 80%;left: 0%;} #fuceng2 .w2 .p1{opacity: 0;position: absolute;width: 104%;height: 25%;top: 0%;left: 0%;} #fuceng2 .w2 .p2{opacity: 0;position: absolute;width: 104%;height: 25%;top: 25%;left: 0%;} #fuceng2 .w2 .p3{opacity: 0;position: absolute;width: 104%;height: 25%;top: 50%;left: 0%;} #fuceng2 .w2 .p4{opacity: 0;position: absolute;width: 104%;height: 25%;top: 75%;left: 0%;} #fuceng3{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1_3.png') no-repeat 0 0;background-size:100% 100%;} #fuceng3 .w1{position: absolute;width: 80%;height: 21.7%;top: 35%;left: 9%;} #fuceng3 .w2{position: absolute;width: 80%;height: 18%;top: 64%;left: 9%;} #fuceng3 .w1 .p1{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 0%;left: 0%;} #fuceng3 .w1 .p2{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 16.6%;left: 0%;} #fuceng3 .w1 .p3{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 33.2%;left: 0%;} #fuceng3 .w1 .p4{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 49.8%;left: 0%;} #fuceng3 .w1 .p5{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 66.4%;left: 0%;} #fuceng3 .w1 .p6{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 83%;left: 0%;} #fuceng3 .w2 .p1{opacity: 0;position: absolute;width: 104%;height: 20%;top: 0%;left: 0%;} #fuceng3 .w2 .p2{opacity: 0;position: absolute;width: 104%;height: 20%;top: 20%;left: 0%;} #fuceng3 .w2 .p3{opacity: 0;position: absolute;width: 104%;height: 20%;top: 40%;left: 0%;} #fuceng3 .w2 .p4{opacity: 0;position: absolute;width: 104%;height: 20%;top: 60%;left: 0%;} #fuceng3 .w2 .p5{opacity: 0;position: absolute;width: 104%;height: 20%;top: 80%;left: 0%;} #fuceng4{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1_4.png') no-repeat 0 0;background-size:100% 100%;} #fuceng4 .w1{position: absolute;width: 80%;height: 21.7%;top: 35%;left: 9%;} #fuceng4 .w2{position: absolute;width: 80%;height: 18%;top: 64%;left: 9%;} #fuceng4 .w1 .p1{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 0%;left: 0%;} #fuceng4 .w1 .p2{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 16.6%;left: 0%;} #fuceng4 .w1 .p3{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 33.2%;left: 0%;} #fuceng4 .w1 .p4{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 49.8%;left: 0%;} #fuceng4 .w1 .p5{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 66.4%;left: 0%;} #fuceng4 .w1 .p6{opacity: 0;position: absolute;width: 104%;height: 16.6%;top: 83%;left: 0%;} #fuceng4 .w2 .p1{opacity: 0;position: absolute;width: 104%;height: 20%;top: 0%;left: 0%;} #fuceng4 .w2 .p2{opacity: 0;position: absolute;width: 104%;height: 20%;top: 20%;left: 0%;} #fuceng4 .w2 .p3{opacity: 0;position: absolute;width: 104%;height: 20%;top: 40%;left: 0%;} #fuceng4 .w2 .p4{opacity: 0;position: absolute;width: 104%;height: 20%;top: 60%;left: 0%;} #fuceng4 .w2 .p5{opacity: 0;position: absolute;width: 104%;height: 20%;top: 80%;left: 0%;} #fuceng1 p,#fuceng2 p,#fuceng3 p,#fuceng4 p{padding: 0;margin: 0;font-family:"'Microsoft YaHei'";color: #939393;overflow: hidden;line-height: 24px;} #fuceng1.ani .w1 .p1{ animation:right_w 1s .5s linear both; -moz-animation:right_w 1s .5s linear both; -webkit-animation:right_w 1s .5s linear both; -o-animation:right_w 1s .5s linear both } #fuceng1.ani .w1 .p2{ animation:right_w 1s 1.5s linear both; -moz-animation:right_w 1s 1.5s linear both; -webkit-animation:right_w 1s 1.5s linear both; -o-animation:right_w 1s 1.5s linear both } #fuceng1.ani .w1 .p3{ animation:right_w 1s 2.5s linear both; -moz-animation:right_w 1s 2.5s linear both; -webkit-animation:right_w 1s 2.5s linear both; -o-animation:right_w 1s 2.5s linear both } #fuceng1.ani .w1 .p4{ animation:right_w 1s 3.5s linear both; -moz-animation:right_w 1s 3.5s linear both; -webkit-animation:right_w 1s 3.5s linear both; -o-animation:right_w 1s 3.5s linear both } #fuceng1.ani .w1 .p5{ animation:right_w 1s 4.5s linear both; -moz-animation:right_w 1s 4.5s linear both; -webkit-animation:right_w 1s 4.5s linear both; -o-animation:right_w 1s 4.5s linear both } #fuceng1.ani .w1 .p6{ animation:right_w 1s 5.5s linear both; -moz-animation:right_w 1s 5.5s linear both; -webkit-animation:right_w 1s 5.5s linear both; -o-animation:right_w 1s 5.5s linear both } #fuceng1.ani .w2 .p1{ animation:right_w 1s 7s linear both; -moz-animation:right_w 1s 7s linear both; -webkit-animation:right_w 1s 7s linear both; -o-animation:right_w 1s 7s linear both } #fuceng1.ani .w2 .p2{ animation:right_w 1s 8s linear both; -moz-animation:right_w 1s 8s linear both; -webkit-animation:right_w 1s 8s linear both; -o-animation:right_w 1s 8s linear both } #fuceng1.ani .w2 .p3{ animation:right_w 1s 9s linear both; -moz-animation:right_w 1s 9s linear both; -webkit-animation:right_w 1s 9s linear both; -o-animation:right_w 1s 9s linear both } #fuceng1.ani .w2 .p4{ animation:right_w 1s 10s linear both; -moz-animation:right_w 1s 10s linear both; -webkit-animation:right_w 1s 10s linear both; -o-animation:right_w 1s 10s linear both } #fuceng2.ani .w1 .p1{ animation:right_w 1s .5s linear both; -moz-animation:right_w 1s .5s linear both; -webkit-animation:right_w 1s .5s linear both; -o-animation:right_w 1s .5s linear both } #fuceng2.ani .w1 .p2{ animation:right_w 1s 1.5s linear both; -moz-animation:right_w 1s 1.5s linear both; -webkit-animation:right_w 1s 1.5s linear both; -o-animation:right_w 1s 1.5s linear both } #fuceng2.ani .w1 .p3{ animation:right_w 1s 2.5s linear both; -moz-animation:right_w 1s 2.5s linear both; -webkit-animation:right_w 1s 2.5s linear both; -o-animation:right_w 1s 2.5s linear both } #fuceng2.ani .w1 .p4{ animation:right_w 1s 3.5s linear both; -moz-animation:right_w 1s 3.5s linear both; -webkit-animation:right_w 1s 3.5s linear both; -o-animation:right_w 1s 3.5s linear both } #fuceng2.ani .w1 .p5{ animation:right_w 1s 4.5s linear both; -moz-animation:right_w 1s 4.5s linear both; -webkit-animation:right_w 1s 4.5s linear both; -o-animation:right_w 1s 4.5s linear both } #fuceng2.ani .w2 .p1{ animation:right_w 1s 6s linear both; -moz-animation:right_w 1s 6s linear both; -webkit-animation:right_w 1s 6s linear both; -o-animation:right_w 1s 6s linear both } #fuceng2.ani .w2 .p2{ animation:right_w 1s 7s linear both; -moz-animation:right_w 1s 7s linear both; -webkit-animation:right_w 1s 7s linear both; -o-animation:right_w 1s 7s linear both } #fuceng2.ani .w2 .p3{ animation:right_w 1s 8s linear both; -moz-animation:right_w 1s 8s linear both; -webkit-animation:right_w 1s 8s linear both; -o-animation:right_w 1s 8s linear both } #fuceng2.ani .w2 .p4{ animation:right_w 1s 9s linear both; -moz-animation:right_w 1s 9s linear both; -webkit-animation:right_w 1s 9s linear both; -o-animation:right_w 1s 9s linear both } #fuceng3.ani .w1 .p1{ animation:right_w 1s .5s linear both; -moz-animation:right_w 1s .5s linear both; -webkit-animation:right_w 1s .5s linear both; -o-animation:right_w 1s .5s linear both } #fuceng3.ani .w1 .p2{ animation:right_w 1s 1.5s linear both; -moz-animation:right_w 1s 1.5s linear both; -webkit-animation:right_w 1s 1.5s linear both; -o-animation:right_w 1s 1.5s linear both } #fuceng3.ani .w1 .p3{ animation:right_w 1s 2.5s linear both; -moz-animation:right_w 1s 2.5s linear both; -webkit-animation:right_w 1s 2.5s linear both; -o-animation:right_w 1s 2.5s linear both } #fuceng3.ani .w1 .p4{ animation:right_w 1s 3.5s linear both; -moz-animation:right_w 1s 3.5s linear both; -webkit-animation:right_w 1s 3.5s linear both; -o-animation:right_w 1s 3.5s linear both } #fuceng3.ani .w1 .p5{ animation:right_w 1s 4.5s linear both; -moz-animation:right_w 1s 4.5s linear both; -webkit-animation:right_w 1s 4.5s linear both; -o-animation:right_w 1s 4.5s linear both } #fuceng3.ani .w1 .p6{ animation:right_w 1s 5.5s linear both; -moz-animation:right_w 1s 5.5s linear both; -webkit-animation:right_w 1s 5.5s linear both; -o-animation:right_w 1s 5.5s linear both } #fuceng3.ani .w2 .p1{ animation:right_w 1s 7s linear both; -moz-animation:right_w 1s 7s linear both; -webkit-animation:right_w 1s 7s linear both; -o-animation:right_w 1s 7s linear both } #fuceng3.ani .w2 .p2{ animation:right_w 1s 8s linear both; -moz-animation:right_w 1s 8s linear both; -webkit-animation:right_w 1s 8s linear both; -o-animation:right_w 1s 8s linear both } #fuceng3.ani .w2 .p3{ animation:right_w 1s 9s linear both; -moz-animation:right_w 1s 9s linear both; -webkit-animation:right_w 1s 9s linear both; -o-animation:right_w 1s 9s linear both } #fuceng3.ani .w2 .p4{ animation:right_w 1s 10s linear both; -moz-animation:right_w 1s 10s linear both; -webkit-animation:right_w 1s 10s linear both; -o-animation:right_w 1s 10s linear both } #fuceng3.ani .w2 .p5{ animation:right_w 1s 11s linear both; -moz-animation:right_w 1s 11s linear both; -webkit-animation:right_w 1s 11s linear both; -o-animation:right_w 1s 11s linear both } #fuceng4.ani .w1 .p1{ animation:right_w 1s .5s linear both; -moz-animation:right_w 1s .5s linear both; -webkit-animation:right_w 1s .5s linear both; -o-animation:right_w 1s .5s linear both } #fuceng4.ani .w1 .p2{ animation:right_w 1s 1.5s linear both; -moz-animation:right_w 1s 1.5s linear both; -webkit-animation:right_w 1s 1.5s linear both; -o-animation:right_w 1s 1.5s linear both } #fuceng4.ani .w1 .p3{ animation:right_w 1s 2.5s linear both; -moz-animation:right_w 1s 2.5s linear both; -webkit-animation:right_w 1s 2.5s linear both; -o-animation:right_w 1s 2.5s linear both } #fuceng4.ani .w1 .p4{ animation:right_w 1s 3.5s linear both; -moz-animation:right_w 1s 3.5s linear both; -webkit-animation:right_w 1s 3.5s linear both; -o-animation:right_w 1s 3.5s linear both } #fuceng4.ani .w1 .p5{ animation:right_w 1s 4.5s linear both; -moz-animation:right_w 1s 4.5s linear both; -webkit-animation:right_w 1s 4.5s linear both; -o-animation:right_w 1s 4.5s linear both } #fuceng4.ani .w1 .p6{ animation:right_w 1s 5.5s linear both; -moz-animation:right_w 1s 5.5s linear both; -webkit-animation:right_w 1s 5.5s linear both; -o-animation:right_w 1s 5.5s linear both } #fuceng4.ani .w2 .p1{ animation:right_w 1s 7s linear both; -moz-animation:right_w 1s 7s linear both; -webkit-animation:right_w 1s 7s linear both; -o-animation:right_w 1s 7s linear both } #fuceng4.ani .w2 .p2{ animation:right_w 1s 8s linear both; -moz-animation:right_w 1s 8s linear both; -webkit-animation:right_w 1s 8s linear both; -o-animation:right_w 1s 8s linear both } #fuceng4.ani .w2 .p3{ animation:right_w 1s 9s linear both; -moz-animation:right_w 1s 9s linear both; -webkit-animation:right_w 1s 9s linear both; -o-animation:right_w 1s 9s linear both } #fuceng4.ani .w2 .p4{ animation:right_w 1s 10s linear both; -moz-animation:right_w 1s 10s linear both; -webkit-animation:right_w 1s 10s linear both; -o-animation:right_w 1s 10s linear both } #fuceng4.ani .w2 .p5{ animation:right_w 1s 11s linear both; -moz-animation:right_w 1s 11s linear both; -webkit-animation:right_w 1s 11s linear both; -o-animation:right_w 1s 11s linear both } .return1,.return2,.return3,.return4{position: absolute;width: 18%;height: 10%;top: 78.5%;left: 74%;} #s2{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:#FFFFFF;} #s2 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.1.png') no-repeat 0 0;background-size:100% 100%;} #s2 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.2.png') no-repeat 0 0;background-size:100% 100%;} #s2 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.3.png') no-repeat 0 0;background-size:100% 100%;} .select{position: absolute;width: 18%;height: 10%;top: 79%;left: 30%;opacity: 0;} .about{position: absolute;width: 18%;height: 10%;top: 79%;left: 53%;opacity: 0;} #s2.ani .w0{ animation:fadeInDown 1s .5s ease both; -moz-animation:fadeInDown 1s .5s ease both; -webkit-animation:fadeInDown 1s .5s ease both; -o-animation:fadeInDown 1s .5s ease both } #s2.ani .w1{ animation:fadeIn 1s 1.5s ease both; -moz-animation:fadeIn 1s 1.5s ease both; -webkit-animation:fadeIn 1s 1.5s ease both; -o-animation:fadeIn 1s 1.5s ease both } #s2.ani .w2{ animation:fadeInUp 1s 2.5s ease both; -moz-animation:fadeInUp 1s 2.5s ease both; -webkit-animation:fadeInUp 1s 2.5s ease both; -o-animation:fadeInUp 1s 2.5s ease both } #about{z-index: 1000;display: none;position: fixed;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/about.png') no-repeat 0 0;background-size:100% 100%;} #about .close{position: absolute;width: 11%;height: 6%;top: 3%;left: 84%;} #about .c1{position: absolute;width: 25%;height: 4%;top: 86%;left: 42%;} #about .c1 a{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;} .shan{ animation:shan 3s ease both; -moz-animation:shan 3s ease both; -webkit-animation:shan 3s ease both; -o-animation:shan 3s ease both } @keyframes music{ 0%{transform: rotate(0)} 100%{transform: rotate(360deg)} } @-webkit-keyframes music{ 0%{transform: rotate(0)} 100%{transform: rotate(360deg)} } @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%} } @-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:1;transform:scale(1);} 50%{opacity:1;transform:scale(1.05);} 100%{opacity:1;transform:scale(1);} } @-moz-keyframes fadeInBig /* Firefox */ { 0%{opacity:1;transform:scale(1);} 50%{opacity:1;transform:scale(1.05);} 100%{opacity:1;transform:scale(1);} } @-webkit-keyframes fadeInBig /* Safari 和 Chrome */ { 0%{opacity:1;transform:scale(1);} 50%{opacity:1;transform:scale(1.05);} 100%{opacity:1;transform:scale(1);} } @-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 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: 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} } @keyframes shan { 0%{transform:scale(1);} 16.5%{transform:scale(1.1);} 33%{transform:scale(1);} 49.5%{transform:scale(1.1);} 66%{transform:scale(1);} 82.5%{transform:scale(1.1);} 100%{transform:scale(1);} } @-moz-keyframes shan /* Firefox */ { 0%{transform:scale(1);} 16.5%{transform:scale(1.1);} 33%{transform:scale(1);} 49.5%{transform:scale(1.1);} 66%{transform:scale(1);} 82.5%{transform:scale(1.1);} 100%{transform:scale(1);} } @-webkit-keyframes shan /* Safari ºÍ Chrome */ { 0%{transform:scale(1);} 16.5%{transform:scale(1.1);} 33%{transform:scale(1);} 49.5%{transform:scale(1.1);} 66%{transform:scale(1);} 82.5%{transform:scale(1.1);} 100%{transform:scale(1);} } @keyframes fadeIn1 { 0%{opacity:0;width: 150%;left:-30%;height: 150%;top: -30%} 100%{opacity:1;width: 100%;left: 0;height: 100%;top: 0;} } @-moz-keyframes fadeIn1 /* Firefox */ { 0%{opacity:0;width: 150%;left:-30%;height: 150%;top: -30%} 100%{opacity:1;width: 100%;left: 0;height: 100%;top: 0;} } @-webkit-keyframes fadeIn1 /* Safari 和 Chrome */ { 0%{opacity:0;width: 150%;left:-30%;height: 150%;top: -30%} 100%{opacity:1;width: 100%;left: 0;height: 100%;top: 0;} } @keyframes right_w { 0%{opacity: 0;} 100%{opacity: 1;} } @-moz-keyframes right_w /* Firefox */ { 0%{opacity: 0;} 100%{opacity: 1;} } @-webkit-keyframes right_w /* Safari 和 Chrome */ { 0%{opacity: 0;} 100%{opacity: 1;} } @-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}} @keyframes rotate{ 0%{transform: rotate(10deg);} 100%{transform: rotate(0deg);} } @-moz-keyframes rotate{ 0%{transform: rotate(10deg);} 100%{transform: rotate(0deg);} } @-webkit-keyframes rotate{ 0%{transform: rotate(10deg);} 100%{transform: rotate(0deg);} } @-webkit-keyframes down{ 0%{opacity:0;top:-35%;} 20%{opacity:1;top:59%;} 40%{opacity:1;top:49%;} 60%{opacity:1;top:59%;} 80%{opacity:1;top:55%;} 100%{opacity:1;top:59%;} } @-moz-keyframes down{ 0%{opacity:0;top:-35%;} 20%{opacity:1;top:59%;} 40%{opacity:1;top:49%;} 60%{opacity:1;top:59%;} 80%{opacity:1;top:55%;} 100%{opacity:1;top:59%;} } @keyframes down{ 0%{opacity:0;top:-35%;} 20%{opacity:1;top:59%;} 40%{opacity:1;top:49%;} 60%{opacity:1;top:59%;} 80%{opacity:1;top:55%;} 100%{opacity:1;top:59%;} }