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:20px;right:5px;}
.music{display:block;width:35px;height:35px;background:url('../images/music_off.png') no-repeat;background-size:100% 100%;}
.music_on{background:url('../images/music.png') no-repeat;background-size:100% 100%;}
.loading{position:absolute;width:100%;height:100%;background: #c5d7e5;}
.load_val{width:100%;}
.loading_line{top: 45%;height: 8%;position: absolute;left: 20%;background: #ff1c06;}
.loading_black{top: 0%;width: 100%;height: 100%;position: absolute;left: 0%;background:url('../images/loading.png') no-repeat 0 0;background-size:100% 100%;}
.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:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;}
#s0 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.1.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.2.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.3.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w3{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;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{position: absolute;width: 62%;height: 7%;top: 75%;left: 19%;}
#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 .w0{
        animation:fadeIn 1s 1.5s linear both;
        -moz-animation:fadeIn 1s 1.5s linear both;
        -webkit-animation:fadeIn 1s 1.5s linear both;
        -o-animation:fadeIn 1s 1.5s linear both
}
#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 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
}
#s0.ani .w4{
        animation:fadeIn 1s 4.5s linear both;
        -moz-animation:fadeIn 1s 4.5s linear both;
        -webkit-animation:fadeIn 1s 4.5s linear both;
        -o-animation:fadeIn 1s 4.5s linear both
}
#s1{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s1 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.jpg') 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{transform-origin:26% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-11.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w3{transform-origin:74% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-22.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w4{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 60.4%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w5{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 71.2%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w6{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 81.8%;left: 26%;background:url('../images/p1.3.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.4.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w8{position: absolute;width: 100%;height: 6.1%;top: 60.4%;left: 0%;}
#s1 .w9{position: absolute;width: 100%;height: 6.1%;top: 71.2%;left: 0%;}
#s1 .w10{position: absolute;width: 100%;height: 6.1%;top: 81.8%;left: 0%;}
#s1 .w8 img,#s1 .w9 img,#s1 .w10 img{display: none;margin-top: 2%;margin-right: 10%;float: right;}
#s1 .w11{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s1 .w12{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%;}
#s1 .w13{transform-origin:30% 50%;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%;}
#s1 .w14{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%;}
#s1 .w15{display: none;position: absolute;width: 48%;height: 7%;top: 84%;left: 26%;}
#s1.ani .w0{
        animation:fadeIn 1s linear both;
        -moz-animation:fadeIn 1s linear both;
        -webkit-animation:fadeIn 1s linear both;
        -o-animation:fadeIn 1s linear both
}
#s1.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
}
#s1.ani .w2{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s1.ani .w3{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s1.ani .w7{
        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 .w13.ani{
        animation:maisui 5s .5s linear infinite;
        -moz-animation:maisui 5s .5s linear infinite;
        -webkit-animation:maisui 5s .5s linear infinite;
        -o-animation:maisui 5s .5s linear infinite
}
#s2{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .w1{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 .w2{transform-origin:26% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-11.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w3{transform-origin:74% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-22.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w4{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 60.4%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w5{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 71.2%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w6{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 81.8%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w7{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 .w8{position: absolute;width: 100%;height: 6.1%;top: 60.4%;left: 0%;}
#s2 .w9{position: absolute;width: 100%;height: 6.1%;top: 71.2%;left: 0%;}
#s2 .w10{position: absolute;width: 100%;height: 6.1%;top: 81.8%;left: 0%;}
#s2 .w8 img,#s2 .w9 img,#s2 .w10 img{display: none;margin-top: 2%;margin-right: 10%;float: right;}
#s2 .w11{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .w12{display: none;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 .w13{display: none;position: absolute;width: 48%;height: 7%;top: 84%;left: 26%;}
#s2.ani .w0{
        animation:fadeIn 1s linear both;
        -moz-animation:fadeIn 1s linear both;
        -webkit-animation:fadeIn 1s linear both;
        -o-animation:fadeIn 1s linear both
}
#s2.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
}
#s2.ani .w2{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s2.ani .w3{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s2.ani .w7{
        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
}
#s3{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s3 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s3 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.1.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w2{transform-origin:26% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-11.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w3{transform-origin:74% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-22.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w4{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 60.4%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w5{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 71.2%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w6{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 81.8%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.2.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w8{position: absolute;width: 100%;height: 6.1%;top: 60.4%;left: 0%;}
#s3 .w9{position: absolute;width: 100%;height: 6.1%;top: 71.2%;left: 0%;}
#s3 .w10{position: absolute;width: 100%;height: 6.1%;top: 81.8%;left: 0%;}
#s3 .w8 img,#s3 .w9 img,#s3 .w10 img{display: none;margin-top: 2%;margin-right: 10%;float: right;}
#s3 .w11{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s3 .w12{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3-2.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w13{display: none;position: absolute;width: 48%;height: 7%;top: 84%;left: 26%;}
#s3.ani .w0{
        animation:fadeIn 1s linear both;
        -moz-animation:fadeIn 1s linear both;
        -webkit-animation:fadeIn 1s linear both;
        -o-animation:fadeIn 1s linear both
}
#s3.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
}
#s3.ani .w2{
       animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s3.ani .w3{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s3.ani .w7{
        animation:fadeIn 1s 1.5s linear both;
        -moz-animation:fadeIn 1s 1.5s linear both;
        -webkit-animation:fadeIn 1s 1.5s linear both;
        -o-animation:fadeIn 1s 1.5s linear both
}
#s4{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s4 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s4 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.1.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w2{transform-origin:26% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-11.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w3{transform-origin:74% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-22.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w4{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 60.4%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w5{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 71.2%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w6{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 81.8%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.2.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w8{position: absolute;width: 100%;height: 6.1%;top: 60.4%;left: 0%;}
#s4 .w9{position: absolute;width: 100%;height: 6.1%;top: 71.2%;left: 0%;}
#s4 .w10{position: absolute;width: 100%;height: 6.1%;top: 81.8%;left: 0%;}
#s4 .w8 img,#s4 .w9 img,#s4 .w10 img{display: none;margin-top: 2%;margin-right: 10%;float: right;}
#s4 .w11{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s4 .w12{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4-2.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w13{display: none;position: absolute;width: 48%;height: 7%;top: 84%;left: 26%;}
#s4.ani .w0{
        animation:fadeIn 1s linear both;
        -moz-animation:fadeIn 1s linear both;
        -webkit-animation:fadeIn 1s linear both;
        -o-animation:fadeIn 1s linear both
}
#s4.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
}
#s4.ani .w2{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s4.ani .w3{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s4.ani .w7{
        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
}
#s5{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s5 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s5 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p5.1.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w2{transform-origin:26% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-11.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w3{transform-origin:74% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-22.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w4{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 60.4%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w5{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 71.2%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w6{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 81.8%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p5.2.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w8{position: absolute;width: 100%;height: 6.1%;top: 60.4%;left: 0%;}
#s5 .w9{position: absolute;width: 100%;height: 6.1%;top: 71.2%;left: 0%;}
#s5 .w10{position: absolute;width: 100%;height: 6.1%;top: 81.8%;left: 0%;}
#s5 .w8 img,#s5 .w9 img,#s5 .w10 img{display: none;margin-top: 2%;margin-right: 10%;float: right;}
#s5 .w11{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p5-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s5 .w12{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p5-2.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w13{display: none;position: absolute;width: 48%;height: 7%;top: 84%;left: 26%;}
#s5.ani .w0{
        animation:fadeIn 1s linear both;
        -moz-animation:fadeIn 1s linear both;
        -webkit-animation:fadeIn 1s linear both;
        -o-animation:fadeIn 1s linear both
}
#s5.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
}
#s5.ani .w2{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s5.ani .w3{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s5.ani .w7{
        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
}
#s6{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s6 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s6 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.1.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w2{transform-origin:26% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-11.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w3{transform-origin:74% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-22.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w4{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 60.4%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w5{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 71.2%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w6{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 81.8%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.2.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w8{position: absolute;width: 100%;height: 6.1%;top: 60.4%;left: 0%;}
#s6 .w9{position: absolute;width: 100%;height: 6.1%;top: 71.2%;left: 0%;}
#s6 .w10{position: absolute;width: 100%;height: 6.1%;top: 81.8%;left: 0%;}
#s6 .w8 img,#s6 .w9 img,#s6 .w10 img{display: none;margin-top: 2%;margin-right: 10%;float: right;}
#s6 .w11{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s6 .w12{display: none;position: absolute;width: 44%;height: 8%;top: 10%;left: 100%;background:url('../images/p6-2.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w13{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6-3.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w14{display: none;position: absolute;width: 48%;height: 7%;top: 84%;left: 26%;}
#s6.ani .w0{
        animation:fadeIn 1s linear both;
        -moz-animation:fadeIn 1s linear both;
        -webkit-animation:fadeIn 1s linear both;
        -o-animation:fadeIn 1s linear both
}
#s6.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
}
#s6.ani .w2{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s6.ani .w3{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s6.ani .w7{
        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
}
#s6.ani .w12{
        animation:air 5s .5s linear infinite;
        -moz-animation:air 5s .5s linear infinite;
        -webkit-animation:air 5s .5s linear infinite;
        -o-animation:air 5s .5s linear infinite
}
#s7{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s7 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s7 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p7.1.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w2{transform-origin:26% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-11.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w3{transform-origin:74% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-22.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w4{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 60.4%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w5{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 71.2%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w6{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 81.8%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p7.2.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w8{position: absolute;width: 100%;height: 6.1%;top: 60.4%;left: 0%;}
#s7 .w9{position: absolute;width: 100%;height: 6.1%;top: 71.2%;left: 0%;}
#s7 .w10{position: absolute;width: 100%;height: 6.1%;top: 81.8%;left: 0%;}
#s7 .w8 img,#s7 .w9 img,#s7 .w10 img{display: none;margin-top: 2%;margin-right: 10%;float: right;}
#s7 .w11{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p7-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s7 .w12{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p7-2.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w13{display: none;position: absolute;width: 48%;height: 7%;top: 84%;left: 26%;}
#s7.ani .w0{
        animation:fadeIn 1s linear both;
        -moz-animation:fadeIn 1s linear both;
        -webkit-animation:fadeIn 1s linear both;
        -o-animation:fadeIn 1s linear both
}
#s7.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
}
#s7.ani .w2{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s7.ani .w3{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s7.ani .w7{
        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
}
#s8{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s8 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s8 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.1.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w2{transform-origin:26% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-11.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w3{transform-origin:74% 19.5%;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p-22.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w4{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 60.4%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w5{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 71.2%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w6{opacity: 0;position: absolute;width: 48%;height: 6.1%;top: 81.8%;left: 26%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.2.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w8{position: absolute;width: 100%;height: 6.1%;top: 60.4%;left: 0%;}
#s8 .w9{position: absolute;width: 100%;height: 6.1%;top: 71.2%;left: 0%;}
#s8 .w10{position: absolute;width: 100%;height: 6.1%;top: 81.8%;left: 0%;}
#s8 .w8 img,#s8 .w9 img,#s8 .w10 img{display: none;margin-top: 2%;margin-right: 10%;float: right;}
#s8 .w11{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p8-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s8 .w12{display: none;position: absolute;width: 17%;height: 9%;top: 13%;left: 59%;background:url('../images/p8-2.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w13{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p8-3.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w14{display: none;position: absolute;width: 48%;height: 7%;top: 84%;left: 26%;}
#s8.ani .w0{
        animation:fadeIn 1s linear both;
        -moz-animation:fadeIn 1s linear both;
        -webkit-animation:fadeIn 1s linear both;
        -o-animation:fadeIn 1s linear both
}
#s8.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
}
#s8.ani .w2{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s8.ani .w3{
        animation:rotate 15s linear infinite;
        -moz-animation:rotate 15s linear infinite;
        -webkit-animation:rotate 15s linear infinite;
        -o-animation:rotate 15s linear infinite
}
#s8.ani .w7{
        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
}
#s8.ani .w12{
        animation:rotateY 5s .5s linear infinite;
        -moz-animation:rotateY 5s .5s linear infinite;
        -webkit-animation:rotateY 5s .5s linear infinite;
        -o-animation:rotateY 5s .5s linear infinite
}
#s9{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%;}
#s9 .w0{position: absolute;width: 50%;height: 64%;top: 38%;left: 25%;background:url('../images/p10.2.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .w0 img{width: 100%;height: 212%;}
#s9 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.3.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.4.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .w4{position: absolute;width: 26%;height: 5%;top: 80%;left: 8%;}
#s9 .w5{position: absolute;width: 26%;height: 5%;top: 80%;left: 38%;}
#s9 .w5 select{position: absolute;width: 100%;height: 100%;opacity: 0}
#s9 .w6{position: absolute;width: 26%;height: 5%;top: 80%;left: 68%;}
#s9 .w6 a{position: absolute;width: 100%;height: 100%;}
#s9.ani .w0{
        animation:mapMove 15s .5s linear infinite;
        -moz-animation:mapMove 15s .5s linear infinite;
        -webkit-animation:mapMove 15s .5s linear infinite;
        -o-animation:mapMove 15s .5s linear infinite
}
@keyframes maisui{
    0%{opacity: 1;transform: rotate(0deg);}
    25%{opacity: 1;transform: rotate(-5deg);}
    50%{opacity: 1;transform: rotate(0deg);}
    75%{opacity: 1;transform: rotate(5deg);}
    100%{opacity: 1;transform: rotate(0deg);}
}
@-moz-keyframes maisui{
    0%{opacity: 1;transform: rotate(0deg);}
    25%{opacity: 1;transform: rotate(-5deg);}
    50%{opacity: 1;transform: rotate(0deg);}
    75%{opacity: 1;transform: rotate(5deg);}
    100%{opacity: 1;transform: rotate(0deg);}
}
@-webkit-keyframes maisui{
    0%{opacity: 1;transform: rotate(0deg);}
    25%{opacity: 1;transform: rotate(-5deg);}
    50%{opacity: 1;transform: rotate(0deg);}
    75%{opacity: 1;transform: rotate(5deg);}
    100%{opacity: 1;transform: rotate(0deg);}
}
#about{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%;}
#about .close{position: absolute;width: 10%;height: 6%;top: 4%;right: 6%;}


