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') no-repeat;background-size:100% 100%;}
.music_on{background:url('../images/music.png') no-repeat;background-size:100% 100%;}
.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.gif') no-repeat 0 0;background-size:100% 100%}
.body{width: 100%;height: 100%;position: absolute;}

#s0{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p0.jpg') no-repeat 0 0;background-size: 100% 100%;}
#s0 .w0{position: absolute;width: 51.3%;height: 23.3%;top: 55.5%;left: 38%;background:url('../images/p0.1.png') no-repeat 0 0;background-size: 100% 100%;}
#s0.ani .w0{
    animation:fadeIn 2s .5s linear both;
    -moz-animation:fadeIn 2s .5s linear both;
    -webkit-animation:fadeIn 2s .5s linear both;
    -o-animation:fadeIn 2s .5s linear both
}
#s0 .w1{position: absolute;width: 37%;height: 6%;top: 81%;left: 45.5%;background:url('../images/p0.2.png') no-repeat 0 0;background-size: 100% 100%;opacity: 0;}
#s0.ani .w1{
    animation:fadeIn 2s 2s linear infinite;
    -moz-animation:fadeIn 2s 2s linear infinite;
    -webkit-animation:fadeIn 2s 2s linear infinite;
    -o-animation:fadeIn 2s 2s linear infinite
}
#myImage{width: 50%;margin-top: 50%;margin-left: 25%;}
#a0{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size: 100% 100%;}
#a0 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;overflow: hidden;}
#a0 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;z-index: 10;}
#a0 .w2{position: absolute;width: 38.4%;height: 23.6%;top: 45.5%;left: 31%;background:url('../images/p1.2.png') no-repeat 0 0;background-size:100% 100%;z-index: 1;}
#a0 .w3{position: absolute;width: 4.3%;height: 2.6%;top: 13.5%;left: 31%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;z-index: 10;}
#a0 .w4{position: absolute;width: 4.3%;height: 2.6%;top: 13.5%;left: 56.5%;background:url('../images/p1.4.png') no-repeat 0 0;background-size:100% 100%;z-index: 10;}
#a0 .w5{position: absolute;width: 4%;height: 2.4%;top: 26.3%;left: 20%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;z-index: 10;}
#a0 .w6{position: absolute;width: 4%;height: 2.4%;top: 26.3%;left: 48%;background:url('../images/p1.4.png') no-repeat 0 0;background-size:100% 100%;z-index: 10;}
#a0 .w7{position: absolute;width: 4%;height: 2.4%;top: 38.5%;left: 12%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;z-index: 10;}
#a0 .w71{position: absolute;width: 4%;height: 2.4%;top: 38.5%;left: 40%;background:url('../images/p1.4.png') no-repeat 0 0;background-size:100% 100%;z-index: 10;}
#a0 .w72{position: absolute;width: 4%;height: 2.4%;top: 38.5%;left: 69%;background:url('../images/p1.4.png') no-repeat 0 0;background-size:100% 100%;z-index: 10;}
#a0 .w8{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/over.gif') no-repeat 0 0;background-size:100% 100%;z-index: 100;display: none;}
#a0 .w9{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/fc.png') no-repeat 0 0;background-size: 100% 100%;z-index: 10;display: none;}
#a0 .w10{position: absolute;width: 14%;height: 9%;top: 59%;left: 74%;background:url('../images/p1.gif') no-repeat 0 0;background-size: 100% 100%;z-index: 10;opacity: 0;}
#a0 .w10.ani{
    animation:fadeInOut 3s .5s linear both;
    -moz-animation:fadeInOut 3s .5s linear both;
    -webkit-animation:fadeInOut 3s .5s linear both;
    -o-animation:fadeInOut 3s .5s linear both
}
#a0 .huan{position: absolute;width: 37%;height: 6.4%;top: 80%;left: 12%;z-index: 10;}
#a0 .sure{position: absolute;width: 37%;height: 6.4%;top: 80%;left: 53%;z-index: 10;}

#s1{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.jpg') no-repeat 0 0;background-size: 100% 100%;z-index: 100;}
#s1 .w00{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
#Image{position: absolute;width: 38.5%;height: 31.8%;top: 32%;left: 8.5%;}
#Image2{position: absolute;width: 38.5%;height: 31.8%;top: 32%;left: 53.5%;}
#s1 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('') no-repeat 0 0;background-size: 100% 100%;}
#s1 .w1{position: absolute;width: 53%;height: 2.5%;top: 67%;left: 23.5%;background:url('../images/p2.1.png') no-repeat 0 0;background-size: 100% 100%;}
#s1.ani .w1{
    animation:fadeIn 2s .5s linear infinite;
    -moz-animation:fadeIn 2s .5s linear infinite;
    -webkit-animation:fadeIn 2s .5s linear infinite;
    -o-animation:fadeIn 2s .5s linear infinite
}
#s1 .w2{position: absolute;width: 34.4%;height: 5.5%;top: 72.5%;left: 33%;background:url('../images/p2.2.png') no-repeat 0 0;background-size: 100% 100%;}
/* #s1 .w3{position: absolute;width: 34.4%;height: 5.5%;top: 72.5%;left: 52%;background:url('../images/p2.3.png') no-repeat 0 0;background-size: 100% 100%;} */
#s1 .w4{position: absolute;width: 59.8%;height: 5.5%;top: 81%;left: 20%;background:url('../images/p2.4.png') no-repeat 0 0;background-size: 100% 100%;}
#s1 .w8{position: absolute;width: 61.6%;height: 2.6%;top: 89%;left: 20.2%;background:url('../images/ff.png') no-repeat 0 0;background-size: 100% 100%;}
#s1 .w9{position: absolute;width: 9.9%;height: 7.5%;top: 89%;left: 81%;background:url('../images/click.png') no-repeat 0 0;background-size: 100% 100%;}
#s1 .w5{position: absolute;width: 100%;top:-8%;display: none;}
#s1 .w55{position: absolute;width: 100%;top:-8%;opacity: 0;}
#s1 .w7{position: absolute;width: 100%;top:-8%;display: none;}
#s1 .w77{position: absolute;width: 100%;top:-8%;display: none;}
#s1 .w6{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/fc1.png') no-repeat 0 0;background-size: 100% 100%;display: none;}
#s1 .w6 .close{position: absolute;width: 37%;height: 6.5%;top: 67%;left: 33%;}
#s1 .w10{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/fuceng.png') no-repeat 0 0;background-size: 100% 100%;display: none;}
#s1 .w10 .click{position: absolute;width: 42%;height: 6.5%;top: 80%;left: 6%;}
#s1 .w10 .click a{position: absolute;width: 100%;height: 100%;}
#s1 .w10 .close{position: absolute;width: 42%;height: 6.5%;top: 80%;left: 51%;}

