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.jpg') 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:#020302 ;}
.loading_line_blank{width:0%;height:100%;background:#6dc0ff;}
.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;-webkit-overflow-scrolling: touch;}

#s0{display: none;position: fixed;width: 100%;height: 100%;top:0%;left:0%;}
#s0 .w0{position: absolute;width:240%;height: 100%;top:0%;right:0%;background:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;}
#s0 .w1{position: absolute;width:240%;height: 100%;top:0%;right:0%;background:url('../images/p0.1.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w2{position: absolute;width: 100%;height: 100%;top:0%;left:0%;opacity: 0;background:url('../images/p0.3.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .a1{position: absolute;background:url('../images/p0.4.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
#s0 .a2{position: absolute;background:url('../images/p0.5.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
#s0 .a3{position: absolute;background:url('../images/p0.6.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
#s0 .w3 img{position: absolute;top:93%;right: 45%;opacity: 0;}
#s0.ani .w2{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
} 
#s0.ani .a1{animation:fadeInUp01 3s .5s infinite;
            -moz-animation:fadeInUp01 3s .5s infinite;
            -webkit-animation:fadeInUp01 3s .5s infinite;
            -o-animation:fadeInUp01 3s .5s infinite
} 
#s0.ani .a2{animation:fadeInUp02 3s 1.5s infinite;
            -moz-animation:fadeInUp02 3s 1.5s infinite;
            -webkit-animation:fadeInUp02 3s 1.5s infinite;
            -o-animation:fadeInUp02 3s 1.5s infinite
}
#s0.ani .a3{animation:fadeInUp03 3s 2.5s infinite;
            -moz-animation:fadeInUp03 3s 2.5s infinite;
            -webkit-animation:fadeInUp03 3s 2.5s infinite;
            -o-animation:fadeInUp03 3s 2.5s infinite
}
.loop{animation:loop 1s infinite;
      -moz-animation:loop 1s infinite;
      -webkit-animation:loop 1s infinite;
      -o-animation:loop 1s infinite
}
.arrow{animation:arrow 1s 1s infinite;
      -moz-animation:arrow 1s 1s infinite;
      -webkit-animation:arrow 1s 1s infinite;
      -o-animation:arrow 1s 1s infinite;
}
#s1{display: none;position: fixed;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s1 .w0{position: absolute;width:405%;height: 100%;top:0%;right:-405%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w1{display: none;position: absolute;width:100%;height: 100%;top:0%;right:0;background:url('../images/p1.2.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w2{display: none;position: absolute;width:50%;height: 100%;top:0%;right:0%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w3{display: none;position: absolute;width:50%;height: 100%;top:0%;right:50%;background:url('../images/p1.4.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w4{position: absolute;width:405%;height: 100%;top:0%;right:-405%;background:url('../images/p1.8.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .a1{position: absolute;background:url('../images/p1.5.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
#s1 .a2{position: absolute;background:url('../images/p1.6.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
#s1 .a3{position: absolute;background:url('../images/p1.7.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
#s1 .w5 img{position: absolute;top:93%;right: 45%;opacity: 0;}
#s1.ani .a1{animation:fadeInUp04 3s .5s infinite;
            -moz-animation:fadeInUp04 3s .5s infinite;
            -webkit-animation:fadeInUp04 3s .5s infinite;
            -o-animation:fadeInUp04 3s .5s infinite
}
#s1.ani .a2{animation:fadeInUp05 3s 1.5s infinite;
            -moz-animation:fadeInUp05 3s 1.5s infinite;
            -webkit-animation:fadeInUp05 3s 1.5s infinite;
            -o-animation:fadeInUp05 3s 1.5s infinite
}
#s1.ani .a3{animation:fadeInUp06 3s 2.5s infinite;
            -moz-animation:fadeInUp06 3s 2.5s infinite;
            -webkit-animation:fadeInUp06 3s 2.5s infinite;
            -o-animation:fadeInUp06 3s 2.5s infinite
}
.train{animation:train 4s ease both;
       -moz-animation:train 4s ease both;
       -webkit-animation:train 4s ease both;
       -o-animation:train 4s ease both
}
#s2{display: none;position: fixed;width: 100%;height: 100%;top:0%;left:0%;}
#s2 .w0{position: absolute;width:100%;height: 155%;top:-55%;right:0%;background:url('../images/p2.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .w1{display: none;position: absolute;width:100%;height: 100%;top:0%;right:0;background:url('../images/p2.1.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w2{display: none;position: absolute;width:50%;height: 100%;top:0%;right:0%;background:url('../images/p2.2.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .a1{position: absolute;background:url('../images/p2.3.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
#s2 .a2{position: absolute;background:url('../images/p2.4.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
#s2 .a3{position: absolute;background:url('../images/p2.5.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
#s2 .w4 img{position: absolute;top:93%;right: 45%;opacity: 0;}
#s2 .w5{display: none;position: absolute;background:url('../images/p2.8.png') no-repeat 0 0;background-size:100% 100%;width:50%;height: 100%;top:0%;right:50%;}
#s2 .w6{display: none;position: absolute;background:url('../images/p2.9.png') no-repeat 0 0;background-size:100% 100%;width:50%;height: 100%;top:0%;right:0;}
#s2 .w7{display: none;position: absolute;background:url('../images/p2.12.png') no-repeat 0 0;background-size:100% 100%;width:0%;height: 100%;top:0%;right:50%;}
#s2 .w8{opacity: 0;position: absolute;background:url('../images/p2.11.png') no-repeat 0 0;background-size:100% 100%;width:100%;height: 100%;top:0%;right:0%;}
#s2 .w9{opacity: 0;position: absolute;background:url('../images/p2.6.png') no-repeat 0 0;background-size:100% 100%;width: 29%;height: 17%;top: 70%;right: 33%;}
#s2 .w10{opacity: 0;position: absolute;background:url('../images/p2.7.png') no-repeat 0 0;background-size:100% 100%;width: 14%;height: 5%;top: 76%;right: 40%;}
#s2.ani .w1{animation:fadeInLB 1s .5s ease both;
            -moz-animation:fadeInLB 1s .5s ease both;
            -webkit-animation:fadeInLB 1s .5s ease both;
            -o-animation:fadeInLB 1s .5s ease both
} 
#s2.ani .w2{animation:fadeInLB 1s 1.5s ease both;
            -moz-animation:fadeInLB 1s 1.5s ease both;
            -webkit-animation:fadeInLB 1s 1.5s ease both;
            -o-animation:fadeInLB 1s 1.5s ease both
} 
#s2.ani .a1{animation:fadeInUp07 3s .5s infinite;
            -moz-animation:fadeInUp07 3s .5s infinite;
            -webkit-animation:fadeInUp07 3s .5s infinite;
            -o-animation:fadeInUp07 3s .5s infinite
}
#s2.ani .a2{animation:fadeInUp08 3s 1.5s infinite;
            -moz-animation:fadeInUp08 3s 1.5s infinite;
            -webkit-animation:fadeInUp08 3s 1.5s infinite;
            -o-animation:fadeInUp08 3s 1.5s infinite
}
#s2.ani .a3{animation:fadeInUp09 3s 2.5s infinite;
            -moz-animation:fadeInUp09 3s 2.5s infinite;
            -webkit-animation:fadeInUp09 3s 2.5s infinite;
            -o-animation:fadeInUp09 3s 2.5s infinite
}
.rotate{animation:shan 2s 5.5s infinite;
            -moz-animation:shan 2s 5.5s infinite;
            -webkit-animation:shan 2s 5.5s infinite;
            -o-animation:shan 2s 5.5s infinite
}

