html,body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute; font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self;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?3") no-repeat 0 0;background-size:100% 100%;z-index: 99}
.load_val{width:20%;}
.load_anime{position:absolute;width:100%;height:100%;}

a{opacity:1}
/*loading*/
/*.loading1{*/
    /*position:absolute;width:9.34%;height:5.06%;background:url("../images/loading1.png?3") no-repeat 0 0;background-size:100% 100%;left:47.18%;top:37.71%*/
/*}*/
/*.loading2{*/
    /*position:absolute;width:100%;height:100%;background:url("../images/p0.2.png?1") 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:56%;left:32.43%;width: 34%;height:4px;background-color: #d92f1e  ;
}
.loading11_1{
    position:absolute;top:0;left:0;width: 0;height:100%;background-color: #fdcf39;
}
/*音乐*/
.music_blk{z-index:999;position:fixed;left:10px;top:10px;}
.music{display:block;width:30px;height:30px;background:url('../images/music_on.png?3') no-repeat;background-size:100% 100%;}
.music_on{
    -webkit-animation:rotate 1.2s linear infinite;
    animation:rotate 1.2s linear infinite;
}


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

.bg0_1{width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.1.png?3") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg0_2{width:100%;height:100%;position: absolute;top:10%;left:0;background:url("../images/p0.2.png?3") 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?3") 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.4.png?3") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.bg0_5{width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/add00.png?3") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.bg0_hand{
    width:9%;height:7%;position: absolute;top:52%;left:63%;background:url("../images/hand.png?3") no-repeat 0 0;background-size:100% 100%;opacity: 0
}
.bg0_click{
    width:40%;height:10%;position: absolute;top:49%;left:32%;
}
.bg0.ani .bg0_1{
    -webkit-animation: 0.8s .2s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;
    animation: 0.8s .2s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;
}
.bg0.ani .bg0_2{
    -webkit-animation:bg0_2 1s 1.4s linear both;
    animation:bg0_2 1s 1.4s linear both;
}
.bg0.ani .bg0_3{
    -webkit-animation:Out 0.3s 2.6s linear both;
    animation:Out 0.3s 2.6s linear both;
}

.bg0.ani .bg0_hand{
    -webkit-animation:shake 2.3s 2.7s linear infinite;
    animation:shake 2.3s 2.7s linear infinite;
}

