body dl dd div p{margin:0;padding:0;}
body{width: 100%;height: 100%;top: 0;bottom: 0;position: absolute;font-family:'Microsoft YaHei';}
ul li{list-style-type:none;}
a {text-decoration:none;opacity: 0;}
a:link{color:#000;}
a:visited{color:#000;}
.music_blk{z-index:999;position:fixed;top:5px;right:5px;}
.music{display:block;width:30px;height:30px;background:url('../images/music_off.png') no-repeat;background-size:100% 100%;}
.music_on{background:url('../images/music_on.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%;}
.loading_line{top: 45%;width: 69%;height: 5%;position: absolute;left: 16%;}
.loading_line_blank{width: 0%;height: 100%;background:url('../images/loading.png') no-repeat 0 0;background-size:100% 100%;}
.load_img{position: absolute;top:0;width: 100%;height: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}
#s00{z-index: 10;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%;}
#s00 .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%;}
#s00 .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%;}
#s00 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.3.png') no-repeat 0 0;background-size:100% 100%;}
#s00 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.4.png') no-repeat 0 0;background-size:100% 100%;}
#s00.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
}
#s00.ani .w1{
            animation:fadeIn 2s 2.5s linear both;
            -moz-animation:fadeIn 2s 2.5s linear both;
            -webkit-animation:fadeIn 2s 2.5s linear both;
            -o-animation:fadeIn 2s 2.5s linear both
}
#s00.ani .w2{
            animation:fadeIn 2s 4.5s linear both;
            -moz-animation:fadeIn 2s 4.5s linear both;
            -webkit-animation:fadeIn 2s 4.5s linear both;
            -o-animation:fadeIn 2s 4.5s linear both
}
#s00.ani .w3{
            animation:fadeIn 2s 6.5s linear both;
            -moz-animation:fadeIn 2s 6.5s linear both;
            -webkit-animation:fadeIn 2s 6.5s linear both;
            -o-animation:fadeIn 2s 6.5s linear both
}
#s11{z-index: 10;display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;}
#s11 .w0{position: absolute;width: 454.5%;height: 270%;top: -170%;left: -354%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s11 .w1{position: absolute;width: 14%;height: 12%;top: 100%;left: 50%;}
#s11 .w1 .peo{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .w4{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .w5{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.4.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .w6{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.5.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.6.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .w8{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.7.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .w9{position: absolute;width: 5%;height: 4%;top: 59%;left: 48%;background:url('../images/p1.8.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .car1{position: absolute;width: 12%;height: 22%;top: -22%;left: 37%;background:url('../images/p1.10.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .car2{position: absolute;width: 12%;height: 22%;top: 100%;left: 27%;background:url('../images/p1.9.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .car3{position: absolute;width: 12%;height: 22%;top: -22%;left: 11%;background:url('../images/p1.10.png') no-repeat 0 0;background-size:100% 100%;}
#s11.ani .w0{
            animation:move 30s 6.5s linear both;
            -moz-animation:move 30s 6.5s linear both;
            -webkit-animation:move 30s 6.5s linear both;
            -o-animation:move 30s 6.5s linear both
}
#s11.ani .w1{
            animation:rmove 6s .5s linear both;
            -moz-animation:rmove 6s .5s linear both;
            -webkit-animation:rmove 6s .5s linear both;
            -o-animation:rmove 6s .5s linear both
}
.loop{
            animation:loop 1s .5s linear infinite;
            -moz-animation:loop 1s .5s linear infinite;
            -webkit-animation:loop 1s .5s linear infinite;
            -o-animation:loop 1s .5s linear infinite
}
#s11.ani .w4{
            animation:fadeIn1 4s 8.5s linear both;
            -moz-animation:fadeIn1 4s 8.5s linear both;
            -webkit-animation:fadeIn1 4s 8.5s linear both;
            -o-animation:fadeIn1 4s 8.5s linear both
}
#s11.ani .w5{
            animation:fadeIn1 6s 14s linear both;
            -moz-animation:fadeIn1 6s 14s linear both;
            -webkit-animation:fadeIn1 6s 14s linear both;
            -o-animation:fadeIn1 6s 14s linear both
}
#s11.ani .car1{
            animation:car1 6s 14s linear both;
            -moz-animation:car1 6s 14s linear both;
            -webkit-animation:car1 6s 14s linear both;
            -o-animation:car1 6s 14s linear both
}
#s11.ani .w6{
            animation:fadeIn1 4s 21.5s linear both;
            -moz-animation:fadeIn1 4s 21.5s linear both;
            -webkit-animation:fadeIn1 4s 21.5s linear both;
            -o-animation:fadeIn1 4s 21.5s linear both
}
#s11.ani .w7{
            animation:fadeIn1 8s 26s linear both;
            -moz-animation:fadeIn1 8s 26s linear both;
            -webkit-animation:fadeIn1 8s 26s linear both;
            -o-animation:fadeIn1 8s 26s linear both
}
#s11.ani .w8{
            animation:fadeIn 1s 36.5s linear both;
            -moz-animation:fadeIn 1s 36.5s linear both;
            -webkit-animation:fadeIn 1s 36.5s linear both;
            -o-animation:fadeIn 1s 36.5s linear both
}
#s11.ani .w9{
            animation:fadeIn 1s 39s linear both;
            -moz-animation:fadeIn 1s 39s linear both;
            -webkit-animation:fadeIn 1s 39s linear both;
            -o-animation:fadeIn 1s 39s linear both
}
#s11.ani .car2{
            animation:car2 6s 39.5s linear both;
            -moz-animation:car2 6s 39.5s linear both;
            -webkit-animation:car2 6s 39.5s linear both;
            -o-animation:car2 6s 39.5s linear both
}
#s11.ani .car3{
            animation:car1 6s 37.5s linear both;
            -moz-animation:car1 6s 37.5s linear both;
            -webkit-animation:car1 6s 37.5s linear both;
            -o-animation:car1 6s 37.5 linear both
}
/* #s2{display: none;position: fixed;width: 100%;height: 100%;top:0%;left:0%;}
#s2 .w0{transform-origin: 50% 31%;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p2.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .w1{position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p2.1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .w2{position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p2.3.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .w3{position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p2.4.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .w4{position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p2.5.jpg') no-repeat 0 0;background-size:100% 100%;}
.name{position: absolute;width: 28%;height: 4%;top: 31%;left: 40%;color: #7f7f7f;border:none;}
.sex{position: absolute;width: 28%;height: 4%;top: 36%;left: 40%;color: #7f7f7f;border:none;}
.age{position: absolute;width: 28%;height: 4%;top: 41%;left: 40%;color: #7f7f7f;border:none;}
.button{position: absolute;width: 50%;height: 7%;top: 49%;left: 24%;}
#s2.ani .w0{
            animation:fadeInBig 3s .5s linear both;
            -moz-animation:fadeInBig 3s .5s linear both;
            -webkit-animation:fadeInBig 3s .5s linear both;
            -o-animation:fadeInBig 3s .5s linear both
}
#s2.ani .w1{
            animation:fadeIn .5s 3.5s linear both;
            -moz-animation:fadeIn .5s 3.5s linear both;
            -webkit-animation:fadeIn .5s 3.5s linear both;
            -o-animation:fadeIn .5s  3.5s linear both
}
#s2.ani .w2{
            animation:fadeIn .5s 8.5s linear both;
            -moz-animation:fadeIn .5s 8.5s linear both;
            -webkit-animation:fadeIn .5s 8.5s linear both;
            -o-animation:fadeIn .5s  8.5s linear both
}
#s2.ani .w3{
            animation:fadeIn .5s 13.5s linear both;
            -moz-animation:fadeIn .5s 13.5s linear both;
            -webkit-animation:fadeIn .5s 13.5s linear both;
            -o-animation:fadeIn .5s  13.5s linear both
}
#s2.ani .w4{
            animation:fadeIn .5s 18.5s linear both;
            -moz-animation:fadeIn .5s 18.5s linear both;
            -webkit-animation:fadeIn .5s 18.5s linear both;
            -o-animation:fadeIn .5s  18.5s linear both
} */
#s0{width: 100%;height: 100%;}
#s0 .w0{transform-origin: 50% 31%;position: absolute;width: 100%;height: 100%;background:url('../images/p2.jpg') no-repeat 0 0;background-size:100% 100%;}
#s0 .w1{position: absolute;width: 100%;height: 100%;background:url('../images/p2.1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s0 .w2{position: absolute;width: 100%;height: 100%;background:url('../images/up.png') no-repeat 0 0;background-size:100% 100%;}
#s0.ani .w0{
            animation:fadeInBig 3s .5s linear both;
            -moz-animation:fadeInBig 3s .5s linear both;
            -webkit-animation:fadeInBig 3s .5s linear both;
            -o-animation:fadeInBig 3s .5s linear both
}
#s0.ani .w1{
            animation:fadeIn .5s 3.5s linear both;
            -moz-animation:fadeIn .5s 3.5s linear both;
            -webkit-animation:fadeIn .5s 3.5s linear both;
            -o-animation:fadeIn .5s  3.5s linear both
}
#s0.ani .w2{
            animation:up 2s 4.5s linear infinite;
            -moz-animation:up 2s 4.5s linear infinite;
            -webkit-animation:up 2s 4.5s linear infinite;
            -o-animation:up 2s 4.5s linear infinite
}