#s3{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p3.jpg') no-repeat 0 0;background-size:100% 100%;}
#s3 .w0{position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/baozha.png') no-repeat 0 0;background-size:100% 100%;transform:scale(1);}
#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{position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p3.9.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w3{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 .w4{position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p3.3.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w5{position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p3.4.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w6{position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p3.5.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w7{opacity: 0;position: absolute;width: 100%;height: 35%;top:0%;left:0%;background:url('../images/p3.8.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w8{opacity: 0;position: absolute;width: 45%;height: 8%;top:18%;left:12%;background:url('../images/arrow.png') no-repeat 0 0;background-size:100% 100%;}
.click1{display: none;position: absolute;width: 29%;height: 16%;top: 12%;left: 17%;}
.click2{display: none;position: absolute;width: 36%;height: 16%;top: 18%;left: 53%;}
.click3{display: none;position: absolute;width: 42%;height: 21%;top: 34%;left: 9%;}
.click4{display: none;position: absolute;width: 36%;height: 21%;top: 54%;left: 46%;}
.fuceng1,.fuceng2,.fuceng3,.fuceng4{display: none;position: absolute;width: 100%;height: 100%;background:url('../images/p3.14.png') no-repeat 0 0;background-size:100% 100%;}
.fuceng5{display: none;position: absolute;width: 100%;height: 100%;background:url('../images/p3.15.png') no-repeat 0 0;background-size:100% 100%;}
.art{position: absolute;width: 100%;height: 56%;top:6%;font-family:"'Microsoft YaHei'";overflow: scroll;-webkit-overflow-scrolling: touch;}
.art h3{color:#46fef3;text-align: center;margin: 3% 0;}
.art p{color:#a7a7a7;text-indent: 2em;margin: 1% 13%;line-height: 1.3em;}
.close1,.close2,.close3,.close4{;position: absolute;width: 32%;height: 7%;top:66%;left: 34%;}
.close5{position: absolute;width: 32%;height: 7%;top:71%;left: 34%;}
#s3.ani .w0{animation:fadeInBig 2s .5s ease both;
            -moz-animation:fadeInBig 2s .5s ease both;
            -webkit-animation:fadeInBig 2s .5s ease both;
            -o-animation:fadeInBig 2s .5s ease both
} 
#s3.ani .w1{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
}
#s3.ani .w2{animation:fadeIn 1s 5.5s ease both;
            -moz-animation:fadeIn 1s 5.5s ease both;
            -webkit-animation:fadeIn 1s 5.5s ease both;
            -o-animation:fadeIn 1s 5.5s ease both
}
#s3.ani .w3{animation:fadeInDown 1.5s 2s ease both;
            -moz-animation:fadeInDown 1.5s 2s ease both;
            -webkit-animation:fadeInDown 1.5s 2s ease both;
            -o-animation:fadeInDown 1.5s 2s ease both
}
#s3.ani .w4{animation:fadeInDown 1s 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
}
#s3.ani .w5{animation:fadeInDown 1.5s 5s ease both;
            -moz-animation:fadeInDown 1.5s 5s ease both;
            -webkit-animation:fadeInDown 1.5s 5s ease both;
            -o-animation:fadeInDown 1.5s 5s ease both
}
#s3.ani .w6{animation:fadeInDown 1.5s 6.5s ease both;
            -moz-animation:fadeInDown 1.5s 6.5s ease both;
            -webkit-animation:fadeInDown 1.5s 6.5s ease both;
            -o-animation:fadeInDown 1.5s 6.5s ease both
}
#s3.ani .w7{animation:shan 2s 6.5s infinite;
            -moz-animation:shan 2s 6.5s infinite;
            -webkit-animation:shan 2s 6.5s infinite;
            -o-animation:shan 2s 6.5s infinite
}
#s3.ani .w8{animation:shan 1s 7s infinite;
            -moz-animation:shan 1s 7s infinite;
            -webkit-animation:shan 1s 7s infinite;
            -o-animation:shan 1s 7s infinite
}

