/*
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;}

.swiper-wrapper{height: 100%;}
*/
body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute;}

.music_blk{z-index:999;position:fixed;bottom:20px;left: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:url('../images/loading.jpg') no-repeat 0 0;background-size:100% 100%;}
.load_val{width:100%;}
.loading_line{top: 58%;width: 76%;height: 5px;position: absolute;left: 12%;background: #D1CDC4;}
.loading_line_blank{width:0%;height:100%;background: #5A574E;}
.load_img{position: absolute;top:0;width: 100%;height:100%;background:url('../images/loading.png') no-repeat 0 0;background-size:100% 100%;}
.load_img img{width: 100%;height:100%;}
.body{width: 100%;height: 100%;position: absolute;}
a{opacity:0}
.swiper-container{position:absolute;width:100%;height:100%}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}

#s0{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s0 .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%;opacity: 1;}
#s0 .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%;}
#s0 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s0 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.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/p1.5.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w5{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.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/p1.7.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.8.png') no-repeat 0 0;background-size:100% 100%;}
#s0.ani .w7{
    animation:fadeIn 1.5s .5s linear both;
    -moz-animation:fadeIn 1.5s .5s linear both;
    -webkit-animation:fadeIn 1.5s .5s linear both;
    -o-animation:fadeIn 1.5s .5s linear both
}
#s0.ani .w3{
    animation:fadeIn 1.5s .5s linear both;
    -moz-animation:fadeIn 1.5s .5s linear both;
    -webkit-animation:fadeIn 1.5s .5s linear both;
    -o-animation:fadeIn 1.5s .5s linear both
}
#s0.ani .w5{
    animation:fadeIn 1.5s 2s linear both;
    -moz-animation:fadeIn 1.5s 2s linear both;
    -webkit-animation:fadeIn 1.5s 2s linear both;
    -o-animation:fadeIn 1.5s 2s linear both
}
#s0.ani .w6{
    animation:fadeIn 1.5s 2s linear both;
    -moz-animation:fadeIn 1.5s 2s linear both;
    -webkit-animation:fadeIn 1.5s 2s linear both;
    -o-animation:fadeIn 1.5s 2s linear both
}
#s0.ani .w4{
    animation:fadeIn 1.5s 3.5s linear both;
    -moz-animation:fadeIn 1.5s 3.5s linear both;
    -webkit-animation:fadeIn 1.5s 3.5s linear both;
    -o-animation:fadeIn 1.5s 3.5s linear both
}
#s0.ani .w1{
    animation:fadeIn1 2s 5s linear infinite;
    -moz-animation:fadeIn1 2s 5s linear infinite;
    -webkit-animation:fadeIn1 2s 5s linear infinite;
    -o-animation:fadeIn1 2s 5s linear infinite
}


#s1{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.jpg') no-repeat 0 0;background-size:100% 100%;}
#s1 .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%;opacity: 1;}
#s1 .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%;}
#s1 .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%;}
#s1 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.4.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w4{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.5.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w5{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.6.png') no-repeat 0 0;background-size:100% 100%;}
#s1.ani .w2{
    animation:fadeInLeft 1.5s .5s ease both;
    -moz-animation:fadeInLeft 1.5s .5s ease both;
    -webkit-animation:fadeInLeft 1.5s .5s ease both;
    -o-animation:fadeInLeft 1.5s .5s ease both
}
#s1.ani .w3{
    animation:fadeInRight 1.5s .5s ease both;
    -moz-animation:fadeInRight 1.5s .5s ease both;
    -webkit-animation:fadeInRight 1.5s .5s ease both;
    -o-animation:fadeInRight 1.5s .5s ease both
}
#s1.ani .w5{
    animation:fadeInLeft 1.5s 2s ease both;
    -moz-animation:fadeInLeft 1.5s 2s ease both;
    -webkit-animation:fadeInLeft 1.5s 2s ease both;
    -o-animation:fadeInLeft 1.5s 2s ease both
}
#s1.ani .w4{
    animation:fadeInRight 1.5s 2s ease both;
    -moz-animation:fadeInRight 1.5s 2s ease both;
    -webkit-animation:fadeInRight 1.5s 2s ease both;
    -o-animation:fadeInRight 1.5s 2s ease both
}
#s1.ani .w1{
    animation:fadeInDown 1.5s 3.5s ease both;
    -moz-animation:fadeInDown 1.5s 3.5s ease both;
    -webkit-animation:fadeInDown 1.5s 3.5s ease both;
    -o-animation:fadeInDown 1.5s 3.5s ease both
}


