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:9999;position:fixed;bottom:5px;left: 5px;}
.music{display:block;width:30px;height:30px;background:url('../images/music_off.png') no-repeat;background-size:100% 100%;}
.music_on{background:url('../images/music_on.png') no-repeat;background-size:100% 100%;}
.loading{position:absolute;width:100%;height:100%;z-index: 9999}
.load_val{width:100%;}
.loading_img{position:absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/loading.jpg') no-repeat 0 0;background-size:100% 100%}
.loading .w0{position: absolute;width: 10%;height: 4%;top: 50%;left: 43%;font-size: 24px;color: #9f867a;}
#bg{position: absolute;width: 100%;height: 100%;background:url('../images/p0.jpg?2') no-repeat 0 0;background-size:100% 100%;display: none;}
#center{position: absolute;width:97.8%;height:97.4%;top:0.8%;display: none;}
.p1{background:url('../images/0001.jpg?2') no-repeat 0 0;background-size:100% 100%;background-color: rgb(0, 0, 0);}
.p1 .w1{position: absolute;width: 16%;height: 7%;top: 92%;left: 82%;background:url('../images/dian.png') no-repeat 0 0;background-size:100% 100%;}
.p1 .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
}
.p2{background:url('../images/0002.jpg?2') no-repeat 0 0;background-size:100% 100%;background-color: rgb(0, 0, 0);display: none;}
.p2 .w1{opacity: 0;position: absolute;width: 16%;height: 7%;top: 89%;left: 77%;background:url('../images/dian.png') no-repeat 0 0;background-size:100% 100%;}
.p2.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
}
.p3{background:url('../images/0003.jpg?2') no-repeat 0 0;background-size:100% 100%;background-color: rgb(0, 0, 0);display: none;}
.p4{background:url('../images/0004.jpg?2') no-repeat 0 0;background-size:100% 100%;background-color: rgb(0, 0, 0);display: none;}
.p4 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.p4.ani .w0{
  animation:fadeInRight 2s .5s linear both;
    -moz-animation:fadeInRight 2s .5s linear both;
    -webkit-animation:fadeInRight 2s .5s linear both;
    -o-animation:fadeInRight 2s .5s linear both
}
.p5{background:url('../images/0005.jpg') no-repeat 0 0;background-size:100% 100%;background-color: rgb(0, 0, 0);display: none;}
.p5 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.p5.ani .w0{
  animation:fadeInLeft 2s linear both;
    -moz-animation:fadeInLeft 2s linear both;
    -webkit-animation:fadeInLeft 2s linear both;
    -o-animation:fadeInLeft 2s linear both
}
.p6{background:url('../images/0006.jpg?2') no-repeat 0 0;background-size:100% 100%;background-color: rgb(0, 0, 0);display: none;}
.p6 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p5.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.p6.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
}
.p7{background:url('../images/0007.jpg?2') no-repeat 0 0;background-size:100% 100%;background-color: rgb(0, 0, 0);display: none;}
.p7 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.p7.ani .w0{
  animation:fadeInRight 2s .5s linear both;
    -moz-animation:fadeInRight 2s .5s linear both;
    -webkit-animation:fadeInRight 2s .5s linear both;
    -o-animation:fadeInRight 2s .5s linear both
}
.p8{background:url('../images/0008.jpg?2') no-repeat 0 0;background-size:100% 100%;background-color: rgb(0, 0, 0);display: none;}
.p8 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p7.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.p8.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
}
.p9{background:url('../images/0009.jpg?2') no-repeat 0 0;background-size:100% 100%;background-color: rgb(0, 0, 0);display: none;}
.p9 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.p9.ani .w0{
  animation:fadeInLeft 2s .5s linear both;
    -moz-animation:fadeInLeft 2s .5s linear both;
    -webkit-animation:fadeInLeft 2s .5s linear both;
    -o-animation:fadeInLeft 2s .5s linear both
}
.p10{background:url('../images/0010.jpg?2') no-repeat 0 0;background-size:100% 100%;background-color: rgb(0, 0, 0);display: none;}
.p10 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p9.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.p10.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
}
.p11{background:url('../images/0011.jpg?2') no-repeat 0 0;background-size:100% 100%;background-color: rgb(0, 0, 0);display: none;}
.p11 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p10.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.p11.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
}
.p12{background:url('../images/0012.jpg?2') no-repeat 0 0;background-size:100% 100%;background-color: rgb(0, 0, 0);display: none;}
.p12 .w0{position: absolute;width: 56%;height: 9%;top: 60%;left: 23%;background:url('../images/p11.1.png') no-repeat 0 0;background-size:100% 100%;}
.p12 .w0 a{position: absolute;width: 100%;height: 100%;}
.p12 .w1{position: absolute;width: 3%;height: 24%;top: 0%;left: 90%;background:url('../images/p11.2.png') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.p12 .w2{position: absolute;width: 59%;height: 2.3%;top: 82%;left: 22%;background:url('../images/p11.3.png') no-repeat 0 0;background-size:100% 100%;}
/* .p12.ani .w0{
    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
} */
.p12.ani .w1{
  animation:fadeInUp 2s .5s linear both;
    -moz-animation:fadeInUp 2s .5s linear both;
    -webkit-animation:fadeInUp 2s .5s linear both;
    -o-animation:fadeInUp 2s .5s linear both
}
.share{display: none;position: absolute;width:47%;height:12%;top:0%;right: -10%;background:url('../images/share.png') no-repeat 0 0;background-size:100% 100%;z-index: 10000;}
.video{display: none;position: absolute;width: 82%;height: 19%;top: 13.5%;left: 10%;z-index: 1000;}
.video .vid{position: absolute;width: 17%;height: 44%;top: 52%;left: 5%;background:url('../images/vid.png?2') no-repeat 0 0;background-size:100% 100%;}
.video_close{display: none;position: absolute;width: 82%;height: 19%;top: 13.5%;left: 10%;z-index: 1000;}
#video{position: absolute;width: 82%;height: 19%;top: 13.5%;left: 10%;}
#video #video_s1{display: none;;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
#video1_1{object-fit: fill}
#video1_1{width: 100%;height: 100%;line-height: 0;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;outline: none;}
.dian{
	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
}

@-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;}
  20% {opacity: 1;}
  40% {opacity: 0;}
  60% {opacity: 1;}
  80% {opacity: 0;}
  100% {opacity: 1;}
}
@-moz-keyframes fadeIn1 {
  0% {opacity: 0;}
  20% {opacity: 1;}
  40% {opacity: 0;}
  60% {opacity: 1;}
  80% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeIn1 {
  0% {opacity: 0;}
  20% {opacity: 1;}
  40% {opacity: 0;}
  60% {opacity: 1;}
  80% {opacity: 0;}
  100% {opacity: 1;}
}
@-webkit-keyframes fadeInRight {
  0% {left: 24%;opacity: 0}
  100% {left: 0%;opacity: 1}
}
@-moz-keyframes fadeInRight {
  0% {left: 24%;opacity: 0}
  100% {left: 0%;opacity: 1}
}
@keyframes fadeInRight {
  0% {left: 24%;opacity: 0}
  100% {left: 0%;opacity: 1}
}
@-webkit-keyframes fadeInLeft {
  0% {left: -24%;opacity: 0}
  100% {left: 0%;opacity: 1}
}
@-moz-keyframes fadeInLeft {
  0% {left: -24%;opacity: 0}
  100% {left: 0%;opacity: 1}
}
@keyframes fadeInLeft {
  0% {left: -24%;opacity: 0}
  100% {left: 0%;opacity: 1}
}
@-webkit-keyframes fadeInUp {
  0% {top: -24%;opacity: 0}
  100% {top: 0%;opacity: 1}
}
@-moz-keyframes fadeInUp {
  0% {top: -24%;opacity: 0}
  100% {top: 0%;opacity: 1}
}
@keyframes fadeInUp {
  0% {top: -24%;opacity: 0}
  100% {top: 0%;opacity: 1}
}
@-webkit-keyframes big {
  0% {width: 8%;height: 5%;top: 69%;left: 46%;}
  100% {width: 320%;height: 200%;top: -44%;left: -110%;}
}
@-moz-keyframes big {
  0% {width: 8%;height: 5%;top: 69%;left: 46%;}
  100% {width: 320%;height: 200%;top: -44%;left: -110%;}
}
@keyframes big {
  0% {width: 8%;height: 5%;top: 69%;left: 46%;}
  100% {width: 320%;height: 200%;top: -44%;left: -110%;}
}

/* 音乐开关*/
#switch-music{z-index:9999;position:absolute;top: 8px;right: 12px; width:25px; height:25px;}
#switch-music img{max-width: 100%;}
#switch-music.show{display:block; z-index:9999;}
#switch-music .tips{color: rgba(255,255,255,.75); z-index:9999; top: 15px; right: 100px; width: 30px; text-align: right; opacity: 0;}
#switch-music .tips.on{opacity: 1; right: 100px; z-index:9999;}
#switch-music div:nth-child(2){display:none; z-index:9999;}
#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}
/* 音乐开关*/