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?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%;z-index: 9999}
.load_val{width:100%;}
.loading_img{position:absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/loading.gif?8') no-repeat 0 0;background-size:100% 100%}
#bg{position: absolute;width: 100%;height: 100%;background:url('../images/p1.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#f1{display: none;position: absolute;width: 100%;height: 100%;background:url('../images/p0.jpg?3') no-repeat 0 0;background-size:100% 100%;z-index: 1000}
#f1 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.2.png?4') no-repeat 0 0;background-size:100% 100%;}
#f1 .w1{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%;}
#f1 .w2{position: absolute;width: 100%;height: 74%;top: 53%;left: 20%;background:url('../images/p0.1.png?2') no-repeat 0 0;background-size:100% 100%;}
#f1 .w3{position: absolute;width: 100%;height: 74%;top: 35%;left: 20%;background:url('../images/p0.1.png?2') no-repeat 0 0;background-size:100% 100%;}
#f1 .w4{position: absolute;width: 8%;height: 5%;top: 69%;left: 52%;background:url('../images/p0.1.1.png?2') no-repeat 0 0;background-size:100% 100%;transform-origin:50% 50%;}
#f1 .click{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
#f1 .w2{
  animation:fadeIn1 6s .5s linear infinite;
    -moz-animation:fadeIn1 6s .5s linear infinite;
    -webkit-animation:fadeIn1 6s .5s linear infinite;
    -o-animation:fadeIn1 6s .5s linear infinite
}
#f1 .w3{
  animation:fadeIn1 6s .5s linear infinite;
    -moz-animation:fadeIn1 6s .5s linear infinite;
    -webkit-animation:fadeIn1 6s .5s linear infinite;
    -o-animation:fadeIn1 6s .5s linear infinite
}
.big{
    animation:big 2s .5s linear both;
    -moz-animation:big 2s .5s linear both;
    -webkit-animation:big 2s .5s linear both;
    -o-animation:big 2s .5s linear both
}
#center{position: absolute;width: 91%;height: 83.1%;top: 6.5%;display: none;}
.p1{background:url('../images/0001.jpg?3') no-repeat 0 0;background-size:100% 100%;}
.p1 .w0{position: absolute;width: 30%;height: 4%;top: 90%;left: 58%;background:url('../images/xuexi.png?2') no-repeat 0 0;background-size:100% 100%;}
.p1 .w1{position: absolute;width: 9%;height: 6%;top: 93%;left: 89%;background:url('../images/dian.png?2') 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%;}
.p2 .w0{position: absolute;width: 30%;height: 4%;top: 94%;left: 58%;background:url('../images/vid.png?2') no-repeat 0 0;background-size:100% 100%;}
.p2 .w1{position: absolute;width: 9%;height: 6%;top: 93%;left: 89%;background:url('../images/p2.2.png?2') no-repeat 0 0;background-size:100% 100%;}
.p2 .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?1') no-repeat 0 0;background-size:100% 100%;}
.p3 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/video.png?2') no-repeat 0 0;background-size:100% 100%;z-index: 1000}
.p3 .w1{position: absolute;width: 30%;height: 4%;top: 94%;left: 58%;background:url('../images/jinru.png?2') no-repeat 0 0;background-size:100% 100%;}
.p3 .w2{position: absolute;width: 9%;height: 6%;top: 93%;left: 89%;background:url('../images/p2.2.png?2') no-repeat 0 0;background-size:100% 100%;}
.p3 .w2{
  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 .w3{position: absolute;width: 72%;height: 78%;top: 4%;left: 14%;background:url('../images/start.png?2?2') no-repeat 0 0;background-size:100% 100%;z-index: 1000;}

.p4{background:url('../images/0004.jpg?1') no-repeat 0 0;background-size:100% 100%;}
.p4 .w0{position: absolute;width: 72%;height: 27%;top: 6%;left: 14%;background:url('../images/p2.1.png?3') no-repeat 0 0;background-size:100% 100%;}
.p4 .w1{position: absolute;width: 66%;height: 11%;top: 39%;left: 17%;background:url('../images/p2.4.png?2') no-repeat 0 0;background-size:100% 100%;}
.p4 .w2{position: absolute;width: 66%;height: 11%;top: 52%;left: 17%;background:url('../images/p2.5.png?2') no-repeat 0 0;background-size:100% 100%;}
.p4 .w3{position: absolute;width: 66%;height: 11%;top: 65%;left: 17%;background:url('../images/p2.6.png?3') no-repeat 0 0;background-size:100% 100%;}
.p4 .w4{position: absolute;width: 66%;height: 11%;top: 78%;left: 17%;background:url('../images/p2.7.png?2') no-repeat 0 0;background-size:100% 100%;}
.p4 .w5{display: none;position: absolute;width: 6%;height: 4%;top: 42%;left: 86%;background:url('../images/wrong.png?2') no-repeat 0 0;background-size:100% 100%;}
.p4 .w6{display: none;position: absolute;width: 6%;height: 4%;top: 55%;left: 86%;background:url('../images/wrong.png?2') no-repeat 0 0;background-size:100% 100%;}
.p4 .w7{display: none;position: absolute;width: 6%;height: 4%;top: 68%;left: 86%;background:url('../images/wrong.png?2') no-repeat 0 0;background-size:100% 100%;}
.p4 .w8{display: none;position: absolute;width: 6%;height: 4%;top: 81%;left: 86%;background:url('../images/right.png?2') no-repeat 0 0;background-size:100% 100%;}
.p4 .w9{display: none;position: absolute;width: 17%;height: 4%;top: 94%;left: 70%;background:url('../images/p2.3.png?2') no-repeat 0 0;background-size:100% 100%;}
.p4 .w10{display: none;position: absolute;width: 9%;height: 6%;top: 93%;left: 89%;background:url('../images/p2.2.png?2') no-repeat 0 0;background-size:100% 100%;}
.p5{background:url('../images/0005.jpg?1') no-repeat 0 0;background-size:100% 100%;}
.p5 .w0{position: absolute;width: 72%;height: 27%;top: 6%;left: 14%;background:url('../images/p3.1.png?2') no-repeat 0 0;background-size:100% 100%;}
.p5 .w1{position: absolute;width: 66%;height: 11%;top: 39%;left: 17%;background:url('../images/p3.2.png?3') no-repeat 0 0;background-size:100% 100%;}
.p5 .w2{position: absolute;width: 66%;height: 11%;top: 52%;left: 17%;background:url('../images/p3.3.png?3') no-repeat 0 0;background-size:100% 100%;}
.p5 .w3{position: absolute;width: 66%;height: 11%;top: 65%;left: 17%;background:url('../images/p3.4.png?3') no-repeat 0 0;background-size:100% 100%;}
.p5 .w4{position: absolute;width: 66%;height: 11%;top: 78%;left: 17%;background:url('../images/p3.5.png?2') no-repeat 0 0;background-size:100% 100%;}
.p5 .w5{display: none;position: absolute;width: 6%;height: 4%;top: 42%;left: 86%;background:url('../images/wrong.png?2') no-repeat 0 0;background-size:100% 100%;}
.p5 .w6{display: none;position: absolute;width: 6%;height: 4%;top: 55%;left: 86%;background:url('../images/wrong.png?2') no-repeat 0 0;background-size:100% 100%;}
.p5 .w7{display: none;position: absolute;width: 6%;height: 4%;top: 68%;left: 86%;background:url('../images/right.png?2') no-repeat 0 0;background-size:100% 100%;}
.p5 .w8{display: none;position: absolute;width: 6%;height: 4%;top: 81%;left: 86%;background:url('../images/wrong.png?2') no-repeat 0 0;background-size:100% 100%;}
.p5 .w9{display: none;position: absolute;width: 17%;height: 4%;top: 94%;left: 70%;background:url('../images/p2.3.png?2') no-repeat 0 0;background-size:100% 100%;}
.p5 .w10{display: none;position: absolute;width: 9%;height: 6%;top: 93%;left: 89%;background:url('../images/p2.2.png?2') no-repeat 0 0;background-size:100% 100%;}
.p6{background:url('../images/0006.jpg?1') no-repeat 0 0;background-size:100% 100%;}
.p6 .w0{position: absolute;width: 72%;height: 27%;top: 6%;left: 14%;background:url('../images/p4.1.png?3') no-repeat 0 0;background-size:100% 100%;}
.p6 .w1{position: absolute;width: 66%;height: 11%;top: 39%;left: 17%;background:url('../images/p4.2.png?3') no-repeat 0 0;background-size:100% 100%;}
.p6 .w2{position: absolute;width: 66%;height: 11%;top: 52%;left: 17%;background:url('../images/p4.3.png?3') no-repeat 0 0;background-size:100% 100%;}
.p6 .w3{position: absolute;width: 66%;height: 11%;top: 65%;left: 17%;background:url('../images/p4.4.png?3') no-repeat 0 0;background-size:100% 100%;}
.p6 .w4{position: absolute;width: 66%;height: 11%;top: 78%;left: 17%;background:url('../images/p4.5.png?3') no-repeat 0 0;background-size:100% 100%;}
.p6 .w5{display: none;position: absolute;width: 6%;height: 4%;top: 42%;left: 86%;background:url('../images/wrong.png?2') no-repeat 0 0;background-size:100% 100%;}
.p6 .w6{display: none;position: absolute;width: 6%;height: 4%;top: 55%;left: 86%;background:url('../images/wrong.png?2') no-repeat 0 0;background-size:100% 100%;}
.p6 .w7{display: none;position: absolute;width: 6%;height: 4%;top: 68%;left: 86%;background:url('../images/wrong.png?2') no-repeat 0 0;background-size:100% 100%;}
.p6 .w8{display: none;position: absolute;width: 6%;height: 4%;top: 81%;left: 86%;background:url('../images/right.png?2') no-repeat 0 0;background-size:100% 100%;}
.p6 .w9{display: none;position: absolute;width: 14%;height: 4%;top: 94%;left: 72%;background:url('../images/finish.png?2') no-repeat 0 0;background-size:100% 100%;}
.p6 .w10{display: none;position: absolute;width: 9%;height: 6%;top: 93%;left: 89%;background:url('../images/p2.2.png?2') no-repeat 0 0;background-size:100% 100%;}
.p7{background:url('../images/0007.jpg?1') no-repeat 0 0;background-size:100% 100%;}
.p7 .w0{position: absolute;width: 80%;height: 39%;top: 26%;left: 10%;background:url('../images/0.png?2') no-repeat 0 0;background-size:100% 100%;}
.p7 .w1{position: absolute;width: 30%;height: 4%;top: 94%;left: 57%;background:url('../images/more.png?2') no-repeat 0 0;background-size:100% 100%;}
.p7 .w2{position: absolute;width: 9%;height: 6%;top: 93%;left: 89%;background:url('../images/p2.2.png?2') no-repeat 0 0;background-size:100% 100%;}
.p7 .w2{
  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
}
.p8{background:url('../images/0008.jpg?1') no-repeat 0 0;background-size:100% 100%;}
.p8 .w0{position: absolute;width: 17%;height: 4%;top: 94%;left: 70%;background:url('../images/next.png?2') no-repeat 0 0;background-size:100% 100%;}
.p8 .w1{position: absolute;width: 9%;height: 6%;top: 93%;left: 89%;background:url('../images/p2.2.png?2') no-repeat 0 0;background-size:100% 100%;}
.p8 .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
}
.p9{background:url('../images/0009.jpg?3') no-repeat 0 0;background-size:100% 100%;}
.p9 .w0{position: absolute;width: 17%;height: 4%;top: 94%;left: 70%;background:url('../images/next.png?2') no-repeat 0 0;background-size:100% 100%;}
.p9 .w1{position: absolute;width: 9%;height: 6%;top: 93%;left: 89%;background:url('../images/p2.2.png?2') no-repeat 0 0;background-size:100% 100%;}
.p9 .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
}
.p10{background:url('../images/0010.jpg?2') no-repeat 0 0;background-size:100% 100%;}
.p10 .w0{position: absolute;width: 17%;height: 4%;top: 94%;left: 70%;background:url('../images/next.png?2') no-repeat 0 0;background-size:100% 100%;}
.p10 .w1{position: absolute;width: 9%;height: 6%;top: 93%;left: 89%;background:url('../images/p2.2.png?2') no-repeat 0 0;background-size:100% 100%;}
.p10 .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
}
.p11{background:url('../images/0011.jpg?4') no-repeat 0 0;background-size:100% 100%;}


