@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#000;
}

@media (max-width: 380px) {
	body{ font-size:14px; }
}

@media (max-width: 325px) {
	body{ font-size:12px; }
}

@media (min-width: 760px) {
	body{ font-size:22px; }
}

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color: #c00 !important;
}

img{
	display:block;
	max-width: 100%;
	max-height: 100%;
}

a,input,textarea{
	outline: none;
}

table{
	font-size: 1em;
}

p,li{
	overflow: hidden;
}

.photo{
	position: relative;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

.abs{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	/*opacity: 0;*/
}
i{
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	left: 0px;
	top: 0px;
}


#page{
	width: 100%;
	position: relative;
	overflow: hidden;
}



#page .bg{
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.p01{ width: 98.93%; height: 2.21%; right: 0%; top: 1.07%; background-image: url("images/p01.png"); }
.p02{ width: 6.53%; height: 0.68%; left: 88.27%; top: 1.21%; background-image: url("images/p02.png"); }
.p03{ width: 28.4%; height: 0.93%; left: 36.13%; top: 0.33%; background-image: url("images/p03.png"); }
.p04{ width: 43.73%; height: 1.2%; left: 24.13%; top: 2.87%; }
.p04 i{background-image: url("images/p04.png"); }
.p05{ width: 87.87%; height: 3.51%; left: 7.87%; top: 9.52%; background-image: url("images/p05.png"); }
.p06{ width: 100%; height: 3.31%; left: 0%; top: 15.19%; background-image: url("images/p06.png"); }
.p07{ width: 6.93%; height: 0.58%; left: 11.2%; top: 15.44%; background-image: url("images/p07.png"); }
.p08{ width: 87.87%; height: 1.49%; left: 5.73%; top: 18%; background-image: url("images/p08.png"); }
.p09{ width: 100%; height: 3.75%; left: 0%; top: 19.82%; background-image: url("images/p09.png"); }
.p10{ width: 6.8%; height: 0.72%; left: 81.47%; top: 20.04%; background-image: url("images/p10.png"); }
.p11{ width: 77.33%; height: 1.57%; left: 12.4%; top: 22.9%; background-image: url("images/p11.png"); }
.p12{ width: 100%; height: 3.37%; left: 0%; top: 25.16%; background-image:url("images/p12.png"); }
.p13{ width: 6.8%; height: 0.72%; left: 13.87%; top: 25.25%; background-image: url("images/p13.png"); }
.p14{ width: 82.67%; height: 1.54%; left: 7.47%; top: 28.04%; background-image: url("images/p14.png"); }
.p15{ width: 100%; height: 3.25%; left: 0%; top: 30.1%; background-image: url("images/p15.png"); }
.p16{ width: 6.8%; height: 0.72%; left: 84.93%; top: 30.03%; background-image: url("images/p16.png"); }
.p17{ width: 86.13%; height: 1.6%; left: 7.33%; top: 32.81%; background-image: url("images/p17.png"); }
.p18{ width: 100%; height: 3.78%; left: 0%; top: 34.89%; background-image: url("images/p18.png"); }
.p19{ width: 6.93%; height: 0.58%; left: 7.33%; top: 35.32%; background-image: url("images/p19.png"); }
.p20{ width: 81.47%; height: 1.55%; left: 9.6%; top: 38.06%; background-image: url("images/p20.png"); }
.p21{ width: 100%; height: 3.79%; left: 0%; top: 39.89%; background-image: url("images/p21.png"); }
.p22{ width: 6.8%; height: 0.72%; left: 86.67%; top: 39.87%; background-image: url("images/p22.png"); }
.p23{ width: 81.47%; height: 1.49%; left: 9.87%; top: 43.17%; background-image: url("images/p23.png"); }
.p24{ width: 100%; height: 3.74%; left: 0%; top: 45.29%; background-image:url("images/p24.png"); }
.p25{ width: 6.93%; height: 0.58%; left: 16.17%; top: 45.21%; background-image: url("images/p25.png"); }
.p26{ width: 79.73%; height: 1.49%; left: 13.33%; top: 48.22%; background-image: url("images/p26.png"); }
.p27{ width: 100%; height: 3.95%; left: 0%; top: 50.16%; background-image: url("images/p27.png"); }
.p28{ width: 6.8%; height: 0.72%; left: 15.47%; top: 50.53%; background-image: url("images/p28.png"); }
.p29{ width: 80.27%; height: 1.52%; left: 13.73%; top: 53.5%; background-image: url("images/p29.png"); }
.p30{ width: 100%; height: 4.17%; left: 0%; top: 55.57%; background-image: url("images/p30.png"); }
.p31{ width: 6.93%; height: 0.58%; left: 43.47%; top: 55.6%; background-image: url("images/p31.png"); }
.p32{ width: 80.53%; height: 1.51%; left: 10.13%; top: 59.22%; background-image: url("images/p32.png"); }
.p33{ width: 100%; height: 3.84%; left: 0%; top: 61.26%; background-image: url("images/p33.png"); }
.p34{ width: 6.8%; height: 0.72%; left: 72.13%; top: 61.22%; background-image: url("images/p34.png"); }
.p35{ width: 87.2%; height: 1.49%; left: 6.67%; top: 64.57%; background-image: url("images/p35.png"); }
.p36{ width: 100%; height: 3.94%; left: 0%; top: 66.5%; background-image: url("images/p36.png"); }
.p37{ width: 6.8%; height: 0.72%; left: 20.13%; top: 66.85%; background-image: url("images/p37.png"); }
.p38{ width: 79.47%; height: 1.48%; left: 13.47%; top: 69.95%; background-image: url("images/p38.png"); }
.p39{ width: 100%; height: 3.94%; left: 0%; top: 71.76%; background-image: url("images/p39.png"); }
.p40{ width: 6.8%; height: 0.72%; left: 48.67%; top: 72.23%; background-image: url("images/p40.png"); }
.p41{ width: 82.4%; height: 1.5%; left: 8.53%; top: 75.19%; background-image: url("images/p41.png"); }
.p42{ width: 100%; height: 3.6%; left: 0%; top: 77.11%; background-image: url("images/p42.png"); }
.p43{ width: 6.8%; height: 0.72%; left: 25.47%; top: 77.21%; background-image: url("images/p43.png"); }
.p44{ width: 73.33%; height: 1.46%; left: 15.87%; top: 80.2%; background-image: url("images/p44.png"); }
.p45{ width: 100%; height: 4.2%; left: 0%; top: 82.1%; background-image: url("images/p45.png"); }
.p46{ width: 6.8%; height: 0.72%; left: 72.53%; top: 82.14%; background-image: url("images/p46.png"); }
.p47{ width: 85.73%; height: 1.58%; left: 7.33%; top: 85.15%; background-image: url("images/p47.png"); }
.p48{ width: 100%; height: 4.44%; left: 0%; top: 87.1%; background-image: url("images/p48.png"); }
.p49{ width: 6.93%; height: 0.58%; left: 20.67%; top: 87.41%; background-image: url("images/p49.png"); }
.p50{ width: 81.33%; height: 1.98%; left: 9.87%; top: 90.58%; background-image: url("images/p50.png"); }
.p51{ width: 100%; height: 3.7%; left: 0%; top: 92.55%; background-image: url("images/p51.png"); }
.p52{ width: 6.8%; height: 0.72%; left: 81.2%; top: 92.73%; background-image: url("images/p52.png"); }
.p53{ width: 86.27%; height: 1.58%; left: 6.93%; top: 95.73%; background-image: url("images/p53.png"); }
.zcry{ width: 74.67%; height: 0.63%; left: 12.27%; top: 98.93%; background-image: url("images/zcry.png"); }

