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%;z-index: 99}
.load_val{width:20%;}
.load_anime{position:absolute;width:100%;height:100%;}
.loading_line{position:absolute;width:51.2%;height:0.9%;top:60%;left:25.8%;background:#b7b0a8}
/*.loading_2{position:absolute;width:100%;height:100%;bottom:0;left:0;}*/
.loading_line_blank{position:absolute;width:0%;height:100%;background-color:#5d5d5f;}
a{opacity:1}
/*loading*/

.loading_gif{
    width: 100%;height: 100%;position: absolute;left:0;top:0;
}
/*.loading2{*/
    /*position:absolute;width:100%;height:100%;background:url("../images/p0.2.png?2") no-repeat 0 0;background-size:100% 100%;display: none;*/
/*}*/
/*.loading2_click{position:absolute;width:50%;height:10%;left:25%;top:83%;}*/
/*.loading11{*/
    /*position:absolute;top:74%;left:33.43%;width: 36%;height:6px;background-color: #fdcf39  ;*/
/*}*/
/*.loading11_1{*/
    /*position:absolute;top:0;left:0;width: 0;height:100%;background-color: #d92f1e;*/
/*}*/
/*音乐*/
.music_blk{z-index:999;position:fixed;right:10px;top:20px;}
.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.5s linear infinite;
    animation:rotate 1.5s linear infinite;
}

.bg0{
    width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;overflow: hidden ;background:url("../images/p0.jpg") no-repeat 0 0;background-size:100% 100%;
}
.bg0_1{
    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;
}
.bg0_2{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.2.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg0_3{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.3.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg0_4{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.12.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg0.ani .bg0_1{
    -webkit-animation:Out 0.5s 0.2s linear both;
    animation:Out 0.5s 0.2s linear both;
}
.bg0.ani .bg0_2{
    -webkit-animation:Out 0.7s 1s linear both;
    animation:Out 0.7s 1s linear both;
}
.bg0.ani .bg0_3{
    -webkit-animation:Out 0.5s 2s linear both;
    animation:Out 0.5s 2s linear both;
}

.bg0.ani .bg0_4{
    -webkit-animation:bg0_4 1s 2.5s linear infinite;
    animation:bg0_4 1s 2.5s linear infinite;
}



.bg1{    width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;overflow: hidden ;background:url("../images/p1.jpg") no-repeat 0 0;background-size:100% 100%;}

.bg1_2{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p1.2.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg1_4{
    width:100% ;height:100%;position: absolute;left:0;top:0;background:url("../images/p1.3.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg1_click{
    width: 51%;height:10%;position: absolute;top:83%;left:25%;
}
.bg1.ani .bg1_2{
    -webkit-animation:Out 0.5s 0.2s linear both;
    animation:Out 0.5s 0.2s linear both;
}
.bg1.ani .bg1_4{
    -webkit-animation:Out 0.7s 1s linear both;
    animation:Out 0.7s 1s linear both;
}








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

.bg2_1{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p2.1.png") no-repeat 0 0;background-size:100% 100%;
}
.bg2_img{
    width: 100%;height:100%;position: absolute;top:0;left:0;
}

.bg2_add{
    width:50% ;height:9%;position: absolute;top:84%;left:23%;background:url("../images/addp2.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg2_3{
    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;
}
.bg2_4{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p2.4.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg2_5{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p2.5.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg2_6{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p2.6.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg2_click{
    width: 51%;height:10%;position: absolute;top:75%;left:25%;
}
.bg2.ani .bg2_3{
    -webkit-animation:Out 0.5s 0.2s linear both;
    animation:Out 0.5s 0.2s linear both;
}
.bg2.ani .bg2_4{
    -webkit-animation:Out 0.5s 1s linear both;
    animation:Out 0.5s 1s linear both;
}
.bg2.ani .bg2_5{
    -webkit-animation:Out 0.5s 1.7s linear both;
    animation:Out 0.5s 1.7s linear both;
}
.bg2.ani .bg2_6{
    -webkit-animation:Out 0.7s 1.7s linear both;
    animation:Out 0.7s 1.7s linear both;
}
.bg2_add.ani{
    -webkit-animation:Out 0.7s 0.1s linear both;
    animation:Out 0.7s 0.1s linear both;
}


.bg3{    width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;overflow: hidden ;background:url("../images/p3.jpg") no-repeat 0 0;background-size:100% 100%}

.bg3_3{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p3.3.png") no-repeat 0 0;background-size:100% 100%;
}
.bg3_img{
    width: 100%;height:100%;position: absolute;top:0;left:0; display:none
}
.bg3_add{
    width:50% ;height:9%;position: absolute;top:84%;left:23%;background:url("../images/addp3.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg3_5{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p3.5.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg3_6{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p3.6.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg3_click{
    width: 51%;height:10%;position: absolute;top:75%;left:25%;
}
.bg3.ani .bg3_6{
    -webkit-animation:Out 1s 1s linear both;
    animation:Out 1s 1s linear both;
}
.bg3.ani .bg3_5{
    -webkit-animation:Out 1s 2s linear both;
    animation:Out 1s 2s linear both;
}
.bg3_add.ani{
    -webkit-animation:Out 0.7s 0.1s linear both;
    animation:Out 0.7s 0.1s linear both;
}




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

.bg4_1{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.1.png") no-repeat 0 0;background-size:100% 100%;
}
.bg4_img{
    width: 100%;height:100%;position: absolute;top:0;left:0;display:none;
}
.bg4_2{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.2.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg4_add{
    width:50% ;height:9%;position: absolute;top:73%;left:23%;background:url("../images/addp2.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg4_4{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.4.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg4_click{
    width: 51%;height:10%;position: absolute;top:73%;left:25%;
}

.bg4.ani .bg4_4{
    -webkit-animation:Out 1s 1.5s linear both;
    animation:Out 1s 1.5s linear both;
}
.bg4.ani .bg4_2{
    -webkit-animation:Out 0.7s 3s linear both;
    animation:Out 0.7s 3s linear both;
}
.bg4_add.ani{
    -webkit-animation:Out 0.7s 0.1s linear both;
    animation:Out 0.7s 0.1s linear both;
}




.bg5{    width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;overflow: hidden ;background:url("../images/p2.jpg") no-repeat 0 0;background-size:100% 100%}
.bg5_3{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p5.8.png") no-repeat 0 0;background-size:100% 100%;
}
.bg5_4{
    width:100% ;height:100%;position: absolute;top:0;left:-72%;background:url("../images/p5.4.png") no-repeat 0 0;background-size:100% 100%;transition: 1s;-webkit-transition: 1s;
}

.bg5_1{
    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;
}

.bg5_2{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p5.2.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}


.bg5_5{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p5.5.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}

.bg5_6{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p5.6.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg5_click{
    width: 51%;height:10%;position: absolute;top:77%;left:24%;
}

.bg5.ani .bg5_1{
    -webkit-animation:Out 0.5s 0.2s linear both;
    animation:Out 0.5s 0.2s linear both;
}
.bg5.ani .bg5_2{
    -webkit-animation:Out 0.7s 1s linear both;
    animation:Out 0.7s 1s linear both;
}
.bg5.ani .bg5_5{
    -webkit-animation:Out 0.5s 2s linear both;
    animation:Out 0.5s 2s linear both;
}
.bg5.ani .bg5_6{
    -webkit-animation:Out 0.7s 2.5s linear both;
    animation:Out 0.7s 2.5s linear both;
}



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

.bg6_1{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p6.1.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg6_video_click{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p6.8.png") no-repeat 0 0;background-size:100% 100%;
}
.bg6_2{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p6.2.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg6_3{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p6.3.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg6_4{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p6.4.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg6_7{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p6.7.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.share{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/share.png") no-repeat 0 0;background-size:100% 100%;display:none
}
.bg6_hand{
    width: 18%;
    height: 8%;
    position: absolute;
    top: 29%;
    left: 57%;
    background: url("../images/hand.png") no-repeat 0 0;
    background-size: 100% 100%;
}
.bg6_click1{
    width: 40%;
    height: 6%;
    position: absolute;
    top: 81%;
    left: 8%;
    /*background-color: #0a95a5;*/
    /*opacity: 0.3;*/
}
.bg6_share{
    width: 40%;
    height: 7%;
    position: absolute;
    top: 80%;
    left: 50%;
    /*background-color: #0a95a5;*/
    /*opacity: 0.3;*/
}
.video_click{
    width: 70%;
    height: 25%;
    position: absolute;
    top: 13%;
    left: 14%;
    /*background-color: #0a95a5;*/
    /*opacity: 0.3;*/
}




.bg6.ani .bg6_1{
    -webkit-animation:Out 0.5s 0.2s linear both;
    animation:Out 0.5s 0.2s linear both;
}
.bg6.ani .bg6_2{
    -webkit-animation:Out 0.7s 1s linear both;
    animation:Out 0.7s 1s linear both;
}
.bg6.ani .bg6_3,.bg6.ani .bg6_4{
    -webkit-animation:Out 0.5s 2s linear both;
    animation:Out 0.5s 2s linear both;
}
.bg6.ani .bg6_7{
    -webkit-animation:Out 0.7s 2.5s linear both;
    animation:Out 0.7s 2.5s linear both;
}
/*.bg6.ani .bg6_7{*/
    /*-webkit-animation:Out 0.7s 3.5s linear both;*/
    /*animation:Out 0.7s 3.5s linear both;*/
/*}*/
















@-webkit-keyframes bg0_4 /* Safari 和 Chrome */
{
    0%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,-2%,0);transform:translate3d(0,-2%,0)}
}

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




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

@-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 Out
{
    0%{opacity: 0}
    100%{opacity: 1}
}

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

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

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


@-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)}
}

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






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

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

@-webkit-keyframes bg7_0{
    0%{opacity: 0}
    10%{opacity:1}
    90%{opacity:1}
    100%{opacity: 0}
}

@keyframes bg7_0{
    0%{opacity: 0}
    10%{opacity:1}
    90%{opacity:1}
    100%{opacity: 0}
}

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

@keyframes bg1_0
{
    0%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(-52.7%,0,0)}
}

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

@keyframes bg1_2
{
    0%{transform:scale(1)}
    100%{transform:scale(1.2)}
}

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

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


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

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

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



@-webkit-keyframes bg2_0/* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{-webkit-transform:translate3d(53%,0,0);transform:translate3d(53%,0,0)}
}
@keyframes bg2_0
{
    0%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(53%,0,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}
}