.page1_1{display: none;position: absolute;width: 66%;height: 10%;top: 39%;left: 17%;z-index: 1000;}
.page1_2{display: none;position: absolute;width: 66%;height: 10%;top: 52%;left: 17%;z-index: 1000;}
.page1_3{display: none;position: absolute;width: 66%;height: 10%;top: 65%;left: 17%;z-index: 1000;}
.page1_4{display: none;position: absolute;width: 66%;height: 10%;top: 78%;left: 17%;z-index: 1000;}
.page1_5{display: none;position: absolute;width: 22%;height: 6%;top: 93%;left: 76%;z-index: 1000;}

.page2_1{display: none;position: absolute;width: 66%;height: 10%;top: 39%;left: 17%;z-index: 1000;}
.page2_2{display: none;position: absolute;width: 66%;height: 10%;top: 52%;left: 17%;z-index: 1000;}
.page2_3{display: none;position: absolute;width: 66%;height: 10%;top: 65%;left: 17%;z-index: 1000;}
.page2_4{display: none;position: absolute;width: 66%;height: 10%;top: 78%;left: 17%;z-index: 1000;}
.page2_5{display: none;position: absolute;width: 22%;height: 6%;top: 93%;left: 76%;z-index: 1000;}

.page3_1{display: none;position: absolute;width: 66%;height: 11%;top: 39%;left: 17%;z-index: 1000;}
.page3_2{display: none;position: absolute;width: 66%;height: 11%;top: 52%;left: 17%;z-index: 1000;}
.page3_3{display: none;position: absolute;width: 66%;height: 11%;top: 65%;left: 17%;z-index: 1000;}
.page3_4{display: none;position: absolute;width: 66%;height: 11%;top: 78%;left: 17%;z-index: 1000;}
.page3_5{display: none;position: absolute;width: 22%;height: 6%;top: 93%;left: 76%;z-index: 1000;}