.p54{ width: 30.53%; height: 0.52%; left: 55.73%; top: 25.13%; background-image: url("images/p54.png"); }
.p55{ width: 32.93%; height: 0.69%; left: 59.6%; top: 71.8%; background-image: url("images/p55.png"); }

.p56{ width: 66.27%; height: 0.39%; left: 28.0%; top:97.64%; background-image: url("images/p56.png"); }



#tc{
	width:100%;
	height:100%;
	position:fixed;
	z-index:100;
	display:none;
}
#tc .textbg{
	width:100%;
	height:100%;
	background:#000;filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;
}
#tc .text-box{
	width:92%;
	height: 95.2%;
	left:3.87%;
	top:2.4%;
	background-image: url("images/text-box.png");
	background-size: 100% 100%;
}
#tc .close{
	width:8.13%;
	position:absolute;
	left:78.93%;
	top:92.2%;
}
#tc .text{
	width: 84.9%;
	height: 86.66%;
	position: absolute;
	top: 4.4%;
	left: 7.43%;
	overflow-x: hidden;
	overflow-y: visible;
}
iframe{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }






.music{
	position:fixed;
	right:0.5em;
	top:1em;
	width:2em;
	height:2em;
	z-index:9999;
}
.music.on{background:url(images/music-on.png) no-repeat; background-size:100% 100%;}
.music.off{background:url(images/music-off.png) no-repeat;background-size:100% 100%;}
.music img{display: inline-block;}
@-ms-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-moz-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-o-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-webkit-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@keyframes music{from{ transform:rotate(-360deg); }to{ }}
.music.on{
	animation:'music' 1.5s linear 0s infinite;
	-ms-animation:music 1.5s linear 0s infinite;
	-moz-animation:music 1.5s linear 0s infinite;
	-o-animation:'music' 1.5s linear 0s infinite;
	-webkit-animation:'music' 1.5s linear 0s infinite;
}



