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:url('../images/loading.jpg');background-size:100% 100%;z-index: 99}
.load_val{width:100%;}
.loading_line{top:45%;width:60%;height:3px;position:absolute;left:20%;background:#a10e16;}
.loading_line_blank{width:0%;height:100%;background:#fedb4c;}
a{opacity:0}


/* 音乐开关*/
#switch-music{z-index:9999999;position:absolute;bottom: 5px;left: 5px; width:30px; height:30px;}
#switch-music img{max-width: 100%;}
#switch-music.show{display:block; z-index:999;}
#switch-music .tips{color: rgba(255,255,255,.75); z-index:999; top: 15px; right: 100px; width: 30px; text-align: right; opacity: 0;}
#switch-music .tips.on{opacity: 1; right: 100px; z-index:999;}
#switch-music div:nth-child(2){display:none; z-index:999;}
#switch-music.on div:nth-child(2){display:block; animation: music 1s linear infinite; -webkit-animation: music 1s linear infinite; z-index:999;}
@keyframes music{
    0%{transform: rotate(0deg)}
    100%{transform: rotate(360deg)}
}
@-webkit-keyframes music{
    0%{transform: rotate(0deg); -webkit-transform: rotate(0deg)}
    100%{transform: rotate(360deg); -webkit-transform: rotate(360deg)}
}
.pof{position: fixed; z-index:9999}
/*音乐结束*/
.swiper-container{position:absolute;width:100%;height:100%}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}
.bg,.bg *{opacity:1}
.layer{width:100%;height:100%;opacity:1}
.layer div{border-radius:100%}

#s0{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/5/p0.0.jpg?1") no-repeat 0 0;background-size:195% 100%;}
#s0 .w0{width: 195%;height: 100%;top:0%;left:0%;background:url("../images/5/p0.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s0.ani .w0{
    -webkit-animation:20s 0.5s scroll_s0  linear both infinite;
    -moz-animation:20s 0.5s scroll_s0  linear both infinite;
    -o-animation:20s 0.5s scroll_s10  linear both infinite;
    animation:20s 0.5s scroll_s0 linear both infinite;
}
#s0 .w1{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/5/p0.1.png?1") no-repeat 0 0;background-size:100% 100%;}
#s0.ani .w1{
    -webkit-animation:1.5s  fadeIn  linear both ;
    -moz-animation:1.5s  fadeIn  linear both;
    -o-animation:1.5s  fadeIn  linear both;
    animation:1.5s  fadeIn linear both ;
}

/*#s1{width: 100%;height: 100%;margin: 0 auto;background:url("../images/5/p1.1.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}*/
/*#s1 .w0{width: 100%;height: 100%;position:absolute;background:url("../images/5/p1.1.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0.2}*/
/*#s1 .w1{width: 100%;height: 100%;position:absolute;opacity: 1}*/
/*#s1 .w2{width: 100%;height: 100%;position:absolute;opacity: 1;display:none}*/
/*#s1 .w3{width: 10%;height: 6%;position:absolute;opacity: 1;background:url("../images/5/error.png?1") no-repeat 0 0;background-size:100% 100%;top:23%;left:88%}*/
/*#s1 .s1_hand{width: 13%;height: 9%;top:36%;left:88%;position:absolute;background:url("../images/5/p9.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}*/
/*#s1 .link{width: 39%;height: 22%;top:23%;left:59%;position:absolute;background:yellow;opacity:0}*/
/*#video1{position: absolute;opacity: 0;width: 100%;height:50%;left:0;top:23%;}*/
/*#s1.ani .w0{*/
    /*-webkit-animation:3s  fadeIn_tv   infinite;*/
    /*-moz-animation:3s fadeIn_tv   infinite;*/
    /*-o-animation:3s fadeIn_tv  infinite;*/
    /*animation:3s fadeIn_tv  infinite;*/
/*}*/
/*#s1.ani .s1_hand{*/
    /*-webkit-animation:2s  s2_hand linear  infinite;*/
    /*-moz-animation:2s s2_hand  linear infinite;*/
    /*-o-animation:2s s2_hand linear infinite;*/
    /*animation:2s s2_hand linear infinite;*/
/*}*/



