html, body, menu, ul, ol, li, p, div, form, h1, h2, h3, h4, h5, h6, img, a img, input, button, textarea, fieldset{ padding: 0; margin: 0; border: 0;font-family:"\5FAE\8F6F\96C5\9ED1"; }
ul, ol, li { list-style: none }
h1, h2, h3, h4, h5, h6, b, i, em {font-size: 1em; font-weight: normal; font-style: normal }
body, input, button, textarea, select { -webkit-text-size-adjust: none; font: normal 14px/1.5 helvetica, verdana, san-serif; outline: 0;color: #000; }
body { margin: 0 auto; background: #fff; /*min-width:320px; width:320px*/ }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea { -webkit-appearance: none }
option { height: 24px }
a { text-decoration: none;color: #1fd3ca;; }

.img img, video { vertical-align: middle }
.btn { display: inline-block; vertical-align: middle }
a:hover { color: #1fd3ca; text-decoration: none; }
img { border: none }
ol, ul, li { list-style: none; }
i, em { font-style: normal; }

html, body {
    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select: none;
}
html{height:100%;}
body{overflow:hidden;height:100%;}

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

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

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

.swiper-container {
  width: 100%;
  height: 100%;
  text-align: center;
	overflow: hidden;
}

.swiper-slide{
	width:100%;
	height:100%;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}

.abs{
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
}

#audio_btn {
	width: 2em;
	height: 2em;
	background-size: contain;
	background: url(images/music.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: calc(50% - 25vh);
	top: 2%;
	cursor: pointer;
	z-index: 1000;
}
.rotate {
	-webkit-animation: rotating 1.2s linear infinite;
	-moz-animation: rotating 1.2s linear infinite;
	-o-animation: rotating 1.2s linear infinite;
	animation: rotating 1.2s linear infinite
}
 @-webkit-keyframes rotating {
 from {
 -webkit-transform: rotate(0)
}
 to {
 -webkit-transform: rotate(360deg)
}
}
 @keyframes rotating {
 from {
 transform: rotate(0)
}
 to {
 transform: rotate(360deg)
}
}
 @-moz-keyframes rotating {
 from {
 -moz-transform: rotate(0)
}
 to {
 -moz-transform: rotate(360deg)
}
}

.swiper-slide{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#page0{ background-image: url("images/bg0.jpg"); }

#page1,
#page2,
#page3,
#page7,
#page8,
#page9,
#page10,
#page11{ background: #fff; }

#page4,
#page5,
#page6,
#page12,
#page13,
#page14{ background: #60994c; }

.part0-1{ width: 24.6%; height: 3.7%; left: 68.2%; top: 3.4%; background-image: url("images/part0-1.png"); }

.part0-2{ width: 91.4%; height: 70.9%; left: 4.3%; top: 7.1%; background-image: url("images/part0-2.png"); }

.part0-3{ width: 75.6%; height: 23.4%; left: 12.2%; top: 14.3%; background-image: url("images/part0-3.png"); }

.part0-4{ width: 73.4%; height: 21.1%; left: 13.3%; top: 41.6%; background-image: url("images/part0-4.png"); }

.part0-5{ width: 17.7%; height: 3.9%; left: 64.2%; top: 67.2%; background-image: url("images/part0-5.png"); }

.part0-6{ width: 100%; height: 30.4%; left: 0%; bottom: 0%; background-image: url("images/part0-6.png"); background-size: 100% auto; background-position: center bottom; opacity: 1 !important; }

.part0-7{ width: 55.6%; height: 18.2%; left: 0%; top: 64%; background-image: url("images/part0-7.png"); background-position: left bottom; }

.part1,
.part2,
.part3,
.part4,
.part5,
.part6,
.part7,
.part8,
.part9,
.part10,
.part11,
.part12,
.part13,
.part14-1{
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.part1{ background-image: url("images/part1.png"); }
.part2{ background-image: url("images/part2.png"); }
.part3{ background-image: url("images/part3.png"); }
.part4{ background-image: url("images/part4.png"); }
.part5{ background-image: url("images/part5.png"); }
.part6{ background-image: url("images/part6.png"); }
.part7{ background-image: url("images/part7.png"); }
.part8{ background-image: url("images/part8.png"); }
.part9{ background-image: url("images/part9.png"); }
.part10{ background-image: url("images/part10.png"); }
.part11{ background-image: url("images/part11.png"); }
.part12{ background-image: url("images/part12.png"); }
.part13{ background-image: url("images/part13.png"); }
.part14-1{ background-image: url("images/part14-1.png"); }

.part14-2{
	width: 54.3%;
	height: 8%;
	right: 0%;
	bottom: 0%;
	background-image: url("images/part14-2.png");
	background-position: right bottom;
}

.arrow{
	width: 12.8%;
	height: 4.8%;
	right: 2.4%;
	bottom: 1.7%;
	background-image: url("images/arrow.png");
}

@media(orientation:landscape){
	#audio_btn { top: 2%; right: calc(50% - 25vh); }
	.swiper-container{ width: 56.2vh; height: 100%; overflow: hidden;  margin: 0px auto; }
}











@keyframes p0-1{
	from{ margin-top: -2em; }
	to{ opacity: 1; }
}
.swiper-slide-active .part0-1{
	animation:'p0-1' 0.5s ease-in-out 0.3s forwards;
	-ms-animation:p0-1 0.5s ease-in-out 0.3s forwards;
	-moz-animation:p0-1 0.5s ease-in-out 0.3s forwards;
	-o-animation:'p0-1' 0.5s ease-in-out 0.3s forwards;
	-webkit-animation:'p0-1' 0.5s ease-in-out 0.3s forwards;
}

@keyframes p0-2{
	from{ margin-top: 2em; }
	to{ opacity: 1; }
}
.swiper-slide-active .part0-2{
	animation:'p0-2' 0.5s ease-in-out 0.7s forwards;
	-ms-animation:p0-2 0.5s ease-in-out 0.7s forwards;
	-moz-animation:p0-2 0.5s ease-in-out 0.7s forwards;
	-o-animation:'p0-2' 0.5s ease-in-out 0.7s forwards;
	-webkit-animation:'p0-2' 0.5s ease-in-out 0.7s forwards;
}

@keyframes p0-3{
	from{ transform: scale(0.9,0.9); }
	to{ opacity: 1; }
}
.swiper-slide-active .part0-3,
.swiper-slide-active .part0-4{
	animation:'p0-3' 0.5s ease-in-out 1.1s forwards;
	-ms-animation:p0-3 0.5s ease-in-out 1.1s forwards;
	-moz-animation:p0-3 0.5s ease-in-out 1.1s forwards;
	-o-animation:'p0-3' 0.5s ease-in-out 1.1s forwards;
	-webkit-animation:'p0-3' 0.5s ease-in-out 1.1s forwards;
}

@keyframes p0-5{
	from{  }
	to{ opacity: 1; }
}
.swiper-slide-active .part0-5{
	animation:'p0-5' 0.5s ease-in-out 1.5s forwards;
	-ms-animation:p0-5 0.5s ease-in-out 1.5s forwards;
	-moz-animation:p0-5 0.5s ease-in-out 1.5s forwards;
	-o-animation:'p0-5' 0.5s ease-in-out 1.5s forwards;
	-webkit-animation:'p0-5' 0.5s ease-in-out 1.5s forwards;
}

@keyframes p0-7{
	from{ margin-left: -2em; }
	to{ opacity: 1; }
}
.swiper-slide-active .part0-7{
	animation:'p0-7' 0.5s ease-in-out 1.5s forwards;
	-ms-animation:p0-7 0.5s ease-in-out 1.5s forwards;
	-moz-animation:p0-7 0.5s ease-in-out 1.5s forwards;
	-o-animation:'p0-7' 0.5s ease-in-out 1.5s forwards;
	-webkit-animation:'p0-7' 0.5s ease-in-out 1.5s forwards;
}

@keyframes main{
	from{ transform: scale(0.98,0.98); margin-top: 6em; }
	to{ opacity: 1; }
}
.swiper-slide-active .part1,
.swiper-slide-active .part2,
.swiper-slide-active .part3,
.swiper-slide-active .part4,
.swiper-slide-active .part5,
.swiper-slide-active .part6,
.swiper-slide-active .part7,
.swiper-slide-active .part8,
.swiper-slide-active .part9,
.swiper-slide-active .part10,
.swiper-slide-active .part11,
.swiper-slide-active .part12,
.swiper-slide-active .part13,
.swiper-slide-active .part14-1{
	animation:'main' 0.5s ease-in-out 0.3s forwards;
	-ms-animation:main 0.5s ease-in-out 0.3s forwards;
	-moz-animation:main 0.5s ease-in-out 0.3s forwards;
	-o-animation:'main' 0.5s ease-in-out 0.3s forwards;
	-webkit-animation:'main' 0.5s ease-in-out 0.3s forwards;
}



@keyframes arrow{
	from{ }
	to{ opacity: 1; }
}
.swiper-slide-active .arrow{
	animation:'arrow' 0.5s ease-in-out 0.7s forwards;
	-ms-animation:arrow 0.5s ease-in-out 0.7s forwards;
	-moz-animation:arrow 0.5s ease-in-out 0.7s forwards;
	-o-animation:'arrow' 0.5s ease-in-out 0.7s forwards;
	-webkit-animation:'arrow' 0.5s ease-in-out 0.7s forwards;
}

@keyframes p14-2{
	from{ margin-top: -2em; }
	to{ opacity: 1; }
}
.swiper-slide-active .part14-2{
	animation:'p14-2' 0.5s ease-in-out 0.7s forwards;
	-ms-animation:p14-2 0.5s ease-in-out 0.7s forwards;
	-moz-animation:p14-2 0.5s ease-in-out 0.7s forwards;
	-o-animation:'p14-2' 0.5s ease-in-out 0.7s forwards;
	-webkit-animation:'p14-2' 0.5s ease-in-out 0.7s forwards;
}