body dl dd div p{margin:0;padding:0;font-family:"'Microsoft YaHei'";}
body{width: 100%;height: 100%;top: 0;bottom: 0;position: absolute; overflow: hidden;}
ul li{list-style-type:none;}
a {text-decoration:none;opacity: 0;}
a:link{color:#000;}
a:visited{color:#000;}
.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.gif') no-repeat 0 0;background-size:100% 100%;}
.load_val{width:100%;}
.loading_line{top:66%;width:60%;height:3px;position:absolute;left:20%;background:#8c97cb;}
.loading_line_blank{width:0%;height:100%;background:#ffffff;}
.load_img{position: absolute;top:0;width: 100%;height:100%;}
.load_img img{width: 100%;height:100%;}
.load_u{position:absolute;width:100%;height:100%;opacity: 0.8;left:100%;}
.body{width: 100%;height: 100%;position: absolute;}
.swiper-container{position:absolute;width:100%;height:100%}
.swiper-wrapper{height: 100%;}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}

.time{position: absolute;top: 10%;opacity: 1;width: 60%;height: 11%;font-weight: bolder;color: white;margin: 0 auto;left: 0;right: 0;text-align: center;font-size: 100%;line-height: 1em}
.date{position: absolute;top: 24%;opacity: 1;width: 45%;height: 4%;color: white;margin: 0 auto;left: 0;right: 0;text-align: center;font-size: 100%;line-height: 1em}
#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%;-webkit-overflow-scrolling: touch;}
#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%;}

#s1{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p2.jpg') no-repeat 0 0;background-size:100% 100%;font-family:"'Microsoft YaHei'";-webkit-overflow-scrolling: touch;}
#s1 .w0{position: absolute;width: 17%;height: 10%;top:24%;left:7%;}
#s1 .w0 img{position: absolute;top: -50%;right: -10%;width: 35%;}
#s1 .w1{position: absolute;width: 17%;height: 10%;top:24%;left:30%;}
#s1 .w1 img{position: absolute;top: -50%;right: -10%;width: 35%;}
#s1 .w2{position: absolute;width: 17%;height: 10%;top:24%;left:55%;}
#s1 .w2 img{position: absolute;top: -50%;right: -10%;width: 35%;}
#s1 .w3{position: absolute;width: 17%;height: 10%;top:24%;left:77%;}
#s1 .w3 img{position: absolute;top: -50%;right: -10%;width: 35%;}
#s1 .w4{position: absolute;width: 17%;height: 10%;top:42%;left:6%;}
#s1 .w4 img{position: absolute;top: -50%;right: -10%;width: 35%;}
#s1 .w5{position: absolute;width: 17%;height: 10%;top:42%;left:55%;}
#s1 .w5 img{position: absolute;top: -50%;right: -10%;width: 35%;}
#s1 .w6{position: absolute;width: 17%;height: 10%;top:86.5%;left:15%;}
#s1 .w6 img{position: absolute;top: -15%;right: -10%;width: 35%;}
#s1 .w7{position: absolute;width: 17%;height: 10%;top:86.5%;left:42%;}
#s1 .w7 img{position: absolute;top: -15%;right: -10%;width: 35%;}
#s1 .w8{position: absolute;width: 17%;height: 10%;top:86.5%;left:68%;}
#s1 .w8 img{position: absolute;top: -15%;right: -10%;width: 35%;}
#s1 .w9{position: absolute;width: 17%;height: 10%;top:42%;left:30%;}
#s1 .w9 img{position: absolute;top: -50%;right: -10%;width: 35%;}

#s2{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p2.jpg') no-repeat 0 0;background-size:100% 100%;font-family:"'Microsoft YaHei'";-webkit-overflow-scrolling: touch;}
#rain{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/rain.gif') no-repeat 0 0;background-size:100% 100%;font-family:"'Microsoft YaHei'";-webkit-overflow-scrolling: touch;}
#rain .w0{position: absolute;width: 10%;height: 5%;top:2%;left:4%;background:url('../images/arrow2.png') no-repeat 0 0;background-size:100% 100%;}
#water{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/water.gif') no-repeat 0 0;background-size:100% 100%;font-family:"'Microsoft YaHei'";-webkit-overflow-scrolling: touch;}
#water .w0{position: absolute;width: 12%;height: 5%;top:86%;left:46%;background:url('../images/arrow2.png') no-repeat 0 0;background-size:100% 100%;}
#victims{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p5.jpg') no-repeat 0 0;background-size:100% 100%;font-family:"'Microsoft YaHei'";-webkit-overflow-scrolling: touch;}
#victims .w0{opacity: 1;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p5.0.png') no-repeat 0 0;background-size:100% 100%;}
#victims .w00{opacity: 1;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p5.00.png') no-repeat 0 0;background-size:100% 100%;}
#victims .w1{opacity: 0;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/P5.2.png') no-repeat 0 0;background-size:100% 100%;}
#victims .w2{opacity: 0;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/P5.3.png') no-repeat 0 0;background-size:100% 100%;}
#victims .w3{opacity: 0;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/P5.4.png') no-repeat 0 0;background-size:100% 100%;}
#victims .w4{opacity: 0;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/P5.5.png') no-repeat 0 0;background-size:100% 100%;}
#victims .w5{opacity: 0;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/P5.6.png') no-repeat 0 0;background-size:100% 100%;}
#victims .w6{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/P5.7.jpg') no-repeat 0 0;background-size:100% 100%;}
#victims .w7{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/P5.8.jpg') no-repeat 0 0;background-size:100% 100%;}
#victims .w8{position: absolute;width: 10%;height: 5%;top:3%;left:4%;background:url('../images/arrow2.png') no-repeat 0 0;background-size:100% 100%;}
.link1{position: absolute;width: 19%;height: 10%;top: 31%;left: 40%;}
.link2{position: absolute;width: 17%;height: 10%;top: 28%;left: 58%;}
#alert{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;font-family:"'Microsoft YaHei'";-webkit-overflow-scrolling: touch;}
#alert .w0{position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/alert1.jpg') no-repeat 0 0;background-size:100% 100%;}
#alert .w1{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/alert2.jpg') no-repeat 0 0;background-size:100% 100%;}
#alert .w2{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/alert3.jpg') no-repeat 0 0;background-size:100% 100%;}
#alert .w3{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/alert4.jpg') no-repeat 0 0;background-size:100% 100%;}
.rain{opacity: 0.3;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/000.gif') no-repeat 0 0;background-size:100% 100%;}
.shou{position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/hand.png') no-repeat 0 0;background-size:100% 100%;}
.shou .next1,.shou .next2,.shou .next3,.shou .next4{position: absolute;width: 37%;height: 23%;top: 67%;left: 32%;}
.hand{animation:fadeIn 1s .5s linear infinite;
    -moz-animation:fadeIn 1s .5s linear infinite;
    -webkit-animation:fadeIn 1s .5s linear infinite;
    -o-animation:fadeIn 1s .5s linear infinite
}
#photo{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/photo.jpg') no-repeat 0 0;background-size:100% 100%;font-family:"'Microsoft YaHei'";}
#photo .re_p{position: absolute;width: 11%;height: 3.5%;top: 2%;left: 3%;background:url('../images/p77.png') no-repeat 0 0;background-size:100% 100%;}
#photo ul{position: absolute;width: 100%;height: 93%;margin:0;padding:12% 0 0 0;overflow: scroll;-webkit-overflow-scrolling: touch;}
#photo ul li{width: 50%;height: 42%;float: left;}
#photo ul li img{width: 100%;height: 100%;}
#img{display: none;position: absolute;width: 100%;height: 100%;}
#img img{position: absolute;width: 100%;height: 100%;}

#hu{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background: #FFFFFF;-webkit-overflow-scrolling: touch;}
#hu .w0{position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/hu1.jpg') no-repeat 0 0;background-size:100% 100%;}
#hu .w0 .hu_next1{position: absolute;width: 19%;height: 6%;top:50%;right: 5%;background:url('../images/next.png') no-repeat 0 0;background-size:100% 100%;}
#hu .w1 .hu_next2{position: absolute;width: 19%;height: 6%;top:50%;right: 5%;background:url('../images/next.png') no-repeat 0 0;background-size:100% 100%;}
#hu .w2 .hu_next3{position: absolute;width: 19%;height: 6%;top:50%;right: 5%;background:url('../images/arrow2.png') no-repeat 0 0;background-size:100% 100%;}
#hu .w1{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/hu2.jpg') no-repeat 0 0;background-size:100% 100%;}
#hu .w2{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/hu3.jpg') no-repeat 0 0;background-size:100% 100%;}

#message{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p7.jpg') no-repeat 0 0;background-size:100% 100%;-webkit-overflow-scrolling: touch;}
.message{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background-size:100% 100%;}
.message .re_msg{position: absolute;width: 11%;height: 4%;top: 2%;left: 3%;background:url('../images/p77.png') no-repeat 0 0;background-size:100% 100%;}
#message .w0{position: absolute;width: 11%;height: 3.5%;top: 2%;left: 3%;background:url('../images/p77.png') no-repeat 0 0;background-size:100% 100%;}
#message .w1{position: absolute;width: 100%;height: 13%;top: 7%;left: 0;}
#message .w2{position: absolute;width: 100%;height: 12%;top: 20%;left: 0;}
#message .w3{position: absolute;width: 100%;height: 12%;top: 31%;left: 0;}
#message .w4{position: absolute;width: 100%;height: 12%;top: 42%;left: 0;}
#message .w5{position: absolute;width: 100%;height: 12%;top: 54%;left: 0;}
#message .w6{position: absolute;width: 100%;height: 12%;top: 65%;left: 0;}
#message .w7{position: absolute;width: 100%;height: 12%;top: 77%;left: 0;}
#message .w8{position: absolute;width: 100%;height: 12%;top: 88%;left: 0;}

#bless{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p4.jpg') no-repeat 0 0;background-size:100% 100%;font-family:"'Microsoft YaHei'";-webkit-overflow-scrolling: touch;}
#bless .w0{opacity: 0;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p4.1.png') no-repeat 0 0;background-size:100% 100%;}
#bless .w1{opacity: 0;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p4.2.png') no-repeat 0 0;background-size:100% 100%;}
#bless .w2{opacity: 0;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p4.3.png') no-repeat 0 0;background-size:100% 100%;}
#bless .w3{opacity: 0;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p4.4.png') no-repeat 0 0;background-size:100% 100%;}
#bless .w4{opacity: 0;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p4.5.png') no-repeat 0 0;background-size:100% 100%;}
.light{position: absolute;width: 10%;height: 20%;top:41%;;left: 71%;}
#bless .w5{opacity: 0;position: absolute;width: 7%;height: 16%;top:40%;left:46.5%;background:url('../images/p4.6.png') no-repeat 0 0;background-size:100% 100%;transform:rotate(-180deg);}
#bless .w6{display: none;position: absolute;width: 67%;height: 10%;top:28%;left:17%;}
#bless .w6 p{font-size: 25px;text-align: center;margin-top: 2%;color: #d9833b;}
#bless .w7{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p4.8.png') no-repeat 0 0;background-size:100% 100%;}
#bless .w8{display: none;position: absolute;width: 18%;height: 5%;top: 79%;left: 41.5%;background:url('../images/arrow2.png') no-repeat 0 0;background-size:100% 100%;}
#phone{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/phone1.jpg') no-repeat 0 0;background-size:100% 100%;font-family:"'Microsoft YaHei'";-webkit-overflow-scrolling: touch;}
#phone .e0{position: absolute;opacity: 1;display: block;top: 23%;left: 16%;width: 18%;height: 11%;overflow: hidden;}
#phone .e1{position: absolute;opacity: 1;display: block;top: 23%;left: 41%;width: 18%;height: 11%;overflow: hidden;}
#phone .e2{position: absolute;opacity: 1;display: block;top: 23%;left: 66%;width: 18%;height: 11%;overflow: hidden;}
#phone .e3{position: absolute;opacity: 1;display: block;top: 36%;left: 16%;width: 18%;height: 11%;overflow: hidden;}
#phone .e4{position: absolute;opacity: 1;display: block;top: 36%;left: 41%;width: 18%;height: 11%;overflow: hidden;}
#phone .e5{position: absolute;opacity: 1;display: block;top: 36%;left: 66%;width: 18%;height: 11%;overflow: hidden;}
#phone .e6{position: absolute;opacity: 1;display: block;top: 49%;left: 16%;width: 18%;height: 11%;overflow: hidden;}
#phone .e7{position: absolute;opacity: 1;display: block;top: 49%;left: 41%;width: 18%;height: 11%;overflow: hidden;}
#phone .e8{position: absolute;opacity: 1;display: block;top: 49%;left: 66%;width: 18%;height: 11%;overflow: hidden;}
#phone .e9{position: absolute;opacity: 1;display: block;top: 63%;left: 16%;width: 18%;height: 11%;overflow: hidden;}
#phone .e10{position: absolute;opacity: 1;display: block;top: 63%;left: 41%;width: 18%;height: 11%;overflow: hidden;}
#phone .e11{position: absolute;opacity: 1;display: block;top: 63%;left: 66%;width: 18%;height: 11%;overflow: hidden;}
#phone .ts{position: absolute;opacity: 1;display: none;top:0;width:100%;height:100%;background: url("../images/ts.png") no-repeat 0 0;background-size:100% 100%;overflow: hidden;} 
#phone .ts .sub{position: absolute;opacity: 1;display: block;top: 47%;left: 13%;width: 73%;height: 7%;overflow: hidden;}
#phone .num{position: absolute;opacity: 0.5;display: block;top:7%;left: 20%;width: 64%;height: 8%;text-align: center;font-size: 20px;}
#phone .tel{position: absolute;opacity: 1;display: block;top:76%;left: 41%;width: 18%;height: 11%;overflow: hidden;}
#phone .return{position: absolute;opacity: 1;display: block;top:6.5%;left: 3%;width: 12%;height: 4%;overflow: hidden;}
#phone .clear{position: absolute;opacity: 1;display: block;top:6.5%;left: 90%;width: 9%;height: 4%;overflow: hidden;}
#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%;-webkit-overflow-scrolling: touch;}
#about .w0{position: absolute;width: 10%;height: 6%;top:3%;right:5%;}
#about .w1{position: absolute;width: 40%;height: 6%;top:90%;right:49%;}
#about .w1 a{position: absolute;width: 100%;height: 100%;}
#s0.ani .w0{animation:fadeInLeft 1s 1.2s ease both;
            -moz-animation:fadeInLeft 1s 1.2s ease both;
            -webkit-animation:fadeInLeft 1s 1.2s ease both;
            -o-animation:fadeInLeft 1s 1.2s ease both
}
#s0.ani .w1{animation:swiperRight 1s ease infinite;
            -moz-animation:swiperRight 1s ease infinite;
            -webkit-animation:swiperRight 1s ease infinite;
            -o-animation:swiperRight 1s ease infinite
}

#victims.ani .w0{animation:fadeIn 2s 6.5s ease infinite;
        -moz-animation:fadeIn 2s 6.5s ease infinite;
        -webkit-animation:fadeIn 2s 6.5s ease infinite;
        -o-animation:fadeIn 2s 6.5s ease infinite
  }
#victims.ani .w00{animation:fadeIn 2s 7.5s ease infinite;
  -moz-animation:fadeIn 2s 7.5s ease infinite;
  -webkit-animation:fadeIn 2s 7.5s ease infinite;
  -o-animation:fadeIn 2s 7.5s ease infinite
}
#victims.ani .w1{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
}
#victims.ani .w2{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
}
#victims.ani .w3{animation:fadeInLeft 1.5s 3.5s ease both;
            -moz-animation:fadeInLeft 1.5s 3.5s ease both;
            -webkit-animation:fadeInLeft 1.5s 3.5s ease both;
            -o-animation:fadeInLeft 1.5s 3.5s ease both
}
#victims.ani .w4{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
}
#victims.ani .w5{animation:fadeIn 1.5s 6.5s ease both;
            -moz-animation:fadeIn 1.5s 6.5s ease both;
            -webkit-animation:fadeIn 1.5s 6.5s ease both;
            -o-animation:fadeIn 1.5s 6.5s ease both
}




