body{margin:0;padding:0;font-family:"Microsoft YaHei";background:#ceedfe;}
p{margin:2% 5%;line-height:28px;font-size:16px;text-align:justify;text-indent: 2em;}

.tips_blk{z-index:99999999999;position:absolute;left:50%;bottom:10px;width:130px;height: 20px;margin-left:-65px;text-align:center;}
.tips_blk p{z-index:99999999999;font-size:10px;color:#FFF;}
.tips_blk_hide p{z-index:99999999999;display:none;}
.music_blk{z-index:99999999999;position:absolute;left:10px;bottom:10px;}
.music{display:block;width:23px;height:23px;background:url('http://h5.lqsaa.com/special/science10/images/music.png?2') no-repeat;background-size:23px 23px;}
.music_on{-webkit-animation:music 1.2s linear infinite;animation:music 1.2s linear infinite;}

.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.jpg') no-repeat 0 0;background-size:100% 100%;}
.suggest{position:fixed;bottom:0;width:100%;color:white;font-size:8px;}
.suggest p{text-align:center;text-indent:0;font-size:10px;}
.load_val{width:100%;height: 100%;position:absolute;}
.loading_line{width:40%;height:10px;position:absolute;left:30%;top:21%;}
.loading_line_blank{width:6%;height:100%;margin:0 2%;background: #4b4b4b;float: left;}
.loading_pic{top:38.5%;right:17%;position:absolute;width:11%;height:7%;}
.coypright{position:fixed;bottom:13%;width:32%;left: 35%;}
.loading .w1{position:absolute;width:100%;height:100%;background:url('../images/loading1.png?2') no-repeat 0 0;background-size:100% 100%;}
.loading .w2{position:absolute;width:100%;height:100%;background:url('../images/loading2.png?2') no-repeat 0 0;background-size:100% 100%;}

section{display:none;position:absolute;width:100%;height:100%;}
section div{position:absolute;}
.ac{display:block;}
#p0{background:url('../images/loading.jpg') no-repeat 0 0 white;background-size:100% 100%;}
#p0 .w1{background:url('../images/p0.1.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p0 .w2{background:url('../images/p0.2.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p0 .w4{background:url('../images/p0.4.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p0 .w5{background:url('../images/p0.5.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p0 .w6{background:url('../images/p0.6.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p0 .w7{background:url('../images/p0.7.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p0 .w8{background:url('../images/p0.8.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p0 .w9{background:url('../images/p0.9.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p0 .w10{display:none;background:url('../images/p0.10.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p0 .w11{display:none;background:url('../images/p0.11.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
/* #p0 .w12{background:url('../images/p0.12.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;} */
#p0 .w13{background:url('../images/p0.13.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p0 .w14{background:url('../images/p0.14.png?2') no-repeat 0 0;background-size:100% 100%;width:32%;height:5%;top: 20%;left: 35%;}
#p0 .b1{width:24%;height:14%;top:64%;left: 38%;}
#p0 .b2{width:15%;height:6%;top:7%;right: 7%;}
#p0.ac .w14{-webkit-animation:ani3 15s 1s ease both;animation:ani3 15s 1s ease both;}
#p0.ac .w5{
			animation:fadeIn 1s .5s linear infinite;
            -moz-animation:fadeIn 1s .5s linear infinite;
            -webkit-animation:fadeIn 1s .5s linear infinite;
            -o-animation:fadeIn 1s .5s linear infinite
}
#p0.ac .w6{
			animation:fadeIn 1s 1s linear infinite;
            -moz-animation:fadeIn 1s 1s linear infinite;
            -webkit-animation:fadeIn 1s 1s linear infinite;
            -o-animation:fadeIn 1s 1s linear infinite
}
#p0.ac .w7{
			animation:fadeIn 1s 1.5s linear infinite;
            -moz-animation:fadeIn 1s 1.5s linear infinite;
            -webkit-animation:fadeIn 1s 1.5s linear infinite;
            -o-animation:fadeIn 1s 1.5s linear infinite
}
#p0.ac .w8{
			animation:fadeIn 1s 2s linear infinite;
            -moz-animation:fadeIn 1s 2s linear infinite;
            -webkit-animation:fadeIn 1s 2s linear infinite;
            -o-animation:fadeIn 1s 2s linear infinite
}
#p1{background:url('../images/p1.jpg') no-repeat 0 34% white;background-size:950% 950%;}
#p1.ac{-webkit-animation:ani1 2s ease both;animation:ani1 2s ease both;}
#p1 .w1{background:url('../images/p1.1.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p1 .w2{background:url('../images/p1.2.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p1 .w3{background:url('../images/p1.3.png?2') no-repeat 0 0;background-size:100%;top: 46%;left: 26%;}
#p1 .w4{background:url('../images/p1.4.png?2') no-repeat 0 0;background-size:100% 100%;width:28%;height:11%;top: 34%;left: 56%;}
#p1 .w5{background:url('../images/p1.5.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}


