*{margin: 0;padding: 0}
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:url('../images/loading.jpg?3');background-size:100% 100%;z-index: 99}
.loading_img{
    position: absolute;top:5%;left:5%;width: 9%;;height: 18%;
}
/*.loading1{position:absolute;width:120px;height:120px;background:url('../images/img1/loading1.png');background-size:100% 100%;top:25%;left:25%;*/
    /*-webkit-animation:rotate 1.2s linear infinite;*/
    /*animation:rotate 1.2s linear infinite;*/
/*}*/
/*.loading11{*/
    /*position:absolute;top:55%;left:33%;width: 35.26%;height:4px;background-color: #d4d2d1;*/
/*}*/
/*.loading11_1{*/
     /*position:absolute;top:0;left:0;width: 0;height:100%;background-color: #777878;*/
 /*}*/

/*.loading.ani{*/
    /*-webkit-animation: 0.5s 0.1s Out1 linear both;*/
    /*animation: 0.5s 0.1s Out1 linear both;*/
/*}*/

a{opacity:1}
/*loading*/

/*音乐*/
.music_blk{z-index:999;position:fixed;right:5px;top:5px;display: none}
.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;*/
}

.swiper-container{position:absolute;width:100%;height:100%}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}

#video1{position:absolute;width: 100%;height:100%;top:0;left:0}
#video1_1{object-fit: fill}

.bg0{position: absolute;top:0;left:0;width: 100%;height:100%;display: none}
/*.img1{position:absolute;width: 100%;height: 100%;background:url("../images/p0.jpg?3") no-repeat 0 0;background-size:100% 100%;z-index:5}*/

#ww1{position: absolute;width:12%;height:10.11%;left:0;bottom:0;background:url("../images/jump.png?3") no-repeat 0 0;background-size:100% 100%;;}


#fuceng{
    width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;background:url("../images/2.jpg?3") no-repeat 0 0;background-size:100% 100%;;
}
#main{
    width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;
}



.bg{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;z-index:100}
.bg0{width: 100%;height: 100%;position:absolute;left:0;top:0;}

.bg_click{
    width: 100%;height: 100%;margin: 0 auto;position: absolute;background:url("../images/p0.jpg?3") no-repeat 0 0;background-size:100% 100%;top:0;left:0;
}

.bg .arrow{
    -webkit-animation:1s 1s arrow infinite;
    animation:1s 1s arrow infinite ;
}

/*#bg0.ani .bg0_1_2{*/
    /*-webkit-animation: 30s 0.5s bg0_1 linear both;*/
    /*animation: 30s 0.5s bg0_1 linear both;*/
/*}*/

/*#bg0.ani .bg0_2{*/
    /*-webkit-animation: 4s 1s bg0_3 linear both;*/
    /*animation: 4s 1s bg0_3 linear both;*/
/*}*/

/*#bg0.ani .bg0_3{*/
    /*-webkit-animation: 0.8s 5s bg0_4 linear both;*/
    /*animation: 0.8s 5s bg0_4 linear both;*/
/*}*/


/*#bg0.ani .arrow{*/
    /*-webkit-animation:1s 8s arrow infinite;*/
    /*animation:1s 8s arrow infinite ;*/
/*}*/


#ss{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0}


#s0{background:url('../images/p1.jpg?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
/*.s0_0{background:url('../images/p1.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity: 1;}*/
/*.s0_1{background:url('../images/p1.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity: 1;}*/
/*.s0_2{background:url('../images/p1.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity: 1;}*/
/*#s0.ani .s0_0{*/
    /*-webkit-animation: 0.5s 0.3s Out linear both;*/
    /*animation: 0.5s 0.3s Out linear both;*/
/*}*/
/*#s0.ani .s0_1{*/
    /*-webkit-animation: 0.8s 1.2s Out linear both;*/
    /*animation: 0.8s 1.2s Out linear both;*/
/*}*/

/*#s0.ani .s0_2{*/
    /*-webkit-animation: 0.8s 2.2s Out linear both;*/
    /*animation: 0.8s 2.2s Out linear both;*/
/*}*/
#s0.ani .arrow{
    -webkit-animation:1s 3s arrow infinite;
    animation:1s 3s arrow infinite ;
}