@media only screen and (orientation: landscape) {
	#page{ width: 750px; margin: 0px auto;}
	#tc{width: 750px; left: 50%; margin-left: -375px;}
}




@-ms-keyframes dh1 {
   0%{opacity:0;transform:scale(0.3);}
   50%{opacity:1;transform:scale(1.05);}
   70%{opacity:1;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
@-moz-keyframes dh1 {
   0%{opacity:0;transform:scale(0.3);}
   50%{opacity:1;transform:scale(1.05);}
   70%{opacity:1;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
@-o-keyframes dh1 {
   0%{opacity:0;transform:scale(0.3);}
   50%{opacity:1;transform:scale(1.05);}
   70%{opacity:1;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes dh1 {
   0%{opacity:0;transform:scale(0.3);}
   50%{opacity:1;transform:scale(1.05);}
   70%{opacity:1;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
@keyframes dh1 {
   0%{opacity:0;transform:scale(0.3);}
   50%{opacity:1;transform:scale(1.05);}
   70%{opacity:1;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
.p01 {
  animation: 'dh1' 0.8s ease-in-out 0.2s forwards;
  -ms-animation: dh1 0.8s ease-in-out 0.2s forwards;
  -moz-animation: dh1 0.8s ease-in-out 0.2s forwards;
  -o-animation: 'dh1' 0.8s ease-in-out 0.2s forwards;
  -webkit-animation: 'dh1' 0.8s ease-in-out 0.2s forwards;
  opacity: 0;
}


@-ms-keyframes dh2 {
   0%{margin-left: 2em;}
   100%{margin-left: 0em;opacity: 1;}
}
@-moz-keyframes dh2 {
   0%{margin-left: 2em;}
   100%{margin-left: 0em;opacity: 1;}
}
@-o-keyframes dh2 {
   0%{margin-left: 2em;}
   100%{margin-left: 0em;opacity: 1;}
}
@-webkit-keyframes dh2 {
   0%{margin-left: 2em;}
   100%{margin-left: 0em;opacity: 1;}
}
@keyframes dh2 {
   0%{margin-left: 2em;}
   100%{margin-left: 0em;opacity: 1;}
}
.p02 {
  animation: 'dh2' 0.6s linear 1s forwards;
  -ms-animation: dh2 0.6s linear 1s forwards;
  -moz-animation: dh2 0.6s linear 1s forwards;
  -o-animation: 'dh2' 0.6s linear 1s forwards;
  -webkit-animation: 'dh2' 0.6s linear 1s forwards;
  opacity: 0;
}


@-ms-keyframes dh3 {
   0%{margin-top: -2em;}
   100%{margin-top: 0em;opacity: 1;}
}
@-moz-keyframes dh3 {
   0%{margin-top: -2em;}
   100%{margin-top: 0em;opacity: 1;}
}
@-o-keyframes dh3 {
   0%{margin-top: -2em;}
   100%{margin-top: 0em;opacity: 1;}
}
@-webkit-keyframes dh3 {
   0%{margin-top: -2em;}
   100%{margin-top: 0em;opacity: 1;}
}
@keyframes dh3 {
   0%{margin-top: -2em;}
   100%{margin-top: 0em;opacity: 1;}
}
.p03 {
  animation: 'dh3' 0.6s linear 1.6s forwards;
  -ms-animation: dh3 0.6s linear 1.6s forwards;
  -moz-animation: dh3 0.6s linear 1.6s forwards;
  -o-animation: 'dh3' 0.6s linear 1.6s forwards;
  -webkit-animation: 'dh3' 0.6s linear 1.6s forwards;
  opacity: 0;
}



@-ms-keyframes dh4-1 {
   0%{margin-top: 2em;}
   100%{margin-top: 0em;opacity: 1;}
}
@-moz-keyframes dh4-1 {
   0%{margin-top: 2em;}
   100%{margin-top: 0em;opacity: 1;}
}
@-o-keyframes dh4-1 {
   0%{margin-top: 2em;}
   100%{margin-top: 0em;opacity: 1;}
}
@-webkit-keyframes dh4-1 {
   0%{margin-top: 2em;}
   100%{margin-top: 0em;opacity: 1;}
}
@keyframes dh4-1 {
   0%{margin-top: 2em;}
   100%{margin-top: 0em;opacity: 1;}
}
.p04 {
  animation: 'dh4-1' 0.6s linear 1.6s forwards;
  -ms-animation: dh4-1 0.6s linear 1.6s forwards;
  -moz-animation: dh4-1 0.6s linear 1.6s forwards;
  -o-animation: 'dh4-1' 0.6s linear 1.6s forwards;
  -webkit-animation: 'dh4-1' 0.6s linear 1.6s forwards;
  opacity: 0;
}



@-ms-keyframes dh4 {
  from {margin-top: 0em;}	
  25% {margin-top: 0.3em;}
  50% {margin-top: 0em;}
  75% {margin-top: -0.3em;}
  to {margin-top: 0em;}
}
@-moz-keyframes dh4 {
  from {margin-top: 0em;}	
  25% {margin-top: 0.3em;}
  50% {margin-top: 0em;}
  75% {margin-top: -0.3em;}
  to {margin-top: 0em;}
}
@-o-keyframes dh4 {
  from {margin-top: 0em;}	
  25% {margin-top: 0.3em;}
  50% {margin-top: 0em;}
  75% {margin-top: -0.3em;}
  to {margin-top: 0em;}
}
@-webkit-keyframes dh4 {
  from {margin-top: 0em;}	
  25% {margin-top: 0.3em;}
  50% {margin-top: 0em;}
  75% {margin-top: -0.3em;}
  to {margin-top: 0em;}
}
@keyframes dh4 {
  from {margin-top: 0em;}	
  25% {margin-top: 0.3em;}
  50% {margin-top: 0em;}
  75% {margin-top: -0.3em;}
  to {margin-top: 0em;}
}
.p04 i,.p54,.p55{
	animation:'dh4' 4s linear 1.6s infinite;
	-ms-animation:dh4 4s linear 0s infinite;
	-moz-animation:dh4 4s linear 0s infinite;
	-o-animation:'dh4' 4s linear 0s infinite;
	-webkit-animation:'dh4' 4s linear 0s infinite;
}




@-ms-keyframes dh5 {
   0%{opacity:0.9;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
@-moz-keyframes dh5 {
   0%{opacity:0.9;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
@-o-keyframes dh5 {
   0%{opacity:0.9;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes dh5 {
   0%{opacity:0.9;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
@keyframes dh5 {
   0%{opacity:0.9;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
.tit{
	animation:'dh5' 2s linear 0s infinite alternate;
	-ms-animation:dh5 2s linear 0s infinite alternate;
	-moz-animation:dh5 2s linear 0s infinite alternate;
	-o-animation:'dh5' 2s linear 0s infinite alternate;
	-webkit-animation:'dh5' 2s linear 0s infinite alternate;
}



@-ms-keyframes dh6 {
   0%{opacity:1;transform:scale(1);}
   100%{opacity:0.9;transform:scale(0.9);}
}
@-moz-keyframes dh6 {
   0%{opacity:1;transform:scale(1);}
   100%{opacity:0.9;transform:scale(0.9);}
}
@-o-keyframes dh6 {
   0%{opacity:1;transform:scale(1);}
   100%{opacity:0.9;transform:scale(0.9);}
}
@-webkit-keyframes dh6 {
   0%{opacity:1;transform:scale(1);}
   100%{opacity:0.9;transform:scale(0.9);}
}
@keyframes dh6 {
   0%{opacity:1;transform:scale(1);}
   100%{opacity:0.9;transform:scale(0.9);}
}
.tit1{
	animation:'dh6' 2s linear 0s infinite alternate;
	-ms-animation:dh6 2s linear 0s infinite alternate;
	-moz-animation:dh6 2s linear 0s infinite alternate;
	-o-animation:'dh6' 2s linear 0s infinite alternate;
	-webkit-animation:'dh6' 2s linear 0s infinite alternate;
}










.name1,.name2{opacity: 0;}
@-ms-keyframes dh7 {
   0%{margin-left: -2em; opacity: 0;}
   100%{margin-left: 0em;opacity: 1;}
}
@-moz-keyframes dh7 {
   0%{margin-left: -2em; opacity: 0;}
   100%{margin-left: 0em;opacity: 1;}
}
@-o-keyframes dh7 {
   0%{margin-left: -2em; opacity: 0;}
   100%{margin-left: 0em;opacity: 1;}
}
@-webkit-keyframes dh7 {
   0%{margin-left: -2em; opacity: 0;}
   100%{margin-left: 0em;opacity: 1;}
}
@keyframes dh7 {
   0%{margin-left: -2em; opacity: 0;}
   100%{margin-left: 0em;opacity: 1;}
}
.name1.active{
  animation: 'dh7' 0.6s linear 0s forwards;
  -ms-animation: dh7 0.6s linear 0s forwards;
  -moz-animation: dh7 0.6s linear 0s forwards;
  -o-animation: 'dh7' 0.6s linear 0s forwards;
  -webkit-animation: 'dh7' 0.6s linear 0s forwards;
  opacity: 0;
}


@-ms-keyframes dh8 {
   0%{margin-left: 2em; opacity: 0;}
   100%{margin-left: 0em;opacity: 1;}
}
@-moz-keyframes dh8 {
   0%{margin-left: 2em; opacity: 0;}
   100%{margin-left: 0em;opacity: 1;}
}
@-o-keyframes dh8 {
   0%{margin-left: 2em; opacity: 0;}
   100%{margin-left: 0em;opacity: 1;}
}
@-webkit-keyframes dh8 {
   0%{margin-left: 2em; opacity: 0;}
   100%{margin-left: 0em;opacity: 1;}
}
@keyframes dh8 {
   0%{margin-left: 2em; opacity: 0;}
   100%{margin-left: 0em;opacity: 1;}
}
.name2.active{
  animation: 'dh8' 0.6s linear 0s forwards;
  -ms-animation: dh8 0.6s linear 0s forwards;
  -moz-animation: dh8 0.6s linear 0s forwards;
  -o-animation: 'dh8' 0.6s linear 0s forwards;
  -webkit-animation: 'dh8' 0.6s linear 0s forwards;
  opacity: 0;
}



.p23{width: 80.13%;height: 1.49%;left: 8.4%;top: 43.17%;background-image: url("images/p23.png");}
.p32{width: 84.8%;height: 1.51%;left: 10.27%;top: 59.22%;background-image: url("images/p32.png");}
.zcry{width: 60.4%;height: 0.95%;left: 19.73%;top: 98.74%;background-image: url("images/zcry.png");}