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_off.png?1') no-repeat;background-size:100% 100%;}
.music_on{background:url('../images/music.png?1') no-repeat;background-size:100% 100%;}
.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.png?1') 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;}
.load_img img{width: 100%;height: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}

#s00{z-index: 10;display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;}
#s00 .w0{position: absolute;width: 100%;height: 246.5%;top: -146.5%;left: 0%;background:url('../images/p1.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s00 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.22.png?1') no-repeat 0 0;background-size:100% 100%;}
#s00 .w2{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%;}
#s00 .w3{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%;}
#s00 .w4{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s00 .w5{transform-origin:50% 100%;position: absolute;width: 9%;height: 14%;top: 15.5%;left: 44.5%;background:url('../images/p1.5.png?1') no-repeat 0 0;background-size:100% 100%;}
#s00 .w6{opacity: 0;position: absolute;width: 18%;height: 25%;top: 76%;left: 39%;background:url('../images/p1.6.png?1') no-repeat 0 0;background-size:100% 100%;}
#s00 .w8{transform-origin:50% 0%;opacity: 0;position: absolute;width: 12%;height: 19%;top: 28%;left: 43%;background:url('../images/p1.6.png?1') no-repeat 0 0;background-size:100% 100%;}
#s00 .w9{opacity: 0;position: absolute;width: 12%;height: 19%;top: 45%;left: 43%;background:url('../images/p1.6.png?1') no-repeat 0 0;background-size:100% 100%;}
#s00 .w10{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/logo.png?1') no-repeat 0 0;background-size:100% 100%;}
#s00 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.7.png?1') no-repeat 0 0;background-size:100% 100%;}
#s00 .w7 .start{position: absolute;width: 45%;height: 8%;top: 87%;left: 28%;}
#iframe{z-index: 100;display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;border: 0;}
.fei{
        animation:fei 15s .5s linear both;
        -moz-animation:fei 15s .5s linear both;
        -webkit-animation:fei 15s .5s linear both;
        -o-animation:fei 15s .5s linear both
}
#s00.ani .w4{
        animation:zuo 3s .5s linear both;
        -moz-animation:zuo 3s .5s linear both;
        -webkit-animation:zuo 3s .5s linear both;
        -o-animation:zuo 3s .5s linear both
}
#s00.ani .w3{
        animation:you 3s .5s linear both;
        -moz-animation:you 3s .5s linear both;
        -webkit-animation:you 3s .5s linear both;
        -o-animation:you 3s .5s linear both
}
#s00.ani .w2{
        animation:zhong 3s 4.5s linear both;
        -moz-animation:zhong 3s 4.5s linear both;
        -webkit-animation:zhong 3s 4.5s linear both;
        -o-animation:zhong 3s 4.5s linear both
}
#s00.ani .w1{
        animation:zhong 3s 8.5s linear both;
        -moz-animation:zhong 3s 8.5s linear both;
        -webkit-animation:zhong 3s 8.5s linear both;
        -o-animation:zhong 3s 8.5s linear both
}
#s00.ani .w10{
        animation:fire 1s 4.5s linear both;
        -moz-animation:fire 1s 4.5s linear both;
        -webkit-animation:fire 1s 4.5s linear both;
        -o-animation:fire 1s 4.5s linear both
}
.shan{
        animation:fadeIn 2s 1s linear infinite;
        -moz-animation:fadeIn 2s 1s linear infinite;
        -webkit-animation:fadeIn 2s 1s linear infinite;
        -o-animation:fadeIn 2s 1s linear infinite
}
/* #s00.ani .w9{
        animation:fire 1s 8.5s linear both;
        -moz-animation:fire 1s 8.5s linear both;
        -webkit-animation:fire 1s 8.5s linear both;
        -o-animation:fire 1s 8.5s linear both
} */
#s00.ani .w6{
        animation:fire 1s 4.5s linear both;
        -moz-animation:fire 1s 4.5s linear both;
        -webkit-animation:fire 1s 4.5s linear both;
        -o-animation:fire 1s 4.5s linear both
}
#s00.ani .w5{
        animation:star 5s 9s linear both;
        -moz-animation:star 5s 9s linear both;
        -webkit-animation:star 5s 9s linear both;
        -o-animation:star 5s 9s linear both
}
#s00.ani .w8{
        animation:fire1 5s 9s linear both;
        -moz-animation:fire1 5s 9s linear both;
        -webkit-animation:fire1 5s 9s linear both;
        -o-animation:fire1 5s 9s linear both
}
#s0{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.jpg?1') no-repeat 0 0;background-size:100% 100%;}
/* #s0 .w0{opacity: 1;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.1.png?1') no-repeat 0 0;background-size:100% 100%;} */
#s0 .w1{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0 .w2{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0 .w3{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0 .w4{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.5.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0.ani .w1{
        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 .w2{
        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
}
#s0.ani .w3{
        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
}
#s0.ani .w4{
        animation:moveleft 2s 4.5s linear infinite;
        -moz-animation:moveleft 2s 4.5s linear infinite;
        -webkit-animation:moveleft 2s 4.5s linear infinite;
        -o-animation:moveleft 2s 4.5s linear infinite
}
#s1{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.jpg?1') no-repeat 0 0;background-size:100% 100%;}
/* #s1 .w0{opacity: 1;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.1.png?1') no-repeat 0 0;background-size:100% 100%;} */
#s1 .w1{opacity: 1;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w2{opacity: 1;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w3{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w4{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.5.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w5{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.6.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w5 .button{position: absolute;width: 45%;height: 10%;top: 81%;left: 27%;}
#s1.ani .w3{
        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
}
#s1.ani .w4{
        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 .w5{
        animation:fadeIn 2s 2.5s linear infinite;
        -moz-animation:fadeIn 2s 2.5s linear infinite;
        -webkit-animation:fadeIn 2s 2.5s linear infinite;
        -o-animation:fadeIn 2s 2.5s linear infinite
}
#a1{display: none;z-index: 10;position: absolute;width: 100%;height:100%;top:-5%;left:-17%;background:url('../images/p2.1.png?1') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}

