html,body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute;}
.tips_blk{z-index:99999999999;position:absolute;left:50%;bottom:10px;width:130px;height: 20px;margin-left:-65px;text-align:center;}
.tips_blk p{z-index:99999999999;font-size:10px;color:#FFF;}
.tips_blk_hide p{z-index:99999999999;display:none;}
.loading{position:absolute;width:100%;height:100%;background:white;z-index: 99}
.load_anime{
    position:absolute;width:100%;height:100%;background:url("../images/loading.jpg?1") no-repeat 0 0;background-size:100% 100%;
}
#load_gif{position:absolute;width:31%;height:11%;top:31%;left:33%}
.load_val{width:100%;}
.loading_line{position:absolute;width:46.2%;height:4px;top:42.8%;left:26.8%;background:#a5c277}
.loading_line_blank{width:0%;height:100%;background:#56583e;}
a{opacity:1}
p{margin: 0;padding:0.5rem}
/*loading*/

/*音乐*/
.music_blk{z-index:999;position:fixed;right:10px;top:10px;}
.music{display:block;width:30px;height:30px;background:url('../images/music_on.png') no-repeat;background-size:100% 100%;}
.music_on{
    -webkit-animation:rotate 1.2s linear infinite;
    animation:rotate 1.2s linear infinite;
}


#center{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:1;position: absolute;top:0;left:0;}
.s1{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:1;position: absolute;top:0;left:0;background:url("../images/sousuo/bg.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s1 .bg2{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/sousuo/yun_r.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s1 .bg3{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/sousuo/yun_l.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s1 .bg4{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/sousuo/wenzi.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s1 .bg6{width: 100%;height: 100%;position: absolute;top:2.5%;left:0;background:url("../images/sousuo/zjw.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.sousuo{width: 19%;height: 90%;position: absolute;top:15%;left:80%;background-color:#cdc995;opacity: 1}
.sousou_1{width:100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/sousuo/sousuo_1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s1 .bg4_1{width: 68.5%;height: 50%;position: absolute;top:28%;left:17%;}
.bg4_1 p:nth-child(odd){line-height: 22px;font-size: 18px;}
.bg4_1 p:nth-child(even){line-height: 22px;font-size: 16px;}

.s1 .bg5{width: 83%;height:7%;position: absolute;top:8%;left:9%;}
#input1{display:inline-block;width: 100%;height:100%;position: absolute;top:0;left:0;background-color:#cdc995;outline:0;border-radius: 10px;border:2px solid #927247;font-size: 14px;box-shadow: 0px 3px 20px #927247 }
.top1{position: absolute;top:37%;left:0;}



.s2{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:1;position: absolute;top:0;left:0;background:url("../images/p0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s2_bg1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p0.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s2_bg2{width: 100%;height: 20.23%;position: absolute;bottom:0;left:0;background:url("../images/p0.2.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s2_bg3{width: 65.942%;height: 8.6309%;position: absolute;top:0;left:18%;background:url("../images/p0.3.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s2_bg4{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.4.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s2_bg5{width:48.38%;height: 26.886%;position: absolute;top:60%;left:26%;background:url("../images/p0.5.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s2_bg6{width: 42%;height: 32%;position: absolute;top:49%;left:61%;background:url("../images/p0.6.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s2_bg7{width: 31.4%;height: 25.5814%;position: absolute;top:41%;left:0;background:url("../images/p0.7.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s2_bg8{width: 30.1932%;height: 19.6428%;position: absolute;top:29%;left:70%;background:url("../images/p0.8.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s2_bg9{width: 100%;height: 14%;position: absolute;top:77%;left:0;background:url("../images/p0.9.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}


.s2.ani .s2_bg2{
    -webkit-animation:3s 0.5s s2_bg2  linear infinite ;
    animation:3s 0.5s s2_bg2 linear infinite;
}


.s2.ani .s2_bg1{
    -webkit-animation:0.4s 0.1s s2_bg1  linear both ;
    animation:0.4s 0.1s s2_bg1 linear both;
}
.s2.ani .s2_bg4{
    -webkit-animation:0.6s 1.5s s2_bg4  linear both ;
    animation:0.6s 1.5s s2_bg4 linear both;
}

.s2.ani .s2_bg5{
    -webkit-animation:0.2s 3s s2_bg5  linear both ;
    animation:0.2s 3s s2_bg5 linear both;
}

.s2.ani .s2_bg6{
    -webkit-animation:0.2s 3.2s s2_bg6  linear both ;
    animation:0.2s 3.2s s2_bg6 linear both;
}
.s2.ani .s2_bg7{
    -webkit-animation:0.2s 3.4s s2_bg7  linear both ;
    animation:0.2s 3.4s s2_bg7 linear both;
}
.s2.ani .s2_bg8{
    -webkit-animation:0.2s 3.6s s2_bg8  linear both ;
    animation:0.2s 3.6s s2_bg8 linear both;
}

.s2.ani .s2_bg9{
    -webkit-animation:0.5s 4s Out  linear both ;
    animation:0.5s 4s Out linear both;
}

.s2.ani.ani1 .s2_bg6{
    -webkit-animation:0.2s 0.1s s2_bg6_1  linear both ;
    animation:0.2s 0.1s s2_bg6_1 linear both;
}
.s2.ani.ani1 .s2_bg7{
    -webkit-animation:0.2s 0.3s s2_bg7_1  linear both ;
    animation:0.2s 0.3s s2_bg7_1 linear both;
}

.s3{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;background:url("../images/p1.jpg?1") no-repeat 0 0;background-size:200% 100%;}
.s3_bg0{width: 200%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p1.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s3_bg1{width: 80.2657%;height: 34.6%;position: absolute;top:29%;left:-8%;background:url("../images/p1.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s3.ani .s3_bg0{
    -webkit-animation:2s 0.1s s3_bg0  linear both ;
    animation:2s 0.1s s3_bg0 linear both;
}
.s3.ani .s3_bg1{
    -webkit-animation:1s 2.5s s3_bg1  linear both ;
    animation:1s 2.5s s3_bg1 linear both;
}


.s4{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:1;position: absolute;top:0;left:0;background:url("../images/p2.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s4_bg0{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p2.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s4_bg1{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p2.2.png?1") no-repeat 0 0;background-size:100% 100%;}
.s4_bg2{width: 100%;height: 14%;position: absolute;top:77%;left:0;background:url("../images/p2.3.png?1") no-repeat 0 0;background-size:100% 100%}

.s4.ani .s4_bg0,.s6.ani .s6_1_1{
    -webkit-animation:1s 0.5s Out  linear both ;
    animation:1s 0.5s Out linear both;
}
.s4.ani .s4_bg1,.s6.ani .s6_1_2{
    -webkit-animation:1s 1.5s Out  linear both ;
    animation:1s 1.5s Out linear both;
}
.s4.ani .s4_bg2,.s6.ani .s6_1_3{
    -webkit-animation:1s 2.7s Out linear both ;
    animation:1s 2.7s Out linear both;
}

.s5{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s5_bg7{width: 100%;height: 14%;position: absolute;top:77%;left:0;background:url("../images/p3.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s5_bg1{width: 15.9%;height: 9.82%;opacity:1;position: absolute;top:6%;left:7%;background:url("../images/cangying_r.png?1") no-repeat 0 0;background-size:100% 100%;}
.s5_bg0{width: 12.8%;height: 7.88%;opacity:1;position: absolute;top:17%;left:22%;background:url("../images/cangying_r.png?1") no-repeat 0 0;background-size:100% 100%;}
.s5_bg2{width: 12.8%;height: 7.88%;position: absolute;top:7%;left:77%;background:url("../images/cangying_l.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s5_bg3{width: 100%;height: 100%;position: absolute;top:-10%;left:0;background:url("../images/p3.5.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s5_bg4{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p3.6.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s5_bg5{width: 100%;height: 100%;position: absolute;top:0%;left:10%;background:url("../images/p3.7.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}

#s5_img1{width: 50%;height: 25%;position: absolute;top:46%;left:19%;}
#s5_img1.active{width: 50%;height: 14.5%;position: absolute;top:53%;left:16%;}
.s5.ani .s5_bg0{
    -webkit-animation:1.6s 0.5s s5_bg1  linear infinite ;
    animation:1.6s 0.5s s5_bg1 linear infinite;
}
.s5.ani .s5_bg1{
    -webkit-animation:1.6s 0.2s s5_bg1  linear infinite ;
    animation:1.6s 0.2s s5_bg1 linear infinite;
}
.s5.ani .s5_bg2{
    -webkit-animation:1.6s 0.7s s5_bg1  linear infinite ;
    animation:1.6s 0.7s s5_bg1 linear infinite;
}
.s5_bg2.active{
    -webkit-animation:1s 0.1s s5_bg2_active  linear both ;
    animation:1s 0.1s s5_bg2_active linear both;
}

.s5.ani1 .s5_bg3{
    -webkit-animation:0.2s 0.1s s5_bg3  linear both ;
    animation:0.2s 0.1s s5_bg3 linear both;
}
.s5.ani1 .s5_bg4{
    -webkit-animation:0.1s 0.3s Out  linear ;
    animation:0.1s 0.3s Out linear ;
}

.s5.ani1 .s5_bg5{
    -webkit-animation:0.5s 1s s5_bg5  linear both ;
    animation:0.5s 1s s5_bg5 linear both;
}




.s6{width: 100%;height: 300%;margin: 0 auto;overflow:hidden; opacity:1;position: absolute;top:0;left:0;background:url("../images/p4.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s6_1{width: 100%;height: 33.333%;opacity:1;position: absolute;top:0;left:0;}
.s6_1_1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p4.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s6_1_2{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p4.2.png?1") no-repeat 0 0;background-size:100% 100%;}
.s6_1_3{width: 100%;height: 14%;position: absolute;top:77%;left:0;background:url("../images/p4.3.png?1") no-repeat 0 0;background-size:100% 100%;}
.s6_1_4{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p4.4.png?1") no-repeat 0 0;background-size:100% 100%;}
.s6_1_4_1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p4.5.png?1") no-repeat 0 0;background-size:100% 100%;}
.s6_1_4_2{width: 100%;height: 100%;opacity:1;position: fixed;top:0;left:0;background:url("../images/p4.7.png?1") no-repeat 0 0;background-size:100% 100%;display: none}
.s6_1_4_2.ani1{
    -webkit-animation:1s 0.5s s6_1_4_2  linear both ;
    animation:1s 0.5s s6_1_4_2 linear both;
}
.s6_2{width: 100%;height: 33.333%;opacity:1;position: absolute;top:33.333%;left:0;}

.s6_2_1{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p4.8.png?1") no-repeat 0 0;background-size:100% 100%;}
.s6_2_2{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p4.7.png?1") no-repeat 0 0;background-size:100% 100%;}
.s6_2_3{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p4.10.png?1") no-repeat 0 0;background-size:100% 100%;transition: opacity 0.2s;-webkit-transition: opacity 0.2s}
.s6_2_4{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p4.11.png?1") no-repeat 0 0;background-size:100% 100%;transition: opacity 0.2s;-webkit-transition: opacity 0.2s}
.s6_2_5{width: 75.36%;height: 20.08%;opacity:1;position: absolute;bottom:0;left:0;background:url("../images/p4.12.png?1") no-repeat 0 0;background-size:100% 100%;}
.s6_2_6{width: 72.2%;height:20.83%;opacity:1;position: absolute;bottom:0;right:0;background:url("../images/p4.13.png?1") no-repeat 0 0;background-size:100% 100%;}
.s6_2_7{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p4.9.png?1") no-repeat 0 0;background-size:100% 100%;transition: opacity 0.2s;-webkit-transition: opacity 0.2s}

.s6_3{width: 100%;height: 33.333%;position: absolute;top:66.666%;left:0;}
.s6_3_1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p4.14.png?1") no-repeat 0 0;background-size:100% 100%;}
.s6_3_2{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p4.15.png?1") no-repeat 0 0;background-size:100% 100%;}
.s6_3_3{width: 100%;height: 14%;position: absolute;top:79%;left:0;background:url("../images/p4.16.png?1") no-repeat 0 0;background-size:100% 100%;}

.s6.active1{
     -webkit-animation:1s 0.5s s6  linear both ;
     animation:1s 0.5s s6 linear both;
 }

.s6.active1 .s6_2_7{
    -webkit-animation:.3s 2s s6_1_4_7  linear both ;
    animation:.3s 2s s6_1_4_7 linear both;
}

.s6_2.ani .s6_2_5{
    -webkit-animation:1s 0.5s s6_yun_l  linear both ;
    animation:1s 0.5s s6_yun_l linear both;
}
.s6_2.ani .s6_2_6{
    -webkit-animation:1s 0.5s s6_yun_r  linear both ;
    animation:1s 0.5s s6_yun_r linear both;
}
.s6.active1.ani1111{
    -webkit-animation:1s 0.5s s6_ani1111  linear both ;
    animation:1s 0.5s s6_ani1111 linear both;
}
.s6.ani1111 .s6_3_1{
    -webkit-animation:1s 2s Out  linear both ;
    animation:1s 2s Out linear both;
}
.s6.ani1111 .s6_3_2{
    -webkit-animation:1s 3.1s Out  linear both ;
    animation:1s 3.1s Out linear both;
}
.s6.ani1111 .s6_3_3{
    -webkit-animation:1s 4.2s Out  linear both ;
    animation:1s 4.2s Out linear both;
}



@keyframes Out{
    0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes Out{
    0%{opacity: 0}
    100%{opacity:1}
}


@keyframes fade{
    0%{opacity:1}
    100%{opacity:0}
}
@-webkit-keyframes fade{
    0%{opacity:1}
    100%{opacity:0}
}
@keyframes s6_1_4_7{
    0%{opacity:0}
    20%{opacity: 1}
    90%{opacity: 1}
    100%{opacity:0}
}
@-webkit-keyframes s6_1_4_7{
    0%{opacity:0}
    20%{opacity: 1}
    90%{opacity: 1}
    100%{opacity:0}
}





@-webkit-keyframes s2_bg1 {
    0% { -webkit-transform: scale(1.2) ;transform: scale(1.2) ;opacity: 0.6 }
    30% { -webkit-transform: scale(1) ;transform: scale(1) ;opacity: 1 }
    60% { -webkit-transform: scale(1.2) ;transform: scale(1.2) ;opacity: 0.6  }
    100% { -webkit-transform:scale(1) ;transform: scale(1) ; opacity: 1 }
}

@keyframes s2_bg1 {
    0% { -webkit-transform: scale(1.2) ;transform: scale(1.2) ;opacity: 0.6  }
    30% { -webkit-transform: scale(1) ;transform: scale(1) ;opacity: 1}
    60% { -webkit-transform: scale(1.2) ;transform: scale(1.2) ;opacity: 0.6   }
    100% { -webkit-transform:scale(1) ;transform: scale(1) ; opacity: 1 }
}
@-webkit-keyframes s2_bg2 {
    0% { -webkit-transform: scale(1) ;transform: scale(1) ; }
    50% { -webkit-transform:scale(1.05) ;transform: scale(1.05) ; }
    100% { -webkit-transform:scale(1) ;transform: scale(1) ; }
}

@keyframes s2_bg2 {
    0% { -webkit-transform: scale(1) ;transform: scale(1) ; }
    50% { -webkit-transform:scale(1.05) ;transform: scale(1.05) ; }
    100% { -webkit-transform:scale(1) ;transform: scale(1) ; }
}



@-webkit-keyframes s2_bg4 {
    0% { -webkit-transform:translate3d(0,-67%,0);transform:translate3d(0,-67%,0) ; }
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ; }
}

@keyframes s2_bg4 {
    0% { -webkit-transform:translate3d(0,-67%,0);transform:translate3d(0,-67%,0) ; }
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ; }
}

@-webkit-keyframes s2_bg5 {
    0% { -webkit-transform:translate3d(0,-120%,0);transform:translate3d(0,-120%,0) ;opacity: 0 }
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 1 }
}

@keyframes s2_bg5 {
    0% { -webkit-transform:translate3d(0,-120%,0) ;transform:translate3d(0,-120%,0) ;opacity: 0 }
    100% {-webkit-transform:translate3d(0,0,0) ;transform:translate3d(0,0,0) ;opacity: 1 }
}

@-webkit-keyframes s2_bg6_1 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ; opacity: 1}
    100% {-webkit-transform:translate3d(150%,0,0);transform:translate3d(150%,0,0);opacity: 1}
}

@keyframes s2_bg6_1 {
    0% { -webkit-transform:translate3d(0,0,0) ;transform:translate3d(0,0,0) ; opacity: 1}
    100% {-webkit-transform:translate3d(150%,0,0) ;transform:translate3d(150%,0,0) ;opacity: 1 }
}


@-webkit-keyframes s2_bg7_1 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ; opacity: 1}
    100% {-webkit-transform:translate3d(-150%,0,0);transform:translate3d(-150%,0,0);opacity: 1}
}


@keyframes s2_bg7_1 {
    0% { -webkit-transform:translate3d(0,0,0) ;transform:translate3d(0,0,0) ; opacity: 1}
    100% {-webkit-transform:translate3d(-150%,0,0) ;transform:translate3d(-150%,0,0) ;opacity: 1 }
}


@-webkit-keyframes s2_bg6 {
    0% { -webkit-transform:translate3d(0,-160%,0) ;transform:translate3d(0,-160%,0) ;opacity: 0 }
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }
}

@keyframes s2_bg6 {
    0% { -webkit-transform:translate3d(0,-160%,0) ;transform:translate3d(0,-160%,0) ;opacity: 0 }
    100% {-webkit-transform:translate3d(0,0,0) ;transform:translate3d(0,0,0) ;opacity: 1 }
}
@-webkit-keyframes s2_bg7 {
    0% { -webkit-transform:translate3d(0,-200%,0);transform:translate3d(0,-200%,0) ;opacity: 0 }
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }
}

@keyframes s2_bg7 {
    0% { -webkit-transform:translate3d(0,-200%,0);transform:translate3d(0,-200%,0) ;opacity: 0 }
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }
}
@-webkit-keyframes s2_bg8 {
    0% { -webkit-transform:translate3d(0,-200%,0);transform:translate3d(0,-200%,0) ;opacity: 0 }
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }
}

@keyframes s2_bg8 {
    0% { -webkit-transform:translate3d(0,-200%,0);transform:translate3d(0,-200%,0) ;opacity: 0 }
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }
}


@-webkit-keyframes s3_bg0 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ; }
    100% { -webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);  }
}

@keyframes s3_bg0 {
    0% {transform:translate3d(0,0,0);}
    100% {transform:translate3d(-50%,0,0);}
}

@-webkit-keyframes s3_bg1 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ; }
    100% { -webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0);  }
}
@keyframes s3_bg1 {
    0% {transform:translate3d(0,0,0);}
    100% { -webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0);  }
}


@-webkit-keyframes s5_bg1 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ; }
    50% { -webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);  }
    100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);  }
}
@keyframes s5_bg1 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ; }
    50% { -webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);  }
    100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);  }
}

@-webkit-keyframes s5_bg3 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); opacity: 0}
    70% { -webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity: 1  }
    95% { -webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity: 1  }
    100% { -webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity: 0 }
}
@keyframes s5_bg3 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); opacity: 0}
    70% { -webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity: 1  }
    95% { -webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity: 1  }
    100% { -webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity: 0  }
}

