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-color: #112646;z-index: 99}
.load_anime,.loading_line{position:absolute;width: 100%;height:100%;position: absolute}
.load_val{width:100%;}
.loading_line_blank{position:absolute;width:0%;height:3.72%;left:13%;top:38.76%;background:#cff09a;}
.loading0{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/loading.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.loading1{width: 212%;height: 18.67%;position: absolute;top:17%;left:60%;background:url("../images/loading.2.png?1") no-repeat 0 0;background-size:100% 100%;
-webkit-animation:loading1 15s linear infinite;
animation:loading1 15s linear infinite;
}
.loading2{width: 16.54%;height: 7.14%;position: absolute;top:30%;left:45%;background:url("../images/loading.3.png?1") no-repeat 0 0;background-size:100% 100%;
-webkit-animation:loading2 1.2s linear infinite;
animation:loading2 1.2s linear infinite;
}
a{opacity:1}
@-webkit-keyframes loading1 {
0% { -webkit-transform:translate3d(0,0,0) ;transform:translate3d(0,0,0) ;opacity: 1 }
99.7% { -webkit-transform:translate3d(-90%,0,0) ;transform:translate3d(-90%,0,0);opacity: 1}
99.8% { -webkit-transform:translate3d(-90%,0,0);transform:translate3d(-90%,0,0);opacity: 0 }
99.9% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 0 }
100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 1 }
}
@keyframes loading1 {
0% { -webkit-transform:translate3d(0,0,0) ;transform:translate3d(0,0,0) ;opacity: 1 }
99.7% { -webkit-transform:translate3d(-90%,0,0) ;transform:translate3d(-90%,0,0);opacity: 1}
99.8% { -webkit-transform:translate3d(-90%,0,0);transform:translate3d(-90%,0,0);opacity: 0 }
99.9% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 0 }
100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 1 }
}
@-webkit-keyframes loading2 {
0% { -webkit-transform:translate3d(0,0,0) ;transform:translate3d(0,0,0) ; }
50% { -webkit-transform:translate3d(0,-30%,0) ;transform:translate3d(0,-30%,0)}
100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) }
}
@keyframes loading2 {
0% { -webkit-transform:translate3d(0,0,0) ;transform:translate3d(0,0,0) ; }
50% { -webkit-transform:translate3d(0,-30%,0) ;transform:translate3d(0,-30%,0)}
100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) }
}
/*loading*/
/*音乐*/
.music_blk{z-index:999;position:fixed;right:10px;bottom:10px;}
.music{display:block;width:30px;height:30px;background:url('../images/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;}
.wenzi{width: 100%;height: 100%;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/p0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s1 .bg0{width: 100%;height: 100%;opacity:0.3;position: absolute;top:0;left:0;background:url("../images/p0.5.png?1") no-repeat 0 0;background-size:100% 100%;}
.s1 .bg1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:100%;background:url("../images/p0.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s1 .bg2{width: 100%;height: 100%;position: absolute;top:0;left:-100%;background:url("../images/p0.2.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/p0.3.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/p0.4.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
/*.s1 .bg5{width: 50.4%;height: 9.9%;position: absolute;top:48.9%;left:24.6%;background:url("../images/p0.5.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}*/
.s1 .bg6{width: 100%;height: 100%;position: absolute;top:0;left:0;opacity: 1}
.s1 .bg6_1{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.6a.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg6_2{width: 100%;height: 27.38%;position: absolute;top:49.18%;left:0;background:url("../images/p0.6b.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg6_3{width: 100%;height: 22.47%;position: absolute;top:77.52%;left:-100%;background:url("../images/p0.6c.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg6_4{width: 100%;height: 13.09%;position: absolute;top:0;left:100%;background:url("../images/p0.6d.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg6_5{width:37.92%;height:11.16%;position: absolute;top: 69.49%;left: 31.03%;background:url("../images/p0.11.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
/*.s1 .bg6_4{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}*/
.s1 .bg7{width: 100%;height: 100%;position: absolute;top:0;left:0;opacity: 1}
.s1 .bg7_1{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.7a.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg7_2{width: 100%;height: 34.97%;position: absolute;top:42.48%;left:0;background:url("../images/p0.7b.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg7_3{width: 100%;height: 22.47%;position: absolute;top:77.52%;left:-100%;background:url("../images/p0.7c.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg7_4{width: 100%;height: 13.09%;position: absolute;top:0;left:100%;background:url("../images/p0.7d.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg7_5{width:37.92%;height:11.16%;position: absolute;top: 69.49%;left: 31.03%;background:url("../images/p0.11.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg8{width: 100%;height: 100%;position: absolute;top:0;left:0;opacity: 1}
.s1 .bg8_1{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.8a.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg8_2{width: 100%;height: 29.76%;position: absolute;top:47.69%;left:0;background:url("../images/p0.8b.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg8_3{width: 100%;height: 22.47%;position: absolute;top:77.52%;left:-100%;background:url("../images/p0.8c.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg8_4{width: 100%;height: 13.09%;position: absolute;top:0;left:100%;background:url("../images/p0.8d.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg8_5{width:37.92%;height:11.16%;position: absolute;top: 69.49%;left: 31.03%;background:url("../images/p0.11.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg9{width: 100%;height: 100%;position: absolute;top:0;left:0;opacity: 1}
.s1 .bg9_1{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.9a.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg9_2{width: 100%;height: 33.77%;position: absolute;top:43.6%;left:0;background:url("../images/p0.9b.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg9_3{width: 100%;height: 22.47%;position: absolute;top:77.52%;left:-100%;background:url("../images/p0.9c.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg9_4{width: 100%;height: 13.09%;position: absolute;top:0;left:100%;background:url("../images/p0.9d.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg9_5{width:37.92%;height:11.16%;position: absolute;top: 69.49%;left: 31.03%;background:url("../images/p0.11.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg10{width: 100%;height: 100%;position: absolute;top:0;left:0;opacity: 1}
.s1 .bg10_1{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.10a.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg10_2{width: 100%;height: 38.76%;position: absolute;top:38.16%;left:0;background:url("../images/p0.10b.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg10_3{width: 100%;height: 22.47%;position: absolute;top:77.52%;left:-100%;background:url("../images/p0.10c.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg10_4{width: 100%;height: 13.09%;position: absolute;top:0;left:100%;background:url("../images/p0.10d.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg10_5{width:37.92%;height:11.16%;position: absolute;top: 69.49%;left: 31.03%;background:url("../images/p0.12.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg11{width: 100%;height: 100%;position: absolute;top:0;left:0;opacity: 1}
.bg11_1{width: 100%;height: 100%;position: absolute;top:30%;left:0;background:url("../images/p0.14.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.bg11_2{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.13.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.bg11_3{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:100%;background:url("../images/p0.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.bg11_4{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:-100%;background:url("../images/p0.2.png?1") no-repeat 0 0;background-size:100% 100%;}
.bg11_5{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.15.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.click_last{width: 34.35%;height: 5.5%;position: absolute;top:67%;left:33%;background:url("../images/click_last.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s1.ani .bg1{
-webkit-animation:1s 0.3s s1_right linear both;
-o-animation:1s 0.3s s1_right linear both;
-moz-animation:1s 0.3s s1_right linear both;
animation:1s 0.3s s1_right linear both ;
}
.s1.ani .bg2{
-webkit-animation:1s 0.3s s1_left linear both;
-o-animation:1s 0.3s s1_left linear both;
-moz-animation:1s 0.3s s1_left linear both;
animation:1s 0.3s s1_left linear both ;
}
.s1.ani .bg3{
-webkit-animation:1.5s 2s Out both;
-o-animation:1.5s 2s Out both;
-moz-animation:1.5s 2s Out both;
animation:1.5s 2s Out both ;
}
.s1.ani .bg4{
-webkit-animation:3s 4.2s Out1 linear both;
-o-animation:3s 4.2s Out1 linear both;
-moz-animation:3s 4.2s Out1 linear both;
animation:3s 4.2s Out1 linear both ;
}
.s1.ani1 .bg3{
-webkit-animation:0.3s 0.1s fadeOut both;
-o-animation:0.3s 0.1s fadeOut both;
-moz-animation:0.3s 0.1s fadeOut both;
animation:0.3s 0.1s fadeOut both;
}
.s1.ani1 .bg1{
-webkit-animation:1s 0.7s s1_right1 linear both;
-o-animation:1s 0.7s s1_right1 linear both;
-moz-animation:1s 0.7s s1_right1 linear both;
animation:1s 0.7s s1_right1 linear both ;
}
.s1.ani1 .bg2{
-webkit-animation:1s 0.7s s1_left1 linear both;
-o-animation:1s 0.7s s1_left1 linear both;
-moz-animation:1s 0.7s s1_left1 linear both;
animation:1s 0.7s s1_left1 linear both ;
}
.s1.ani1 .bg1{
-webkit-animation:1s 0.7s s1_right1 linear both;
-o-animation:1s 0.7s s1_right1 linear both;
-moz-animation:1s 0.7s s1_right1 linear both;
animation:1s 0.7s s1_right1 linear both ;
}
.s1.ani1 .bg0{
transition:opacity 0.3s 1.5s linear;opacity: 1;
}
.bg6.ani .bg6_1{
-webkit-animation:0.3s 0.2s Out linear both;
-o-animation:0.3s 0.2s Out linear both;
-moz-animation:0.3s 0.2s Out linear both;
animation:0.3s 0.2s Out linear both ;
}
.bg6.ani .bg6_2{
-webkit-animation:1s 1.7s Out11 linear both;
-o-animation:1s 1.7s Out11 linear both;
-moz-animation:1s 1.7s Out11 linear both;
animation:1s 1.7s Out11 linear both ;
}
.bg6.ani .bg6_3{
-webkit-animation:1s 0.6s s1_left linear both;
-o-animation:1s 0.6s s1_left linear both;
-moz-animation:1s 0.6s s1_left linear both;
animation:1s 0.6s s1_left linear both ;
}
.bg6.ani .bg6_4{
-webkit-animation:1s 0.6s s1_right linear both;
-o-animation:1s 0.6s s1_right linear both;
-moz-animation:1s 0.6s s1_right linear both;
animation:1s 0.6s s1_right linear both ;
}
.bg6.ani .bg6_5{
-webkit-animation:1s 3.5s Out both;
-o-animation:1s 3.5s Out both;
-moz-animation:1s 3.5s Out both;
animation:1s 3.5s Out both ;
}
.bg6.ani1 .bg6_3,.bg7.ani.ani1 .bg7_3,.bg8.ani.ani1 .bg8_3,.bg9.ani.ani1 .bg9_3,.bg10.ani.ani1 .bg10_3{
-webkit-animation:1s 0.3s s1_left1 linear both;
-o-animation:1s 0.3s s1_left1 linear both;
-moz-animation:1s 0.3s s1_left1 linear both;
animation:1s 0.3s s1_left1 linear both ;
}
.bg6.ani1 .bg6_4,.bg7.ani.ani1 .bg7_4,.bg8.ani.ani1 .bg8_4,.bg9.ani.ani1 .bg9_4,.bg10.ani.ani1 .bg10_4{
-webkit-animation:1s 0.3s s1_right1 linear both;
-o-animation:1s 0.3s s1_right1 linear both;
-moz-animation:1s 0.3s s1_right1 linear both;
animation:1s 0.3s s1_right1 linear both ;
}
.bg7.ani .bg7_1,.bg8.ani .bg8_1,.bg9.ani .bg9_1,.bg10.ani .bg10_1{
-webkit-animation:1.8s 0.1s Out11 linear both;
-o-animation:1.8s 0.1s Out11 linear both;
-moz-animation:1.8s 0.1s Out11 linear both;
animation:1.8s 0.1s Out11 linear both ;
}
.bg7.ani .bg7_2,.bg8.ani .bg8_2,.bg9.ani .bg9_2,.bg10.ani .bg10_2{
-webkit-animation:0.4s 2.1s Out linear both;
-o-animation:0.4s 2.1s Out linear both;
-moz-animation:0.4s 2.1s Out linear both;
animation:0.4s 2.1s Out linear both ;
}
.bg7.ani .bg7_3,.bg8.ani .bg8_3,.bg9.ani .bg9_3,.bg10.ani .bg10_3{
-webkit-animation:1s 2.5s s1_left linear both;
-o-animation:1s 2.5s s1_left linear both;
-moz-animation:1s 2.5s s1_left linear both;
animation:1s 2.5s s1_left linear both ;
}
.bg7.ani .bg7_4,.bg8.ani .bg8_4,.bg9.ani .bg9_4,.bg10.ani .bg10_4{
-webkit-animation:1s 2.5s s1_right linear both;
-o-animation:1s 2.5s s1_right linear both;
-moz-animation:1s 2.5s s1_right linear both;
animation:1s 2.5s s1_right linear both ;
}
.bg7.ani .bg7_5,.bg8.ani .bg8_5,.bg9.ani .bg9_5,.bg10.ani .bg10_5{
-webkit-animation:1s 4s Out both;
-o-animation:1s 4s Out both;
-moz-animation:1s 4s Out both;
animation:1s 4s Out both ;
}
.wenzi.ani .bg11_1{
-webkit-animation:12s 0.2s bg11_1 linear both;
-o-animation:12s 0.2s bg11_1 linear both;
-moz-animation:12s 0.2s bg11_1 linear both;
animation:12s 0.2s bg11_1 linear both ;
}
.wenzi.ani .bg11_2{
-webkit-animation:0.1s 12.2s fadeOut linear both;
-o-animation:0.1s 12.2s fadeOut linear both;
-moz-animation:0.1s 12.2s fadeOut linear both;
animation:0.1s 12.2s fadeOut linear both ;
}
.bg11.ani .bg11_3{
-webkit-animation:1s 12.4s s1_right linear both;
-o-animation:1s 12.4s s1_right linear both;
-moz-animation:1s 12.4s s1_right linear both;
animation:1s 12.4s s1_right linear both ;
}
.bg11.ani .bg11_4{
-webkit-animation:1s 12.4s s1_left linear both;
-o-animation:1s 12.4s s1_left linear both;
-moz-animation:1s 12.4s s1_left linear both;
animation:1s 12.4s s1_left linear both ;
}
/*.bg11.ani .mask{*/
/*transition:opacity 0.1s 8s linear;opacity: 0.3;*/
/*}*/
.bg11.ani .bg11_5{
-webkit-animation:1s 14s Out both;
-o-animation:1s 14s Out both;
-moz-animation:1s 14s Out both;
animation:1s 14s Out both;
}
.bg11.ani .click_last{
-webkit-animation:1s 16s scale1 both infinite;
-o-animation:1s 16s scale1 both infinite;
-moz-animation:1s 16s scale1 both infinite;
animation:1s 16s scale1 both infinite;
}
#center.ani .s1{
-webkit-animation:0.1s 13.8s s11 both;
-o-animation:0.1s 13.8s s11 both;
-moz-animation:0.1s 13.8s s11 both;
animation:0.1s 13.8s s11 both;
}
@-webkit-keyframes bg11_1{
0% { -webkit-transform:translate3d(0,0,0);opacity: 1 }
75% { -webkit-transform:translate3d(0,-30%,0);opacity:1 }
99.9%{-webkit-transform:translate3d(0,-30%,0);opacity:1 }
100% { -webkit-transform:translate3d(0,-30%,0);opacity:0 }
}
@keyframes bg11_1 {
0% { transform:translate3d(0,0,0) ;opacity: 1 }
75% { transform:translate3d(0,-30%,0);opacity:1 }
99.9%{transform:translate3d(0,-30%,0);opacity:1 }
100% {transform:translate3d(0,-30%,0);opacity:0 }
}
@-webkit-keyframes scale1 {
0% {-webkit-transform:scale(1);opacity: 1}
50%{-webkit-transform:scale(1.1);opacity: 1}
100% {-webkit-transform:scale(1) ; opacity: 1}
}
@keyframes scale1 {
0% {transform:scale(1);opacity: 1}
50%{transform:scale(1.1);opacity: 1}
100% {transform:scale(1) ; opacity: 1}
}
@-webkit-keyframes Out1{
0%{opacity: 0}
20%{opacity:1}
40%{opacity:0}
60%{opacity:1}
80%{opacity:0}
100%{opacity:1}
}
@-o-keyframes Out1{
0%{opacity: 0}
20%{opacity:1}
40%{opacity:0}
60%{opacity:1}
80%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes Out1{
0%{opacity: 0}
20%{opacity:1}
40%{opacity:0}
60%{opacity:1}
80%{opacity:0}
100%{opacity:1}
}
@keyframes Out1{
0%{opacity: 0}
20%{opacity:1}
40%{opacity:0}
60%{opacity:1}
80%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes Out11{
0%{opacity: 0}
35%{opacity:1}
70%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes Out11{
0%{opacity: 0}
35%{opacity:1}
70%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes s11{
0%{opacity: 1}
100%{opacity:0.3}
}
@-webkit-keyframes s11{
0%{opacity: 1}
100%{opacity:0.7}
}
@keyframes Out{
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes Out{
0%{opacity: 0}
100%{opacity:1}
}
@-o-keyframes Out{
0%{opacity: 0}
100%{opacity:1}
}
@-moz-keyframes Out{
0%{opacity: 0}
100%{opacity:1}
}
@keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}
@-o-keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes fadeOut{
0%{opacity:1}
100%{opacity: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 s1_right {
0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }
100% { -webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:1 }
}
@keyframes s1_right {
0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }
100% { -webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:1 }
}
@-webkit-keyframes s1_left {
0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }
100% { -webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:1 }
}
@keyframes s1_left {
0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }
100% { -webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:1 }
}
@-webkit-keyframes s1_right1 {
0% { -webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0) ;opacity: 1 }
100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1 }
}
@keyframes s1_right1 {
0% { -webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0) ;opacity: 1 }
100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1 }
}
@-webkit-keyframes s1_left1 {
0% { -webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0) ;opacity: 1 }
100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1 }
}
@keyframes s1_left1 {
0% { -webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0) ;opacity: 1 }
100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1 }
}
/*@-webkit-keyframes s2_bg1 {*/
/*0% { -webkit-transform:translate3d(40%,0,0);transform:translate3d(40%,0,0) ;opacity: 1 }*/
/*100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1 }*/
/*}*/
/*@-moz-keyframes s2_bg1 {*/
/*0% { -webkit-transform:translate3d(40%,0,0);transform:translate3d(40%,0,0) ;opacity: 1 }*/
/*100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1 }*/
/*}*/
/*@-o-keyframes s2_bg1 {*/
/*0% { -webkit-transform:translate3d(40%,0,0);transform:translate3d(40%,0,0) ;opacity: 1 }*/
/*100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1 }*/
/*}*/
/*@keyframes s2_bg1 {*/
/*0% { -webkit-transform:translate3d(40%,0,0);transform:translate3d(40%,0,0) ;opacity: 1 }*/
/*100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1 }*/
/*}*/
/*@-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 man_top_1 {*/
/*0% { -webkit-transform:translate3d(40%,-10%,0) scale(0.5) ;transform:translate3d(40%,-10%,0) scale(0.5) ;opacity: 0 }*/
/*1% { -webkit-transform:translate3d(40%,-10%,0) scale(0.5) ;transform:translate3d(40%,-10%,0) scale(0.5) ;opacity: 1}*/
/*99% { -webkit-transform:translate3d(40%,7%,0) scale(0.5) ;transform:translate3d(40%,7%,0) scale(0.5) ;opacity:1 }*/
/*100% { -webkit-transform:translate3d(0,7%,0) scale(0.5) ;transform:translate3d(0,7%,0) scale(0.5) ;opacity:0 }*/
/*}*/
/*@-moz-keyframes man_top_1 {*/
/*0% { -webkit-transform:translate3d(40%,-10%,0) scale(0.5) ;transform:translate3d(40%,-10%,0) scale(0.5) ;opacity: 0 }*/
/*1% { -webkit-transform:translate3d(40%,-10%,0) scale(0.5) ;transform:translate3d(40%,-10%,0) scale(0.5) ;opacity: 1}*/
/*99% { -webkit-transform:translate3d(40%,7%,0) scale(0.5) ;transform:translate3d(40%,7%,0) scale(0.5) ;opacity:1 }*/
/*100% { -webkit-transform:translate3d(0,7%,0) scale(0.5) ;transform:translate3d(0,7%,0) scale(0.5) ;opacity:0 }*/
/*}*/
/*@-o-keyframes man_top_1 {*/
/*0% { -webkit-transform:translate3d(40%,-10%,0) scale(0.5) ;transform:translate3d(40%,-10%,0) scale(0.5) ;opacity: 0 }*/
/*1% { -webkit-transform:translate3d(40%,-10%,0) scale(0.5) ;transform:translate3d(40%,-10%,0) scale(0.5) ;opacity: 1}*/
/*99% { -webkit-transform:translate3d(40%,7%,0) scale(0.5) ;transform:translate3d(40%,7%,0) scale(0.5) ;opacity:1 }*/
/*100% { -webkit-transform:translate3d(0,7%,0) scale(0.5) ;transform:translate3d(0,7%,0) scale(0.5) ;opacity:0 }*/
/*}*/
/*@keyframes man_top_1 {*/
/*0% { -webkit-transform:translate3d(40%,-10%,0) scale(0.5) ;transform:translate3d(40%,-10%,0) scale(0.5) ;opacity: 0 }*/
/*1% { -webkit-transform:translate3d(40%,-10%,0) scale(0.5) ;transform:translate3d(40%,-10%,0) scale(0.5) ;opacity: 1}*/
/*99% { -webkit-transform:translate3d(40%,7%,0) scale(0.5) ;transform:translate3d(40%,7%,0) scale(0.5) ;opacity:1 }*/
/*100% { -webkit-transform:translate3d(0,7%,0) scale(0.5) ;transform:translate3d(0,7%,0) scale(0.5) ;opacity:0 }*/
/*}*/
/*@-webkit-keyframes man_top_2 {*/
/*0% { -webkit-transform:translate3d(0,0,0) scale(0.7) ;transform:translate3d(0,0,0) scale(0.7) ;opacity: 0 }*/
/*1% { -webkit-transform:translate3d(0,0,0) scale(0.7) ;transform:translate3d(0,0,0) scale(0.7) ;opacity: 1}*/
/*99% { -webkit-transform:translate3d(0,30%,0) scale(0.7) ;transform:translate3d(0,30%,0) scale(0.7) ;opacity:1 }*/
/*100% { -webkit-transform:translate3d(0,30%,0) scale(0.7) ;transform:translate3d(0,30%,0) scale(0.7) ;opacity:0 }*/
/*}*/
/*@-moz-keyframes man_top_2 {*/
/*0% { -webkit-transform:translate3d(0,0,0) scale(0.7) ;transform:translate3d(0,0,0) scale(0.7) ;opacity: 0 }*/
/*1% { -webkit-transform:translate3d(0,0,0) scale(0.7) ;transform:translate3d(0,0,0) scale(0.7) ;opacity: 1}*/
/*99% { -webkit-transform:translate3d(0,30%,0) scale(0.7) ;transform:translate3d(0,30%,0) scale(0.7) ;opacity:1 }*/
/*100% { -webkit-transform:translate3d(0,30%,0) scale(0.7) ;transform:translate3d(0,30%,0) scale(0.7) ;opacity:0 }*/
/*}*/
/*@-o-keyframes man_top_2 {*/
/*0% { -webkit-transform:translate3d(0,0,0) scale(0.7) ;transform:translate3d(0,0,0) scale(0.7) ;opacity: 0 }*/
/*1% { -webkit-transform:translate3d(0,0,0) scale(0.7) ;transform:translate3d(0,0,0) scale(0.7) ;opacity: 1}*/
/*99% { -webkit-transform:translate3d(0,30%,0) scale(0.7) ;transform:translate3d(0,30%,0) scale(0.7) ;opacity:1 }*/
/*100% { -webkit-transform:translate3d(0,30%,0) scale(0.7) ;transform:translate3d(0,30%,0) scale(0.7) ;opacity:0 }*/
/*}*/
/*@keyframes man_top_2 {*/
/*0% { -webkit-transform:translate3d(0,0,0) scale(0.7) ;transform:translate3d(0,0,0) scale(0.7) ;opacity: 0 }*/
/*1% { -webkit-transform:translate3d(0,0,0) scale(0.7) ;transform:translate3d(0,0,0) scale(0.7) ;opacity: 1}*/
/*99% { -webkit-transform:translate3d(0,30%,0) scale(0.7) ;transform:translate3d(0,30%,0) scale(0.7) ;opacity:1 }*/
/*100% { -webkit-transform:translate3d(0,30%,0) scale(0.7) ;transform:translate3d(0,30%,0) scale(0.7) ;opacity:0 }*/
/*}*/
/*@-webkit-keyframes man_top_3 {*/
/*0% { -webkit-transform:translate3d(-30%,-15%,0) scale(0.5) ;transform:translate3d(-30%,-15%,0) scale(0.5) ;opacity: 0 }*/
/*1% { -webkit-transform:translate3d(-30%,-15%,0) scale(0.5) ;transform:translate3d(-30%,-15%,0) scale(0.5) ;opacity: 1}*/
/*99% { -webkit-transform:translate3d(-30%,20%,0) scale(0.5) ;transform:translate3d(-30%,20%,0) scale(0.5) ;opacity:1 }*/
/*100% { -webkit-transform:translate3d(-30%,20%,0) scale(0.5) ;transform:translate3d(-30%,20%,0) scale(0.5) ;opacity:0 }*/
/*}*/
/*@-moz-keyframes man_top_3 {*/
/*0% { -webkit-transform:translate3d(-30%,-15%,0) scale(0.5) ;transform:translate3d(-30%,-15%,0) scale(0.5) ;opacity: 0 }*/
/*1% { -webkit-transform:translate3d(-30%,-15%,0) scale(0.5) ;transform:translate3d(-30%,-15%,0) scale(0.5) ;opacity: 1}*/
/*99% { -webkit-transform:translate3d(-30%,20%,0) scale(0.5) ;transform:translate3d(-30%,20%,0) scale(0.5) ;opacity:1 }*/
/*100% { -webkit-transform:translate3d(-30%,20%,0) scale(0.5) ;transform:translate3d(-30%,20%,0) scale(0.5) ;opacity:0 }*/
/*}*/
/*@-o-keyframes man_top_3 {*/
/*0% { -webkit-transform:translate3d(-30%,-15%,0) scale(0.5) ;transform:translate3d(-30%,-15%,0) scale(0.5) ;opacity: 0 }*/
/*1% { -webkit-transform:translate3d(-30%,-15%,0) scale(0.5) ;transform:translate3d(-30%,-15%,0) scale(0.5) ;opacity: 1}*/
/*99% { -webkit-transform:translate3d(-30%,20%,0) scale(0.5) ;transform:translate3d(-30%,20%,0) scale(0.5) ;opacity:1 }*/
/*100% { -webkit-transform:translate3d(-30%,20%,0) scale(0.5) ;transform:translate3d(-30%,20%,0) scale(0.5) ;opacity:0 }*/
/*}*/
/*@keyframes man_top_3 {*/
/*0% { -webkit-transform:translate3d(-30%,-15%,0) scale(0.5) ;transform:translate3d(-30%,-15%,0) scale(0.5) ;opacity: 0 }*/
/*1% { -webkit-transform:translate3d(-30%,-15%,0) scale(0.5) ;transform:translate3d(-30%,-15%,0) scale(0.5) ;opacity: 1}*/
/*99% { -webkit-transform:translate3d(-30%,20%,0) scale(0.5) ;transform:translate3d(-30%,20%,0) scale(0.5) ;opacity:1 }*/
/*100% { -webkit-transform:translate3d(-30%,20%,0) scale(0.5) ;transform:translate3d(-30%,20%,0) scale(0.5) ;opacity:0 }*/
/*}*/
/*@-webkit-keyframes s3_bg0 {*/
/*0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }*/
/*!*80% { -webkit-transform:translate3d(0,0,0);transform:translate3d(-45%,0,0) ;opacity: 1 }*!*/
/*100% { -webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);opacity:1 }*/
/*}*/
/*@-moz-keyframes s3_bg0 {*/
/*0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }*/
/*!*80% { -webkit-transform:translate3d(-45%,0,0);transform:translate3d(-45%,0,0) ;opacity: 1 }*!*/
/*100% { -webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);opacity:1 }*/
/*}*/
/*@-o-keyframes s3_bg0 {*/
/*0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }*/
/*!*80% { -webkit-transform:translate3d(-45%,0,0);transform:translate3d(-45%,0,0) ;opacity: 1 }*!*/
/*100% { -webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);opacity:1 }*/
/*}*/
/*@keyframes s3_bg0 {*/
/*0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1 }*/
/*!*80% { -webkit-transform:translate3d(-45%,0,0);transform:translate3d(-45%,0,0) ;opacity: 1 }*!*/
/*100% { -webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);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 }*/
/*}*/