#bless.ani .w0{animation:fadeIn 1s .5s ease both;
            -moz-animation:fadeIn 1s .5s ease both;
            -webkit-animation:fadeIn 1s .5s ease both;
            -o-animation:fadeIn 1s .5s ease both
}
#bless.ani .w1{animation:fadeIn 1s 2.5s ease both;
            -moz-animation:fadeIn 1s 2.5s ease both;
            -webkit-animation:fadeIn 1s 2.5s ease both;
            -o-animation:fadeIn 1s 2.5s ease both
}
#bless.ani .w2{animation:fadeIn 1s 4.5s ease both;
            -moz-animation:fadeIn 1s 4.5s ease both;
            -webkit-animation:fadeIn 1s 4.5s ease both;
            -o-animation:fadeIn 1s 4.5s ease both
}
#bless.ani .w3{animation:fadeIn 1s 6.5s ease both;
            -moz-animation:fadeIn 1s 6.5s ease both;
            -webkit-animation:fadeIn 1s 6.5s ease both;
            -o-animation:fadeIn 1s 6.5s ease both
}
#bless.ani .w4{animation:fadeIn 1s 8s ease both;
            -moz-animation:fadeIn 1s 8s ease both;
            -webkit-animation:fadeIn 1s 8s ease both;
            -o-animation:fadeIn 1s 8s ease both
}
.fire{animation:fire 1s .5s ease infinite;
        -moz-animation:fire 1s .5s ease infinite;
        -webkit-animation:fire 1s .5s ease infinite;
        -o-animation:fire 1s .5s ease infinite
  }