/*#s1 .w1{width: 124%;height: 100%;top:0%;left:-24%;background:url("../images/4/p1.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}*/

#s1{width: 100%;height: 100%;margin: 0 auto;background:url("../images/5/p1.2.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s1 .w0{width: 100%;height: 100%;position:absolute;top:0;left:0;background:url("../images/5/p1.2.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s1 .w2{width: 100%;height: 100%;position:absolute;opacity: 0;}
#video1{position: absolute;opacity: 1;width: 100%;height:50%;left:0;top:41%;}
#s1.ani .w0{
    -webkit-animation:1.5s  fadeIn  linear both ;
    -moz-animation:1.5s  fadeIn  linear both;
    -o-animation:1.5s  fadeIn  linear both;
    animation:1.5s  fadeIn linear both ;
}

#s1.ani .w2{
    -webkit-animation:1.5s  fadeIn  linear both ;
    -moz-animation:1.5s  fadeIn  linear both;
    -o-animation:1.5s  fadeIn  linear both;
    animation:1.5s  fadeIn linear both ;
}



#s2{width: 100%;height: 100%;margin: 0 auto;background:url("../images/5/p2.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s2 .w0{width: 100%;height: 100%;position:absolute;top:0;left:0;background:url("../images/5/p2.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s2.ani .w0{
    -webkit-animation:1.5s  fadeIn  linear both ;
    -moz-animation:1.5s  fadeIn  linear both;
    -o-animation:1.5s  fadeIn  linear both;
    animation:1.5s  fadeIn linear both ;
}


#s3{width: 100%;height: 100%;margin: 0 auto;background:url("../images/5/p3.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s3 .w0{width: 100%;height: 100%;position:absolute;top:0;left:0;background:url("../images/5/p3.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s3.ani .w0{
    -webkit-animation:1.5s  fadeIn  linear both ;
    -moz-animation:1.5s  fadeIn  linear both;
    -o-animation:1.5s  fadeIn  linear both;
    animation:1.5s  fadeIn linear both ;
}

#s4{width: 100%;height: 100%;margin: 0 auto;background:url("../images/5/p4.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s4 .w0{width: 100%;height: 100%;position:absolute;top:0;left:0;background:url("../images/5/p4.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s4.ani .w0{
    -webkit-animation:1.5s  fadeIn  linear both ;
    -moz-animation:1.5s  fadeIn  linear both;
    -o-animation:1.5s  fadeIn  linear both;
    animation:1.5s  fadeIn linear both ;
}

#s5{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/5/p5.0.jpg?1") no-repeat 0 0;background-size:225% 100%;}
#s5 .w0{width: 225%;height: 100%;top:0%;left:0%;background:url("../images/5/p5.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s5 .w1{width: 100%;height: 100%;position:absolute;top:0;left:0;background:url("../images/5/p5.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s5.ani .w0{
    -webkit-animation:20s 1s scroll_s5  linear both infinite;
    -moz-animation:20s 1s scroll_s5 linear both infinite;
    -o-animation:20s 1s scroll_s5  linear both infinite;
    animation:20s 1s scroll_s5 linear both infinite;
}
#s5.ani .w1{
    -webkit-animation:1s  fadeIn  linear both ;
    -moz-animation:1s  fadeIn  linear both;
    -o-animation:1s  fadeIn  linear both;
    animation:1s  fadeIn linear both ;
}

#s6{width: 100%;height: 100%;margin: 0 auto;background:url("../images/5/p6.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s6 .w0{width: 100%;height: 100%;position:absolute;top:0;left:0;background:url("../images/5/p6.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s6.ani .w0{
    -webkit-animation:1.5s  fadeIn  linear both ;
    -moz-animation:1.5s  fadeIn  linear both;
    -o-animation:1.5s  fadeIn  linear both;
    animation:1.5s  fadeIn linear both ;
}


#s7{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/5/p7.0.jpg?1") no-repeat 0 0;background-size:190% 100%;}
#s7 .w0{width: 190%;height: 100%;top:0%;left:0%;background:url("../images/5/p7.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s7 .w1{width: 100%;height: 100%;position:absolute;top:0;left:0;background:url("../images/5/p7.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s7.ani .w0{
    -webkit-animation:20s 1s scroll_s7  linear both infinite;
    -moz-animation:20s 1s scroll_s7  linear both infinite;
    -o-animation:20s 1s scroll_s7  linear both infinite;
    animation:20s 1s scroll_s7 linear both infinite;
}