@keyframes air{
    0%{opacity: 1;top: 10%;left: 100%;}
    100%{opacity: 1;top: -8%;left: 13%;}
}
@-moz-keyframes air{
    0%{opacity: 1;top: 10%;left: 100%;}
    100%{opacity: 1;top: -8%;left: 13%;}
}
@-webkit-keyframes air{
    0%{opacity: 1;top: 10%;left: 100%;}
    100%{opacity: 1;top: -8%;left: 13%;}
}
@keyframes rotate{
    0%{opacity: 1;transform: rotate(0deg);}
    100%{opacity: 1;transform: rotate(-360deg);}
}
@-moz-keyframes rotate{
    0%{opacity: 1;transform: rotate(0deg);}
    100%{opacity: 1;transform: rotate(-360deg);}
}
@-webkit-keyframes rotate{
    0%{opacity: 1;transform: rotate(0deg);}
    100%{opacity: 1;transform: rotate(-360deg);}
}
@-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}}

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

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

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

@keyframes rotateY
{
    0%{opacity: 1;transform: rotate(0deg);}
    100%{opacity: 1;transform: rotate(-360deg);}
}

@-moz-keyframes rotateY /* Firefox */
{
    0%{opacity: 1;transform: rotate(0deg);}
    100%{opacity: 1;transform: rotate(-360deg);}
}