@-webkit-keyframes s5_bg5 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ; }
    80% { -webkit-transform:translate3d(-10%,0,0);transform:translate3d(0,0,0);}
    99.9%{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(0,0,0);opacity: 1}
    100% { -webkit-transform:translate3d(-10%,0,0);transform:translate3d(0,0,0);opacity: 0  }
}
@keyframes s5_bg5 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ; }
    80% { -webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);}
    99.9%{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity: 1}
    100% { -webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity: 0  }
}

@-webkit-keyframes s5_bg2_active {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ; }
    100% { -webkit-transform:translate3d(0,500%,0);transform:translate3d(0,500%,0); }
}
@keyframes s5_bg2_active {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); }
    100% { -webkit-transform:translate3d(0,500%,0);transform:translate3d(0,500%,0); }
}

@-webkit-keyframes s6_1_4_2 {
    0% { -webkit-transform: scale(0) ;transform: scale(0) ;}
    100% { -webkit-transform: scale(1) ;transform:scale(1) ;  }
}

@keyframes s6_1_4_2 {
    0% { -webkit-transform: scale(0) ;transform: scale(0) ;}
    100% { -webkit-transform: scale(1) ;transform:scale(1) ;  }
}

@-webkit-keyframes s6 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ; }
    100% { -webkit-transform:translate3d(0,-33.333%,0);transform:translate3d(0,-33.333%,0); }
}
@keyframes s6 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); }
    100% { -webkit-transform:translate3d(0,-33.333%,0);transform:translate3d(0,-33.333%,0); }
}