#s7.ani .w1{
    -webkit-animation:1.5s  fadeIn  linear both ;
    -moz-animation:1.5s  fadeIn  linear both;
    -o-animation:1.5s  fadeIn  linear both;
    animation:1.5s  fadeIn linear both ;
}



#s8{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/5/p8.0.jpg?1") no-repeat 0 0;background-size:190% 100%;}
#s8 .w0{width: 190%;height: 100%;top:0%;left:0%;background:url("../images/5/p8.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s8 .w1{width: 100%;height: 100%;position:absolute;top:0;left:0;background:url("../images/5/p8.1.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0;}
/*#s9 .w2{width: 100%;height: 100%;position:absolute;top:0;left:0;background:url("../images/5/p8.1.2.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}*/
#s8 .w3{width: 100%;height: 100%;position:absolute;top:0;left:0;background:url("../images/5/p8.1.3.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s8.ani .w0{
    -webkit-animation:25s 0.5s scroll_s8  linear both infinite;
    -moz-animation:25s 0.5s scroll_s8  linear both infinite;
    -o-animation:25s 0.5s scroll_s8  linear both infinite;
    animation:25s 0.5s scroll_s8 linear both infinite;
}

#s8.ani .w1{
    -webkit-animation:1.5s  fadeIn  linear both ;
    -moz-animation:1.5s  fadeIn  linear both;
    -o-animation:1.5s  fadeIn  linear both;
    animation:1.5s  fadeIn linear both ;
}

/*#s9.ani .w2{*/
    /*-webkit-animation:8s 4s fadeIn_s9_w1  linear infinite ;*/
    /*-moz-animation:8s 4s fadeIn_s9_w1  linear infinite;*/
    /*-o-animation:8s 4s fadeIn_s9_w1  linear infinite;*/
    /*animation:8s 4s fadeIn_s9_w1 linear infinite ;*/
/*}*/




#s9{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/5/p9.0.jpg?1") no-repeat 0 0;background-size:184% 100%;}
#s9 .w0{width: 184%;height: 100%;top:0%;left:0%;background:url("../images/5/p9.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s9 .w1{width: 100%;height: 100%;position:absolute;top:0;left:0;background:url("../images/5/p9.1.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
/*#s10 .w2{width: 100%;height: 100%;position:absolute;top:0;left:0;background:url("../images/5/p9.1.2.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}*/
#s9 .w3{width: 100%;height: 100%;position:absolute;top:0;left:0;background:url("../images/5/p9.1.3.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s9.ani .w0{
    -webkit-animation:25s 0.5s scroll_s9  linear both infinite;
    -moz-animation:25s 0.5s scroll_s9  linear both infinite;
    -o-animation:25s 0.5s scroll_s9  linear both infinite;
    animation:25s 0.5s scroll_s9 linear both infinite;
}

#s9.ani .w1{
    -webkit-animation:1.5s  fadeIn  linear both ;
    -moz-animation:1.5s  fadeIn  linear both;
    -o-animation:1.5s  fadeIn  linear both;
    animation:1.5s  fadeIn linear both ;
}

/*#s10.ani .w2{*/
    /*-webkit-animation:8s 4s fadeIn_s9_w1  linear infinite ;*/
    /*-moz-animation:8s 4s fadeIn_s9_w1  linear infinite;*/
    /*-o-animation:8s 4s fadeIn_s9_w1  linear infinite;*/
    /*animation:8s 4s fadeIn_s9_w1 linear infinite ;*/