#s1{width: 100%;height: 100%;background:url('../images/p2.3.jpg') no-repeat 0 0;background-size:100% 100%;}
#s1 .w0{position: absolute;width: 100%;height: 100%;background:url('../images/up.png') no-repeat 0 0;background-size:100% 100%;}
#s1.ani .w0{
            animation:up 2s 2.5s linear infinite;
            -moz-animation:up 2s 2.5s linear infinite;
            -webkit-animation:up 2s 2.5s linear infinite;
            -o-animation:up 2s 2.5s linear infinite
}
#s2{width: 100%;height: 100%;background:url('../images/p2.4.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .w0{position: absolute;width: 100%;height: 100%;background:url('../images/up.png') no-repeat 0 0;background-size:100% 100%;}
#s2.ani .w0{
            animation:up 2s 2.5s linear infinite;
            -moz-animation:up 2s 2.5s linear infinite;
            -webkit-animation:up 2s 2.5s linear infinite;
            -o-animation:up 2s 2.5s linear infinite
}
#s3{width: 100%;height: 100%;background:url('../images/p2.5.jpg') no-repeat 0 0;background-size:100% 100%;}
#s3 .w0{opacity: 1;position: absolute;width: 100%;height: 100%;}
.name{opacity: 1;position: absolute;width: 28%;height: 4%;top: 31%;left: 45%;color: #7f7f7f;border:none;}
.sex{opacity: 1;position: absolute;width: 28%;height: 4%;top: 36%;left: 45%;color: #7f7f7f;border:none;}
.age{opacity: 1;position: absolute;width: 28%;height: 4%;top: 41%;left: 45%;color: #7f7f7f;border:none;}
.button{position: absolute;width: 50%;height: 7%;top: 49%;left: 24%;}

#fuceng{z-index: 10;display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p2.6.jpg') no-repeat 0 0;background-size:100% 100%;}
#fuceng .w0{position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/p22.png') no-repeat 0 0;background-size:100% 100%;}
#fuceng .name1{position: absolute;width: 18%;height: 4%;top: 29%;left: 38%;color: #7f7f7f;}
#fuceng .sex1{position: absolute;width: 7%;height: 4%;top: 29%;left: 68%;color: #7f7f7f;}
#fuceng .age1{position: absolute;width: 16%;height: 4%;top: 34%;left: 38%;color: #7f7f7f;}
#fuceng .more{position: absolute;width: 50%;height: 8%;top: 45%;left: 25%;}
#fuceng .more a{position: absolute;width: 100%;height: 100%;top:0%;left:0%;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

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

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

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

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


@-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 RightShift
{
    0%{opacity:1;-webkit-transform:none;transform:none;}
    100%{opacity:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
}

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fadeIn1 {
  0% {opacity: 0;}
  10% {opacity: 1;}
  50% {opacity: 1;}
  90% {opacity: 1;}
  100%{opacity: 0;}
}
@-moz-keyframes fadeIn1 {
  0% {opacity: 0;}
  10% {opacity: 1;}
  50% {opacity: 1;}
  90% {opacity: 1;}
  100%{opacity: 0;}
}
@keyframes fadeIn1 {
  0% {opacity: 0;}
  10% {opacity: 1;}
  50% {opacity: 1;}
  90% {opacity: 1;}
  100%{opacity: 0;}
}

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

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

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

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

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

@keyframes shan
{
    0%{opacity:0;}
    20%{opacity:1;}
    40%{opacity:0;}
    60%{opacity:1;}
    80%{opacity:0;}
    100%{opacity:1;}
}

@-moz-keyframes shan /* Firefox */
{
	  0%{opacity:0;}
    20%{opacity:1;}
    40%{opacity:0;}
    60%{opacity:1;}
    80%{opacity:0;}
    100%{opacity:1;}
}

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

@keyframes fire
{
    0%{opacity: 1;background-size: 100% 100%}
    50%{opacity: 1;background-size: 100% 90%}
    100%{opacity: 1;background-size: 100% 100%}
}

@-moz-keyframes fire /* Firefox */
{
   0%{opacity: 1;background-size: 100% 100%}
   50%{opacity: 1;background-size: 100% 90%}
   100%{opacity: 1;background-size: 100% 100%}
}

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


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

@keyframes rmove
{
    0%{top:100%;}
    100%{top: 58%;}
}

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

@-webkit-keyframes rmove /* Safari ºÍ Chrome */
{
    0%{top:100%;}
    100%{top: 58%;}
}

@keyframes loop
{
    0%{background-image:url("../images/p1.1.png");}
    100%{background-image:url("../images/p1.2.png");}
}

@-moz-keyframes loop /* Firefox */
{
   0%{background-image:url("../images/p1.1.png");}
    100%{background-image:url("../images/p1.2.png");}
}

@-webkit-keyframes loop /* Safari ºÍ Chrome */
{
    0%{background-image:url("../images/p1.1.png");}
    100%{background-image:url("../images/p1.2.png");}
}

@keyframes move
{
    0%{top: -170%;left: -354%;}
    8%{top: -150%;left: -354%;}
    35%{top: -66%;left: -354%;}
    49%{top: -13.5%;left: -354%;}
    50%{top: -13.5%;left: -354%;}
    70%{top: -13.5%;left: -238%;}
    100%{top: -13.5%;left: -26%;}
}

@-moz-keyframes move /* Firefox */
{
    0%{top: -170%;left: -354%;}
    8%{top: -150%;left: -354%;}
    35%{top: -66%;left: -354%;}
    49%{top: -13.5%;left: -354%;}
    50%{top: -13.5%;left: -354%;}
    70%{top: -13.5%;left: -238%;}
    100%{top: -13.5%;left: -26%;}
}

@-webkit-keyframes move /* Safari ºÍ Chrome */
{
    0%{top: -170%;left: -354%;}
    8%{top: -150%;left: -354%;}
    35%{top: -66%;left: -354%;}
    49%{top: -13.5%;left: -354%;}
    50%{top: -13.5%;left: -354%;}
    70%{top: -13.5%;left: -238%;}
    100%{top: -13.5%;left: -26%;}
}

@keyframes car1
{
    0%{top: -22%;}
    100%{top: 100%;}
}

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

@-webkit-keyframes car1 /* Safari ºÍ Chrome */
{
    0%{top: -22%;}
    100%{top: 100%;}
}
@keyframes car2
{
    0%{top: 100%;}
    100%{top: -22%;}
}

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

@-webkit-keyframes car2 /* Safari ºÍ Chrome */
{
    0%{top: 100%;}
    100%{top: -22%;}
}

@keyframes up
{
    0%{opacity: 0;top: 0%;}
    80%{opacity: 1;top: -2%;}
    100%{opacity: 1;top: 0%;}
}

@-moz-keyframes up /* Firefox */
{
    0%{opacity: 0;top: 0%;}
    80%{opacity: 1;top: -2%;}
    100%{opacity: 1;top: 0%;}
}

@-webkit-keyframes up /* Safari ºÍ Chrome */
{
    0%{opacity: 0;top: 0%;}
    80%{opacity: 1;top: -2%;}
    100%{opacity: 1;top: 0%;}
}