@-webkit-keyframes s6_yun_l {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)  }
    100% { -webkit-transform:translate3d(-180%,0,0);transform:translate3d(-180%,0,0); }
}

@keyframes s6_yun_l {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;}
    100% { -webkit-transform:translate3d(-180%,0,0);transform:translate3d(-180%,0,0);}
}

@-webkit-keyframes s6_yun_r {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ; }
    100% { -webkit-transform:translate3d(150%,0,0);transform:translate3d(150%,0,0);  }
}

@keyframes s6_yun_r {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;}
    100% { -webkit-transform:translate3d(150%,0,0);transform:translate3d(150%,0,0); }
}

@-webkit-keyframes s6_ani1111 {
    0% { -webkit-transform:translate3d(0,-33.333%,0);transform:translate3d(0,-33.333%,0) ; }
    100% { -webkit-transform:translate3d(0,-66.666%,0);transform:translate3d(0,-66.666%,0);  }
}

@keyframes s6_ani1111 {
    0% { -webkit-transform:translate3d(0,-33.333%,0);transform:translate3d(0,-33.333%,0) ; }
    100% { -webkit-transform:translate3d(0,-66.666%,0);transform:translate3d(0,-66.666%,0);  }
}

@keyframes fadeIn_s1 {     /*逐渐显示*/
    0% {  opacity: 0;  }
    35% {  opacity: 1;  }
    70% {  opacity: 0;  }
    100% {  opacity: 1;  }
}
@-webkit-keyframes fadeIn_s1 {     /*逐渐显示*/
    0% {  opacity: 0;  }
    35% {  opacity: 1;  }
    70% {  opacity: 0;  }
    100% {  opacity: 1;  }
}
@-moz-keyframes fadeIn_s1 { /*逐渐显示*/
    0% {  opacity: 0;  }
    35% {  opacity: 1;  }
    70% {  opacity: 0;  }
    100% {  opacity: 1;  }
}
@-o-keyframes fadeIn_s1 {     /*逐渐显示*/
    0% {  opacity: 0;  }
    35% {  opacity: 1;  }
    70% {  opacity: 0;  }
    100% {  opacity: 1;  }
}