#s2{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s2 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.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/p3.3.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.4.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w4{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.5.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w5{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.6.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w6{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.7.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.8.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w8{position: absolute;width: 44%;height: 18%;top: 67%;left: 53%;background:url('../images/p3.9.gif') no-repeat 0 0;background-size:100% 100%;}
#s2.ani .w2{
    animation:fadeIn 3s .5s linear both;
    -moz-animation:fadeIn 3s .5s linear both;
    -webkit-animation:fadeIn 3s .5s linear both;
    -o-animation:fadeIn 3s .5s linear both
}
#s2.ani .w3{
    animation:fadeIn .5s 3s linear both;
    -moz-animation:fadeIn .5s 3s linear both;
    -webkit-animation:fadeIn .5s 3s linear both;
    -o-animation:fadeIn .5s 3s linear both
}
#s2.ani .w4{
    animation:fadeIn .5s 3s linear both;
    -moz-animation:fadeIn .5s 3s linear both;
    -webkit-animation:fadeIn .5s 3s linear both;
    -o-animation:fadeIn .5s 3s linear both
}
#s2.ani .w5{
    animation:fadeInDown 3s 1.5s linear both;
    -moz-animation:fadeInDown 3s 1.5s linear both;
    -webkit-animation:fadeInDown 3s 1.5s linear both;
    -o-animation:fadeInDown 3s 1.5s linear both
}
#s2.ani .w7{
        animation:fadeIn1 2s 4.5s linear infinite;
        -moz-animation:fadeIn1 2s 45s linear infinite;
        -webkit-animation:fadeIn1 2s 4.5s linear infinite;
        -o-animation:fadeIn1 2s 4.5s linear infinite
}
#s2.ani .w8{
    animation:fadeIn .5s 4.5s linear both;
    -moz-animation:fadeIn .5s 4.5s linear both;
    -webkit-animation:fadeIn .5s 4.5s linear both;
    -o-animation:fadeIn .5s 4.5s linear both
}
#s2.ani .w6{
    animation:fadeInLeft 2s 4.5s linear both;
    -moz-animation:fadeInLeft 2s 4.5s linear both;
    -webkit-animation:fadeInLeft 2s 4.5s linear both;
    -o-animation:fadeInLeft 2s 4.5s linear both
}
#s2.ani .w1{
    animation:fadeInDown 1.5s 6s ease both;
    -moz-animation:fadeInDown 1.5s 6s ease both;
    -webkit-animation:fadeInDown 1.5s 6s ease both;
    -o-animation:fadeInDown 1.5s 6s ease both
}


#s3{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.jpg') no-repeat 0 0;background-size:100% 100%;}
#s3 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s3 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.2.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.3.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.4.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s3 .w4{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.5.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w5{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.6.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s3 .w6{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.7.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.8.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s3 .w8{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.9.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s3.ani .w2{
    animation:fadeInLeft 2s .5s linear both;
    -moz-animation:fadeInLeft 2s .5s linear both;
    -webkit-animation:fadeInLeft 2s .5s linear both;
    -o-animation:fadeInLeft 2s .5s linear both
}
#s3.ani .w4{
    animation:fadeInRight 2s 2s linear both;
    -moz-animation:fadeInRight 2s 2s linear both;
    -webkit-animation:fadeInRight 2s 2s linear both;
    -o-animation:fadeInRight 2s 2s linear both
}
#s3.ani .w6{
    animation:fadeInLeft 2s 2s linear both;
    -moz-animation:fadeInLeft 2s 2s linear both;
    -webkit-animation:fadeInLeft 2s 2s linear both;
    -o-animation:fadeInLeft 2s 2s linear both
}
#s3.ani .w1{
    animation:fadeInDown 1.5s 4s ease both;
    -moz-animation:fadeInDown 1.5s 4s ease both;
    -webkit-animation:fadeInDown 1.5s 4s ease both;
    -o-animation:fadeInDown 1.5s 4s ease both
}