#p1 .g1{width:100%;height:100%;opacity:0;}
#p1 .g2,#p1 .g3{width:100%;height:100%;opacity:1;}
#p1.ac .g1{-webkit-animation:fadeIn 1s .5s ease both;animation:fadeIn 1s .5s ease both;}

#p1.ac .w3{-webkit-animation:ani22 .5s 2s ease both;animation:ani22 .5s 2s ease both;}
#p1.ac .w4{-webkit-animation:ani2 .5s 3s ease both;animation:ani2 .5s 3s ease both;}
#p1.ac .g2{-webkit-animation:fadeOutRight 1s 3.5s ease both;animation:fadeOutRight 1s 3.5s ease both;}
#p1.ac .g3{-webkit-animation:fadeOutBig 1s 4.5s ease both;animation:fadeOutBig 1s 4.5s ease both;}

#p2{background:url('../images/p2.jpg') no-repeat 0 0 white;background-size:100% 100%;}
#p2.ac{-webkit-animation:fadeIn 1s ease both;animation:fadeIn 1s ease both;}
#p2 .w1{background:url('../images/p2.1.png?2') no-repeat 0 0;background-size:100% 100%;width:8%;height:5%;top: 70%;left: 8%;}
#p2 .w2{background:url('../images/p2.2.png?2') no-repeat 0 0;background-size:100% 100%;width:28%;height:11%;top: 34%;left: 56%;}
#p2 .w3{background:url('../images/p2.3.png?2') no-repeat 0 0;background-size:100% 100%;width:28%;height:11%;top: 44%;left: 38%;}
#p2 .w4{background:url('../images/p2.4.png?2') no-repeat 0 0;background-size:100% 100%;width:10%;height:10%;}
#p2 .w5{background:url('../images/p2.5.png?2') no-repeat 0 0;background-size:100% 100%;width: 3%;height: 2%;top: 58.5%;left: 42%;transform-origin:0% 100%;}
#p2 .w55{background:url('../images/p2.4.png?2') no-repeat 0 0;background-size:100% 100%;width: 1%;height: 0.8%;top: 58.5%;left: 42%;}
#p2 .w555{background:url('../images/p2.4.png?2') no-repeat 0 0;background-size:100% 100%;width: 1%;height: 0.8%;top: 60.5%;left: 44%;}
#p2 .w6{background:url('../images/p2.61.png?2') no-repeat 0 0;background-size:100% 100%;width: 5%;height: 2%;top: 67%;left: 81%;}
#p2 .w7{background:url('../images/p2.62.png?2') no-repeat 0 0;background-size:100% 100%;width: 4%;height: 4%;top: 63%;left: 73%;}
#p2 .w11{display:none;background:url('../images/p2.11.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p2 .w12{display:none;background:url('../images/p2.12.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p2 .w16{display:none;background:url('../images/p2.16.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p2 .w13{background:url('../images/p2.13.png?2') no-repeat 0 0;background-size:100% 100%;width:42%;height:15%;top: 12%;left: 32%;}
#p2 .w14{background:url('../images/p2.14.png?2') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p2 .w15{color: #9e1818;font-size: 20px;top: 4%;left: 50%;}
#p2 .b1{width: 30%;height: 100%;}
#p2 .b1 .hand1{opacity: 0;position: absolute;width: 24%;height: 5%;top: 60%;left: 36%;background:url('../images/hand.png') no-repeat 0 0;background-size:100% 100%;}
#p2 .b2{width: 40%;height: 100%;left: 30%;}
#p2 .b2 .hand2{opacity: 0;position: absolute;width: 17%;height: 5%;top: 55%;left: 50%;background:url('../images/hand.png') no-repeat 0 0;background-size:100% 100%;}
#p2 .b3{width: 30%;height: 100%;left: 70%;}
#p2 .b3 .hand3{opacity: 0;position: absolute;width: 24%;height: 5%;top: 60%;left: 49%;background:url('../images/hand.png') no-repeat 0 0;background-size:100% 100%;}
#p2.ac .w1{
			animation:animate1 4s .5s linear infinite;
            -moz-animation:animate1 4s .5s linear infinite;
            -webkit-animation:animate1 4s .5s linear infinite;
            -o-animation:animate1 4s .5s linear infinite
}
#p2.ac .w3{
			animation:shan 2s .5s linear infinite;
            -moz-animation:shan 2s .5s linear infinite;
            -webkit-animation:shan 2s .5s linear infinite;
            -o-animation:shan 2s .5s linear infinite
}
#p2.ac .w5{
			animation:rotateZ 3s .5s linear infinite;
            -moz-animation:rotateZ 3s .5s linear infinite;
            -webkit-animation:rotateZ 3s .5s linear infinite;
            -o-animation:rotateZ 3s .5s linear infinite
}
#p2.ac .w55{
			animation:shan 2s .5s linear infinite;
            -moz-animation:shan 2s .5s linear infinite;
            -webkit-animation:shan 2s .5s linear infinite;
            -o-animation:shan 2s .5s linear infinite
}
#p2.ac .w555{
			animation:shan 2s 1.5s linear infinite;
            -moz-animation:shan 2s 1.5s linear infinite;
            -webkit-animation:shan 2s 1.5s linear infinite;
            -o-animation:shan 2s 1.5s linear infinite
}
#p2.ac .w6{
			animation:animate2 1s .5s linear infinite;
            -moz-animation:animate2 1s .5s linear infinite;
            -webkit-animation:animate2 1s .5s linear infinite;
            -o-animation:animate2 1s .5s linear infinite
}
#p2.ac .w7{
			animation:animate2 1s 1s linear infinite;
            -moz-animation:animate2 1s 1s linear infinite;
            -webkit-animation:animate2 1s 1s linear infinite;
            -o-animation:animate2 1s 1s linear infinite
}
.hand{
			animation:shan1 2s .5s linear both;
            -moz-animation:shan1 2s .5s linear both;
            -webkit-animation:shan1 2s .5s linear both;
            -o-animation:shan1 2s .5s linear both
}
#p3{background:url('../images/p2-1.png') no-repeat 0 0;background-size:100% 100%;}
#p3 .b1{width: 60%;height: 8%;left: 20%;top: 20%;}
#p3 .b2{width: 60%;height: 8%;left: 20%;top: 32%;}
#p3 .b3{width: 60%;height: 8%;left: 20%;top: 45%;}