@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0 {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}







@-webkit-keyframes s2_bg1_1 {
    0% { -webkit-transform:translate3d(0,0,0) ;transform:translate3d(0,0,0) ;opacity: 1 }
    100% { -webkit-transform:translate3d(-100%,-30%,0) scale(0.5) ;transform:translate3d(-100%,-30%,0) scale(0.5);opacity:1  }
}
@-moz-keyframes s2_bg1_1 {
    0% { -webkit-transform:translate3d(0,0,0) ;transform:translate3d(0,0,0) ;opacity: 1 }
    100% { -webkit-transform:translate3d(-100%,-30%,0) scale(0.5) ;transform:translate3d(-100%,-30%,0) scale(0.5);opacity:1  }
}
@-o-keyframes s2_bg1_1 {
    0% { -webkit-transform:translate3d(0,0,0) ;transform:translate3d(0,0,0) ;opacity: 1 }
    100% { -webkit-transform:translate3d(-100%,-30%,0) scale(0.5) ;transform:translate3d(-100%,-30%,0) scale(0.5);opacity:1  }
}
@keyframes s2_bg1_1 {
    0% { -webkit-transform:translate3d(0,0,0) ;transform:translate3d(0,0,0) ;opacity: 1 }
    100% { -webkit-transform:translate3d(-100%,-30%,0) scale(0.5) ;transform:translate3d(-100%,-30%,0) scale(0.5);opacity:1  }
}











