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

.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: 50%;height: 10%;position: absolute;top:0;left:0;background:url("../images/p0.3.png?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: 25%;height: 3%;position: absolute;top:70%;right:15%;background:url("../images/logo.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s2_bg7{width: 32%;height: 35%;position: absolute;top:44%;left:10%;background:url("../images/p0.7.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s2_bg8{width: 42%;height: 25%;position: absolute;top:42%;right:8%;background:url("../images/p0.8.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s2_bg9,.s4_bg2,.s5_bg2,.s6_bg2,.s7_bg2,.s8_bg2,.s9_bg2,.s10_bg2,.s11_bg2,.s12_bg2,.s13_bg2{width: 30%;height: 8%;position: absolute;top:84%;left:33%;background:url("../images/p0.9.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0;z-index:22;}

.s2.ani .s2_bg2,.s14.ani .s2_bg2{
    -webkit-animation:3s 0.5s s2_bg2  linear infinite ;
    animation:3s 0.5s s2_bg2 linear infinite;
}


.s2.ani .s2_bg1,.s14.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_bg-detail{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.s3_bg-detail img{width: 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,s3_bg-detail{
    -webkit-animation:1s 2.5s s3_bg1  linear both ;
    animation:1s 2.5s s3_bg1 linear both;
}

.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11,.s12,.s13{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;}
.s4_bg0 img,.s4_bg1 img,.s5_bg0 img,.s5_bg1 img,.s5_bg0 img,.s5_bg1 img,.s6_bg0 img,.s6_bg1 img,.s7_bg0 img,.s7_bg1 img,.s8_bg0 img,.s8_bg1 img,.s9_bg0 img,.s9_bg1 img,.s10_bg0 img,.s10_bg1 img,.s11_bg0 img,.s11_bg1 img,.s12_bg0 img,.s12_bg1 img,.s13_bg0 img,.s13_bg1 img,.s14_bg0 img,.s14_bg1 img{width: 90%;margin-left: 4%;}
.s4_bg1{width: 100%;height: 100%;position: absolute;top:0;left:0;}



.s4.ani .s4_bg0,.s5.ani .s5_bg0,.s6.ani .s6_bg0,.s7.ani .s7_bg0,.s8.ani .s8_bg0,.s9.ani .s9_bg0,.s10.ani .s10_bg0,.s11.ani .s11_bg0,.s12.ani .s12_bg0,.s13.ani .s13_bg0,.s14.ani .s14_bg0{
    -webkit-animation:1s 0.5s Out  linear both;
    animation:1s 0.5s Out linear both;
}
.s4.ani .s4_bg1,.s5.ani .s5_bg1,.s6.ani .s6_bg1,.s7.ani .s7_bg1,.s8.ani .s8_bg1,.s9.ani .s9_bg1,.s10.ani .s10_bg1,.s11.ani .s11_bg1,.s12.ani .s12_bg1,.s13.ani .s13_bg1,.s14.ani .s14_bg1{
    -webkit-animation:1s 1.5s Out  linear both;
    animation:1s 1.5s Out linear both;
}
.s4.ani .s4_bg2,.s5.ani .s5_bg2,.s6.ani .s6_bg2,.s7.ani .s7_bg2,.s8.ani .s8_bg2,.s9.ani .s9_bg2,.s10.ani .s10_bg2,.s11.ani .s11_bg2,.s12.ani .s12_bg2,.s13.ani .s13_bg2{
    -webkit-animation:1s 2.7s Out linear both;
    animation:1s 2.7s Out linear both;
}



.s5_bg0{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.s5_bg1{width: 100%;height: 100%;position: absolute;top:0;left:0;}

.s6_bg0{width: 100%;height: 100%;position: absolute;top:-2%;left:0;}
.s6_bg1{width: 100%;height: 100%;position: absolute;top:-5%;left:0;}

.s7_bg0{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.s7_bg1{width: 100%;height: 100%;position: absolute;top:0;left:0;}

.s8_bg0{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.s8_bg1{width: 100%;height: 100%;position: absolute;top:0;left:0;}


.s9_bg0{width: 100%;height: 100%;position: absolute;top:-1%;left:0;}
.s9_bg1{width: 100%;height: 100%;position: absolute;top:-1%;left:0;}

.s10_bg0{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.s10_bg1{width: 100%;height: 100%;position: absolute;top:0;left:0;}

.s11_bg0{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.s11_bg1{width: 100%;height: 100%;position: absolute;top:0;left:0;}

.s12_bg0{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.s12_bg1{width: 100%;height: 100%;position: absolute;top:0;left:0;}

.s13_bg0{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.s13_bg1{width: 100%;height: 100%;position: absolute;top:0;left:0;}

.s14_bg0{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.s14_bg1{width: 100%;height: 100%;position: absolute;top:0;left:0;}


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