*{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%;z-index: 99}

/*.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:48%;left:33%;width: 35.26%;height:4px;background-color: #984e08;
}
.loading11_1{
     position:absolute;top:0;left:0;width: 0;height:100%;background-color: #c57223;
 }
/*.loading12{*/
    /*position:absolute;width:100%;height:100%;background:url('../images/hand.png?3');background-size:100% 100%;display: none;*/
    /*-webkit-animation:loading12 1.2s linear infinite;*/
    /*animation:loading12 1.2s linear infinite;*/
/*}*/
/*.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;
}



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

.bg_0{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1/p1.1.png?1') no-repeat;background-size:100% 100%;opacity: 0;
}
.bg_1{
    width: 100%;height: 100%;position: absolute;top:-5%;left:0;background:url('../images/p1/p1.2.png?1') no-repeat;background-size:100% 100%;opacity: 0;
}
.bg_2{
    width: 100%;height: 100%;position: absolute;top:-5%;left:0;background:url('../images/p1/p1.3.png?1') no-repeat;background-size:100% 100%;opacity:0;
}
.bg_click{width: 49%;height: 10%;position: absolute;top:87%;left:28%;}
/*.bg.ani .bg_0{*/
    /*-webkit-animation: 0.6s .2s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;*/
    /*animation: 0.6s .2s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;*/
/*}*/
.bg.ani .bg_1{
    -webkit-animation: 0.6s 0.3s Out linear both;
    animation: 0.6s 0.3s Out linear both;
}
.bg.ani .bg_2{
    -webkit-animation: 3s 1.5s shake1 linear  both;
    animation: 3s 1.5s shake1 linear  both;
}



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

.bg0_0{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2/p2.1.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}
.bg0_1{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2/p2.2.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}
.bg0_2{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2/p2.3.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}
.bg0_3{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2/p2.5.png?1') no-repeat;background-size:100% 100%;opacity: 0;
}

.bg0_mask{
    width: 100%;height:100%;position: absolute;top:0;left:0
}
.bg0_mask0{
    position: absolute;width: 45%;height:5%;left:13.5%
}
.circle{width: 16%;height:87%;position: absolute;left:0;top:14%;background:url('../images/p2/p2.4.png?1') no-repeat;background-size:100% 100%;display:none}
.bg0_click{width: 49%;height: 10%;position: absolute;top:87%;left:28%;display: none}
.bg0_mask_1{top:13.5%;  }
.bg0_mask_2{ top:19.2%;  }
.bg0_mask_3{top:35.2%;  }
.bg0_mask_4{ top:41%;  }
.bg0_mask_5{top:46.4%;  }
.bg0_mask_6{top:62.5%;  }
.bg0_mask_7{top:69%;  }
.bg0_mask_8{top:75.2%;  }
.bg0_6{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2/p2_add.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}
.bg0_5{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2/p2_1.jpg?1') no-repeat;background-size:100% 100%;opacity: 1;display: none;
}

.bg0_right,.bg0_err{ width: 100%;height: 100%;position: absolute;top:0;left:0; display:none }

.bg0_right_1{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2-1/p2-1.1.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}
.bg0_right_2{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2-1/p2-1.2.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}
.bg0_right_3{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2-1/p2-1.3.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}
.bg0_right_4{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2-1/p2-1.4.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}

.bg0_err_1{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2-2/p2-2.1.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}
.bg0_err_2{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2-2/p2-2.2.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}
.bg0_err_3{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2-2/p2-2.4.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}
.bg0_err_4{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2-2/p2-2.3.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}
.bg0_click1{width: 49%;height: 10%;position: absolute;top:87%;left:28%;}


.bg0_5.ani .bg0_right_1,.bg0_5.ani .bg0_err_1{
    -webkit-animation: 0.6s 0.1s Out linear both;
    animation: 0.6s 0.1s Out linear both;
}

.bg0_5.ani .bg0_right_2,.bg0_5.ani .bg0_err_2{
    -webkit-animation: 0.8s 1.2s Out linear both;
    animation: 0.8s 1.2s Out linear both;
}
.bg0_5.ani .bg0_right_3,.bg0_5.ani .bg0_err_3{
    -webkit-animation: 0.6s 2.5s Out linear both;
    animation: 0.6s 2.5s Out linear both;
}
.bg0_5.ani .bg0_right_4,.bg0_5.ani .bg0_err_4{
    -webkit-animation: 0.6s 2.5s Out linear both;
    animation: 0.6s 2.5s Out linear both;
}



/*.bg0.ani .bg0_0{*/
    /*-webkit-animation: 0.6s .2s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;*/
    /*animation: 0.6s .2s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;*/
/*}*/
/*.bg0.ani .bg0_1{*/
    /*-webkit-animation: 0.8s 1s Out linear both;*/
    /*animation: 0.8s 1s Out linear both;*/
/*}*/

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

.bg1_0{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p3/p3.1.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}
.bg1_1{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p3/p3.2.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}
.bg1_2{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p3/p3.3.png?1') no-repeat;background-size:100% 100%;opacity: 0;
}
.bg1_mask{
    width: 100%;height:100%;position: absolute;top:0;left:0
}
.bg1_mask0{
    position: absolute;width: 45%;height:5%;left:13.5%;
}


.bg1_click{width: 49%;height: 10%;position: absolute;top:87%;left:28%;display: none}
.bg1_mask_1{top:13.5%; }
.bg1_mask_2{ top:19.2%;}
.bg1_mask_3{top:25%; }
.bg1_mask_4{ top:31%;}
.bg1_mask_5{top:46.6%;}
.bg1_mask_6{top:52.5%;}
.bg1_mask_7{top:58.2%;}


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

