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:white;background-size:100% 100%;z-index: 99}
.loading1{position:absolute;width: 0%;height: 28%;top:65%;left:18%;background-color:#f2c119;transform-origin:left top;-webkit-transform-origin:left top;transform: rotate(-90deg); -webkit-transform: rotate(-90deg) }
.load_anime{position:absolute;width: 100%;height: 100%;top:0;left:0;background:url("../images/loading.png?1") no-repeat 0 0;background-size:100% 100%;}

a{opacity:1}
/*loading*/

/*音乐*/
.music_blk{z-index:999;position:fixed;top:10px;right:10px;opacity: 0}
.music{display:block;width:30px;height:30px;background:url('../images/music.png') no-repeat;background-size:100% 100%;}

.img1{position:absolute;width: 100%;height: 100%;top:0;left:0;background:url("../images/p0.jpg?1") no-repeat 0 0;background-size:100% 100%;z-index:5}
.img1_1{position:absolute;width: 13.54%;height: 8.33%;top:72.5%;left:44%;background:url("../images/p0.1.png?1") no-repeat 0 0;background-size:100% 100%;
    animation:1s 0.2s scale_p0  infinite ;
    -webkit-animation:1s 0.2s scale_p0  infinite;
}
.img1_2{position:absolute;width: 100%;height: 100%;top:0;left:0;}

#video1{position:absolute;width: 100%;height: 100%;top:0;left:0;}


.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;opacity:1;position: relative;background:url("../images/p1.jpg?1") no-repeat 0 0;background-size:100% 100%;}

.s0_2{width: 100%;height: 100%;top:0;left:0;background:url("../images/p1.2.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s0_3{width: 100%;height: 100%;top:0;left:0;background:url("../images/p1.3.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
/*.s0_4{width: 100%;height: 100%;top:0;left:0;background:url("../images/p1.4.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;}*/

#s2{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:1;position: relative;background:url("../images/p2.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s1_1{width: 100%;height: 100%;top:0;left:0;background:url("../images/p2.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;}

#s1{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:1;position: relative;}
.div0{width: 100%;height: 100%;top:0;left:0;opacity: 1}
.s2_1{width: 100%;height: 100%;top:0;left:0;background:url("../images/p3-1.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s2_2{width: 100%;height: 100%;top:0;left:0;background:url("../images/p3-2.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
.s2_3{width: 100%;height: 100%;top:0;left:0;background:url("../images/p3-3.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
.s2_4{width: 100%;height: 100%;top:0;left:0;background:url("../images/p3-4.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
.click_left{width: 14%;height: 9%;top:49%;left:5%;}
.click_right{width: 14%;height: 9%;top:49%;right:5%;}
.hand{position:absolute;width: 6.45%;height: 3.96%;top:54.5%;left:86.5%;background:url("../images/hand.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s1.ani .hand{
    animation:1s 0.2s scale_p0  infinite ;
    -webkit-animation:1s 0.2s scale_p0  infinite;
}


#s3{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:1;position: relative;background:url("../images/p4.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s3_1{width: 100%;height: 100%;top:0;left:0;background:url("../images/p4.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;}

.arrow{width: 8.7%;height: 2.6%;background:url("../images/arrow.png?1") no-repeat 0 0;background-size:100% 100%;top:97%;left:46%;opacity: 1}

#s0.ani .s0_2{
    animation:1.2s 0.5s Out  both ;
    -webkit-animation:1.2s 0.5s Out  both;

}

#s0.ani .s0_3{
    animation:1.2s 2.2s Out  both ;
    -webkit-animation:1.2s 2.2s Out  both;

}
/*#s0.ani .s0_4{*/
    /*animation:2s 2.6s fadeIn infinite both ;*/
    /*-webkit-animation:2s 2.6s fadeIn infinite  both;*/
    /*-o-animation:2s 2.6s fadeIn infinite  both;*/
    /*-moz-animation:2s 2.6s fadeIn infinite  both;*/
/*}*/

#s0.ani .arrow{
    animation:1s 3.5s arrow1 infinite both ;
    -webkit-animation:1s 3.5s arrow1 infinite both;

}

#s1.ani .arrow{
    animation:1s 4s arrow1 infinite both ;
    -webkit-animation:1s 4s arrow1 infinite both;
}
#s2.ani .arrow{
    animation:1s 2.5s arrow1 infinite  both ;
    -webkit-animation:1s 2.5s arrow1 infinite  both;
}

#s2.ani .s1_1,#s3.ani .s3_1{
    animation:1.2s 0.5s Out  both ;
    -webkit-animation:1.2s 0.5s Out  both;
}






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






@keyframes fadeOut{
    0%{opacity: 1}
    50%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes fadeOut{
    0%{opacity: 1}
    50%{opacity:0}
    100%{opacity:1}
}


@keyframes Out{

    0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes Out{
    0%{opacity: 0}
    100%{opacity:1}
}


@keyframes arrow1{
    0%{top:98%;opacity: 0}
    100%{top:94%;opacity: 1}
}
@-webkit-keyframes arrow1{
    0%{top:95%;opacity: 0}
    100%{top:94%;opacity: 1}
}


@keyframes scale_p0{

    0%{transform: scale(1)}
    50%{transform: scale(1.2)}
    100%{transform: scale(1)}
}
@-webkit-keyframes scale_p0{
    0%{-webkit-transform: scale(1)}
    50%{-webkit-transform: scale(1.2)}
    100%{-webkit-transform: scale(1)}
}