#p4{background:url('../images/p2-2.png') no-repeat 0 0;background-size:100% 100%;}
#p4 .w1{background:url('../images/p2-3.png') no-repeat 0 0;background-size:100% 100%;width:42%;height:15%;right: 0;}
#p4 .w2{background:url('../images/p2-5.png') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;}
#p4.ac .w2{-webkit-animation:ani4 1s 3s ease both;animation:ani4 1s 3s ease both;}
#p4 .b1{width: 60%;height: 8%;left: 20%;top: 34%;}
#p4 .b2{width: 60%;height: 8%;left: 20%;top: 46%;}
#p4 .b3{width: 60%;height: 8%;left: 20%;top: 59%;}

#close{position:absolute;width:10%;height:6%;top: 3%;right: 5%;}
#about{display:none;position:absolute;width:100%;height:100%;background:url('../images/about.png?2') no-repeat 0 0;background-size:100% 100%;}
.select{opacity:0;position:absolute;width:100%;height:100%;}

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

@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,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 fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

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

@keyframes music{
	0%{transform: rotate(0deg)}
	100%{transform: rotate(360deg);}
}
@-webkit-keyframes music{
	0%{transform: rotate(0deg); -webkit-transform: rotate(0deg);}
	100%{transform: rotate(360deg); -webkit-transform: rotate(360deg);}
}

