html,body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute; font-family: sans-serif;overflow: hidden}
.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") no-repeat 0 0;background-size:100% 100%;z-index: 99}
.load_val{width:20%;}
.load_anime{position:absolute;width:100%;height:100%;}
.loading_door{
    width: 31.16%;height:39.13%;position: absolute;top:39.3%;left:30.5%;background:url("../images/loading.1.png") no-repeat 0 0;background-size:100% 100%;
}
.loading_text{
    width: 57.36%;height:2.5%;position: absolute;top:92%;left:23%;background:url("../images/loading.2.png") no-repeat 0 0;background-size:100% 100%;
}
.loading_p0{
    width: 100%;height:100%;position: absolute;top:0;left:0;
}
.p0_text{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.1.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.p0_arrow{
    width: 10.6%;height:7.9%;position: absolute;top:80%;left:28%;background:url("../images/p0.2.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.p0_shortText{
    width: 48.8%;height:2.45%;position: absolute;top:92%;left:23%;background:url("../images/p0.3.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.loading_click{
    width: 34%;height:40%;position: absolute;top:40%;left:30%;;
}
.loading.ani .loading_text{
    -webkit-animation: 1s 3s fade linear both;
    animation:1s 3s fade linear both;
}
.loading.ani .p0_text{
    -webkit-animation: 1s 0.8s Out linear both;
    animation:1s 0.8s Out linear both;
}
.loading.ani .p0_shortText{
    -webkit-animation: 1s 4s Out linear both;
    animation:1s 4s Out linear both;
}
.loading.ani .loading_door{
    -webkit-animation: 1s 2.5s door linear both;
    animation:1s 2.5s door linear both;
}
.loading.ani .p0_arrow{
    -webkit-animation: 2.5s 3.5s shake1 linear infinite;
    animation:2.5s 3.5s shake1 linear infinite;
}

.loading_line{position:absolute;width:36.7%;height:2%;top:24%;left:33.8%;background:#857971;border-radius: 50px;}
.loading_line_blank{position:absolute;width:0%;height:100%;background-color:#fff556;border-radius: 50px;}
a{opacity:1}

/*音乐*/
/*.music_blk{z-index:999;position:fixed;right:10px;top:10px;}*/
/*.music{display:block;width:30px;height:30px;background:url('../images/music_on.png?1') no-repeat;background-size:100% 100%;}*/
/*.music_on{*/
/*-webkit-animation:rotate 1.2s linear infinite;*/
/*animation:rotate 1.2s linear infinite;*/
/*}*/

/*.mask{width: 100%;height:100%;position: fixed;top:-100%;left:0;display: none;z-index: 1;background:url("../images/p1.10.png") no-repeat 0 0;background-size:100% 100%;}*/
/*.mask11{width: 100%;height:100%;background:url("../images/p1.11.png?2") no-repeat 0 0;background-size:100% 100%;}*/
/*!*#center_11{width: 100%;height: 100%;margin: 0 auto;opacity:1;position: absolute;top:0;left:0;overflow:hidden;background-color: #f8f8f8}*!*/
/*!*#center1{width: 100%;height:828.57%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;}*!*/
/*!*img{width: 90%;height:80%}*!*/




/*.bg0_1.ani .bg0_1_2{*/
    /*-webkit-animation: 0.1s 0.2s Out linear both;*/
    /*animation:0.1s 0.2s Out linear both;*/
/*}*/
/*.bg0_1.ani .bg0_1_3{*/
    /*-webkit-animation: 0.1s 0.5s Out linear both;*/
    /*animation:0.1s 0.5s Out linear both;*/
/*}*/


/*.bg0_hand{*/
    /*width:13%;height:18%;position: absolute;top:79%;left:76%;background:url("../images/hand.png?2") no-repeat 0 0;background-size:100% 100%;*/
/*}*/
/*.bg0_hand.ani{*/
    /*-webkit-animation: 2s 0.3s shake1 linear infinite;*/
    /*animation:2s 0.3s shake1 linear infinite;*/
/*}*/



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

.s2{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p1.jpg") no-repeat 0 0;background-size:100% 100%;
}
.s2_top,.s3_top,.s4_top{
    width: 120%;height:22.69%;
    position: absolute;top:0;left:0;background:url("../images/p000.png") no-repeat 0 0;background-size:100% 100%;
    transform-origin:center top;-webkit-transform-origin:center top;transform:rotateX(90deg) ;-webkit-transform: rotateX(90deg);
    -webkit-animation: 1s 0.5s s2_top linear both;
    animation:1s 0.5s s2_top linear both;
}
.s2_juration{
    width: 42.4%;
    height: 87.5%;
    position: absolute;
    top: 12.5%;
    left: 28.8%;
    background:url("../images/p1.8.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
    -webkit-animation: 0.01s 1.7s Out linear both;
    animation:0.01s 1.7s Out linear both;
}
.yellowArrow{
    width: 7.1%;height:2.2%;position: absolute;top:23.5%;left:47.7%;background:url("../images/p2.1.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.s2.ani .yellowArrow{
    -webkit-animation: 2s 2s shake1 linear infinite;
    animation:2s 2s shake1 linear infinite;
}
.s2_mask{
    width: 100%;height: 100%;position: absolute;top:0;left:0;
    background:url("../images/p1.10.png") no-repeat 0 0;background-size:100% 100%;display: none;
}
.s2_mask_text{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p1.11.png") no-repeat 0 0;background-size:100% 100%;
}
.s2_arrow,.s3_arrow,.s4_arrow,.s5_arrow,.s6_arrow{
    width: 13.3%;height:11%;position: absolute;top:84%;left:45%;background:url("../images/p1.9.png") no-repeat 0 0;background-size:100% 100%;display: none;opacity: 0;
    -webkit-animation: 2s 3s shake1 linear infinite;
    animation:2s 3s shake1 linear infinite;
}





.s3{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p2.jpg") no-repeat 0 0;background-size:100% 100%;
}
.s3_text_bg{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p2.3.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.s3_text{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p2.2.png") no-repeat 0 0;background-size:100% 100%;
}
.s3_Marx{
    width: 42.4%;
    height: 87.5%;
    position: absolute;
    top: 12.5%;
    left: 28.8%;
    background:url("../images/p2.4.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.s3.ani .s3_Marx{
    -webkit-animation: 0.01s 1.8s Out linear both;
    animation:0.01s 1.8s Out linear both;
}
.s3.ani .s3_text_bg{
    -webkit-animation: 0.01s 2s Out linear both;
    animation:0.01s 2s Out linear both;
}
.s3.ani .yellowArrow{
    -webkit-animation: 2s 2.5s shake1 linear infinite;
    animation:2s 2.5s shake1 linear infinite;
}


.s4{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p3.jpg") no-repeat 0 0;background-size:100% 100%;
}
.s4_1{
    width: 100%;height:100%;position: absolute;top:15%;left:0;opacity: 0;
}
.s4_text_bg{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p3.3.png") no-repeat 0 0;background-size:100% 100%;
}
.s4_text{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p3.5.png") no-repeat 0 0;background-size:100% 100%;
}

.s4_mv{
    width: 42.4%;
    height: 87.5%;
    position: absolute;
    top: 12.5%;
    left: 28.8%;
    background:url("../images/p3.6.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.s4_2{
    width: 100%;height:100%;position: absolute;top:15%;left:0;background:url("../images/p3.1.png") no-repeat 0 0;background-size:100% 100%;display: none;
}
.s4_2_text{
    width: 40.3%;height:26.5%;position: absolute;top:25%;left:29%;background:url("../images/p3.2.png") no-repeat 0 0;background-size:100% 100%;
}

.s4.ani .s4_1{
    -webkit-animation: 0.01s 2s Out linear both;
    animation:0.01s 2s Out linear both;
}
.s4.ani .s4_mv{
    -webkit-animation: 0.01s 1.8s Out linear both;
    animation:0.01s 1.8s Out linear both;
}
.s4.ani .yellowArrow{
    -webkit-animation: 2s 2.5s shake1 linear infinite;
    animation:2s 2.5s shake1 linear infinite;
}
.s5{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.jpg") no-repeat 0 0;background-size:100% 100%;
}
.s5_top{
    width: 100%;height:20.2%;position: absolute;top:0;left:0;background:url("../images/p000.png") no-repeat 0 0;background-size:100% 100%;
    transform-origin:center top;-webkit-transform-origin:center top;transform:rotateX(90deg) ;-webkit-transform: rotateX(90deg);
}
.s5_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;opacity: 0;
}
.s5_1_bg{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.4.png") no-repeat 0 0;background-size:100% 100%;
}
.s5_1_shortText{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.5.png") no-repeat 0 0;background-size:100% 100%;
}
.s5_1_turn,.s5_1_turn div{
    width: 100%;height:100%;position: absolute;top:0;left:0;
}

.s5_1_turn div:nth-of-type(1){
    background:url("../images/p4.8.png") no-repeat 0 0;background-size:100% 100%;
}
.s5_1_turn div:nth-of-type(2){
    background:url("../images/p4.9.png") no-repeat 0 0;background-size:100% 100%;display: none;
}
.s5_1_turn div:nth-of-type(3){
    background:url("../images/p4.10.png") no-repeat 0 0;background-size:100% 100%;display: none;
}
.s5_1_turn div:nth-of-type(4){
    background:url("../images/p4.11.png") no-repeat 0 0;background-size:100% 100%;display: none;
}
.s5_1_turn div:nth-of-type(5){
    background:url("../images/p4.12.png") no-repeat 0 0;background-size:100% 100%;display: none;
}
.s5_1_turn div:nth-of-type(6){
    background:url("../images/p4.13.png") no-repeat 0 0;background-size:100% 100%;display: none;
}
.s5_yellowArrow{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.1.png") no-repeat 0 0;background-size:100% 100%;display: none;opacity: 0;
    -webkit-animation: 2.5s 2.5s shake1 linear infinite;
    animation:2.5s 2.5s shake1 linear infinite;
}
.s5_1_arrow{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.6.png") no-repeat 0 0;background-size:100% 100%;
}
.s5_top.ani{
    -webkit-animation: 1s 0.5s s2_top linear both;
    animation:1s 0.5s s2_top linear both;
}
.s5.ani .s5_1{
    -webkit-animation: 1s 0.6s Out linear both;
    animation:1s 0.6s Out linear both;
}
.turn_left{
    width: 15%;
    height: 8%;
    position: absolute;
    left: 14%;
    top: 48.5%;
}
.turn_right{
    width: 15%;
    height: 8%;
    position: absolute;
    right: 14%;
    top: 48.5%;
}
.s5_mv{
    width: 42.4%;
    height: 87.5%;
    position: absolute;
    top: 12.5%;
    left: 28.8%;
    background:url("../images/p4.7.png") no-repeat 0 0;background-size:100% 100%;
}




.s6{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/loading.jpg") no-repeat 0 0;background-size:100% 100%;
}
.s6_door{
    width: 31.16%;height:39.13%;position: absolute;top:39.3%;left:30.5%;background:url("../images/loading.1.png") no-repeat 0 0;background-size:100% 100%;
    -webkit-transform:translate3d(-88%,0,0);transform:translate3d(-88%,0,0)
}
.s6_text{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p5.1.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.s6_shortText{
    width: 73%;height:2.5%;position: absolute;top:93%;left:13%;background:url("../images/p5.2.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.s6.ani .s6_text{
    -webkit-animation: 0.5s 0.3s up1 linear both;
    animation:0.5s 0.3s up1 linear both;
}
.s6.ani .s6_shortText{
    -webkit-animation: 0.5s 1.2s Out linear both;
    animation:0.5s 1.2s Out linear both;
}

.div1{width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;display: none;z-index:6;background-color: #000;}
.div1_1,.div1_2,.div1_3{
    width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;display: none;
}

.xx,.video_xx{width: 20.41%;height:6.375%;position: fixed;top:2%;left:0;background:url("../images/back.png") no-repeat 0 0;background-size:100% 100%}


@-webkit-keyframes door /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{-webkit-transform:translate3d(-88%,0,0);transform:translate3d(-88%,0,0)}
}

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

@-webkit-keyframes s2_top /* Safari 和 Chrome */
{
    0%{width:120%;left:-10%}
    100%{width:100%;left:0;transform:rotateX(0) ;-webkit-transform: rotateX(0);}
}

@keyframes s2_top
{
    0%{width:120%;left:-10%}
    100%{width:100%;left:0;transform:rotateX(0) ;-webkit-transform: rotateX(0);}
}

/*.mask.ani{*/
    /*-webkit-animation:down1 0.6s .1s linear both;*/
    /*animation:down1 0.6s .1s linear both;*/
/*}*/
/*.dian{*/
    /*position: absolute;width: 15.45%;height:9.52%;top:4%;left:71%;background:url("../images/tip.png?2") no-repeat 0 0;background-size:100% 100%;*/
/*}*/
/*.tip{*/
    /*position: absolute;width: 100%;height:15%;top:0;left:0;*/
/*}*/
.s2.ani1,.s3.ani1,.s4.ani1,.s5.ani1{
    -webkit-animation: 1.5s 0s bg_scale linear both;
    animation:1.5s 0s bg_scale linear both;
}

@-webkit-keyframes bg_scale /* Safari 和 Chrome */
{
    0%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity: 1}
    100%{-webkit-transform:scale(1.5,1.5);transform:scale(1.5,1.5);opacity: 0}
}

@keyframes bg_scale
{
    0%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity: 1}
    100%{-webkit-transform:scale(1.5,1.5);transform:scale(1.5,1.5);opacity: 0}
}
@-webkit-keyframes up1 /* Safari 和 Chrome */
{
    0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}

@keyframes up1
{
    0%{opacity:0;transform:translate3d(0,10%,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}




@-webkit-keyframes s1_4
{
    0%{opacity: 1}
    49%{opacity: 1}
    50%{opacity: 0}
    59%{opacity: 0}
    60%{opacity: 1}
    100%{opacity: 1}
}

@keyframes s1_4
{
    0%{opacity: 1}
    49%{opacity: 1}
    50%{opacity: 0}
    59%{opacity: 0}
    60%{opacity: 1}
    100%{opacity: 1}
}


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

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

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




@-webkit-keyframes scale1 /* Safari 和 Chrome */
{
    0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(0.7);transform:scale(0.7)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}

@keyframes scale1
{
    0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(0.7);transform:scale(0.7)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}



/*.div0{width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;display: none;z-index:6;background-color: #333;}*/

/*.shipin{width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;background-color: #fff;}*/

/*.div2{*/
    /*width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;display: none;z-index:6;background-color: #fff;*/
/*}*/
/*.div2_0{width: 100%;height:100%;opacity:1;position: absolute;background-color:#fff;left:0;top:0;-webkit-overflow-scrolling:touch;overflow:auto;}*/

/*.xx1{width: 18%;height:12%;position: fixed;top:80%;left:3%;opacity: 0}*/
/*.xx2{width: 21%;height:10%;position: fixed;top:82%;left:78%;opacity: 0}*/
/*.div0_1{width: 100%;height:100%;position: absolute;left:0;top:0;display: none;background:url("../images/fenxiang.png?2") no-repeat 0 0;background-size:100% 100%;}*/
/*.bg_click{width: 100%;height:100%;position: absolute;top:0;left:0}*/
/*.xx3{width: 24%;height:15%;top:0;left:0;opacity: 0;position: absolute}*/







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

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