#s4{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p5.jpg') no-repeat 0 0;background-size:100% 100%;}
#s4 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p5.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s4 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p5.2.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p5.3.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p5.4.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w4{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p5.5.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w5{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p5.6.png') no-repeat 0 0;background-size:100% 100%;}
#s4.ani .w2{
    animation:fadeInLeft 2s .5s linear both;
    -moz-animation:fadeInLeft 2s .5s linear both;
    -webkit-animation:fadeInLeft 2s .5s linear both;
    -o-animation:fadeInLeft 2s .5s linear both
}
#s4.ani .w5{
    animation:fadeInDown 1.5s 2.5s ease both;
    -moz-animation:fadeInDown 1.5s 2.5s ease both;
    -webkit-animation:fadeInDown 1.5s 2.5s ease both;
    -o-animation:fadeInDown 1.5s 2.5s ease both
}
#s4.ani .w3{
    animation:fadeInRight 2s 2.5s linear both;
    -moz-animation:fadeInRight 2s 2.5s linear both;
    -webkit-animation:fadeInRight 2s 2.5s linear both;
    -o-animation:fadeInRight 2s 2.5s linear both
}
#s4.ani .w4{
    animation:fadeInLeft 2s 2.5s linear both;
    -moz-animation:fadeInLeft 2s 2.5s linear both;
    -webkit-animation:fadeInLeft 2s 2.5s linear both;
    -o-animation:fadeInLeft 2s 2.5s linear both
}
#s4.ani .w1{
    animation:fadeInDown 1.5s 4s ease both;
    -moz-animation:fadeInDown 1.5s 4s ease both;
    -webkit-animation:fadeInDown 1.5s 4s ease both;
    -o-animation:fadeInDown 1.5s 4s ease both
}


#s5{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6.jpg') no-repeat 0 0;background-size:100% 100%;}
#s5 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s5 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.2.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.3.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.4.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w4{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.5.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w5{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.6.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w6{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.7.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.8.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w8{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.9.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w9{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.10.png') no-repeat 0 0;background-size:100% 100%;}
#s5.ani .w2{
    animation:fadeInLeft 1.5s .5s ease both;
    -moz-animation:fadeInLeft 1.5s .5s ease both;
    -webkit-animation:fadeInLeft 1.5s .5s ease both;
    -o-animation:fadeInLeft 1.5s .5s ease both
}
#s5.ani .w3{
    animation:fadeInLeft 1.5s 1.5s ease both;
    -moz-animation:fadeInLeft 1.5s 1.5s ease both;
    -webkit-animation:fadeInLeft 1.5s 1.5s ease both;
    -o-animation:fadeInLeft 1.5s 1.5s ease both
}
#s5.ani .w4{
    animation:fadeIn 1.5s 3s linear both;
    -moz-animation:fadeIn 1.5s 3s linear both;
    -webkit-animation:fadeIn 1.5s 3s linear both;
    -o-animation:fadeIn 1.5s 3s linear both
}
#s5.ani .w5{
    animation:fadeIn 1.5s 3.5s linear both;
    -moz-animation:fadeIn 1.5s 3.5s linear both;
    -webkit-animation:fadeIn 1.5s 3.5s linear both;
    -o-animation:fadeIn 1.5s 3.5s linear both
}
#s5.ani .w6{
    animation:fadeIn 1.5s 4s linear both;
    -moz-animation:fadeIn 1.5s 4s linear both;
    -webkit-animation:fadeIn 1.5s 4s linear both;
    -o-animation:fadeIn 1.5s 4s linear both
}
#s5.ani .w7{
    animation:fadeInLeft 1.5s 5s ease both;
    -moz-animation:fadeInLeft 1.5s 5s ease both;
    -webkit-animation:fadeInLeft 1.5s 5s ease both;
    -o-animation:fadeInLeft 1.5s 5s ease both
}
#s5.ani .w8{
    animation:fadeInRight 1.5s 5s ease both;
    -moz-animation:fadeInRight 1.5s 5s ease both;
    -webkit-animation:fadeInRight 1.5s 5s ease both;
    -o-animation:fadeInRight 1.5s 5s ease both
}
#s5.ani .w1{
    animation:fadeInDown 1.5s 6s ease both;
    -moz-animation:fadeInDown 1.5s 6s ease both;
    -webkit-animation:fadeInDown 1.5s 6s ease both;
    -o-animation:fadeInDown 1.5s 6s ease both
}
#s5.ani .w9{
    animation:fadeIn1 2s 5s linear infinite;
    -moz-animation:fadeIn1 2s 5s linear infinite;
    -webkit-animation:fadeIn1 2s 5s linear infinite;
    -o-animation:fadeIn1 2s 5s linear infinite
}

