body dl dd div p{margin:0;padding:0;}
body{width: 100%;height: 100%;top: 0;bottom: 0;position: absolute;}
ul li{list-style-type:none;}
a {text-decoration:none;opacity: 0;}
a:link{color:#000;}
a:visited{color:#000;}
.music_blk{z-index:999;position:fixed;bottom:5%;right:6%;}
.music{display:block;width:54px;height:54px;background:url('../images/music_off.png?2') no-repeat;background-size:100% 100%;}
.music_on{background:url('../images/music.png?2') no-repeat;background-size:100% 100%;}
.loading{position:absolute;width:100%;height:100%;background:url('../images/p0.jpg?2') no-repeat 0 0;background-size:100% 100%}
.load_val{width:100%;}
.loading_line{top: 53%;width: 46%;height: 3px;position: absolute;left: 27%;background: #000000;}
.loading_line_blank{height:100%;background: #a7a6a6;}
.loading_img{position:absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.gif') no-repeat 0 0;background-size:100% 100%}
.body{width: 100%;height: 100%;position: absolute;}
.swiper-container{position:absolute;width:100%;height:100%;display: none;}
.swiper-wrapper{height: 100%;}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}

#video{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;}
#video #video_s1{display: none;;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
#video .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.1.png?2') no-repeat 0 0;background-size:100% 100%;}
#video .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.2.png?2') no-repeat 0 0;background-size:100% 100%;}
#video .click{position: absolute;width: 10%;height: 6%;top: 59%;left: 45%;}
#video .w2{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.3.png?2') no-repeat 0 0;background-size:100% 100%;}
#video .w3{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.4.png?2') no-repeat 0 0;background-size:100% 100%;}
#video .click1{display: none;position: absolute;width: 30%;height: 15%;top: 70%;left: 35%;}
#video.ani .w1{
        animation:fadeIn 1.5s .5s linear infinite;
        -moz-animation:fadeIn 1.5s .5s linear infinite;
        -webkit-animation:fadeIn 1.5s .5s linear infinite;
        -o-animation:fadeIn 1.5s .5s linear infinite
}

#s0{background: url("../images/p2.jpg?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s0 .w0{top:0;width:100%;height:100%;background: url("../images/p2.1.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s0 .w1{top:95%;left: 47.5%;width:5%;height:3%;background: url("../images/arrow.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s0.ani .w0{
        animation:fadeIn 1s .5s linear both;
        -moz-animation:fadeIn 1s .5s linear both;
        -webkit-animation:fadeIn 1s .5s linear both;
        -o-animation:fadeIn 1s .5s linear both
}
#s0.ani .w1{
        animation:arrow 1.5s 1.5s linear infinite;
        -moz-animation:arrow 1.5s 1.5s linear infinite;
        -webkit-animation:arrow 1.5s 1.5s linear infinite;
        -o-animation:arrow 1.5s 1.5s linear infinite
}
#s1{background: url("../images/p3.jpg?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s1 .w0{top:0;width:100%;height:100%;background: url("../images/p3.1.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s1 .w1{top:52%;left:20%;width:78%;height:48%;background: url("../images/p3.2.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s1 .w2{top:95%;left: 47.5%;width:5%;height:3%;background: url("../images/arrow.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s1.ani .w0{
        animation:fadeIn 1s .5s linear both;
        -moz-animation:fadeIn 1s .5s linear both;
        -webkit-animation:fadeIn 1s .5s linear both;
        -o-animation:fadeIn 1s .5s linear both
}
#s1.ani .w1{
        animation:fadeIn 1.5s 3s linear both;
        -moz-animation:fadeIn 1.5s 3s linear both;
        -webkit-animation:fadeIn 1.5s 3s linear both;
        -o-animation:fadeIn 1.5s 3s linear both
}
#s1.ani .w2{
        animation:arrow 1.5s 4.5s linear infinite;
        -moz-animation:arrow 1.5s 4.5s linear infinite;
        -webkit-animation:arrow 1.5s 4.5s linear infinite;
        -o-animation:arrow 1.5s 4.5s linear infinite
}
#s2{background: url("../images/p4.jpg?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s2 .w0{top:0;width:100%;height:100%;background: url("../images/p4.1.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s2 .w1{top:95%;left: 47.5%;width:5%;height:3%;background: url("../images/arrow.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s2.ani .w0{
        animation:fadeIn 1s .5s linear both;
        -moz-animation:fadeIn 1s .5s linear both;
        -webkit-animation:fadeIn 1s .5s linear both;
        -o-animation:fadeIn 1s .5s linear both
}
#s2.ani .w1{
        animation:arrow 1.5s 1.5s linear infinite;
        -moz-animation:arrow 1.5s 1.5s linear infinite;
        -webkit-animation:arrow 1.5s 1.5s linear infinite;
        -o-animation:arrow 1.5s 1.5s linear infinite
}
#s3{background: url("../images/p5.jpg?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s3 .w0{top:0;width:100%;height:100%;background: url("../images/p5.1.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s3 .w1{top:0%;left:0%;width:100%;height:100%;background: url("../images/p5.2.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s3 .w2{top:95%;left: 47.5%;width:5%;height:3%;background: url("../images/arrow.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s3.ani .w0{
        animation:fadeIn 1s .5s linear both;
        -moz-animation:fadeIn 1s .5s linear both;
        -webkit-animation:fadeIn 1s .5s linear both;
        -o-animation:fadeIn 1s .5s linear both
}
#s3.ani .w1{
        animation:fadeIn 1.5s 1.5s linear both;
        -moz-animation:fadeIn 1.5s 1.5s linear both;
        -webkit-animation:fadeIn 1.5s 1.5s linear both;
        -o-animation:fadeIn 1.5s 1.5s linear both
}
#s3.ani .w2{
        animation:arrow 1.5s 2.5s linear infinite;
        -moz-animation:arrow 1.5s 2.5s linear infinite;
        -webkit-animation:arrow 1.5s 2.5s linear infinite;
        -o-animation:arrow 1.5s 2.5s linear infinite
}
#s4{background: url("../images/p6.jpg?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s4 .w0{top:-3%;width:100%;height:100%;background: url("../images/p6.1.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s4 .w1{top:0%;left:0%;width:100%;height:100%;background: url("../images/p6.2.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s4 .w2{top:95%;left: 47.5%;width:5%;height:3%;background: url("../images/arrow.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s4.ani .w0{
        animation:fadeIn 1s .5s linear both;
        -moz-animation:fadeIn 1s .5s linear both;
        -webkit-animation:fadeIn 1s .5s linear both;
        -o-animation:fadeIn 1s .5s linear both
}
#s4.ani .w1{
        animation:fadeIn 1.5s 1.5s linear both;
        -moz-animation:fadeIn 1.5s 1.5s linear both;
        -webkit-animation:fadeIn 1.5s 1.5s linear both;
        -o-animation:fadeIn 1.5s 1.5s linear both
}
#s4.ani .w2{
        animation:arrow 1.5s 2.5s linear infinite;
        -moz-animation:arrow 1.5s 2.5s linear infinite;
        -webkit-animation:arrow 1.5s 2.5s linear infinite;
        -o-animation:arrow 1.5s 2.5s linear infinite
}
/* #s5{background: url("../images/p1.jpg?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s5 .w0{top:0;width:100%;height:100%;background: url("../images/p1.1.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s5 .w1{width: 32%;height: 15%;top: 50%;left: 35%;background: url("../images/p1.4.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s5 .w2{top:0;width:100%;height:100%;background: url("../images/p1.6.png?2") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;} */

#di{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6.jpg?2') no-repeat 0 0;background-size:100% 100%;}
#a0{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6.jpg?2') no-repeat 0 0;background-size:100% 100%;}
#a0 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.5.png?2') no-repeat 0 0;background-size:100% 100%;}
#a0 .w1{position: absolute;width: 100%;height: 100%;top: 2%;left: 0%;background:url() no-repeat 0 0;background-size:100% 100%;}
#a0 .w2{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.png?2') no-repeat 0 0;background-size:100% 100%;}
#a0 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.3.png?2') no-repeat 0 0;background-size:100% 100%;}
#a0 .w4{position: absolute;width: 32%;height: 15%;top: 50%;left: 35%;background:url('../images/p1.4.png?2') no-repeat 0 0;background-size:100% 100%;}
#a0 .w5{position: absolute;width: 32%;height: 4%;top: 68%;left: 43%;background:url('../images/p1.2.png?2') no-repeat 0 0;background-size:100% 100%;}
#a0 .w6{position: absolute;width: 13%;height: 8%;top: 60%;left: 50%;background:url('../images/p1.6.png?2') no-repeat 0 0;background-size:100% 100%;}
#a0 .w7{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.1.png?2') no-repeat 0 0;background-size:100% 100%;}
#a0 .w8{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.7.png?2') no-repeat 0 0;background-size:100% 100%;}
#a0 .w10{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.9.png?2') no-repeat 0 0;background-size:100% 100%;}
#a0 .w11{display: none;position: absolute;width: 39%;height: 5%;top: 70%;left: 30%;}
#a0 .w11 a{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
#a0 .w9{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
#a0 .w9 img{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}

@keyframes arrow
{
    0%{opacity:1;top:95%;}
    90%{opacity:1;top:93%;}
    100%{opacity:1;top:95%;}
}

@-moz-keyframes arrow /* Firefox */
{
    0%{opacity:1;top:95%;}
    90%{opacity:1;top:93%;}
    100%{opacity:1;top:95%;}
}

@-webkit-keyframes arrow /* Safari 和 Chrome */
{
    0%{opacity:1;top:95%;}
    90%{opacity:1;top:93%;}
    100%{opacity:1;top:95%;}
}

@keyframes fadeInUp1
{
    0%{opacity:0;top:81%;opacity: 1}
    45%{opacity:0;top:78%;opacity: 1}
    50%{opacity:0;top:81%;opacity: 1}
    95%{opacity:0;top:78%;opacity: 1}
    100%{opacity:0;top:81%;opacity: 0}
}

@-moz-keyframes fadeInUp1 /* Firefox */
{
    0%{opacity:0;top:81%;opacity: 1}
    45%{opacity:0;top:78%;opacity: 1}
    50%{opacity:0;top:81%;opacity: 1}
    95%{opacity:0;top:78%;opacity: 1}
    100%{opacity:0;top:81%;opacity: 0}
}

@-webkit-keyframes fadeInUp1 /* Safari 和 Chrome */
{
    0%{opacity:0;top:81%;opacity: 1}
    45%{opacity:0;top:78%;opacity: 1}
    50%{opacity:0;top:81%;opacity: 1}
    95%{opacity:0;top:78%;opacity: 1}
    100%{opacity:0;top:81%;opacity: 0}
}


@keyframes fadeInRight1
{
    0%{opacity:0;-webkit-transform:translate3d(40%,0,0);transform:translate3d(40%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@-moz-keyframes fadeInRight1 /* Firefox */
{
    0%{opacity:0;-webkit-transform:translate3d(40%,0,0);transform:translate3d(40%,0,0)}
    100%{opacity:1;}
}

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

@-webkit-keyframes fadeInDown{
  0%{opacity:0;-webkit-transform:translate3d(0,-70%,0);transform:translate3d(0,-70%,0)}
  100%{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@-moz-keyframes fadeInDown{
  0%{opacity:0;-webkit-transform:translate3d(0,-70%,0);transform:translate3d(0,-70%,0)}
  100%{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeInDown{
  0%{opacity:0;-webkit-transform:translate3d(0,-70%,0);transform:translate3d(0,-70%,0)}
  100%{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}

@-webkit-keyframes fadeInDown1{0%{opacity:0;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInDown1{0%{opacity:0;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown1{0%{opacity:0;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}




@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn1 {
  0% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn1 {
  0% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadeIn1 {
  0% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadeInBig
{
    0%{opacity: 1;transform:scale(1);}
    100%{opacity: 1;transform:scale(2.5);}
}

@-moz-keyframes fadeInBig /* Firefox */
{
    0%{opacity: 1;transform:scale(1);}
    100%{opacity: 1;transform:scale(2.5);}
  }

@-webkit-keyframes fadeInBig /* Safari 和 Chrome */
{
    0%{opacity: 1;transform:scale(1);}
    100%{opacity: 1;transform:scale(2.5);}
}
@keyframes fadeInsmall
{
    0%{opacity: 1;transform:scale(1);}
    100%{opacity: 1;transform:scale(0);}
}

@-moz-keyframes fadeInsmall /* Firefox */
{
    0%{opacity: 1;transform:scale(1);}
    100%{opacity: 1;transform:scale(0);}
  }

@-webkit-keyframes fadeInsmall /* Safari 和 Chrome */
{
    0%{opacity: 1;transform:scale(1);}
    100%{opacity: 1;transform:scale(0);}
}
/* 音乐开关*/
#switch-music{z-index:9999999;position:absolute;top: 8px;right: 8px; width:35px; height:35px;display: none;}
#switch-music img{max-width: 100%;}
#switch-music.show{display:block; z-index:999;}
#switch-music .tips{color: rgba(255,255,255,.75); z-index:999; top: 15px; right: 100px; width: 30px; text-align: right; opacity: 0;}
#switch-music .tips.on{opacity: 1; right: 100px; z-index:999;}
#switch-music div:nth-child(2){display:none; z-index:999;}
#switch-music.on div:nth-child(2){display:block; animation: music 1s linear infinite; -webkit-animation: music 1s linear infinite; z-index:999;}
@keyframes music{
  0%{transform: rotate(0)}
  100%{transform: rotate(360deg)}
}
@-webkit-keyframes music{
  0%{transform: rotate(0); -webkit-transform: rotate(0)}
  100%{transform: rotate(360deg); -webkit-transform: rotate(360deg)}
}
.pof{position: fixed; z-index:9999}
/* 音乐开关*/