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?2") no-repeat 0 0;background-size:100% 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*/
.loading1{
    position:absolute;width:100%;height:100%;background:url("../images/loading1.png?2") no-repeat 0 0;background-size:100% 100%;
}
.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%;}

/*音乐*/
/*.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%}*/

.bg{width:100%;height:4%;background:url("../images/top.jpg?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg0{width:100%;height:5.33%;background:url("../images/p0/p9.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg0_1{width:100%;height:1.1736%;background:url("../images/p0/p9.1.png?2") no-repeat 0 0;background-size:100% 100%;position: relative;display:none}
.bg0_2{width:100%;height:0.5628%;background:url("../images/p0/p9.2.png?2") no-repeat 0 0;background-size:100% 100%;position: relative;display:none}

.bg1{width: 100%;height: 11.8175%;background:url("../images/p1.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg2{width: 100%;height:8.692% ;background:url("../images/p2.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg3{width: 100%;height:12.452% ;background:url("../images/p3.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg4{width: 100%;height: 7.435%;background:url("../images/p4.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg5{width: 100%;height: 8.5%;background:url("../images/p5.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg6{width: 100%;height: 12.703%;background:url("../images/p6.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg7{width: 100%;height: 12.404%;background:url("../images/p7.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg8{width: 100%;height:14.427%;background:url("../images/p8.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}

#center1  .bg0_img{width:8%;height:45%;position: absolute;top:32.8%;left:51.2%;display:none}
#center1  .bg1_img{width:8%;height:5.1%;position: absolute;top:53.2%;left:50.5%;display: none}
#center1  .bg2_img{width:8.2%;height:7.1%;position: absolute;top:62%;left:86.8%;display: none}
#center1  .bg3_img{width:8%;height:4.8%;position: absolute;top:45.8%;left:50.5%;display: none}
#center1  .bg4_img{width:8%;height:8.1%;position: absolute;top:45.2%;left:59.4%;display: none}
#center1  .bg5_img{width:8%;height:7.2%;position: absolute;top:63.1%;left:77.6%;display: none}
#center1  .bg6_img{width:8%;height:4.8%;position:absolute;top:66.5%;left:41.5%;display: none}
#center1  .bg7_img{width:8%;height:4.9%;position: absolute;top:57.7%;left:41.5%;display: none}
#center1  .bg8_img{width:8%;height:4.1%;position: absolute;top:45.9%;left:59.4%;display: none}

.bg0_click{width:10%;position: absolute;left:87%;top:94.2%;background:url("../images/zan.jpg?2") no-repeat 0 0;background-size:100% 100%; }
.bg1_click{width:10%;height: 3%;position: absolute;left:87%;top:36%;background:url("../images/zan.jpg?2") no-repeat 0 0;background-size:100% 100%; }
.bg2_click{width:10%;position: absolute;left:87%;top:46.3%;background:url("../images/zan.jpg?2") no-repeat 0 0;background-size:100% 100%; }
.bg3_click{width:10%;position: absolute;left:87%;top:35%;background:url("../images/zan.jpg?2") no-repeat 0 0;background-size:100% 100%; }
.bg4_click{width:10%;position: absolute;left:87%;top:28%;background:url("../images/zan.jpg?2") no-repeat 0 0;background-size:100% 100%; }
.bg5_click{width:10%;position: absolute;left:87%;top:47.5%;background:url("../images/zan.jpg?2") no-repeat 0 0;background-size:100% 100%; }
.bg6_click{width:10%;position: absolute;left:87%;top:50.2%;background:url("../images/zan.jpg?2") no-repeat 0 0;background-size:100% 100%; }
.bg7_click{width:10%;position: absolute;left:87%;top:46.8%;background:url("../images/zan.jpg?2") no-repeat 0 0;background-size:100% 100%; }
.bg8_click{width:10%;position: absolute;left:87%;top:36.4%;background:url("../images/zan.jpg?2") no-repeat 0 0;background-size:100% 100%; }

.bg2_bg{
    width:100%;height:22%;position: absolute;top:24%;left:0;background:url("../images/p2.1.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg6_bg{
    width:100%;height:30%;position: absolute;top:22%;left:0;background:url("../images/p6.1.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg7_bg{
    width:100%;height:27%;position: absolute;top:21%;left:0;background:url("../images/p7.1.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg8_bg{
    width:100%;height:13%;position: absolute;top:23%;left:0;background:url("../images/p8.1.png?2") no-repeat 0 0;background-size:100% 100%;
}

.bg0_1_1{width:8%;height:45%;position: absolute;top:32.8%;left:24.5%;}
.bg0_1_2{width:8%;height:45%;position: absolute;top:32.8%;left:33.5%;opacity: 0}
.bg0_1_3{width:8%;height:45%;position: absolute;top:32.8%;left:42.5%;opacity: 0}

.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_line{width:82%;height:12%;position: absolute;left:17%;top:75%;}
.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;
}
.bg1_line{width:59%;height:21%;position: absolute;left:17%;top:13%;}
.bg2_line{width:74%;height:21%;position: absolute;left:17%;top:24%;}
.bg2_line1{
    width: 33.3%;left:0;top:0;position: absolute;height:100%
}
.bg2_line2{
    width:33.3%;left:33.4%;top:0;position: absolute;height:100%
}
.bg2_line3{
    width: 33.3%;left:66.8%;top:0;position: absolute;height:100%
}
.bg3_line{width:59%;height:21%;position: absolute;left:17%;top:13%;}
.bg4_line{width:79%;height:16%;position: absolute;left:17%;top:9%;}
.bg5_line{width:53%;height:26%;position: absolute;left:16%;top:20%;}
.bg6_line{width:48%;height:30%;position: absolute;left:17%;top:22%;}



.big_img1{
    width: 100%;height:100%;position: fixed;top:1%;left:-21%;transform: scale(0);-webkit-transform: scale(0);background:url("../images/da/p2-1.jpg?2") no-repeat 0 0;background-size:100% 100%;z-index:20;opacity: 0;transition: 0.3s;
}
.big_img2{
    width: 100%;height:100%;position: fixed;top:1%;left:5%;transform: scale(0);-webkit-transform: scale(0);background:url("../images/da/p2-2.jpg?2") no-repeat 0 0;background-size:100% 100%;z-index:20;opacity: 0;transition: 0.3s;
}
.big_img3{
    width: 100%;height:100%;position: fixed;top:1%;left:29%;transform: scale(0);-webkit-transform: scale(0);background:url("../images/da/p2-3.jpg?2") no-repeat 0 0;background-size:100% 100%;z-index:20;opacity: 0;transition: 0.3s;
}

.big_img1.ani{
    transform: scale(1);-webkit-transform: scale(1);opacity: 1;top:0;left:0;
}
.big_img2.ani{
    transform: scale(1);-webkit-transform: scale(1);opacity: 1;top:0;left:0
}
.big_img3.ani{
    transform: scale(1);-webkit-transform: scale(1);opacity: 1;top:0;left:0
}

/*.bg7_line{width:48%;height:30%;position: absolute;left:17%;top:22%;background-color: red;opacity: 0.2}*/
.bg8_line{width:48%;height:14%;position: absolute;left:17%;top:22%;}

.bg5_gif{width:52%;height:26%;position: absolute;left:16.5%;top:20%}


.bg0_mask{width: 100%;height:100%;opacity:1;position:fixed;left:0;top:0;display:none}
.bg0_mask_img{width: 30%;height:17%;opacity:1;position: absolute;top:9%;left:33%;}
.bg0_mask_1{width: 100%;height:100%;opacity:1;position:absolute;left:0;top:0;background:url("../images/p0_1.png?2") no-repeat 0 0;background-size:100% 100%;}
.bg0_mask_2{width: 37%;height:4%;opacity:1;position:absolute;left:46%;top:41.2%;display: inline-block;line-height:24px;font-size: 20px;}
.bg0_mask_back{width: 46%;height:8%;opacity:1;position:absolute;left:26%;top:71.2%;}



.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?2") no-repeat 0 0;background-size:100% 100%}


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

.s1{position: absolute;top:0;left:0;width: 100%;height:100%;display: none}
.s1_1{position: absolute;top:0;left:0;width: 100%;height:100%;background:url("../images/p10_2.png?2") no-repeat 0 0;background-size:100% 100%}
.s1_1_1{position: absolute;top:0;left:0;width: 100%;height:100%;background:url("../images/p10_1.png?2") no-repeat 0 0;background-size:100% 100%}
.s1_1.ani .s1_1_1{
    -webkit-animation: 2s 0.3s shake1 linear infinite;
    animation:2s 0.3s shake1 linear infinite;
}

/*#ww1{position: fixed;top:4%;left:42%;width: 12%;height:7%;background-color: #0a79e5;opacity: 0.2;display: none}*/



/*.big_img1{*/
    /*position: absolute;top:0;left:0;width: 100%;height:100%;background:url("../images/p10_1.png?2") no-repeat 0 0;background-size:100% 100%*/
/*}*/

/*.big_img2{*/

/*}*/
/*.big_img3{*/

/*}*/
/*.big_img4{*/

/*}*/






/*#center1 span{position: absolute;display: inline-block;left:25.5%;width:30%;color: #7a96d0;letter-spacing:1px}*/
/*.span_bg0{top:80.8%;}*/
/*.span_bg1{height: 4%;top:64.7%;}*/
/*.span_bg2{top:54.5%;}*/
/*.span_bg3{top:74.6%;}*/
/*.span_bg4{top:69.8%;}*/
/*.span_bg5{top:52.2%;}*/
/*.span_bg6{top:55.2%;}*/
/*.span_bg7{top:43%;}*/
/*.span_bg8{top:72%;}*/
/*#center1 span em{font-style: normal;width:11.8%;height: 75%;position: absolute;left:-14%;top:10%;background:url("../images/off.png?2") no-repeat 0 0;background-size:100% 100%;}*/

/*.div0_0{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/letter.jpg?2") no-repeat 0 0;background-size:100% 100%;}*/

/*.img00{width: 61%;height:62%;position: absolute;background-color:#00CC66;opacity: 0.5 }*/
/*.img1{left:1%;top:1%}*/
/*.img2{left:64%;top:1%}*/
/*.img3{left:1%;top:65%}*/
/*.img4{left:64%;top:65%}*/
/*.big_img{width: 100%;height: 100%;position: fixed;top:0;left:0;background-color: #333;display: none;}*/
/*.bg_img1{width: 30%;height: 16%;top:40%;left:38%;position: absolute}*/
/*.big_img.ani .bg_img1{height: 100%;width:100%;top:0;left: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;
}
.mask.ani .dian{
    -webkit-animation:scale1 1.4s .8s linear infinite;
    animation:scale1 1.4s .8s linear infinite;
}

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

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

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

/*@keyframes left1*/
/*{*/
    /*0%{transform:translate3d(0,0,0)}*/
    /*100%{transform:translate3d(0,100%,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 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)}
}


/*.list{width:50%;height:50%;background-color: #6699CC;opacity: 1;position: absolute;left:5%;top:22%;}*/
/*.list11{width:14%;height:14%;background:url("../images/1.png") no-repeat 0 0;background-size:100% 100%;position: absolute;left:90%;top:77%;transition:left linear 0.4s ;-webkit-transition:left linear 0.4s}*/
/*.list111{width:14%;height:14%;background-color: #fff;opacity: 1;position: absolute;left:90%;top:77%;}*/
/*!*.xin{width:200%;height:200%;background-color: #333;opacity: 0.1;position: absolute;left:0;top:0;}*!*/
/*.span_bg1{position: absolute;top:79%;left:45%;font-size: 14px;line-height: 14px;font-weight: 600}*/
.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}
    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}
}