@-webkit-keyframes s4_bg1 {
    0% { -webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0) ;opacity: 1 }
    100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0%,0,0);opacity:1  }
}
@-moz-keyframes s4_bg1 {
    0% { -webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0) ;opacity: 1 }
    100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0%,0,0);opacity:1  }
}
@-o-keyframes s4_bg1 {
    0% { -webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0) ;opacity: 1 }
    100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0%,0,0);opacity:1  }
}
@keyframes s4_bg1 {
    0% { -webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0) ;opacity: 1 }
    100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0%,0,0);opacity:1  }
}




@-webkit-keyframes s4_bg5 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }
    99% { -webkit-transform:translate3d(0,38%,0);transform:translate3d(0,38%,0);opacity:1  }
    100% { -webkit-transform:translate3d(0,39%,0);transform:translate3d(0,39%,0);opacity:0  }
}
@-moz-keyframes s4_bg5 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }
    99% { -webkit-transform:translate3d(0,38%,0);transform:translate3d(0,38%,0);opacity:1  }
    100% { -webkit-transform:translate3d(0,39%,0);transform:translate3d(0,39%,0);opacity:0  }
}
@-o-keyframes s4_bg5 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }
    99% { -webkit-transform:translate3d(0,38%,0);transform:translate3d(0,38%,0);opacity:1  }
    100% { -webkit-transform:translate3d(0,39%,0);transform:translate3d(0,39%,0);opacity:0  }
}
@keyframes s4_bg5 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }
    99% { -webkit-transform:translate3d(0,38%,0);transform:translate3d(0,38%,0);opacity:1  }
    100% { -webkit-transform:translate3d(0,39%,0);transform:translate3d(0,39%,0);opacity:0  }
}