#s4{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p4.14.jpg') no-repeat 0 0;background-size:100% 100%;}
.loop div{opacity: 1;position: absolute;width: 100%;height: 100%;top:0%;left:0%;}
#s4 .w0{opacity: 0;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p4.15.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w1{opacity: 0;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p4.16.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w2{opacity: 0;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p4.17.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w3{opacity: 0;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p4.18.png') no-repeat 0 0;background-size:100% 100%;}
.about{position: absolute;width: 34%;height: 6%;top:57%;left: 33%;}
.review{position: absolute;width: 34%;height: 6%;top:65%;left: 33%;}
.more{position: absolute;width: 60%;height: 8%;top:0;left: 20%;}
.select{width: 100%;height: 100%;opacity: 0;}
.about_us{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%;}
.out{position: absolute;width: 11%;height: 6%;top:3%;right: 5%;}
/* #s4.ani{animation:loop1 5s .5s ease both;
            -moz-animation:loop1 5s .5s ease both;
            -webkit-animation:loop1 5s .5s ease both;
            -o-animation:loop1 5s .5s ease both
} */
#s4.ani .w0{animation:fadeInDown 1s .5s ease both;
            -moz-animation:fadeInDown 1s .5s ease both;
            -webkit-animation:fadeInDown 1s .5s ease both;
            -o-animation:fadeInDown 1s .5s ease both
}
#s4.ani .w1{animation:fadeIn 1s 1.5s ease both;
            -moz-animation:fadeIn 1s 1.5s ease both;
            -webkit-animation:fadeIn 1s 1.5s ease both;
            -o-animation:fadeIn 1s 1.5s ease both
}
#s4.ani .w2{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
}
#s4.ani .w3{animation:fadeIn 1s 3.5s ease both;
            -moz-animation:fadeIn 1s 3.5s ease both;
            -webkit-animation:fadeIn 1s 3.5s ease both;
            -o-animation:fadeIn 1s 3.5s ease both
}

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