#s11{z-index: 10;display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p5.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s11 .w00{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p5.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s11 .w0{position: absolute;width: 100%;height: 25.6%;top: 0%;left: -26%;background:url('../images/p5.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s11 .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%;}
#s11 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
.big{
        animation:big 15s .5s linear both;
        -moz-animation:big 15s .5s linear both;
        -webkit-animation:big 15s .5s linear both;
        -o-animation:big 15s .5s linear both
}
.big1{
        animation:big 15s .5s linear both;
        -moz-animation:big 15s .5s linear both;
        -webkit-animation:big 15s .5s linear both;
        -o-animation:big 15s .5s linear both
}


#s12{z-index: 10;display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s12 .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%;}
#s12 .w1{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%;}
#s12 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s12 .w3{opacity: 0;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%;}
#s12 .w3 .again{position: absolute;width: 45%;height: 10%;top: 81%;left: 27%;}
#s12.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
}
#s12.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
}
#s12.ani .w2{
        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
}
#s12.ani .w3{
        animation:fadeIn 2s 3.5s linear infinite;
        -moz-animation:fadeIn 2s 3.5s linear infinite;
        -webkit-animation:fadeIn 2s 3.5s linear infinite;
        -o-animation:fadeIn 2s 3.5s linear infinite
}
#s22{z-index: 10;display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p7.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s22 .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%;}
#s22 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p7.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s22 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p7.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s22 .w3{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p7.4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s22 .w3 .cont{position: absolute;width: 45%;height: 10%;top: 81%;left: 27%;}
#s22.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
}
#s22.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
}
#s22.ani .w2{
        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
}
#s22.ani .w3{
        animation:fadeIn 2s 3.5s linear infinite;
        -moz-animation:fadeIn 2s 3.5s linear infinite;
        -webkit-animation:fadeIn 2s 3.5s linear infinite;
        -o-animation:fadeIn 2s 3.5s linear infinite
}
#s33{z-index: 10;display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p8.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .w1{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .w2{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .w3{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .w4{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.5.png?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .w5{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.6.png?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .w6{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.7.png?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .w7{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.8.png?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .w8{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.9.png?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .w9{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.10.png?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .w10{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.12.png?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .w11{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.13.png?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .w12{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.14.png?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .w13{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.15.png?1') no-repeat 0 0;background-size:100% 100%;}
#s33 .add{position: absolute;width: 15%;height: 10%;left: 77%;top: 47%;}
#s33.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
}
#s33.ani .w10{
        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
}
#s33.ani .w11{
        animation:fadeIn 2s 2.5s linear infinite;
        -moz-animation:fadeIn 2s 2.5s linear infinite;
        -webkit-animation:fadeIn 2s 2.5s linear infinite;
        -o-animation:fadeIn 2s 2.5s linear infinite
}
#s33.ani1 .w1{
        animation:fadeIn 1s linear both;
        -moz-animation:fadeIn 1s linear both;
        -webkit-animation:fadeIn 1s linear both;
        -o-animation:fadeIn 1s linear both
}
#s33.ani1 .w2{
        animation:fadeIn 1s 1s linear both;
        -moz-animation:fadeIn 1s 1s linear both;
        -webkit-animation:fadeIn 1s 1s linear both;
        -o-animation:fadeIn 1s 1s linear both
}
#s33.ani1 .w3{
        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
}
#s33.ani1 .w4{
        animation:fadeIn 1s 3s linear both;
        -moz-animation:fadeIn 1s 3s linear both;
        -webkit-animation:fadeIn 1s 3s linear both;
        -o-animation:fadeIn 1s 3s linear both
}
#s33.ani1 .w5{
        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
}
#s33.ani1 .w6{
        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
}
#s33.ani1 .w7{
        animation:fadeIn 1s 6s linear both;
        -moz-animation:fadeIn 1s 6s linear both;
        -webkit-animation:fadeIn 1s 6s linear both;
        -o-animation:fadeIn 1s 6s linear both
}
#s33.ani1 .w8{
        animation:fadeIn 1s 7s linear both;
        -moz-animation:fadeIn 1s 7s linear both;
        -webkit-animation:fadeIn 1s 7s linear both;
        -o-animation:fadeIn 1s 7s linear both
}
#s33.ani1 .w9{
        animation:fadeIn 1s 8s linear both;
        -moz-animation:fadeIn 1s 8s linear both;
        -webkit-animation:fadeIn 1s 8s linear both;
        -o-animation:fadeIn 1s 8s linear both
}
.end{
       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 
}
#s44{z-index: 10;display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p10.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s44 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s44 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s44 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s44 .w2 .about{position: absolute;width: 35%;height: 8%;top: 54%;left: 11%;}
#s44 .w2 .select{position: absolute;width: 35%;height: 8%;top: 54%;left: 57%;}
#s44 .w2 .select select{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
#s44 .w2 .more{position: absolute;width: 35%;height: 8%;top: 64%;left: 33%;}
#s44 .w2 .more a{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
#s44.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
}
#s44.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
}
#s44.ani .w2{
        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
}
#about{z-index: 10;display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/about.png?1') no-repeat 0 0;background-size:100% 100%;}
#about .close{position: absolute;width: 15%;height: 10%;left: 42%;top: 88%;}

