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:#fff;z-index: 99}
.load_val{width:100%;}
.load_anime{position:absolute;width:100%;height:100%;background:url("../images/loading.jpg?2") no-repeat 0 0;background-size:100% 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*/

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

#s1{width: 100%;height: 100%;margin: 0 auto;opacity:1;position: absolute;top:0;left:0;overflow:hidden;z-index: 10;}
.s1_1{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0/p0.1.jpg?2") no-repeat 0 0;background-size:100% 100%;}
.s1_2{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0/p0.2.png?2") no-repeat 0 0;background-size:100% 100%;}
.s1_3{width: 30%;height: 3.72%;position: absolute;top:1.7857%;left:37.4%;background-color:#fff;}
/*.s1_4{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0/p0.4.png?1") no-repeat 0 0;background-size:100% 100%;}*/
.s1_4{width: 10.99%;height: 5.13%;position: absolute;top:0;right:0;background:url("../images/p0/p0.4_02.png?2") no-repeat 0 0;background-size:100% 100%;}
.s1_5{width: 100%;height: 100%;position: absolute;top:-2%;left:73%;background:url("../images/p0/p0.5.png?2") no-repeat 0 0;background-size:100% 100%;}
.s1_6{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0/p0.6.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;transition:opacity  0s 4.7s; -webkit-transition:opacity  0s 4.7s}
.s1_7{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0/p0.7.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;transition:opacity  0s 7s; -webkit-transition:opacity  0s 7s}

#s1.ani .s1_4{
    -webkit-animation:0.5s 4.1s  s1_4 linear both;
    animation:0.5s 4.1s  s1_4 linear both;
}

#s1.ani .s1_3{
    -webkit-animation:2.5s 0.8s  s1_3 linear both;
    animation:2.5s 0.8s  s1_3 linear both;
}

#s1.ani .s1_5{
    -webkit-animation:s1_5  3.5s 3.4s  linear both;
    animation:s1_5 3.5s 3.4s linear both;
}

#s1.ani .s1_6{
    opacity: 1;
}