/*}*/
#s10{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/5/p10.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s10 .w0{width: 100%;height: 100%;top:0;left:0;background:url("../images/5/p9.2new.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s10 .s10_hand{width: 13%;height: 9%;top:38%;left:60%;position:absolute;background:url("../images/5/p9.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s10 .w0 .click1{top:71%;left:19%;width:17%;height:16%;}
#s10 .w0 .click2{top:70%;left:61%;width:19%;height:17%;}
#s10 .w0 .click3{top:14%;left:32%;width:36%;height:30%;}
#s10.ani .w0{
    -webkit-animation:1s  fadeTop  ;
    -moz-animation:1s  fadeTop ;
    -o-animation:1s  fadeTop ;
    animation:1s  fadeTop  ;
}
#s10.ani .s10_hand{
    -webkit-animation:1.5s 1s s10_hand linear  infinite;
    -moz-animation:1.5s 1s s10_hand  linear infinite;
    -o-animation:1.5s 1s s10_hand linear infinite;
    animation:1.5s 1s s10_hand linear infinite;
}


@keyframes fadeTop {
    0% {  top:-100%  }
    100% { top:0  }
}
@-webkit-keyframes fadeTop {
    0% {  top:-100%  }
    100% {  top:0 }
}
@-moz-keyframes fadeTop {
    0% {  top:-100%  }
    100% { top:0  }
}
@-o-keyframes fadeTop {
    0% {  top:-100%  }
    100% {  top:0 }
}







@-webkit-keyframes bubble{
    0%{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes bubble{
    0%{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@keyframes fadeIn {     /*逐渐显示*/
    0% {  opacity: 0;  }
    100% {  opacity: 1;  }
}
@-webkit-keyframes fadeIn {     /*逐渐显示*/
    0% {  opacity: 0;  }
    100% {  opacity: 1;  }
}
@-moz-keyframes fadeIn {     /*逐渐显示*/
    0% {  opacity: 0;  }
    100% {  opacity: 1;  }
}
@-o-keyframes fadeIn {     /*逐渐显示*/
    0% {  opacity: 0;  }
    100% {opacity: 1;}
}

@keyframes fadeIn_tv {     /*逐渐显示*/
    0% {  opacity: 0.2;  }
    50% {  opacity: 1;  }
    100% {  opacity: 0.2;  }
}
@-webkit-keyframes fadeIn_tv {     /*逐渐显示*/
    0% {  opacity: 0.2;  }
    50% {  opacity: 1;  }
    100% {  opacity: 0.2;  }
}
@-moz-keyframes fadeIn_tv {     /*逐渐显示*/
    0% {  opacity: 0.2;  }
    50% {  opacity: 1;  }
    100% {  opacity: 0.2;  }
}
@-o-keyframes fadeIn_tv {     /*逐渐显示*/
    0% {  opacity: 0.2;  }
    50% {  opacity: 1;  }
    100% {  opacity: 0.2;  }
}



@-webkit-keyframes s10_hand {     /*小手闪动*/
    0% {  opacity: 0;  }
    50% {  opacity: 1;  }
    100% {  opacity:0;  }
}
@-moz-keyframes s10_hand {     /*小手闪动*/
    0% {  opacity: 0;  }
    50% {  opacity: 1;  }
    100% {  opacity:0;  }
}
@-o-keyframes s10_hand {     /*小手闪动*/
    0% {  opacity: 0;  }
    50% {  opacity: 1;  }
    100% {  opacity:0;  }
}
@keyframes s10_hand {     /*小手闪动*/
    0% {  opacity: 0;  }
    50% {  opacity: 1;  }
    100% {  opacity:0;  }
}


@-webkit-keyframes fadeIn_s8_w1 {     /*小手闪动*/
    0% {  opacity: 0;  }
    10%{opacity: 1; }
    47%{opacity: 1; }
    50% {  opacity:0;  }
    100% {  opacity:0;  }
}
@-moz-keyframes fadeIn_s8_w1 {     /*小手闪动*/
    0% {  opacity: 0;  }
    10%{opacity: 1; }
    47%{opacity: 1; }
    50% {  opacity:0;  }
    100% {  opacity:0;  }
}
@-o-keyframes fadeIn_s8_w1 {     /*小手闪动*/
    0% {  opacity: 0;  }
    10%{opacity: 1; }
    47%{opacity: 1; }
    50% {  opacity:0;  }
    100% {  opacity:0;  }
}
@keyframes fadeIn_s8_w1 {     /*小手闪动*/
    0% {  opacity: 0;  }
    10%{opacity: 1; }
    47%{opacity: 1; }
    50% {  opacity:0;  }
    100% {  opacity:0;  }
}




@keyframes scroll_s0   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-95%;}
    100%{opacity:1;left:0;}
}
@-webkit-keyframes scroll_s0   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-95%;}
    100%{opacity:1;left:0;}
}
@-moz-keyframes scroll_s0   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-95%;}
    100%{opacity:1;left:0;}
}
@-o-keyframes scroll_s0   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-95%;}
    100%{opacity:1;left:0;}
}