.share{display: none;position: absolute;width:47%;height:12%;top:0%;right: -10%;background:url('../images/share.png?2') no-repeat 0 0;background-size:100% 100%;z-index: 10000;}
.video{display: none;position: absolute;width: 72%;height: 78%;top: 4%;left: 14%;z-index: 1000;}
.video_close{display: none;position: absolute;width: 72%;height: 78%;top: 4%;left: 14%;z-index: 1000;}
#video{position: absolute;width: 72%;height: 78%;top: 4%;left: 14%;}
#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
}
#a1{display: none;position: absolute;width: 100%;height: 100%;z-index: 1000;}
#a1 .w0{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/s1.png?2') no-repeat 0 0;background-size:100% 100%;}
#a1 .w0 .start{position: absolute;width: 36%;height: 6%;left: 33%;top: 66%;}
#a1 .w1{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/s2.png?2') no-repeat 0 0;background-size:100% 100%;}
#a1 .w2{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 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 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 big {
  0% {transform:scale(1);}
  100% {transform:scale(3);}
}
@-moz-keyframes big {
  0% {transform:scale(1);}
  100% {transform:scale(3);}
}
@keyframes big {
  0% {transform:scale(1);}
  100% {transform:scale(3);}
} */
@-webkit-keyframes big {
  0% {width: 8%;height: 5%;top: 69%;left: 52%;}
  100% {width: 320%;height: 200%;top: -44%;left: -110%;}
}
@-moz-keyframes big {
  0% {width: 8%;height: 5%;top: 69%;left: 52%;}
  100% {width: 320%;height: 200%;top: -44%;left: -110%;}
}
@keyframes big {
  0% {width: 8%;height: 5%;top: 69%;left: 52%;}
  100% {width: 320%;height: 200%;top: -44%;left: -110%;}
}

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