#s1.ani .s1_7{
    opacity: 1;
}
/*::-webkit-scrollbar {width: 0;height: 0;}*/
.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;}
#center1{width: 100%;height:610.4%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;}
/*img{width: 90%;height:80%}*/
.bg{width:100%;height:6.8625%;background:url("../images/p1.1.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg0{width:100%;height:4.6684%;background:url("../images/p1.2.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg1{width: 100%;height: 11.5553%;background:url("../images/p1.3.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg2{width: 100%;height:7.8863% ;background:url("../images/p1.4.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg3{width: 100%;height:15.663% ;background:url("../images/p1.5.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg4{width: 100%;height: 11.9088%;background:url("../images/p1.6.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg5{width: 100%;height: 7.3744%;background:url("../images/p1.7.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg6{width: 100%;height: 12.6036%;background:url("../images/p1.8.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg7{width: 100%;height: 7.3744%;background:url("../images/p1.9.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}
.bg8{width: 100%;height:14.1028%;background:url("../images/p1.4.5.png?2") no-repeat 0 0;background-size:100% 100%;position: relative}

.click1{width:78%;height: 38.21%;position: absolute;left:17%;top:18%; }
.click2{width:77%;height: 16%;position: absolute;left:18%;top:26%;}
.click3{width:62.8%;height:40.28%;position: absolute;left:17%;top:14%;}
.click4{width:58.35%;height: 46.49%;position: absolute;left:18%;top:14%;background:url("../images/click4.jpg?2") no-repeat 0 0;background-size:100% 100%;}
.click5{width:77%;height: 17%;position: absolute;left:18%;top:22%;}
.click6{width:54.34%;height: 33.69%;position: absolute;left:18%;top:13%;}
.click7{width:77%;height: 17%;position: absolute;left:18%;top:14%;}

.click0{width:78%;height: 26%;position: absolute;left:18%;top:34%;}

#center1 img{width: 100%;height: 100%;position: absolute;top:0;left:0}

.list{background:url("../images/taolun.jpg?2") no-repeat 0 0;background-size:100% 100%;position: absolute;width:11%;right:0;height:5%;}
.list .taolun{background:url("../images/taolun.jpg?2") no-repeat 0 0;background-size:100% 100%;position: absolute;width:100%;right:0;height:100%}
.bg0 .list{top:64%}
.bg1 .list{top:58%;}
.bg2 .list{top:44.5%}
.bg3 .list{top:69.2%}
.bg4 .list{top:62.5%}
.bg5 .list{top:41%}
.bg6 .list{top:49%}
.bg7 .list{top:31.5%}
.bg8 .list{top:66%}
.zan{height:99%;top:0;left:0;position: absolute; background:url("../images/zan.jpg?2") no-repeat 0 0;background-size:100% 100%;width:136%;transition: left 0.4s 0.1s linear;-webkit-transition: left 0.4s 0.1s linear;-webkit-transform:scale(1);transform:scale(1);}
.list.ani .zan{left:-140%}


#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 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;}
.div1{width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;display: none;z-index:6;background-color: #664;}
.shipin{width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;background-color: #fff;}
#video1{width: 100%;height:50%;position: absolute;left:0;top:12%;display: none}
.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;}

.xx{width: 20.41%;height:9.375%;position: fixed;top:0;left:0;background:url("../images/back.png?2") no-repeat 0 0;background-size:100% 100%}
.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 s1_3 /* Safari 和 Chrome */
{
    0%{left:9.4%}
    14.99%{left:9.4%}
    15%{left:14.4%}
    29.99%{left:14.4%}
    30%{left:19.4%}
    44.99%{left:19.4%}
    45%{left:24.4%}
    59.99%{left:24.4%}
    60%{left:29%}
    74.99%{left:29%}
    75%{left:33.5%}
    89.99%{left:33.5%}
    90%{left:38.5%}
    100%{left:38.5%}
}

@keyframes s1_3
{
    0%{left:9.4%}
    14.99%{left:9.4%}
    15%{left:14.4%}
    29.99%{left:14.4%}
    30%{left:19.4%}
    44.99%{left:19.4%}
    45%{left:24.4%}
    59.99%{left:24.4%}
    60%{left:29%}
    74.99%{left:29%}
    75%{left:33.5%}
    89.99%{left:33.5%}
    90%{left:38.5%}
    100%{left:38.5%}
}


@-webkit-keyframes s1_5
{
    0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    24%{opacity:1;-webkit-transform:translate3d(-15%,0,0);transform:translate3d(-15%,0,0)}
    45.5%{opacity:1;-webkit-transform:translate3d(-15%,0,0);transform:translate3d(-15%,0,0)}
    45.8%{opacity:0;-webkit-transform:translate3d(-15%,0,0);transform:translate3d(-15%,0,0)}
    74.8%{opacity:0;-webkit-transform:translate3d(-15%,0,0);transform:translate3d(-15%,0,0)}
    74.9%{opacity: 0;-webkit-transform:translate3d(0,35%,0);transform:translate3d(0,35%,0)}
    75%{opacity: 1;-webkit-transform:translate3d(0,35%,0);transform:translate3d(0,35%,0)}
    100%{opacity: 1;-webkit-transform:translate3d(-25%,15%,0);transform:translate3d(-25%,15%,0)}
}


@keyframes s1_5
{
    0%{opacity:1;transform:translate3d(0,0,0)}
    24%{opacity:1;transform:translate3d(-15%,0,0)}
    45.5%{opacity:1;transform:translate3d(-15%,0,0)}
    45.8%{opacity:0;transform:translate3d(-15%,0,0)}
    74.8%{opacity:0;transform:translate3d(-15%,0,0)}
    74.9%{opacity: 0;transform:translate3d(0,35%,0)}
    75%{opacity: 1;transform:translate3d(0,35%,0)}
    100%{opacity: 1;transform:translate3d(-25%,15%,0)}
}