.touxiang{
    width:100%;height:100%;margin:0 auto;position: absolute;top:0;left:0;
}
.man1{
    width: 100%;height:100%;position: absolute;top:0;left:0;
}
.man1_1{
    width:100%;height:100%;background:url("../images/man1_1.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;
}
.man1_2{
    width:100%;height:100%;background:url("../images/man2_1.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display:none
}
/*.man1_3{*/
    /*width:100%;height:100%;background:url("../images/man3_1.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display:none*/
/*}*/


.woman1{
    width: 100%;height:100%;position: absolute;top:0;left:0;display:none;
}
.woman1_1{
    width:100%;height:100%;background:url("../images/woman1_1.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;
}
.woman1_2{
    width:100%;height:100%;background:url("../images/man2_1.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display:none
}
/*.woman1_3{*/
    /*width:100%;height:100%;background:url("../images/man3_1.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display:none*/
/*}*/


.sex{
    width:100%;height:100%;position: absolute;top:0;left:0;
}
.sex_man{width:100%;height:100%;background:url("../images/man.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;}
.sex_woman{width:100%;height:100%;background:url("../images/woman.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display:none}

.arrow{
    width:100%;height:100%;background:url("../images/p1.2.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;
}
.sex_hand{
    width:100%;height:100%;background:url("../images/bg2_hand.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;
}
.arrow_click1{
    width: 16%;height:10%;position: absolute;top:30%;left:2%;
}
.arrow_click2{
    width: 16%;height:10%;position: absolute;top:30%;left:82%;
}
.touxiang_1{
    width:100%;height:100%;background:url("../images/p1.4.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;
}
.sex_click1{
    width: 24%;height:10%;position: absolute;top:64%;left:18%;
}
.sex_click2{
    width: 24%;height:10%;position: absolute;top:64%;left:59%;
}
.touxiang_end{
    width: 65%;height:9%;position: absolute;top:86%;left:18%;
}

#file1{
    width: 63%;height:8%;position: absolute;top:76%;left:19%;opacity: 0;
}


#canvas_div{
    width: 100%;;height:100%;position: fixed;top:0;left:0;display: none;background-color: #6c6c6c;
}
#canvas{
    width:100%;height:100%;position:fixed;left:0;top:0;
}
#canvas0{
    width:100%;height:100%;position:absolute;left:0;top:0;
}
#canvas_click{
    position: absolute;top:90%;left:35%;width: 36%;height:6%;background:url("../images/click.png?3") no-repeat 0 0;background-size:100% 100%;
}
.hand_bg{
    width:100%;height:100%;background:url("../images/hand_bg.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;
}
.hand_gif{
    width: 19%;height:14%;position: absolute;top:24%;left:59%;
}


.big{
    position: absolute;top:90%;left:10%;width: 20%;height:10%;background-color: #0a79e5;
}
.sim{
    position: absolute;top:90%;left:80%;width: 20%;height:10%;background-color: #0a79e5;
}
.word{
    position: absolute;top:21%;left:39.5%;width: 30%;height:3%;text-align: center;
}


.touxiang_p{
    width:100%;height:100%;margin:0 auto;position: absolute;top:0;left:0;display: none;
}
.man1_1.touxiang0{
    width:100%;height:100%;background:url("../images/man1_3.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;
}
.man1_2.touxiang0{
    width:100%;height:100%;background:url("../images/man2_3.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display:none
}
/*.man1_3.touxiang0{*/
    /*width:100%;height:100%;background:url("../images/man3_3.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display:none*/
/*}*/

.woman1_1.touxiang0{
    width:100%;height:100%;background:url("../images/woman1_3.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;
}
.woman1_2.touxiang0{
    width:100%;height:100%;background:url("../images/man2_3.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display:none
}
/*.woman1_3.touxiang0{*/
    /*width:100%;height:100%;background:url("../images/man3_3.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display:none*/
/*}*/




.touxiang_p_1{
    width:100%;height:100%;background:url("../images/p1.7.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;opacity: 0;
}
#touxiang_span1{
    width: 100%;height:4%;position: absolute;top:56%;left:0;text-align: center;color:#e72f08;
}
#touxiang_span2{
    width: 20%;height:4%;position: absolute;top:61.9%;left:40%;text-align: center;color:#e72f08;
}
.touxiang_p_hand{
    width:9%;height:7%;position: absolute;top:84%;left:76%;background:url("../images/hand.png?3") no-repeat 0 0;background-size:100% 100%;opacity: 0
}
.touxiang_p_click{
    position: absolute;top:80%;left:15%;width: 70%;height:10%;
}

.touxiang_p.ani .touxiang_p_1{
    -webkit-animation:Out 1s 0.1s linear both;
    animation:Out 1s 0.1s linear both;
}
.touxiang_p.ani .touxiang_p_hand{
    -webkit-animation:shake 2.3s 2s linear infinite;
    animation:shake 2.3s 2s linear infinite;
}

.bg1{
    width:100%;height:100%;margin:0 auto;background:url("../images/p2.jpg?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;
}
.bg1_1{
    position: absolute;width: 100%;height:100%;
    perspective: 30000px;
    /*-webkit-perspective: 800px;*/
    /*perspective-origin: 50% 50% ;*/
    -webkit-perspective-origin: 50% 50% ;
    overflow: hidden;
    -webkit-transform-origin: 50% 50% 0px;
    transform-origin: 50% 50% 0px;
}
.bg1_box{
    position: absolute;
    /*transform-style: preserve-3d;*/
    /*-webkit-transform-style: preserve-3d;*/
    width: 100%;height: 100%;
}

.bg1_box p{
    color: white;font-size: 30px;
    position: absolute;
    transform: translate3d(0, 0, 0)  ;
    -webkit-transform: translate3d(0, 0,0);
    top:43%;left:43%;
    width: 20%; height: 10%; transform-origin: 50% 50% 0px;opacity: 0;
}

.bg1.ani .bg1_p1{
    -webkit-animation:bg1_p1 3s linear both;
    animation:bg1_p1 3s linear both;
}
.bg1.ani .bg1_p2{
    -webkit-animation:bg1_p2 3s 0.3s linear both;
    animation:bg1_p2 3s 0.3s linear both;
}
.bg1.ani .bg1_p3{
    -webkit-animation:bg1_p3 3s 0.6s linear both;
    animation:bg1_p3 3s 0.6s linear both;
}
.bg1.ani .bg1_p4{
    -webkit-animation:bg1_p4 3s 0.9s linear both;
    animation:bg1_p4 3s 0.9s linear both;
}
.bg1.ani .bg1_p5{
    -webkit-animation:bg1_p1 3s 1.2s linear both;
    animation:bg1_p1 3s 1.2s linear both;
}
.bg1.ani .bg1_p6{
    -webkit-animation:bg1_p2 3s 1.5s linear both;
    animation:bg1_p2 3s 1.5s linear both;
}
.bg1.ani .bg1_p7{
    -webkit-animation:bg1_p3 3s 1.8s linear both;
    animation:bg1_p3 3s 1.8s linear both;
}

.bg1.ani .bg1_p8{
    -webkit-animation:bg1_p8 3s  2.1s linear both;
    animation:bg1_p8 3s 2.1s linear both;
}
.bg1.ani .bg1_p9{
    -webkit-animation:bg1_p6 3s 2.4s linear both;
    animation:bg1_p6 3s 2.4s linear both;
}
.bg1.ani .bg1_p10{
    -webkit-animation:bg1_p7 3s 2.8s linear both;
    animation:bg1_p7 3s 2.8s linear both;
}
/*.bg1.ani .bg1_p11{*/
    /*-webkit-animation:bg1_p5 5s 7s linear both;*/
    /*animation:bg1_p5 5s 7s linear both;*/
/*}*/
/*.bg1.ani .bg1_p12{*/
    /*-webkit-animation:bg1_p6 5s 8s linear both;*/
    /*animation:bg1_p6 5s 8s linear both;*/
/*}*/
/*.bg1.ani .bg1_p13{*/
    /*-webkit-animation:bg1_p7 5s 9s linear both;*/
    /*animation:bg1_p7 5s 9s linear both;*/
/*}*/
/*.bg1.ani .bg1_p14{*/
    /*-webkit-animation:bg1_p6 5s 10s linear both;*/
    /*animation:bg1_p6 5s 10s linear both;*/
/*}*/


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

.t1_0{
    width: 100%;height:100%;position: absolute;left:0;top:0;
}
.t1_0_1{
    width: 55.31%;height:36.23%;position: absolute;left:47%;top:10%;background:url("../images/p3.1.png?3") no-repeat 0 0;background-size:100% 100%;
}
.t1_0_2{
    width: 80.19%;height:10.67%;position: absolute;left:29%;top:0;background:url("../images/p3.2.png?3") no-repeat 0 0;background-size:100% 100%;
}
.t1_0_3{
    width: 8.8%;height:2.67%;position: absolute;left:68%;top:7.5%;background:url("../images/p3.3.png?3") no-repeat 0 0;background-size:100% 100%;
}

.t1.ani .t1_0_1{
    -webkit-animation:t1_0_1 0.2s 1.2s linear both;
    animation:t1_0_1 0.2s 1.2s  linear both;
}
.t1.ani .t1_0_2{
    -webkit-animation:t1_0_2 3s 0.1s linear both;
    animation:t1_0_2 3s 0.1s linear both;
}
.t1.ani .t1_0_3{
    -webkit-animation:t1_0_3 1.2s 0.1s linear both;
    animation:t1_0_3 1.2s 0.1s linear both;
}


.t1_1{
    width:100%;height:100%;margin:0 auto;background:url("../images/3.3.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display:none
}
.t{
    width: 83%;position: absolute;top:18%;left:8%;height:16%;color:white;font-size: 18px;line-height: 30px;font-weight: 600;letter-spacing:1px
}
.t_a{
    width: 65.45%;position: absolute;top:41.37%;left:17.39%;height:9.45%;color:#efa532;font-size:22px;line-height: 62px;text-align: center;
}
.t_b{
    width: 65.45%;position: absolute;top:55.43%;left:17.39%;height:9.45%;color:#efa532;font-size:22px;line-height: 62px;text-align: center;
}
.t_c{
    width: 65.45%;position: absolute;top:69.64%;left:17.39%;height:9.45%;color:#efa532;font-size:22px;line-height: 62px;text-align: center;
}
.t_right{
    width: 7.97%;position: absolute;top:43%;left:83%;height:4.91%;;background:url("../images/6.png?3") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.t_error{
    width: 7.97%;position: absolute;top:43%;left:83%;height:4.91%;;background:url("../images/7.png?3") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.t_click{
    width: 0%;height:0%;position: absolute;top:84%;left:34%;
}
.t_p{
    width: 100%;
    height: 10%;
    position: absolute;
    top: 82%;
    left: 0;
    color:#b6b5b5;
    text-align: center;
}


.t2{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url("../images/p4.jpg?3") no-repeat 0 0;background-size:100% 100%;
}
.t2_1{
    width:100%;height:100%;margin:0 auto;position: absolute;top:0;left:0;background:url("../images/3.3.png?3") no-repeat 0 0;background-size:100% 100%;display:none
}
.t3{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url("../images/p4.jpg?3") no-repeat 0 0;background-size:100% 100%;
}
.t3_1{
    width:100%;height:100%;margin:0 auto;position: absolute;top:0;left:0;background:url("../images/3.3.png?3") no-repeat 0 0;background-size:100% 100%;display:none
}

.t4{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url("../images/p5.jpg?3") no-repeat 0 0;background-size:100% 100%;
}
.t4_0{
    width: 93.11%;height:38.53%;position: absolute;left:2.8%;top:2%;background:url("../images/p5.1.png?3") no-repeat 0 0;background-size:100% 100%;
}
.t4_1{
    width:100%;height:100%;margin:0 auto;position: absolute;top:0;left:0;background:url("../images/4.png?3") no-repeat 0 0;background-size:100% 100%;display:none
}

.t4.ani .t4_0{
    -webkit-animation:t4_0 2s 0.1s linear both;
    animation:t4_0 2s 0.1s  linear both;
}

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

.t5_0_1{
    width:51.2%;height:12.94%;position: absolute;top:6%;left:100%;background:url("../images/p6.1.png?3") no-repeat 0 0;background-size:100% 100%;
}
.t5_0_2{
    width:45.4%;height:7.96%;position: absolute;top:24%;left:100%;background:url("../images/p6.2.png?3") no-repeat 0 0;background-size:100% 100%;
}
.t5_1{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/4.png?3") no-repeat 0 0;background-size:100% 100%;display:none
}

.t5.ani .t5_0_1{
    -webkit-animation:t5_0_1 2s 0.1s linear both;
    animation:t5_0_1 2s 0.1s  linear both;
}
.t5.ani .t5_0_2{
    -webkit-animation:t5_0_2 2s 0.4s linear both;
    animation:t5_0_2 2s 0.4s  linear both;
}


.t6{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url("../images/p7.jpg?3") no-repeat 0 0;background-size:100% 100%;
}
.t6_0{
    width: 41.3%;height:16.37%;position: absolute;left:10%;top:5%;background:url("../images/p7.1.png?3") no-repeat 0 0;background-size:100% 100%;-webkit-transform:rotate(5deg);transform:rotate(5deg)
}
.t6_1{
    width:100%;height:100%;margin:0 auto;position: absolute;top:0;left:0;background:url("../images/4.png?3") no-repeat 0 0;background-size:100% 100%;display:none
}
.t6.ani .t6_0{
    -webkit-animation:t6_0 2s 0.4s linear infinite;
    animation:t6_0 2s 0.4s  linear infinite;
}


.t7{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url("../images/p8.jpg?3") no-repeat 0 0;background-size:100% 100%;
}
.t7_1{
    width:100%;height:100%;margin:0 auto;position: absolute;top:0;left:0;background:url("../images/4.png?3") no-repeat 0 0;background-size:100% 100%;display:none
}

.t8{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url("../images/p9.jpg?3") no-repeat 0 0;background-size:100% 100%;
}
.t8_1{
    width:100%;height:100%;margin:0 auto;position: absolute;top:0;left:0;background:url("../images/4.png?3") no-repeat 0 0;background-size:100% 100%;display:none
}
.t9{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url("../images/p10.jpg?3") no-repeat 0 0;background-size:100% 100%;
}
.t9_1{
    width:100%;height:100%;margin:0 auto;position: absolute;top:0;left:0;background:url("../images/4.png?3") no-repeat 0 0;background-size:100% 100%;display:none
}

.bg2{width:100%;height:100%;margin:0 auto;background:url("../images/p11.jpg?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0; }
.bg2_1{width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p11.1.png?3") no-repeat 0 0;background-size:100% 100%;opacity:0}
.bg2_2{width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p11.2.png?3") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg2_3{width:100%;height:100%;position: absolute;top:12%;left:0;background:url("../images/p11.3.png?3") no-repeat 0 0;background-size:100% 100%;opacity:1}
.bg2_4{width:100%;height:100%;position: absolute;top:-6%;left:0;background:url("../images/p11.4.png?3") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}

.bg2_span1{
    width: 31%;height:4%;position: absolute;top:7.5%;left:56%;text-align: left;color: #52a8e7;
}
.bg2_span2{
    width: 11.5%;height:3.5%;position: absolute;top:12%;left:54.6%;text-align: center;color: #52a8e7;
}
.bg2_span3{
    width: 5%;height:3.5%;position: absolute;top:16.6%;left:34%;text-align: center;color: #52a8e7;}
.bg2_click1{
    width: 52.5%;height:7.5%;position: absolute;top:69%;left:5.6%;
}
.bg2_click2{
    width: 52.5%;height:7.5%;position: absolute;top:78%;left:5.6%;
}
.bg2_click3{
    width: 52.5%;height:7.5%;position: absolute;top:87%;left:5.6%;
}
.share{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/share.png?3") no-repeat 0 0;background-size:100% 100%;opacity: 1;display:none
}
.bg2_5{
    width:100%;height:100%;position: absolute;top:13%;left:0;opacity: 0;
}
.bg2_8{
    top:-13%
}

.man1_1.touxiang00{
    width:100%;height:100%;background:url("../images/man1_4.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;
}
.man1_2.touxiang00{
    width:100%;height:100%;background:url("../images/man2_4.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display:none
}
/*.man1_3.touxiang00{*/
/*width:100%;height:100%;background:url("../images/man3_4.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display:none*/
/*}*/

.woman1_1.touxiang00{
    width:100%;height:100%;background:url("../images/woman1_4.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;
}
.woman1_2.touxiang00{
    width:100%;height:100%;background:url("../images/man2_4.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display:none
}
/*.woman1_3.touxiang00{*/
/*width:100%;height:100%;background:url("../images/man3_4.png?3") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display:none*/
/*}*/
/*.bg2_sex1{*/
    /*width:100%;height:100%;position: absolute;top:-14%;left:0;background:url("../images/p1.8.png?3") no-repeat 0 0;background-size:100% 100%;display:none*/
/*}*/
/*.bg2_sex2{*/
    /*width:100%;height:100%;position: absolute;top:-14%;left:0;background:url("../images/p1.9.png?3") no-repeat 0 0;background-size:100% 100%;display:none*/
/*}*/


.bg2.ani .bg2_1{
    -webkit-animation:Out 1s 0.1s linear both;
    animation:Out 1s 0.1s  linear both;
}
.bg2.ani .bg2_2{
    -webkit-animation:Out 0.8s 5s linear both;
    animation:Out 0.8s 5s  linear both;
}
.bg2.ani .bg2_3{
    -webkit-animation:bg0_2 0.8s 5s linear both;
    animation:bg0_2 0.8s 5s  linear both;
}
.bg2.ani .bg2_4{
    -webkit-animation:bg2_4 2s 2s linear both;
    animation:bg2_4 2s 2s  linear both;
}
.bg2.ani .bg2_5{
    -webkit-animation:Out 0.8s 3.5s linear both;
    animation:Out 0.8s 3.5s  linear both;
}

.bg3{
    width: 100%;height:100%;position: absolute;top:0;left:0;display: none;
}
.bg3_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/jiang_1.jpg?3") no-repeat 0 0;background-size:100% 100%;;display: none;
}
.bg3_2{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/jiang_2.jpg?3") no-repeat 0 0;background-size:100% 100%;;display: none;
}
.bg3_3{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/jiang_3.jpg?3") no-repeat 0 0;background-size:100% 100%;;display: none;
}
.bg3_4{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/jiang_4.jpg?3") no-repeat 0 0;background-size:100% 100%;;display: none;
}
.bg3_5{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/jiang_5.jpg?3") no-repeat 0 0;background-size:100% 100%;;display: none;
}
.bg3_6{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/jiang_6.jpg?3") no-repeat 0 0;background-size:100% 100%;;display: none;
}
.bg3_7{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/jiang_7.jpg?3") no-repeat 0 0;background-size:100% 100%;;display: none;
}
.bg3_8{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/jiang_8.jpg?3") no-repeat 0 0;background-size:100% 100%;;display: none;
}
.bg3 p{
    width: 39%;height:5%;position: absolute;top:90%;left:32%;display: block;margin: 0;
}
.bg3 em{
    width: 15.45%;height: 3.27%;position: absolute;top:3%;left:81%;background: url("../images/back1.png?3") no-repeat 0 0;background-size:100% 100%;
}
/*.back{*/
    /*width: 100%;height: 100%;position: absolute;top:0;left:0;background: url("../images/back.png?3") no-repeat 0 0;background-size:100% 100%;*/
/*}*/
/*.back_click{*/
    /*width: 38%;height: 6%;position: absolute;top:91%;left:31%;*/
/*}*/
#bg3_erweima{
    width:59.17% ;height:36.45%;position: absolute;top:51.1%;left:20.53%;
}

.bg3_next1{
    width: 39%;height:5%;position: absolute;top:82%;left:32%;
}
.bg3_next2{
    width: 39%;height:5%;position: absolute;top:82%;left:32%;
}

.bg3_mask{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/bg3_mask.png?3") no-repeat 0 0;background-size:100% 100%;;display: none;
}


.guodu{
    position: fixed;width: 36.71%;;height:40.47%;top:58%;left:-38%;opacity: 1;
}
#canvas_man{
    width: 100%;;height:100%;position: absolute;top:0;left:0;
}
.guodu.ani{
    -webkit-animation:canvas_man1 1s  linear both;
    animation:canvas_man1 1s linear both;
}







/*.guodu.ani1{*/
    /*-webkit-transform:translate3d(130%,0,0);transform:translate3d(130%,0,0)*/
/*}*/
.guodu.ani1{
    -webkit-animation:canvas_man 2s 0.2s  linear both;
    animation:canvas_man 2s 0.2s linear both;
}



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

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


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

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

@-webkit-keyframes bg1_p1 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(300px,500px,0) scale(8);transform:translate3d(500px,1000px,0) scale(8);opacity: 1}
}
@keyframes bg1_p1
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(300px,500px,0) scale(8);transform:translate3d(500px,1000px,0) scale(8);opacity: 1}
}

@-webkit-keyframes bg1_p2 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(-450px,500px,0) scale(8);transform:translate3d(-450px,500px,0) scale(8);opacity: 1}
}
@keyframes bg1_p2
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(-450px,500px,0) scale(8);transform:translate3d(-450px,500px,0) scale(8);opacity: 1}
}


@-webkit-keyframes bg1_p3 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(-300px,-500px,0) scale(8);transform:translate3d(-300px,-500px,0) scale(8);opacity: 1}
}
@keyframes bg1_p3
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(-350px,-500px,0) scale(8);transform:translate3d(-350px,-500px,0) scale(8);opacity: 1}
}

@-webkit-keyframes bg1_p4 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(350px,-500px,0) scale(8);transform:translate3d(350px,-500px,0) scale(8);opacity: 1}
}
@keyframes bg1_p4
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(300px,-500px,0) scale(8);transform:translate3d(300px,-500px,0) scale(8);opacity: 1}
}
@-webkit-keyframes bg1_p5 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(-400px,-800px,0) scale(8);transform:translate3d(-400px,-500px,0) scale(8);opacity: 1}
}
@keyframes bg1_p5
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(-400px,-500px,0) scale(8);transform:translate3d(-400px,-800px,0) scale(8);opacity: 1}
}
@-webkit-keyframes bg1_p6 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(650px,600px,0) scale(8);transform:translate3d(650px,600px,0) scale(8);opacity: 1}
}
@keyframes bg1_p6
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(650px,700px,0) scale(8);transform:translate3d(650px,700px,0) scale(8);opacity: 1}
}
@-webkit-keyframes bg1_p7 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(400px,-400px,0) scale(8);transform:translate3d(400px,-400px,0) scale(8);opacity: 1}
}
@keyframes bg1_p7
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(400px,-400px,0) scale(8);transform:translate3d(400px,-400px,0) scale(8);opacity: 1}
}
@-webkit-keyframes bg1_p8 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
   1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(-600px,0,0) scale(8);transform:translate3d(-600px,0,0) scale(8);opacity: 1}
}
@keyframes bg1_p8
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    1%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(-600px,0,0) scale(8);transform:translate3d(-600px,0,0) scale(8);opacity: 1}
}