/*@keyframes scroll_s1   !*背景图左侧移动*!*/
/*{*/
    /*0%{opacity:1;left:-24%;}*/
    /*50%{opacity:1;left:0;}*/
    /*100%{opacity:1;left:-24%;}*/
/*}*/
/*@-webkit-keyframes scroll_s1   !*背景图左侧移动*!*/
/*{*/
    /*0%{opacity:1;left:-24%;}*/
    /*50%{opacity:1;left:0;}*/
    /*100%{opacity:1;left:-24%;}*/
/*}*/
/*@-o-keyframes scroll_s1   !*背景图左侧移动*!*/
/*{*/
    /*0%{opacity:1;left:-24%;}*/
    /*50%{opacity:1;left:0;}*/
    /*100%{opacity:1;left:-24%;}*/
/*}*/
/*@-moz-keyframes scroll_s1   !*背景图左侧移动*!*/
/*{*/
    /*0%{opacity:1;left:-24%;}*/
    /*50%{opacity:1;left:0;}*/
    /*100%{opacity:1;left:-24%;}*/
/*}*/

@keyframes scroll_s5  /*背景图左侧移动*/
{
    0%{opacity:1;left:-125%;}
    50%{opacity:1;left:0;}
    100%{opacity:1;left:-125%;}
}
@-webkit-keyframes scroll_s5   /*背景图左侧移动*/
{
    0%{opacity:1;left:-125%;}
    50%{opacity:1;left:0;}
    100%{opacity:1;left:-125%;}
}
@-o-keyframes scroll_s5   /*背景图左侧移动*/
{
    0%{opacity:1;left:-125%;}
    50%{opacity:1;left:0;}
    100%{opacity:1;left:-125%;}
}
@-moz-keyframes scroll_s5  /*背景图左侧移动*/
{
    0%{opacity:1;left:-125%;}
    50%{opacity:1;left:0;}
    100%{opacity:1;left:-125%;}
}

@keyframes scroll_s7  /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-90%;}
    100%{opacity:1;left:0;}
}
@-webkit-keyframes scroll_s7   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-90%;}
    100%{opacity:1;left:0;}
}
@-o-keyframes scroll_s7   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-90%;}
    100%{opacity:1;left:0;}
}
@-moz-keyframes scroll_s7  /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-90%;}
    100%{opacity:1;left:0;}
}

@keyframes scroll_s8  /*背景图左侧移动*/
{
    0%{opacity:1;left:0%;}
    50%{opacity:1;left:-72%;}
    100%{opacity:1;left:0;}
}
@-webkit-keyframes scroll_s8   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-72%;}
    100%{opacity:1;left:0;}
}
@-o-keyframes scroll_s8   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-72%;}
    100%{opacity:1;left:0;}
}
@-moz-keyframes scroll_s8  /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-72%;}
    100%{opacity:1;left:0;}
}

@keyframes scroll_s9  /*背景图左侧移动*/
{
    0%{opacity:1;left:-84%;}
    50%{opacity:1;left:0;}
    100%{opacity:1;left:-84%;}
}
@-webkit-keyframes scroll_s9   /*背景图左侧移动*/
{
    0%{opacity:1;left:-84%;}
    50%{opacity:1;left:0;}
    100%{opacity:1;left:-84%;}
}
@-o-keyframes scroll_s9   /*背景图左侧移动*/
{
    0%{opacity:1;left:-84%;}
    50%{opacity:1;left:0;}
    100%{opacity:1;left:-84%;}
}
@-moz-keyframes scroll_s9  /*背景图左侧移动*/
{
    0%{opacity:1;left:-84%;}
    50%{opacity:1;left:0;}
    100%{opacity:1;left:-84%;}
}