@keyframes fadeOutRight{
	0%{left: 0;}
	100%{left:100%;}
}
@-webkit-keyframes fadeOutRight{
	0%{left: 0;}
	100%{left:100%;}
}
@keyframes fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes fadeOut{
	0%{opacity:1;transform:scale(1);}
	100%{opacity:0;transform:scale(1.5);}
}
@keyframes fadeOutBig{
	0%{opacity:1;transform:scale(1);}
	100%{opacity:0;transform:scale(1.5);}
}
@-webkit-keyframes fadeOutBig{
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes ani1{
	0%{background-size:950% 950%;}
	50%{background-size:100% 100%;background-image:url('../images/p1.jpg');}
	100%{background-image:url('../images/p1.6.jpg');background-size:100% 100%;}
}
@-webkit-keyframes ani1{
	0%{background-size:950% 950%;}
	50%{background-size:100% 100%;background-image:url('../images/p1.jpg');}
	100%{background-image:url('../images/p1.6.jpg');background-size:100% 100%;}
}
@keyframes ani2{
	0%{transform: rotate(360deg)}
	100%{transform: rotate(270deg)}
}
@-webkit-keyframes ani2{
	0%{transform: rotate(360deg); -webkit-transform: rotate(360deg)}
	100%{transform: rotate(270deg); -webkit-transform: rotate(270deg)}
}
@keyframes ani22{
	0%{transform: rotate(360deg)}
	100%{transform: rotate(180deg)}
}
@-webkit-keyframes ani22{
	0%{transform: rotate(360deg); -webkit-transform: rotate(360deg)}
	100%{transform: rotate(180deg); -webkit-transform: rotate(180deg)}
}
@keyframes ani3{
	0%{background-image:url('../images/p0.14.png');}
	10%{background-image:url('../images/p0.14.png');}
	11%{background-image:url('../images/p0.15.png');}
	20%{background-image:url('../images/p0.15.png');}
	21%{background-image:url('../images/p0.16.png');}
	30%{background-image:url('../images/p0.16.png');}
	31%{background-image:url('../images/p0.17.png');}
	40%{background-image:url('../images/p0.17.png');}
	41%{background-image:url('../images/p0.18.png');}
	50%{background-image:url('../images/p0.18.png');}
	51%{background-image:url('../images/p0.19.png');}
	60%{background-image:url('../images/p0.19.png');}
	61%{background-image:url('../images/p0.20.png');}
	70%{background-image:url('../images/p0.20.png');}
	71%{background-image:url('../images/p0.21.png');}
	80%{background-image:url('../images/p0.21.png');}
	81%{background-image:url('../images/p0.22.png');}
	90%{background-image:url('../images/p0.22.png');}
	91%{background-image:url('../images/p0.23.png');}
	100%{background-image:url('../images/p0.23.png');}
}
@-webkit-keyframes ani3{
	0%{background-image:url('../images/p0.14.png');}
	10%{background-image:url('../images/p0.14.png');}
	11%{background-image:url('../images/p0.15.png');}
	20%{background-image:url('../images/p0.15.png');}
	21%{background-image:url('../images/p0.16.png');}
	30%{background-image:url('../images/p0.16.png');}
	31%{background-image:url('../images/p0.17.png');}
	40%{background-image:url('../images/p0.17.png');}
	41%{background-image:url('../images/p0.18.png');}
	50%{background-image:url('../images/p0.18.png');}
	51%{background-image:url('../images/p0.19.png');}
	60%{background-image:url('../images/p0.19.png');}
	61%{background-image:url('../images/p0.20.png');}
	70%{background-image:url('../images/p0.20.png');}
	71%{background-image:url('../images/p0.21.png');}
	80%{background-image:url('../images/p0.21.png');}
	81%{background-image:url('../images/p0.22.png');}
	90%{background-image:url('../images/p0.22.png');}
	91%{background-image:url('../images/p0.23.png');}
	100%{background-image:url('../images/p0.23.png');}
}
@keyframes ani4{
	0%{background-image:url('../images/p2-4.png');}
	99%{background-image:url('../images/p2-4.png');}
	100%{background-image:url('../images/p2-5.png');}
}
@-webkit-keyframes ani4{
	0%{background-image:url('../images/p2-4.png');}
	99%{background-image:url('../images/p2-4.png');}
	100%{background-image:url('../images/p2-5.png');}
}

@keyframes flash{
	0%{opacity:0;}
	50%{opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes music{
	0%{opacity:0;}
	50%{opacity:1;}
	100%{opacity:0;}
}
@keyframes shan
{
	0%{opacity:0;}
    50%{opacity:1;}
    100%{opacity:0;}
}

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

@-webkit-keyframes shan /* Safari ºÍ Chrome */
{
    0%{opacity:0;}
    50%{opacity:1;}
    100%{opacity:0;}
}
@keyframes shan1
{
	0%{opacity:0;}
    25%{opacity:1;}
    50%{opacity:0;}
    75%{opacity:1;}
    100%{opacity:0;}
}

@-moz-keyframes shan1 /* Firefox */
{
	0%{opacity:0;}
    25%{opacity:1;}
    50%{opacity:0;}
    75%{opacity:1;}
    100%{opacity:0;}
}

@-webkit-keyframes shan1 /* Safari ºÍ Chrome */
{
    0%{opacity:0;}
    25%{opacity:1;}
    50%{opacity:0;}
    75%{opacity:1;}
    100%{opacity:0;}
}
@keyframes animate1
{
	0%{transform:scale(1);;top: 70%;left: 8%;}
    25%{transform:scale(0);;top: 70%;left: 12%;}
    50%{transform:scale(0);;top: 70%;left: 12%;}
	75%{transform:scale(1);;top: 70%;left: 8%;}
	100%{transform:scale(1);;top: 70%;left: 8%;}
}

@-moz-keyframes animate1 /* Firefox */
{
	0%{transform:scale(1);;top: 70%;left: 8%;}
    25%{transform:scale(0);;top: 70%;left: 12%;}
    50%{transform:scale(0);;top: 70%;left: 12%;}
	75%{transform:scale(1);;top: 70%;left: 8%;}
	100%{transform:scale(1);;top: 70%;left: 8%;}
}

@-webkit-keyframes animate1 /* Safari ºÍ Chrome */
{
   0%{transform:scale(1);;top: 70%;left: 8%;}
    25%{transform:scale(0);;top: 70%;left: 12%;}
    50%{transform:scale(0);;top: 70%;left: 12%;}
	75%{transform:scale(1);;top: 70%;left: 8%;}
	100%{transform:scale(1);;top: 70%;left: 8%;}
}
@-webkit-keyframes rotateZ {
  0% {
    -webkit-transform: rotateZ(-40deg);
    transform: rotateZ(-40deg);
  }
  50% {
    -webkit-transform: rotateZ(60deg);
    transform: rotateZ(60deg);
  }
  100% {
    -webkit-transform: rotateZ(-40deg);
    transform: rotateZ(-40deg);
  }
}

@keyframes rotateZ {
  0% {
    -webkit-transform: rotateZ(-40deg);
    transform: rotateZ(-40deg);
  }
  50% {
    -webkit-transform: rotateZ(60deg);
    transform: rotateZ(60deg);
  }
  100% {
    -webkit-transform: rotateZ(-40deg);
    transform: rotateZ(-40deg);
  }
}

@keyframes animate2
{
	0%{transform:scale(1);}
    50%{transform:scale(1.5);}
	100%{transform:scale(1);}
}

@-moz-keyframes animate2 /* Firefox */
{
	0%{transform:scale(1);}
    50%{transform:scale(1.5);}
	100%{transform:scale(1);}
}

@-webkit-keyframes animate2 /* Safari ºÍ Chrome */
{
   0%{transform:scale(1);}
    50%{transform:scale(1.5);}
	100%{transform:scale(1);}
}