@-webkit-keyframes bg2_4 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    40%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    70%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(9%,18%,0) scale(0.18);transform:translate3d(9%,18%,0) scale(0.18);opacity: 1}
}
@keyframes bg2_4
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0);opacity: 0}
    40%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    70%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity: 1}
    100%{-webkit-transform:translate3d(9%,18%,0) scale(0.18);transform:translate3d(9%,18%,0) scale(0.18);opacity: 1}
}


@-webkit-keyframes t1_0_1 /* Safari 和 Chrome */
{
    0%{opacity: 0}
    99%{opacity: 0}
    100%{opacity: 1}
}
@keyframes t1_0_1
{
    0%{opacity: 0}
    99%{opacity: 0}
    100%{opacity: 1}
}
@-webkit-keyframes t1_0_2 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0.6);transform:translate3d(0,0,0) scale(0.6)}
    100%{-webkit-transform:translate3d(-200%,200%,0) scale(1.4);transform:translate3d(-200%,200%,0) scale(1.4)}
}
@keyframes t1_0_2
{
    0%{transform:translate3d(0,0,0) scale(0.6)}
    100%{transform:translate3d(-200%,200%,0) scale(1.4)}
}

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


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

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

@keyframes t5_0_1
{
    0%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(-150%,0,0)}
}

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