.bg2_0{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p4/p4.1.png?1') no-repeat;background-size:100% 100%;opacity: 0;display:none
}
.bg2_1{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p4/p4.2.png?1') no-repeat;background-size:100% 100%;opacity:0;display:none
}
.bg2_2{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p4/p4.3.png?1') no-repeat;background-size:100% 100%;opacity: 0;display:none
}
.bg2_3{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p4/p4.4.png?1') no-repeat;background-size:100% 100%;opacity: 0;display:none
}
.bg2_4{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p4/p4.5.png?1') no-repeat;background-size:100% 100%;opacity:0;display:none
}
.bg2_5{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p4/p4.6.png?1') no-repeat;background-size:100% 100%;opacity: 1;
}

.bg2_click{width: 49%;height: 10%;position: absolute;top:82%;left:28%;}

.bg2.ani .bg2_0,.bg2.ani .bg2_1,.bg2.ani .bg2_2,.bg2.ani .bg2_3,.bg2.ani .bg2_4{
    -webkit-animation: 0.8s 0.2s Out linear both;
    animation: 0.8s 0.2s Out linear both;
}

.bg2.ani .bg2_5{
    -webkit-animation: 0.8s 1.5s Out linear both;
    animation: 0.8s 1.5s Out linear both;
}


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

.bg3_0{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p5/p5-1.png?1') no-repeat;background-size:100% 100%;opacity: 0;display:none
}
.bg3_1{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p5/p5-2.png?1') no-repeat;background-size:100% 100%;opacity:0;display:none
}
.bg3_2{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p5/p5-3.png?1') no-repeat;background-size:100% 100%;opacity: 0;display:none
}
.bg3_3{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p5/p5-4.png?1') no-repeat;background-size:100% 100%;opacity: 0;display:none
}
.bg3_4{
    width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p5/p5-5.png?1') no-repeat;background-size:100% 100%;opacity:0;display:none
}
.bg3_video_click{
    width: 66%;height: 24%;position: absolute;top:27%;left:17%;
}
.more_click{width: 36%;height: 10%;position: absolute;top:83%;left:13%;}
.more_click2{width: 38%;height: 10%;position: absolute;top:83%;left:53%;}
.bg3_5{
    width: 100%;height: 100%;position: absolute;top:0;left:0;display:none;background:url('../images/p5/p5_bg.png?1') no-repeat;background-size:100% 100%;
}

.xx{width: 16%;height: 12%;position: absolute;top:0;left:6%;}
.bg3.ani .bg3_0,.bg3.ani .bg3_1,.bg3.ani .bg3_2,.bg3.ani .bg3_3,.bg3.ani .bg3_4{
    -webkit-animation: 0.8s 0.2s Out linear both;
    animation: 0.8s 0.2s Out linear both;
}

.bg1_2.ani,.bg0_3.ani{
    -webkit-animation: 0.5s 0.1s Out linear both;
    animation: 0.5s 0.1s Out linear both;
}

.bg4{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;background:url('../images/add.jpg?1') no-repeat;background-size:100% 100%;}
.bg4_click1{width: 33%;height: 7%;position: absolute;top:13%;left:62%;}
.bg4_click2{width: 33%;height: 7%;position: absolute;top:30%;left:62%}
.bg4_click3{width: 33%;height: 7%;position: absolute;top:48%;left:62%}
.bg4_click4{width: 33%;height: 7%;position: absolute;top:63%;left:62%}
.bg4_click5{width: 33%;height: 7%;position: absolute;top:83%;left:62%}




/*@-webkit-keyframes bg1_0 {*/
    /*0% {-webkit-transform:translate3d(0,0,0);opacity: 0}*/
    /*100% {-webkit-transform:translate3d(-40%,20%,0);opacity: 1}*/
/*}*/
/*@keyframes bg1_0 {*/
    /*0% {transform:translate3d(0,0,0);opacity: 0}*/
    /*100% {transform:translate3d(-40%,20%,0);opacity: 1}*/
/*}*/
/*@-webkit-keyframes bg1_1 {*/
    /*0% {-webkit-transform:translate3d(0,0,0);opacity: 0}*/
    /*100% {-webkit-transform:translate3d(-50%,0,0);opacity: 1}*/
/*}*/
/*@keyframes bg1_1 {*/
    /*0% {transform:translate3d(0,0,0);opacity: 0}*/
    /*100% {transform:translate3d(-50%,0,0);opacity: 1}*/
/*}*/
/*@-webkit-keyframes bg1_2 {*/
    /*0% {-webkit-transform:translate3d(0,0,0);opacity: 0}*/
    /*100% {-webkit-transform:translate3d(50%,0,0);opacity: 1}*/
/*}*/
/*@keyframes bg1_2 {*/
    /*0% {transform:translate3d(0,0,0);opacity: 0}*/
    /*100% {transform:translate3d(50%,0,0);opacity: 1}*/
/*}*/


@-webkit-keyframes bg_0 {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 0}
    100% {-webkit-transform:translate3d(-45%,0,0);opacity: 1}
}
@keyframes bg_0 {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(-45%,0,0);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 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}
    40%{opacity: 0.05}
    60%{opacity: 1}
    80%{opacity:0.05}
    100%{opacity: 1}
}
@-webkit-keyframes  bounceIn{
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{
    0%{transform:scale3d(.3,.3,.3);opacity:0;}
    20%{transform:scale3d(1.1,1.1,1.1);}
    40%{transform:scale3d(.9,.9,.9);}
    60%{transform:scale3d(1.03,1.03,1.03);opacity:1}
    80%{transform:scale3d(.97,.97,.97)}
    100%{transform:scale3d(1,1,1);opacity:1;}
}