#s6{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p7.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p7.1.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p7.2.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s6 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p7.3.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s6 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p7.4.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w4{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p7.5.png') no-repeat 0 0;background-size:100% 100%;}
#s6.ani .w3{
    animation:fadeIn 3s .5s linear both;
    -moz-animation:fadeIn 3s .5s linear both;
    -webkit-animation:fadeIn 3s .5s linear both;
    -o-animation:fadeIn 3s .5s linear both
}
#s6.ani .w4{
    animation:fadeInRight1 3s 1.5s ease both;
    -moz-animation:fadeInRight1 3s 1.5s ease both;
    -webkit-animation:fadeInRight1 3s 1.5s ease both;
    -o-animation:fadeInRight1 3s 1.5s ease both
}
#s6.ani .w0{
    animation:fadeInDown 2s 3.5s ease both;
    -moz-animation:fadeInDown 2s 3.5s ease both;
    -webkit-animation:fadeInDown 2s 3.5s ease both;
    -o-animation:fadeInDown 2s 3.5s ease both
}

#s7{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p8.jpg') no-repeat 0 0;background-size:100% 100%;}
#s7 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.1.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.2.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s7 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.3.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.4.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w4{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.5.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w5{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.6.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w6{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.7.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.17.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .f1{position: absolute;width: 7%;height: 4.5%;top: 39%;left: 34%;background:url('../images/p8.8.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .f2{position: absolute;width: 8.5%;height: 5.5%;top: 48.4%;left: 60%;background:url('../images/p8.8.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .f3{position: absolute;width: 4.5%;height: 3%;top: 51.4%;left: 75%;background:url('../images/p8.8.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .f4{position: absolute;width: 3.5%;height: 2.5%;top: 63%;left: 14%;background:url('../images/p8.8.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .f5{position: absolute;width: 4.7%;height: 3.1%;top: 64%;left: 30%;background:url('../images/p8.8.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .f6{position: absolute;width: 7%;height: 4%;top: 66%;left: 80%;background:url('../images/p8.8.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .f7{position: absolute;width: 11%;height: 6%;top: 77.5%;left: 7%;background:url('../images/p8.8.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .f8{position: absolute;width: 3%;height: 2%;top: 72%;left: 52%;background:url('../images/p8.8.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .f9{position: absolute;width: 5%;height: 3%;top: 77.5%;left: 34%;background:url('../images/p8.8.png') no-repeat 0 0;background-size:100% 100%;}

#s7.ani .w2{
    animation:fadeIn 3s .5s linear both;
    -moz-animation:fadeIn 3s .5s linear both;
    -webkit-animation:fadeIn 3s .5s linear both;
    -o-animation:fadeIn 3s .5s linear both
}
#s7.ani .w3{
    animation:fadeIn 3s .5s linear both;
    -moz-animation:fadeIn 3s .5s linear both;
    -webkit-animation:fadeIn 3s .5s linear both;
    -o-animation:fadeIn 3s .5s linear both
}
#s7.ani .w4{
    animation:fadeInLeft 3s 3.5s ease both;
    -moz-animation:fadeInLeft 3s 3.5s ease both;
    -webkit-animation:fadeInLeft 3s 3.5s ease both;
    -o-animation:fadeInLeft 3s 3.5s ease both
}
#s7.ani .w5{
    animation:fadeIn 3s 5s ease both;
    -moz-animation:fadeIn 3s 5s ease both;
    -webkit-animation:fadeIn 3s 5s ease both;
    -o-animation:fadeIn 3s 5s ease both
}
#s7.ani .w6{
    animation:fadeIn 3s 5s ease both;
    -moz-animation:fadeIn 3s 5s ease both;
    -webkit-animation:fadeIn 3s 5s ease both;
    -o-animation:fadeIn 3s 5s ease both
}
#s7.ani .w0{
    animation:fadeInDown 2s 7s ease both;
    -moz-animation:fadeInDown 2s 7s ease both;
    -webkit-animation:fadeInDown 2s 7s ease both;
    -o-animation:fadeInDown 2s 7s ease both
}
#s7.ani .f1{
    animation:fadeIn1 3s 3.5s ease infinite;
    -moz-animation:fadeIn1 3s 3.5s ease infinite;
    -webkit-animation:fadeIn1 3s 3.5s ease infinite;
    -o-animation:fadeIn1 3s 3.5s ease infinite
}
#s7.ani .f2{
    animation:fadeIn1 3s 4s ease infinite;
    -moz-animation:fadeIn1 3s 4s ease infinite;
    -webkit-animation:fadeIn1 3s 4s ease infinite;
    -o-animation:fadeIn1 3s 4s ease infinite
}
#s7.ani .f3{
    animation:fadeIn 3s 4.5s ease both;
    -moz-animation:fadeIn 3s 4.5s ease both;
    -webkit-animation:fadeIn 3s 4.5s ease both;
    -o-animation:fadeIn 3s 4.5s ease both
}
#s7.ani .f4{
    animation:fadeIn 3s 5s ease both;
    -moz-animation:fadeIn 3s 5s ease both;
    -webkit-animation:fadeIn 3s 5s ease both;
    -o-animation:fadeIn 3s 5s ease both
}
#s7.ani .f5{
    animation:fadeIn 3s 5.5s ease both;
    -moz-animation:fadeIn 3s 5.5s ease both;
    -webkit-animation:fadeIn 3s 5.5s ease both;
    -o-animation:fadeIn 3s 5.5s ease both
}
#s7.ani .f6{
    animation:fadeIn 3s 6s ease both;
    -moz-animation:fadeIn 3s 6s ease both;
    -webkit-animation:fadeIn 3s 6s ease both;
    -o-animation:fadeIn 3s 6s ease both
}
#s7.ani .f7{
    animation:fadeIn 3s 6.5s ease both;
    -moz-animation:fadeIn 3s 6.5s ease both;
    -webkit-animation:fadeIn 3s 6.5s ease both;
    -o-animation:fadeIn 3s 6.5s ease both
}
#s7.ani .f8{
    animation:fadeIn 3s 7s ease both;
    -moz-animation:fadeIn 3s 7s ease both;
    -webkit-animation:fadeIn 3s 7s ease both;
    -o-animation:fadeIn 3s 7s ease both
}
#s7.ani .f9{
    animation:fadeIn 3s 7.5s ease both;
    -moz-animation:fadeIn 3s 7.5s ease both;
    -webkit-animation:fadeIn 3s 7.5s ease both;
    -o-animation:fadeIn 3s 7.5s ease both
}