#s1{width: 100%;height:100%;}
.s1_0{background:url('../images/p2.jpg?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 1;top:0;left:0}
.s1_1{background:url('../images/p2.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 27%;height:46%;opacity: 1;right:0;bottom:0}
#s1 .arrow{background:url('../images/arrow2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;left:0}
#s1.ani .arrow{
    -webkit-animation:1s 1s arrow infinite;
    animation:1s 1s arrow infinite ;
}
/*#s1.ani .s1_0{*/
    /*-webkit-animation:0.6s 0.3s Out linear both;*/
    /*animation:0.6s 0.3s Out linear both;*/
/*}*/

#s1.ani .s1_1{
    -webkit-animation:1s 0.5s Out linear both;
    animation:1s 0.5s Out linear both;
}

/*#s1.ani .s1_2{*/
    /*-webkit-animation:1s 3s Out linear both;*/
    /*animation:1s 3s Out linear both;*/
/*}*/


#s2{background:url('../images/p3.jpg?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s2_0{background:url('../images/p3.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}
.s2_1{background:url('../images/hand.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.s2_click{width: 11%;height:31%;position: absolute;top:35%;left:16%;opacity:1}
#s2.ani .s2_0{
    -webkit-animation:0.6s 0.3s Out linear both;
    animation:0.6s 0.3s Out linear both;
}
#s2.ani .s2_1{
    -webkit-animation:2s 1.2s shake linear infinite;
    animation:2s 1.2s shake linear infinite;
}


.bg1{
    width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;background:url('../images/p4.jpg?3') no-repeat 0 0;background-size:100% 100%;
}
.bg1_0{background:url('../images/p4.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}
.bg1_1{background:url('../images/p4.2.png?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;position: absolute;top:0;left:0;opacity:1}
.bg1_2{background:url('../images/p4.3.png?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;position: absolute;top:0;left:0;opacity:1}
.bg1_3{background:url('../images/p4.4.png?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;position: absolute;top:0;left:0;opacity:1}

.img11{position: absolute;width: 28%;height:18%;top:27.5%;left:26.5%}
.arrow{position: absolute;width: 15%;height:10%;top:92.5%;left:44.5%;background:url('../images/arrow1.png?3') no-repeat 0 0;background-size:100% 100%;opacity:0}

.div2{
    width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;background:url('../images/map3.jpg?3') no-repeat 0 0;background-size:100% 100%;
}
.div2_0{width: 100%;height:100%;opacity:1;position: absolute;;left:0;top:0;-webkit-overflow-scrolling:touch;overflow:auto;}
#frame0{opacity: 1}

.div3{
    width: 13.8%;height:21%;margin: 0 auto;opacity:0;position: absolute;left:8%;top:5%;background:url('../images/div3.png?3') no-repeat 0 0;background-size:100% 100%;
}

#s1.ani .div3{
    -webkit-animation:3s 0.2s shake1 linear both;
    animation:3s 0.2s shake1 linear both;
}


@-webkit-keyframes arrow {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 0}
    100% {-webkit-transform:translate3d(0,-20%,0);opacity: 1}
}

@keyframes arrow {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(0,-20%,0);opacity: 1}
}

@-webkit-keyframes loading12 {
    0% {-webkit-transform:translate3d(0,0,0);}
    100% {-webkit-transform:translate3d(5%,0,0);}
}

@keyframes loading12 {
    0% {transform:translate3d(0,0,0);}
    100% {transform:translate3d(5%,0,0);}
}
@-webkit-keyframes s3_0 {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 0}
    100% {-webkit-transform:translate3d(0,5%,0);opacity: 1}
}
@keyframes s3_0 {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(0,5%,0);opacity: 1}
}

@-webkit-keyframes s8 {
    0% {-webkit-transform:translate3d(0,0,0);}
    100% {-webkit-transform:translate3d(0,-5%,0);}

}
@keyframes s8 {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(0,-5%,0);opacity: 1}
}

@-webkit-keyframes bg0_0 {
    0% {-webkit-transform:translate3d(0,0,0);}
    100% {-webkit-transform:translate3d(-43%,0,0);}
}
@keyframes bg0_0 {
    0% {transform:translate3d(0,0,0);}
    100% {transform:translate3d(-43%,0,0);}
}

@-webkit-keyframes bg0_1 {
    0% {-webkit-transform:translate3d(0,0,0);}
    100% {-webkit-transform:translate3d(-100%,0,0);}
}
@keyframes bg0_1 {
    0% {transform:translate3d(0,0,0);}
    100% {transform:translate3d(-100%,0,0);}
}

@-webkit-keyframes bg0_3 {
    0% {-webkit-transform: scale(2);opacity: 0}
    10% {-webkit-transform: scale(1);opacity: 1;}
    85%{-webkit-transform: scale(1);opacity: 1;}
    100%{-webkit-transform: scale(1);opacity: 0;}
}
@keyframes bg0_3 {
    0% {transform: scale(2);opacity: 0}
    10% {transform: scale(1);opacity: 1}
    85%{-webkit-transform: scale(1);opacity: 1;}
    100%{-webkit-transform: scale(1);opacity: 0;}
}


@-webkit-keyframes bg0_4 {
    0% {-webkit-transform: scale(1.5);opacity: 0}
    100%{-webkit-transform: scale(1);opacity: 1;}
}
@keyframes bg0_4 {
    0% {transform: scale(1.5);opacity: 0}
    100%{-webkit-transform: scale(1);opacity: 1;}
}






@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {transform: rotate(0)}
    100% {transform: rotate(360deg);}
}

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


@-webkit-keyframes s7_0 {
    0%{opacity: 0}
    20%{opacity: 1}
    80%{opacity: 1}
    100%{opacity: 0}
}

@keyframes s7_0 {
    0%{opacity: 0}
    20%{opacity: 1}
    80%{opacity: 1}
    100%{opacity: 0}
}




@-webkit-keyframes shake{
    0%{opacity: 0}
    25%{opacity:1}
    50%{opacity: 0}
    75%{opacity:1}
    100%{opacity: 0}
}

@keyframes shake{
    0%{opacity: 0}
    25%{opacity:1}
    50%{opacity: 0}
    75%{opacity:1}
    100%{opacity: 0}
}

@-webkit-keyframes shake1{
    0%{opacity: 0}
    20%{opacity:1}
    40%{opacity: 0}
    60%{opacity: 1}
    80%{opacity:0}
    100%{opacity: 1}
}

@keyframes shake1{
    0%{opacity: 0}
    20%{opacity:1}
    40%{opacity: 0}
    60%{opacity: 1}
    80%{opacity:0}
    100%{opacity: 1}
}