#time{z-index: 10;position: absolute;display: none;width: 14%;height: 6%;left: 3%;bottom: 4%;}
#time .shi{position: absolute;width: 50%;height: 100%;left: 0%;top:0%;background:url('../images/2.png?1') no-repeat 0 0;background-size:100% 100%;}
#time .ge{position: absolute;width: 50%;height: 100%;left: 50%;top:0%;background:url('../images/0.png?1') no-repeat 0 0;background-size:100% 100%;}


keyframes moveleft
{0%{opacity: 1;left:0%;}90%{opacity: 1;left:-3%;}100%{opacity: 1;left: 0%;}}

@-moz-keyframes moveleft /* Firefox */
{0%{opacity: 1;left:0%;}90%{opacity: 1;left:-3%;}100%{opacity: 1;left: 0%;}}

@-webkit-keyframes moveleft /* Safari 和 Chrome */
{0%{opacity: 1;left:0%;}90%{opacity: 1;left:-3%;}100%{opacity: 1;left: 0%;}}

@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 zhong
{0%{top: 0%;}100%{top: 80%;}}

@-moz-keyframes zhong /* Firefox */
{0%{top: 0%;}100%{top: 80%;}}

@-webkit-keyframes zhong /* Safari 和 Chrome */
{0%{top: 0%;}100%{top: 80%;}}