#s8{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p9.jpg') no-repeat 0 0;background-size:100% 100%;}
#s8 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p9.1.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p9.2.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s8 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p9.3.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s8 .w3{position: absolute;width: 100%;height: 38%;top: 18%;left: 0%;background:url('../images/p9.4.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s8 .w4{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p9.5.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
#s8 .w5{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p9.6.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s8 .w5 .link1{position: absolute;width: 60%;height: 35%;bottom: 0%;left: 20%;}
#s8 .w6{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p9.7.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s8 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p9.8.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
#s8 .w8{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p9.9.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
#s8 .w9{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p9.10.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s8.ani .w0{
    animation:fadeIn 2s .5s linear both;
    -moz-animation:fadeIn 2s .5s linear both;
    -webkit-animation:fadeIn 2s .5s linear both;
    -o-animation:fadeIn 2s .5s linear both
}
#s8.ani .w3{
    animation:move2 8s .5s linear both;
    -moz-animation:move2 8s .5s linear both;
    -webkit-animation:move2 8s .5s linear both;
    -o-animation:move2 8s .5s linear both
}
#s8.ani .w5{
    animation:fadeIn1 1.5s 2s linear infinite;
    -moz-animation:fadeIn1 1.5s 2s linear infinite;
    -webkit-animation:fadeIn1 1.5s 2s linear infinite;
    -o-animation:fadeIn1 1.5s 2s linear infinite
}


#s9{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p10.jpg') no-repeat 0 0;background-size:100% 100%;}
#s9 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s9 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.2.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#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%;opacity: 1;}
#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%;opacity: 1;}
#s9 .w3 .num{position: absolute;width: 14%;height: 3%;top: 28.5%;left: 47%;opacity: 1;text-align: center;}

#s9 .w4{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.5.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s9 .w5{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.6.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s9 .w6{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.7.png') no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s9 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.8.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .w8{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.9.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .w9{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.10.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .about{position: absolute;width: 22%;height: 6%;top: 45%;left: 9%;opacity: 1;}
#s9 .select{position: absolute;width: 22%;height: 6%;top: 45%;left: 39%;opacity: 0;}
#s9 .more{position: absolute;width: 22%;height: 6%;top: 45%;left: 69%;opacity: 0;}
#s9 .close{position: absolute;width: 18%;height: 7%;top: 89%;left: 41%;opacity: 1;}