@-webkit-keyframes rotateY /* Safari 和 Chrome */
{
    0%{opacity: 1;transform: rotate(0deg);}
    100%{opacity: 1;transform: rotate(-360deg);}
}

@keyframes sail2
{
    0%{top:55%;left: 35%;}
    100%{top:10%;left:28%;}
}

@-moz-keyframes sail2 /* Firefox */
{
     0%{top:55%;left: 35%;}
    100%{top:10%;left:28%;}
}

@-webkit-keyframes sail2 /* Safari 和 Chrome */
{
     0%{top:55%;left: 35%;}
    100%{top:10%;left:28%;}
}
@keyframes mapMove
{
    0%{top:38%;}
    100%{top:1%;}
}
@-moz-keyframes mapMove /* Firefox */
{
    0%{top:38%;}
    100%{top:1%;}
  }
@-webkit-keyframes mapMove /* Safari 和 Chrome */
{
    0%{top:38%;}
    100%{top:1%;}
}

@keyframes mapMove2
{
    0%{top:-48%;left:0%;}
    100%{top:0%;left: -20%;}
}
@-moz-keyframes mapMove2 /* Firefox */
{
     0%{top:-48%;left:0%;}
    100%{top:0%;left: -20%;}
  }
@-webkit-keyframes mapMove2 /* Safari 和 Chrome */
{
     0%{top:-48%;left:0%;}
    100%{top:0%;left: -20%;}
}

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

@keyframes rotateZ {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-25deg);
    transform: rotateZ(-25deg);
  }
}
/* 向左下 */
@-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;}
}
@-webkit-keyframes fadeInOut {
  0% {opacity: 0;}
  30% {opacity: 1;}
  90% {opacity: 1;}
  100% {opacity: 0;}
}
@-moz-keyframes fadeInOut {
  0% {opacity: 0;}
  30% {opacity: 1;}
  90% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes fadeInOut {
  0% {opacity: 0;}
  30% {opacity: 1;}
  90% {opacity: 1;}
  100% {opacity: 0;}
}

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

@-moz-keyframes right_w /* Firefox */
{
    0%{width: 0%;}
    100%{width: 100%;}
}

@-webkit-keyframes right_w /* Safari 和 Chrome */
{
    0%{width: 0%;}
    100%{width: 100%;}
}