@keyframes t5_0_2
{
    0%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(-120%,0,0)}
}


@-webkit-keyframes t6_0 /* Safari 和 Chrome */
{
    0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
}
@keyframes t6_0
{
    0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
}




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

@keyframes bg5
{
    0%{transform:translate3d(2%,0,0)}
    50%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(2%,0,0)}
}

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

}

@keyframes bg2_bg
{
    0%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(-66.66%,0,0)}
}

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

@keyframes bg2_1
{
    0%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,5%,0)}
    100%{transform:translate3d(0,0,0)}
}
@-webkit-keyframes bg3_2
{
    0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{-webkit-transform:translate3d(60%,0,0);transform:translate3d(0,0,0)}
}

@keyframes bg3_2
{
    0%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(60%,0,0)}
}

@-webkit-keyframes bg4_1
{
    0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    50%{-webkit-transform:translate3d(0,1%,0);transform:translate3d(0,1%,0)}
    100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bg4_1
{
    0%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,1%,0)}
    100%{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 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 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 bg1_1{
    0%{opacity: 1}
    70%{opacity: 1}
    100%{opacity: 0}
}
@keyframes bg1_1{
    0%{opacity: 1}
    70%{opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes bg2_2{
    0%{opacity: 0}
    10%{opacity: 1}
    99%{opacity: 1}
    100%{opacity: 0}
}
@keyframes bg2_2{
    0%{opacity: 0}
    10%{opacity: 1}
    99%{opacity: 1}
    100%{opacity: 0}
}

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

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