@keyframes animate1{0%,50%,100%{-webkit-transform:scale(1) skew(0deg) translate(0)}25%{-webkit-transform:scale(1.01) skew(5deg) translateY(0.5%)}75%{-webkit-transform:scale(1.01) skew(-5deg) translateY(-.5%)}}
@-moz-keyframes animate1{0%,50%,100%{-webkit-transform:scale(1) skew(0deg) translate(0)}25%{-webkit-transform:scale(1.01) skew(5deg) translateY(0.5%)}75%{-webkit-transform:scale(1.01) skew(-5deg) translateY(-.5%)}}
@-webkit-keyframes animate1{0%,50%,100%{-webkit-transform:scale(1) skew(0deg) translate(0)}25%{-webkit-transform:scale(1.01) skew(5deg) translateY(0.5%)}75%{-webkit-transform:scale(1.01) skew(-5deg) translateY(-.5%)}}

@keyframes animate2{0%,50%,100%{-webkit-transform:scale(1) translate(0)}25%{-webkit-transform:scale(1.004) translateY(0.3%)}75%{-webkit-transform:scale(1.004) translateY(-.3%)}}
@-moz-keyframes animate2{0%,50%,100%{-webkit-transform:scale(1) translate(0)}25%{-webkit-transform:scale(1.004) translateY(0.3%)}75%{-webkit-transform:scale(1.004) translateY(-.3%)}}
@-webkit-keyframes animate2{0%,50%,100%{-webkit-transform:scale(1) translate(0)}25%{-webkit-transform:scale(1.004) translateY(0.3%)}75%{-webkit-transform:scale(1.004) translateY(-.3%)}}

@keyframes animate3
{0%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}25%{-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}50%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}75%{-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}100%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}}
@-moz-keyframes animate3 /* Firefox */
{0%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}25%{-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}50%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}75%{-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}100%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}}
@-webkit-keyframes animate3 /* Safari 和 Chrome */
{0%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}25%{-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}50%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}75%{-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}100%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}}


@keyframes move1
{0%{opacity: 1;top: 40%;left: 85%;}50%{opacity: 1;top: 43%;left: 55%;}100%{opacity: 1;top: 40%;left: 85%;}}

@-moz-keyframes move1 /* Firefox */
{0%{opacity: 1;top: 40%;left: 85%;}50%{opacity: 1;top: 43%;left: 55%;}100%{opacity: 1;top: 40%;left: 85%;}}

@-webkit-keyframes move1 /* Safari 和 Chrome */
{0%{opacity: 1;top: 40%;left: 85%;}50%{opacity: 1;top: 43%;left: 55%;}100%{opacity: 1;top: 40%;left: 85%;}}

@keyframes move2
{0%{top: 18%;}100%{top: -9%;}}

@-moz-keyframes move2 /* Firefox */
{0%{top: 18%;}100%{top: -9%;}}

@-webkit-keyframes move2 /* Safari 和 Chrome */
{0%{top: 18%;}100%{top: -9%;}}

@keyframes fadeInDown1
{0%{top: -100%;}100%{top: 0%;}}

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

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

@keyframes fadeUp
{0%{top: 9%;}100%{top: 0%;}}

@-moz-keyframes fadeUp /* Firefox */
{0%{top: 9%;}100%{top: 0%;}}

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

@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 saomiao
{0%{top: 0%;}25%{top: 20%;}50%{top: 0%;}75%{top: -20%;}100%{top: 0%;}}

@-moz-keyframes saomiao /* Firefox */
{0%{top: 0%;}25%{top: 20%;}50%{top: 0%;}75%{top: -20%;}100%{top: 0%;}}

@-webkit-keyframes saomiao /* Safari 和 Chrome */
{0%{top: 0%;}25%{top: 20%;}50%{top: 0%;}75%{top: -20%;}100%{top: 0%;}}

@keyframes bulb
{
0%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
25%{opacity: 1;-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}
50%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
75%{opacity: 1;-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}
100%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
}

@-moz-keyframes bulb /* Firefox */
{0%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
25%{opacity: 1;-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}
50%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
75%{opacity: 1;-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}
100%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}}

@-webkit-keyframes bulb /* Safari 和 Chrome */
{0%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
25%{opacity: 1;-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}
50%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
75%{opacity: 1;-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}
100%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}}

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


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

@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 fadeIn1 {0% {opacity: 0;}50% {opacity: 1;}100% {opacity: 0;}}
@-moz-keyframes fadeIn1 {0% {opacity: 0;}50% {opacity: 1;}100% {opacity: 0;}}
@keyframes fadeIn1 {0% {opacity: 0;}50% {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 fadeInRight1
{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:0.7;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInRight1 /* Firefox */
{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:0.7;-webkit-transform:none;transform:none}}
@-webkit-keyframes fadeInRight1 /* Safari 和 Chrome */
{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:0.7;-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}}