@-webkit-keyframes s5_bg0 {
    0% { -webkit-transform:translate3d(20%,20%,0);transform:translate3d(20%,20%,0) ;opacity: 1 }
    40%{-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0) ;opacity: 1}
    70% { -webkit-transform:translate3d(3%,5%,0);transform:translate3d(3%,5%,0);opacity:1  }
    100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1 }
}
@-moz-keyframes s5_bg0 {
    0% { -webkit-transform:translate3d(20%,20%,0);transform:translate3d(20%,20%,0) ;opacity: 1 }
    40%{-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0) ;opacity: 1}
    70% { -webkit-transform:translate3d(3%,5%,0);transform:translate3d(3%,5%,0);opacity:1  }
    100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1  }
}
@-o-keyframes s5_bg0 {
    0% { -webkit-transform:translate3d(20%,20%,0);transform:translate3d(20%,20%,0) ;opacity: 1 }
    40%{-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0) ;opacity: 1}
    70% { -webkit-transform:translate3d(3%,5%,0);transform:translate3d(3%,5%,0);opacity:1  }
    100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1  }
}
@keyframes s5_bg0 {
    0% { -webkit-transform:translate3d(20%,20%,0);transform:translate3d(20%,20%,0) ;opacity: 1 }
    40%{-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0) ;opacity: 1}
    70% { -webkit-transform:translate3d(3%,5%,0);transform:translate3d(3%,5%,0);opacity:1  }
    100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1  }
}