#s2{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.jpg') no-repeat 0 0;background-size: 100% 100%;z-index: 100;}
#s2 .w00{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
#Image1{position: absolute;width: 16%;height: 13%;top: 51.2%;left: 63.5%;}
#s2 .w0{position: absolute;width: 88%;height: 41%;top: 26%;left: 6%;background:url('../images/baozhi.png') no-repeat 0 0;background-size: 100% 100%;}
#s2 .w1{position: absolute;width: 65%;height: 2.6%;top: 72%;left: 17.5%;background:url('../images/p3.1.png') no-repeat 0 0;background-size: 100% 100%;}
#s2.ani .w1{
    animation:fadeIn 2s .5s linear infinite;
    -moz-animation:fadeIn 2s .5s linear infinite;
    -webkit-animation:fadeIn 2s .5s linear infinite;
    -o-animation:fadeIn 2s .5s linear infinite
}
/* #s2 .w2{position: absolute;width: 40%;height: 5.5%;top: 77.5%;left: 30%;background:url('../images/p3.2.png') no-repeat 0 0;background-size: 100% 100%;} */
#s2 .w3{position: absolute;width: 40%;height: 5.5%;top: 85.5%;left: 30%;background:url('../images/p3.3.png') no-repeat 0 0;background-size: 100% 100%;}
#s2 .w4{position: absolute;width: 100%;top:23%;opacity: 0;}
#s2 .w5{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.1.jpg') no-repeat 0 0;background-size:100% 100%;z-index: 10;display: none;}
#s2 .w5 .close{position: absolute;width: 37%;height: 6.5%;top: 67%;left: 33%;}

.disable {
  pointer-events: none;
}

@keyframes fadeInOut
{
    0%{opacity: 0;}
    1%{opacity: 1;}
    99%{opacity: 1;}
    100%{opacity: 0;}
}

@-moz-keyframes fadeInOut /* Firefox */
{
    0%{opacity: 0;}
    1%{opacity: 1;}
    99%{opacity: 1;}
    100%{opacity: 0;}
}

@-webkit-keyframes fadeInOut /* Safari 和 Chrome */
{
    0%{opacity: 0;}
    1%{opacity: 1;}
    99%{opacity: 1;}
    100%{opacity: 0;}
}
@keyframes animate1
{
    0%{left:-100%;}
    100%{left:-150%;}
}

@-moz-keyframes animate1 /* Firefox */
{
    0%{left:-100%;}
    100%{left:-150%;}
}

@-webkit-keyframes animate1 /* Safari 和 Chrome */
{
    0%{left:-100%;}
    100%{left:-150%;}
}
@keyframes moveleft
{
    0%{opacity: 1;left: 0;}
    100%{opacity: 1;left: -8%}
}

@-moz-keyframes moveleft /* Firefox */
{
    0%{opacity: 1;left: 0;}
    100%{opacity: 1;left: -8%}
}

@-webkit-keyframes moveleft /* Safari 和 Chrome */
{
    0%{opacity: 1;left: 0;}
    100%{opacity: 1;left: -8%}
}

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

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

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


@keyframes fadeInUp1
{
    0%{opacity: 1}
    20%{opacity: 0}
    40%{opacity: 1}
    60%{opacity: 0}
    80%{opacity: 1}
    100%{opacity: 0}
}

@-moz-keyframes fadeInUp1 /* Firefox */
{
    0%{opacity: 1}
    20%{opacity: 0}
    40%{opacity: 1}
    60%{opacity: 0}
    80%{opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes fadeInUp1 /* Safari 和 Chrome */
{
    0%{opacity: 1}
    20%{opacity: 0}
    40%{opacity: 1}
    60%{opacity: 0}
    80%{opacity: 1}
    100%{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 rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0 {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateY1 {
  0% {
    opacity: 0;
    left: -100%;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    opacity: 1;
    left: 0%
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes rotateY1 {
  0% {
    opacity: 0;
    left: -100%;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    opacity: 1;
    left: 0%
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes rotateY2 {
  0% {
    opacity: 0;
    left: 100%;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    opacity: 1;
    left: 0%
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes rotateY2 {
  0% {
    opacity: 0;
    left: 100%;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    opacity: 1;
    left: 0%
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@-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: 20px;right: 18px; width:25px; height:25px;}
#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}
/* 音乐开关*/