@keyframes fire
{
  0%{opacity: 1;background-size: 100% 100%}
  50%{opacity: 1;background-size: 100% 95%}
  100%{opacity: 1;background-size: 100% 100%}
}
@-moz-keyframes fire
{
  0%{opacity: 1;background-size: 100% 100%}
  50%{opacity: 1;background-size: 100% 95%}
  100%{opacity: 1;background-size: 100% 100%}
}
@-moz-keyframes fire
{
  0%{opacity: 1;background-size: 100% 100%}
  50%{opacity: 1;background-size: 100% 95%}
  100%{opacity: 1;background-size: 100% 100%}
}
@-webkit-keyframes fire
{
  0%{opacity: 1;background-size: 100% 100%}
  50%{opacity: 1;background-size: 100% 95%}
  100%{opacity: 1;background-size: 100% 100%}
}
@keyframes swiperRight
{
    0%{opacity:1;-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

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

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

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

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


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

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

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

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

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

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

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

  100% {
    -webkit-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}
/* 向左下 */
@-webkit-keyframes fadeInLB{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInLB{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLB{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp01 /* Safari 和 Chrome */
{
    33%{opacity:0;width: 33%;height: 2.5%;top: 27%;right: 35%;}
    66%{opacity: 1;width:44%;height: 4%;top:23%;right:30%;}
    100%{opacity:0.6;width: 33%;height: 2.5%;top:20%;right:35%;}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes train /* Safari 和 Chrome */
{
    0%{right:-405%;}
    100%{right:0%;}
}
@keyframes loop1
{
    0%{background-image: url('../images/p4.1.jpg')}
    8%{background-image: url('../images/p4.2.jpg')}
    16%{background-image: url('../images/p4.3.jpg')}
    24%{background-image: url('../images/p4.4.jpg')}
    32%{background-image: url('../images/p4.5.jpg')}
    40%{background-image: url('../images/p4.6.jpg')}
    48%{background-image: url('../images/p4.7.jpg')}
    56%{background-image: url('../images/p4.8.jpg')}
    64%{background-image: url('../images/p4.9.jpg')}
    72%{background-image: url('../images/p4.10.jpg')}
    80%{background-image: url('../images/p4.11.jpg')}
    88%{background-image: url('../images/p4.12.jpg')}
    94%{background-image: url('../images/p4.13.jpg')}
    100%{background-image: url('../images/p4.14.jpg')}
}

@-moz-keyframes loop1 /* Firefox */
{
    0%{background-image: url('../images/p4.1.jpg')}
    8%{background-image: url('../images/p4.2.jpg')}
    16%{background-image: url('../images/p4.3.jpg')}
    24%{background-image: url('../images/p4.4.jpg')}
    32%{background-image: url('../images/p4.5.jpg')}
    40%{background-image: url('../images/p4.6.jpg')}
    48%{background-image: url('../images/p4.7.jpg')}
    56%{background-image: url('../images/p4.8.jpg')}
    64%{background-image: url('../images/p4.9.jpg')}
    72%{background-image: url('../images/p4.10.jpg')}
    80%{background-image: url('../images/p4.11.jpg')}
    88%{background-image: url('../images/p4.12.jpg')}
    94%{background-image: url('../images/p4.13.jpg')}
    100%{background-image: url('../images/p4.14.jpg')}
}
}

@-webkit-keyframes loop1 /* Safari 和 Chrome */
{
    0%{background-image: url('../images/p4.1.jpg')}
    8%{background-image: url('../images/p4.2.jpg')}
    16%{background-image: url('../images/p4.3.jpg')}
    24%{background-image: url('../images/p4.4.jpg')}
    32%{background-image: url('../images/p4.5.jpg')}
    40%{background-image: url('../images/p4.6.jpg')}
    48%{background-image: url('../images/p4.7.jpg')}
    56%{background-image: url('../images/p4.8.jpg')}
    64%{background-image: url('../images/p4.9.jpg')}
    72%{background-image: url('../images/p4.10.jpg')}
    80%{background-image: url('../images/p4.11.jpg')}
    88%{background-image: url('../images/p4.12.jpg')}
    94%{background-image: url('../images/p4.13.jpg')}
    100%{background-image: url('../images/p4.14.jpg')}
}
@keyframes loop
{
    0%{background-image: url('../images/p0.1.png')}
    50%{background-image: url('../images/p0.2.png')}
}

@-moz-keyframes loop /* Firefox */
{
    0%{background-image: url('../images/p0.1.png')}
    50%{background-image: url('../images/p0.2.png')}
}


@-webkit-keyframes loop /* Safari 和 Chrome */
{
    0%{background-image: url('../images/p0.1.png')}
    50%{background-image: url('../images/p0.2.png')}
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }

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

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

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

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

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

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

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

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