@keyframes zhong1
{0%{top: 0%;}100%{top: 80%;}}

@-moz-keyframes zhong1 /* Firefox */
{0%{top: 0%;}100%{top: 80%;}}

@-webkit-keyframes zhong1 /* Safari 和 Chrome */
{0%{top: 0%;}100%{top: 80%;}}

@keyframes fire
{0%{opacity: 1}100%{opacity: 0}}

@-moz-keyframes fire /* Firefox */
{0%{opacity: 1}100%{opacity: 0}}

@-webkit-keyframes fire /* Safari 和 Chrome */
{0%{opacity: 1}100%{opacity: 0}}

@keyframes zuo
{
0%{transform: rotateZ(0deg);left: 0%}
30%{transform: rotateZ(-15deg);top: 0%;left: -20%;}
100%{transform: rotateZ(-15deg);top: 60%;left: -20%;}
}

@-moz-keyframes zuo /* Firefox */
{
0%{transform: rotateZ(0deg);left: 0%}
30%{transform: rotateZ(-15deg);top: 0%;left: -20%;}
100%{transform: rotateZ(-15deg);top: 60%;left: -20%;}
}

@-webkit-keyframes zuo /* Safari 和 Chrome */
{
0%{transform: rotateZ(0deg);left: 0%}
30%{transform: rotateZ(-15deg);top: 0%;left: -20%;}
100%{transform: rotateZ(-15deg);top: 60%;left: -20%;}
}

@keyframes you
{
0%{transform: rotateZ(0deg);left: 0%}
30%{transform: rotateZ(15deg);top: 0%;left: 20%;}
100%{transform: rotateZ(15deg);top: 60%;left: 20%;}
}

@-moz-keyframes you /* Firefox */
{
0%{transform: rotateZ(0deg);left: 0%}
30%{transform: rotateZ(15deg);top: 0%;left: 20%;}
100%{transform: rotateZ(15deg);top: 60%;left: 20%;}
}

@-webkit-keyframes you /* Safari 和 Chrome */
{
0%{transform: rotateZ(0deg);left: 0%}
30%{transform: rotateZ(15deg);top: 0%;left: 20%;}
100%{transform: rotateZ(15deg);top: 60%;left: 20%;}
}

@keyframes star
{
0%{transform: rotateZ(0deg);top: 15.5%;left: 44.5%;}
30%{transform: rotateZ(63deg);top: 15.5%;left: 44.5%;}
100%{transform: rotateZ(90deg);top:5.5%;left: 144.5%;}
}

@-moz-keyframes star /* Firefox */
{
0%{transform: rotateZ(0deg);top: 15.5%;left: 44.5%;}
30%{transform: rotateZ(63deg);top: 15.5%;left: 44.5%;}
100%{transform: rotateZ(90deg);top:5.5%;left: 144.5%;}
}

@-webkit-keyframes star /* Safari 和 Chrome */
{
0%{transform: rotateZ(0deg);top: 15.5%;left: 44.5%;}
30%{transform: rotateZ(63deg);top: 15.5%;left: 44.5%;}
100%{transform: rotateZ(90deg);top:5.5%;left: 144.5%;}
}


@keyframes fire1
{
0%{opacity: 0;top: 28%;left: 43%;}
1%{opacity: 1;top: 28%;left: 43%;}
30%{opacity: 1;transform: rotateZ(65deg);top: 28%;left: 43%;}
100%{opacity: 1;transform: rotateZ(90deg);top:19%;left: 143%;}
}

@-moz-keyframes fire1 /* Firefox */
{
0%{opacity: 0;top: 28%;left: 43%;}
1%{opacity: 1;top: 28%;left: 43%;}
30%{opacity: 1;transform: rotateZ(65deg);top: 28%;left: 43%;}
100%{opacity: 1;transform: rotateZ(90deg);top:19%;left: 143%;}
}

@-webkit-keyframes fire1 /* Safari 和 Chrome */
{
0%{opacity: 0;top: 28%;left: 43%;}
1%{opacity: 1;top: 28%;left: 43%;}
30%{opacity: 1;transform: rotateZ(65deg);top: 28%;left: 43%;}
100%{opacity: 1;transform: rotateZ(90deg);top:19%;left: 143%;}
}


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

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