*{
            margin: 0;
            padding: 0;
        }
        html,body{
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .loadWrap{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/load_bg.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            z-index: 1;
        }
        .loading{
            position: absolute;
            /*left: 50%;*/
            top: 57%;
            width: 100%;
            color:#730f05;
            font-size: 1rem;
            font-weight: bold;
            font-family: "Microsoft YaHei";
            text-align: center; 
        }
        .img{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/jiazai.gif?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        /*音乐*/
        .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?1') no-repeat;background-size:100% 100%;}
        .music_on{
            -webkit-animation:rotate 1.2s linear infinite;
            animation:rotate 1.2s linear infinite;
        }
        @keyframes rotate{
            0%{

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

            }
            100%{
                -webkit-transform:rotateZ(360deg);
                transform:rotateZ(360deg);
            }
        }
        .page0{
            /*display: none;*/
            width: 100%;
            height: 100%;
            background-image: url(../images/p0.jpg?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p0_t{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p0.1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
         .p0_c{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p0.2.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
         .p0_bi{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p0.3.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
         .p0_bw{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p0.4.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            animation: bw_scale 1s linear infinite alternate;
            -webkit-animation:bw_scale 1s linear infinite alternate;
            transform-origin:50% 89%;
            -webkit-transform-origin:50% 89%;
            -ms-transform-origin:50% 89%;
        }
        @keyframes bw_scale{
            0%{

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

            }
            100%{
                -webkit-transform:scale(1.2);
                -ms-transform:scale(1.2) ;
                transform:scale(1.2) ;
            }
        }
        .p0_click{
            position: absolute;
            width: 54%;
            height: 7%;
            left: 23%;
            top: 85%;
        }
        .page1{
            position: absolute;
            display: none;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.jpg?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
         .p1_fc{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
         .p1_bgk{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.2.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p1_jdt{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/jdt.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p1_tw{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.3.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p1_ti{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p1_people{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.10.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            animation: fadeInLeft 1s linear;
            -webkit-animation:fadeInLeft 1s linear;
        }
        .p1_next{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.9.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .btn{
            position: absolute;
            width: 76%;
            height: 9%;
            left: 12%;
            top: 25.5%;
            /*background-color: red;
            opacity: 0.5;*/
        }
        .btn1{
            top: 25.5%;
        }
        .btn2{
            top: 35%;
        }
        .btn3{
            top: 44.5%;
        }
        .btn4{
            top: 54.5%;
        }
        .btn5{
            top: 64.5%;
        }
        .dui{
            position: absolute;
            display: none;
            width: 15%;
            height: 60%;
            left: 9%;
            top: 28%;
            background-image: url(../images/dui.png?1);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .p1_click{
            position: absolute;
            width: 54%;
            height: 7%;
            left: 23%;
            top: 78.2%;
        }
         .page2{
            position: absolute;
            display: none;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.jpg?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
         .p2_fc{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
         .p2_bgk{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.2.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        } 
        .p2_jdt{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/jdt2.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p2_tw{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p2_ti{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p2_people{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.7.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            animation: fadeInRight 1s linear;
            -webkit-animation:fadeInRight 1s linear;
        }
        .p2_next{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.9.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .btn6{
            top: 25.5%;
        }
        .btn7{
            top: 35%;
        }
        .btn8{
            top: 44.5%;
        }
        .btn9{
            top: 54.5%;
        }
        .btn10{
            top: 64.5%;
        }
        .p2_click{
            position: absolute;
            width: 54%;
            height: 7%;
            left: 23%;
            top: 78.2%;
        }
        .page3{
            position: absolute;
            display: none;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.jpg?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p3_fc{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
         .p3_bgk{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.2.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p3_jdt{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/jdt3.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p3_tw{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p3.1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p3_ti{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p3.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p3_people{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p3.7.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            animation: fadeInRight 1s linear;
            -webkit-animation:fadeInRight 1s linear;
        }
        .p3_next{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.9.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .btn11{
            top: 25.5%;
        }
        .btn12{
            top: 35%;
        }
        .btn13{
            top: 44.5%;
        }
        .btn14{
            top: 54.5%;
        }
        .btn15{
            top: 64.5%;
        }
        .p3_click{
            position: absolute;
            width: 54%;
            height: 7%;
            left: 23%;
            top: 78.2%;
        }

        .page4{
            position: absolute;
            display: none;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.jpg?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p4_fc{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p4_jdt{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/jdt4.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p4_bgk{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.2.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p4_tw{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p4.1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p4_ti{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p4.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p4_people{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p4.7.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            animation: fadeInRight 1s linear;
            -webkit-animation:fadeInRight 1s linear;
        }
        .p4_next{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.9.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .btn16{
            top: 25.5%;
        }
        .btn17{
            top: 35%;
        }
        .btn18{
            top: 44.5%;
        }
        .btn19{
            top: 54.5%;
        }
        .btn20{
            top: 64.5%;
        }
        .p4_click{
            position: absolute;
            width: 54%;
            height: 7%;
            left: 23%;
            top: 78.2%;
        }

        .page5{
            position: absolute;
            display: none;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.jpg?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p5_fc{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p5_jdt{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/jdt5.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p5_bgk{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.2.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p5_tw{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p5.1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p5_ti{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p5.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p5_people{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p5.7.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            animation: fadeInRight 1s linear;
            -webkit-animation:fadeInRight 1s linear;
        }
        .p5_next{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p5.8.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .btn21{
            top: 25.5%;
        }
        .btn22{
            top: 35%;
        }
        .btn23{
            top: 44.5%;
        }
        .btn24{
            top: 54.5%;
        }
        .btn25{
            top: 64.5%;
        }
        .p5_click{
            position: absolute;
            width: 54%;
            height: 7%;
            left: 23%;
            top: 78.2%;
        }
        .page6{
            position: absolute;
            display: none;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.jpg?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p6_fc{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p6_bgk{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p6.1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p6_tw{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p6.3.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
         .p6_tw{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p6.2.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p6_again{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p6.4.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p6_fx{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p6.5.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p6_cw{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p6.6.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p6_agclick{
            position: absolute;
            width: 35%;
            height: 7%;
            left: 13%;
            top: 80%;
        }
        .p6_fxclick{
            position: absolute;
            width: 35%;
            height: 7%;
            left: 53.5%;
            top: 80%;
        }
        .p6_fxc{
            position: absolute;
            display: none;
            width: 100%;
            height: 100%;
            background-image: url(../images/p6.11.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }