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;top:2%;left:3%;}
.music{display:block;width:30px;height:30px;background:url('../images/music_off.png?1') no-repeat;background-size:100% 100%;}
.music_on{background:url('../images/music.png?1') no-repeat;background-size:100% 100%;}
.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.jpg?1') no-repeat 0 0;background-size:100% 100%;}
.load_val{width:100%;}
.loading_line{top: 48%;width: 48%;height: 8px;position: absolute;left: 25%;background:#fc9d1d;border-radius: 5px;}
.loading_line_blank{width:0%;height:100%;background:#d81400;border-radius: 5px;}
.body{width: 100%;height: 100%;position: absolute;}
.swiper-container{position:absolute;width:100%;height:100%}
.swiper-wrapper{height: 100%;}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}

#s0{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s0 .w0{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0 .w1{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0 .w2{width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0 .w3{width: 14%;height: 5%;top: 92%;left: 44%;background:url('../images/arrow.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0.ani .w2{
            animation:fadeIn 1s .5s ease both;
            -moz-animation:fadeIn 1s .5s ease both;
            -webkit-animation:fadeIn 1s .5s ease both;
            -o-animation:fadeIn 1s .5s ease both
}
#s0.ani .w1{
            animation:fadeIn 1s 1.5s ease both;
            -moz-animation:fadeIn 1s 1.5s ease both;
            -webkit-animation:fadeIn 1s 1.5s ease both;
            -o-animation:fadeIn 1s 1.5s ease both
}
#s0.ani .w0{
            animation:fadeIn 1s 2.5s ease both;
            -moz-animation:fadeIn 1s 2.5s ease both;
            -webkit-animation:fadeIn 1s 2.5s ease both;
            -o-animation:fadeIn 1s 2.5s ease both
}
#s0.ani .w3{
            animation:arrow 1s 3s ease infinite;
            -moz-animation:arrow 1s 3s ease infinite;
            -webkit-animation:arrow 1s 3s ease infinite;
            -o-animation:arrow 1s 3s ease infinite
}
#s1{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w0{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w1{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w2{width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1.ani .w0{
            animation:fadeIn 1s .5s ease both;
            -moz-animation:fadeIn 1s .5s ease both;
            -webkit-animation:fadeIn 1s .5s ease both;
            -o-animation:fadeIn 1s .5s ease both
}
#s1.ani .w1{
            animation:fadeIn 1s 2.5s ease both;
            -moz-animation:fadeIn 1s 2.5s ease both;
            -webkit-animation:fadeIn 1s 2.5s ease both;
            -o-animation:fadeIn 1s 2.5s ease both
}
#s1.ani .w2{
            animation:fadeInUp 1s 1.5s ease both;
            -moz-animation:fadeInUp 1s 1.5s ease both;
            -webkit-animation:fadeInUp 1s 1.5s ease both;
            -o-animation:fadeInUp 1s 1.5s ease both
}
#s2{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .w0{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .w1{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .w2{width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2.ani .w0{
            animation:fadeIn 1s .5s ease both;
            -moz-animation:fadeIn 1s .5s ease both;
            -webkit-animation:fadeIn 1s .5s ease both;
            -o-animation:fadeIn 1s .5s ease both
}
#s2.ani .w1{
            animation:fadeIn 1s 2.5s ease both;
            -moz-animation:fadeIn 1s 2.5s ease both;
            -webkit-animation:fadeIn 1s 2.5s ease both;
            -o-animation:fadeIn 1s 2.5s ease both
}
#s2.ani .w2{
            animation:fadeInUp 1s 1.5s ease both;
            -moz-animation:fadeInUp 1s 1.5s ease both;
            -webkit-animation:fadeInUp 1s 1.5s ease both;
            -o-animation:fadeInUp 1s 1.5s ease both
}
#s3{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s3 .w0{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s3 .w1{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s3 .w2{width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s3.ani .w0{
            animation:fadeIn 1s .5s ease both;
            -moz-animation:fadeIn 1s .5s ease both;
            -webkit-animation:fadeIn 1s .5s ease both;
            -o-animation:fadeIn 1s .5s ease both
}
#s3.ani .w1{
            animation:fadeIn 1s 2.5s ease both;
            -moz-animation:fadeIn 1s 2.5s ease both;
            -webkit-animation:fadeIn 1s 2.5s ease both;
            -o-animation:fadeIn 1s 2.5s ease both
}
#s3.ani .w2{
            animation:fadeInUp 1s 1.5s ease both;
            -moz-animation:fadeInUp 1s 1.5s ease both;
            -webkit-animation:fadeInUp 1s 1.5s ease both;
            -o-animation:fadeInUp 1s 1.5s ease both
}
#s4{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s4 .w0{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p5.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s4 .w1{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p5.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s4 .w2{width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p5.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s4.ani .w0{
            animation:fadeIn 1s .5s ease both;
            -moz-animation:fadeIn 1s .5s ease both;
            -webkit-animation:fadeIn 1s .5s ease both;
            -o-animation:fadeIn 1s .5s ease both
}
#s4.ani .w1{
            animation:fadeIn 1s 2.5s ease both;
            -moz-animation:fadeIn 1s 2.5s ease both;
            -webkit-animation:fadeIn 1s 2.5s ease both;
            -o-animation:fadeIn 1s 2.5s ease both
}
#s4.ani .w2{
            animation:fadeInUp 1s 1.5s ease both;
            -moz-animation:fadeInUp 1s 1.5s ease both;
            -webkit-animation:fadeInUp 1s 1.5s ease both;
            -o-animation:fadeInUp 1s 1.5s ease both
}
#s5{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s5 .w0{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s5 .w1{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s5 .w2{width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s5.ani .w0{
            animation:fadeIn 1s .5s ease both;
            -moz-animation:fadeIn 1s .5s ease both;
            -webkit-animation:fadeIn 1s .5s ease both;
            -o-animation:fadeIn 1s .5s ease both
}
#s5.ani .w1{
            animation:fadeIn 1s 2.5s ease both;
            -moz-animation:fadeIn 1s 2.5s ease both;
            -webkit-animation:fadeIn 1s 2.5s ease both;
            -o-animation:fadeIn 1s 2.5s ease both
}
#s5.ani .w2{
            animation:fadeInUp 1s 1.5s ease both;
            -moz-animation:fadeInUp 1s 1.5s ease both;
            -webkit-animation:fadeInUp 1s 1.5s ease both;
            -o-animation:fadeInUp 1s 1.5s ease both
}
#s6{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s6 .w0{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p7.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s6 .w1{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p7.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s6 .w2{width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p7.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s6.ani .w0{
            animation:fadeIn 1s .5s ease both;
            -moz-animation:fadeIn 1s .5s ease both;
            -webkit-animation:fadeIn 1s .5s ease both;
            -o-animation:fadeIn 1s .5s ease both
}
#s6.ani .w1{
            animation:fadeIn 1s 2.5s ease both;
            -moz-animation:fadeIn 1s 2.5s ease both;
            -webkit-animation:fadeIn 1s 2.5s ease both;
            -o-animation:fadeIn 1s 2.5s ease both
}
#s6.ani .w2{
            animation:fadeInUp 1s 1.5s ease both;
            -moz-animation:fadeInUp 1s 1.5s ease both;
            -webkit-animation:fadeInUp 1s 1.5s ease both;
            -o-animation:fadeInUp 1s 1.5s ease both
}
#s7{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p8.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w0{opacity: 1;width: 24%;height:23%;top:34.5%;left:11%;background:url('../images/p8.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w00{opacity: 0;width: 24%;height:23%;top:34.5%;left:11%;background:url('../images/p8.1.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w1{opacity: 1;width: 24%;height:23%;top:34.5%;left:38%;background:url('../images/p8.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w11{opacity: 0;width: 24%;height:23%;top:34.5%;left:38%;background:url('../images/p8.2.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w2{opacity: 1;width: 24%;height:23%;top:34.5%;left:65%;background:url('../images/p8.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w22{opacity: 0;width: 24%;height:23%;top:34.5%;left:65%;background:url('../images/p8.3.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w3{opacity: 1;width: 24%;height:23%;top:59%;left:11%;background:url('../images/p8.4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w33{opacity: 0;width: 24%;height:23%;top:59%;left:11%;background:url('../images/p8.4.4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w4{opacity: 1;width: 24%;height:23%;top:59%;left:38%;background:url('../images/p8.5.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w44{opacity: 0;width: 24%;height:23%;top:59%;left:38%;background:url('../images/p8.5.5.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w5{opacity: 1;width: 24%;height:23%;top:59%;left:65%;background:url('../images/p8.6.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w55{opacity: 0;width: 24%;height:23%;top:59%;left:65%;background:url('../images/p8.6.6.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w6{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p8.7.png?1') no-repeat 0 0;background-size:100% 100%;}
#s7 .w7{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p8.8.png?2') no-repeat 0 0;background-size:100% 100%;}
#s7.ani .w0{
            animation:animate 2s 1.5s ease both;
            -moz-animation:animate 2s 1.5s ease both;
            -webkit-animation:animate 2s 1.5s ease both;
            -o-animation:animate 2s 1.5s ease both
}
#s7.ani .w00{
            animation:animate1 2s 1.5s ease both;
            -moz-animation:animate1 2s 1.5s ease both;
            -webkit-animation:animate1 2s 1.5s ease both;
            -o-animation:animate1 2s 1.5s ease both
}
#s7.ani .w1{
            animation:animate 2s 1.5s ease both;
            -moz-animation:animate 2s 1.5s ease both;
            -webkit-animation:animate 2s 1.5s ease both;
            -o-animation:animate 2s 1.5s ease both
}
#s7.ani .w11{
            animation:animate1 2s 1.5s ease both;
            -moz-animation:animate1 2s 1.5s ease both;
            -webkit-animation:animate1 2s 1.5s ease both;
            -o-animation:animate1 2s 1.5s ease both
}
#s7.ani .w2{
            animation:animate 2s 1.5s ease both;
            -moz-animation:animate 2s 1.5s ease both;
            -webkit-animation:animate 2s 1.5s ease both;
            -o-animation:animate 2s 1.5s ease both
}
#s7.ani .w22{
            animation:animate1 2s 1.5s ease both;
            -moz-animation:animate1 2s 1.5s ease both;
            -webkit-animation:animate1 2s 1.5s ease both;
            -o-animation:animate1 2s 1.5s ease both
}
#s7.ani .w3{
            animation:animate 2s 1.5s ease both;
            -moz-animation:animate 2s 1.5s ease both;
            -webkit-animation:animate 2s 1.5s ease both;
            -o-animation:animate 2s 1.5s ease both
}
#s7.ani .w33{
            animation:animate1 2s 1.5s ease both;
            -moz-animation:animate1 2s 1.5s ease both;
            -webkit-animation:animate1 2s 1.5s ease both;
            -o-animation:animate1 2s 1.5s ease both
}
#s7.ani .w4{
            animation:animate 2s 1.5s ease both;
            -moz-animation:animate 2s 1.5s ease both;
            -webkit-animation:animate 2s 1.5s ease both;
            -o-animation:animate 2s 1.5s ease both
}
#s7.ani .w44{
           animation:animate1 2s 1.5s ease both;
            -moz-animation:animate1 2s 1.5s ease both;
            -webkit-animation:animate1 2s 1.5s ease both;
            -o-animation:animate1 2s 1.5s ease both
}
#s7.ani .w5{
            animation:animate 2s 1.5s ease both;
            -moz-animation:animate 2s 1.5s ease both;
            -webkit-animation:animate 2s 1.5s ease both;
            -o-animation:animate 2s 1.5s ease both
}
#s7.ani .w55{
            animation:animate1 2s 1.5s ease both;
            -moz-animation:animate1 2s 1.5s ease both;
            -webkit-animation:animate1 2s 1.5s ease both;
            -o-animation:animate1 2s 1.5s ease both
}
#s7.ani .w7{
            animation:fadeIn 1s 3.5s ease both;
            -moz-animation:fadeIn 1s 3.5s ease both;
            -webkit-animation:fadeIn 1s 3.5s ease both;
            -o-animation:fadeIn 1s 3.5s ease both
}
#s7.ani .w6{
            animation:fadeIn 1s 4.5s ease both;
            -moz-animation:fadeIn 1s 4.5s ease both;
            -webkit-animation:fadeIn 1s 4.5s ease both;
            -o-animation:fadeIn 1s 4.5s ease both
}
@keyframes animate
{
    0%{transform: rotateY(0deg);}
    100%{transform: rotateY(180deg);opacity: 0;}
}

@-moz-keyframes animate /* Firefox */
{
    0%{transform: rotateY(0deg);}
    100%{transform: rotateY(180deg);opacity: 0;}
}

@-webkit-keyframes animate /* Safari 和 Chrome */
{
    0%{transform: rotateY(0deg);}
    100%{transform: rotateY(180deg);opacity: 0;}
}
@keyframes animate1
{
    0%{transform: rotateY(0deg);}
    100%{transform: rotateY(180deg);opacity: 1;}
}

@-moz-keyframes animate1 /* Firefox */
{
    0%{transform: rotateY(0deg);}
    100%{transform: rotateY(180deg);opacity: 1;}
}

@-webkit-keyframes animate1 /* Safari 和 Chrome */
{
    0%{transform: rotateY(0deg);}
    100%{transform: rotateY(180deg);opacity: 1;}
}

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

@-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 arrow {
  0% {top:92%;opacity: 1}
  90% {top:90%;opacity: 1}
  100% {top:92%;opacity: 1}
}
@-moz-keyframes arrow {
  0% {top:92%;opacity: 1}
  90% {top:90%;opacity: 1}
  100% {top:92%;opacity: 1}
}
@keyframes arrow {
  0% {top:92%;opacity: 1}
  90% {top:90%;opacity: 1}
  100% {top:92%;opacity: 1}
}

/* 音乐开关*/
#switch-music{z-index:9999999;position:absolute;top: 8px;left: 8px; width:35px; height:35px;}
#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}
/* 音乐开关*/