@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	overflow: hidden;
	font-family: "微软雅黑";
}

@keyframes shine {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}

@-ms-keyframes shine {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes shine {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes shine {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-ms-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes righttoleft {
	from {
		margin-left: 100%;
	}
	to {
		margin-left: 0%;
	}
}

@-ms-keyframes righttoleft {
	from {
		margin-left: 100%;
	}
	to {
		margin-left: 0%;
	}
}

@-moz-keyframes righttoleft {
	from {
		margin-left: 100%;
	}
	to {
		margin-left: 0%;
	}
}

@-webkit-keyframes righttoleft {
	from {
		margin-left: 100%;
	}
	to {
		margin-left: 0%;
	}
}

@keyframes righttoleftre {
	from {
		margin-left: 0%;
	}
	to {
		margin-left: 100%;
	}
}

@-ms-keyframes righttoleftre {
	from {
		margin-left: 0%;
	}
	to {
		margin-left: 100%;
	}
}

@-moz-keyframes righttoleftre {
	from {
		margin-left: 0%;
	}
	to {
		margin-left: 100%;
	}
}

@-webkit-keyframes righttoleftre {
	from {
		margin-left: 0%;
	}
	to {
		margin-left: 100%;
	}
}

@keyframes lefttoright {
	from {
		margin-left: -100%;
	}
	to {
		margin-left: 0%;
	}
}

@-ms-keyframes lefttoright {
	from {
		margin-left: -100%;
	}
	to {
		margin-left: 0%;
	}
}

@-moz-keyframes lefttoright {
	from {
		margin-left: -100%;
	}
	to {
		margin-left: 0%;
	}
}

@-webkit-keyframes lefttoright {
	from {
		margin-left: -100%;
	}
	to {
		margin-left: 0%;
	}
}

@keyframes lefttorightre {
	from {
		margin-left: 0%;
	}
	to {
		margin-left: -100%;
	}
}

@-ms-keyframes lefttorightre {
	from {
		margin-left: 0%;
	}
	to {
		margin-left: -100%;
	}
}

@-moz-keyframes lefttorightre {
	from {
		margin-left: 0%;
	}
	to {
		margin-left: -100%;
	}
}

@-webkit-keyframes lefttorightre {
	from {
		margin-left: 0%;
	}
	to {
		margin-left: -100%;
	}
}

@keyframes toptobottom {
	from {
		margin-top: -100%;
	}
	to {
		margin-top: 0%;
	}
}

@-ms-keyframes toptobottom {
	from {
		margin-top: -100%;
	}
	to {
		margin-top: 0%;
	}
}

@-moz-keyframes toptobottom {
	from {
		margin-top: -100%;
	}
	to {
		margin-top: 0%;
	}
}

@-webkit-keyframes toptobottom {
	from {
		margin-top: -100%;
	}
	to {
		margin-top: 0%;
	}
}

@keyframes bottomtotop {
	from {
		margin-top: 100%;
	}
	to {
		margin-top: 0%;
	}
}

@-ms-keyframes bottomtotop {
	from {
		margin-top: 100%;
	}
	to {
		margin-top: 0%;
	}
}

@-moz-keyframes bottomtotop {
	from {
		margin-top: 100%;
	}
	to {
		margin-top: 0%;
	}
}

@-webkit-keyframes bottomtotop {
	from {
		margin-top: 100%;
	}
	to {
		margin-top: 0%;
	}
}

@keyframes shunshi {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@-ms-keyframes shunshi {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

@-moz-keyframes shunshi {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes shunshi {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes rotate_y_show {
	from {
		transform: rotateY(90deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@-ms-keyframes rotate_y_show {
	from {
		-ms-transform: rotateY(90deg);
	}
	to {
		-ms-transform: rotate(0deg);
	}
}

@-moz-keyframes rotate_y_show {
	from {
		-moz-transform: rotateY(90deg);
	}
	to {
		-moz-transform: rotate(0deg);
	}
}

@-webkit-keyframes rotate_y_show {
	from {
		-webkit-transform: rotateY(90deg);
	}
	to {
		-webkit-transform: rotate(0deg);
	}
}

.page {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
}

.page_0 {
	background-image: url(../img/bg0.jpg);
	background-size: cover;
	background-position: center;
	display: block;
}

.loading_qz {
	position: absolute;
	width: 11.1%;
	height: 6.88%;
	opacity: 0;
	transform-origin: 47% 46%;
	-ms-transform-origin: 47% 46%;
	-moz-transform-origin: 47% 46%;
	-webkit-transform-origin: 47% 46%;
}

.loading_qz:nth-child(1) {
	left: 39.5%;
	top: 28%;
	animation: luozi 3s 0s linear infinite;
	-ms-animation: luozi 3s 0s linear infinite;
	-moz-animation: luozi 3s 0s linear infinite;
	-webkit-animation: luozi 3s 0s linear infinite;
}

.loading_qz:nth-child(2) {
	left: 36.5%;
	top: 40.5%;
	animation: luozi 3s 1s linear infinite;
	-ms-animation: luozi 3s 1s linear infinite;
	-moz-animation: luozi 3s 1s linear infinite;
	-webkit-animation: luozi 3s 1s linear infinite;
}

.loading_qz:nth-child(3) {
	left: 48%;
	top: 36%;
	animation: luozi 3s 2s linear infinite;
	-ms-animation: luozi 3s 2s linear infinite;
	-moz-animation: luozi 3s 2s linear infinite;
	-webkit-animation: luozi 3s 2s linear infinite;
}

@keyframes luozi {
	0% {
		opacity: 0;
		transform: scale(1.5);
	}
	10% {
		opacity: 1;
		transform: scale(1.5);
	}
	33% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@-ms-keyframes luozi {
	0% {
		opacity: 0;
		-ms-transform: scale(1.5);
	}
	10% {
		opacity: 1;
		-ms-transform: scale(1.5);
	}
	33% {
		opacity: 1;
		-ms-transform: scale(1);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1);
	}
}

@-moz-keyframes luozi {
	0% {
		opacity: 0;
		-moz-transform: scale(1.5);
	}
	10% {
		opacity: 1;
		-moz-transform: scale(1.5);
	}
	33% {
		opacity: 1;
		-moz-transform: scale(1);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-webkit-keyframes luozi {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.5);
	}
	10% {
		opacity: 1;
		-webkit-transform: scale(1.5);
	}
	33% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

.preload {
	display: none;
	position: absolute;
	width: 1px;
	height: 1px;
}

.preload img {
	position: absolute;
	width: 1px;
	height: 1px;
}

.fullpage {
	overflow: hidden;
}

.scrollpage {
	overflow: hidden;
}

.page_outer {
	position: absolute;
}

.page_inner {
	position: absolute;
}

.music_btn {
	position: fixed;
	width: 30px;
	height: 30px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	top: 15px;
	right: 15px;
}

.music_play {
	background-image: url(../img/music.png);
	animation: music_play 2s 0s linear infinite;
	-ms-animation: music_play 2s 0s linear infinite;
	-moz-animation: music_play 2s 0s linear infinite;
	-webkit-animation: music_play 2s 0s linear infinite;
}

@keyframes music_play {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@-ms-keyframes music_play {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

@-moz-keyframes music_play {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes music_play {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

.music_pause {
	background-image: url(../img/music_close.png);
}

.page_down {
	position: absolute;
	width: 54px;
	height: 25px;
	left: 50%;
	margin-left: -27px;
    bottom: 0.5%;
	animation: page_down 1s ease infinite alternate;
	-ms-animation: page_down 1s ease infinite alternate;
	-moz-animation: page_down 1s ease infinite alternate;
	-webkit-animation: page_down 1s ease infinite alternate;
}

@keyframes page_down {
	from {
		margin-bottom: 0px;
	}
	to {
		margin-bottom: 20px;
	}
}

@-ms-keyframes page_down {
	from {
		margin-bottom: 0px;
	}
	to {
		margin-bottom: 20px;
	}
}

@-moz-keyframes page_down {
	from {
		margin-bottom: 0px;
	}
	to {
		margin-bottom: 20px;
	}
}

@-webkit-keyframes page_down {
	from {
		margin-bottom: 0px;
	}
	to {
		margin-bottom: 20px;
	}
}

.page_1 {
	background-image: url(../img/bg1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.p1logo {
	position: absolute;
	width: 41.2%;
	height: auto;
	left: 6.9%;
	top: 3.8%;
}

.p1title {
	position: absolute;
	width: 64.9%;
	height: auto;
	left: 15.7%;
	top: 13.4%;
}

.p1sectitle {
	position: absolute;
	width: 49.7%;
	height: auto;
	left: 23.9%;
	top: 44.4%;
}

.page_scroll {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	transition: all 0.01s linear;
	-ms-transition: all 0.01s linear;
	-moz-transition: all 0.01s linear;
	-webkit-transition: all 0.01s linear;
}

.page_scroll_bg {
	width: 100%;
	height: auto;
	display: block;
}

.p2_green_title {
	position: absolute;
	width: 28.8%;
	height: auto;
	left: 0%;
	top: 2.5%;
	margin-left: -100%;
	animation: lefttoright 2s 0s ease forwards;
	-ms-animation: lefttoright 2s 0s ease forwards;
	-moz-animation: lefttoright 2s 0s ease forwards;
	-webkit-animation: lefttoright 2s 0s ease forwards;
}

.p2_title {
	position: absolute;
	width: 52.1%;
	height: auto;
	left: 24%;
	top: 7.5%;
	margin-left: 100%;
	animation: righttoleft 2s 1s ease forwards;
	-ms-animation: righttoleft 2s 1s ease forwards;
	-moz-animation: righttoleft 2s 1s ease forwards;
	-webkit-animation: righttoleft 2s 1s ease forwards;
}

.p2_map {
	position: absolute;
	width: 87.6%;
	height: auto;
	left: 6.3%;
	top: 17%;
	margin-left: -100%;
	animation: lefttoright 2s 1s ease forwards;
	-ms-animation: lefttoright 2s 1s ease forwards;
	-moz-animation: lefttoright 2s 1s ease forwards;
	-webkit-animation: lefttoright 2s 1s ease forwards;
}

.p2_text {
	position: absolute;
	width: 84.7%;
	height: auto;
	left: 7.6%;
	top: 65.3%;
	margin-left: 100%;
	animation: righttoleft 2s 2s ease forwards;
	-ms-animation: righttoleft 2s 2s ease forwards;
	-moz-animation: righttoleft 2s 2s ease forwards;
	-webkit-animation: righttoleft 2s 2s ease forwards;
}

.p3_green_title {
	position: absolute;
	width: 28.8%;
	height: auto;
	left: 0%;
	top: 2.3%;
	margin-left: -100%;
	animation: lefttoright 2s 0s ease forwards;
	-ms-animation: lefttoright 2s 0s ease forwards;
	-moz-animation: lefttoright 2s 0s ease forwards;
	-webkit-animation: lefttoright 2s 0s ease forwards;
}

.p3_title {
	position: absolute;
	width: 62.3%;
	height: auto;
	left: 18.8%;
	top: 6.8%;
	margin-left: 100%;
	animation: righttoleft 2s 1s ease forwards;
	-ms-animation: righttoleft 2s 1s ease forwards;
	-moz-animation: righttoleft 2s 1s ease forwards;
	-webkit-animation: righttoleft 2s 1s ease forwards;
}

.p3_intro {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0%;
	top: 19.3%;
	margin-left: -100%;
	animation: lefttoright 2s 1s ease forwards;
	-ms-animation: lefttoright 2s 1s ease forwards;
	-moz-animation: lefttoright 2s 1s ease forwards;
	-webkit-animation: lefttoright 2s 1s ease forwards;
}

.p3_table_1 {
	position: absolute;
	width: 17.7%;
	height: auto;
	left: 6.3%;
	top: 31.3%;
	transform-origin: left center;
	-ms-transform-origin: left center;
	-moz-transform-origin: left center;
	-webkit-transform-origin: left center;
	transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	animation: rotate_y_show 0.5s 3s ease forwards;
	-ms-animation: rotate_y_show 0.5s 3s ease forwards;
	-moz-animation: rotate_y_show 0.5s 3s ease forwards;
	-webkit-animation: rotate_y_show 0.5s 3s ease forwards;
}

.p3_table_2 {
	position: absolute;
	width: 35.1%;
	height: auto;
	left: 28.5%;
	top: 31.3%;
	transform-origin: left center;
	-ms-transform-origin: left center;
	-moz-transform-origin: left center;
	-webkit-transform-origin: left center;
	transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	animation: rotate_y_show 0.5s 3.5s ease forwards;
	-ms-animation: rotate_y_show 0.5s 3.5s ease forwards;
	-moz-animation: rotate_y_show 0.5s 3.5s ease forwards;
	-webkit-animation: rotate_y_show 0.5s 3.5s ease forwards;
}

.p3_table_3 {
	position: absolute;
	width: 30.5%;
	height: auto;
	left: 65.5%;
	top: 31.3%;
	transform-origin: left center;
	-ms-transform-origin: left center;
	-moz-transform-origin: left center;
	-webkit-transform-origin: left center;
	transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	animation: rotate_y_show 0.5s 4s ease forwards;
	-ms-animation: rotate_y_show 0.5s 4s ease forwards;
	-moz-animation: rotate_y_show 0.5s 4s ease forwards;
	-webkit-animation: rotate_y_show 0.5s 4s ease forwards;
}

.p3_data_from {
	position: absolute;
	width: 23.3%;
	height: auto;
	left: 66.96%;
	top: 74.5%;
	margin-left: 100%;
	animation: righttoleft 2s 4s ease forwards;
	-ms-animation: righttoleft 2s 4s ease forwards;
	-moz-animation: righttoleft 2s 4s ease forwards;
	-webkit-animation: righttoleft 2s 4s ease forwards;
}

.page_4 {
	background-image: url(../img/bg4.jpg);
	background-size: cover;
	background-position: center;
}

.p4_green_title {
	position: absolute;
	width: 28.8%;
	height: auto;
	left: 0%;
	top: 3.1%;
	margin-left: -100%;
	animation: lefttoright 2s 0s ease forwards;
	-ms-animation: lefttoright 2s 0s ease forwards;
	-moz-animation: lefttoright 2s 0s ease forwards;
	-webkit-animation: lefttoright 2s 0s ease forwards;
}

.p4_title {
	position: absolute;
	width: 72.4%;
	height: auto;
	left: 10.5%;
	top: 11.6%;
	margin-left: 100%;
	animation: righttoleft 2s 1s ease forwards;
	-ms-animation: righttoleft 2s 1s ease forwards;
	-moz-animation: righttoleft 2s 1s ease forwards;
	-webkit-animation: righttoleft 2s 1s ease forwards;
}

.p4_text_1 {
	position: absolute;
	width: 87.2%;
	height: auto;
	left: 6.4%;
	top: 20.3%;
	margin-left: -100%;
	animation: lefttoright 2s 2s ease forwards;
	-ms-animation: lefttoright 2s 2s ease forwards;
	-moz-animation: lefttoright 2s 2s ease forwards;
	-webkit-animation: lefttoright 2s 2s ease forwards;
}

.p4_text_2 {
	position: absolute;
	width: 70.1%;
	height: auto;
	left: 23.5%;
	top: 74.5%;
	margin-left: 100%;
	animation: righttoleft 2s 3s ease forwards;
	-ms-animation: righttoleft 2s 3s ease forwards;
	-moz-animation: righttoleft 2s 3s ease forwards;
	-webkit-animation: righttoleft 2s 3s ease forwards;
}

.p4_speak_qz {
	position: absolute;
	width: 20%;
	height: 12.4%;
	left: 28.6%;
	top: 55%;
}

.p4_qz,
.p4_qz_shine {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.p4_qz {
	animation: p4_qz 2s 0s ease infinite alternate;
	-ms-animation: p4_qz 2s 0s ease infinite alternate;
	-moz-animation: p4_qz 2s 0s ease infinite alternate;
	-webkit-animation: p4_qz 2s 0s ease infinite alternate;
}

@keyframes p4_qz {
	from {
		transform: scale(1.2);
	}
	to {
		transform: scale(1);
	}
}

@-ms-keyframes p4_qz {
	from {
		-ms-transform: scale(1.2);
	}
	to {
		-ms-transform: scale(1);
	}
}

@-moz-keyframes p4_qz {
	from {
		-moz-transform: scale(1.2);
	}
	to {
		-moz-transform: scale(1);
	}
}

@-webkit-keyframes p4_qz {
	from {
		-webkit-transform: scale(1.2);
	}
	to {
		-webkit-transform: scale(1);
	}
}

.p4_qz_shine {
	animation: p4_qz_shine 4s 0s ease infinite;
	-ms-animation: p4_qz_shine 4s 0s ease infinite;
	-moz-animation: p4_qz_shine 4s 0s ease infinite;
	-webkit-animation: p4_qz_shine 4s 0s ease infinite;
}

@keyframes p4_qz_shine {
	from {
		transform: scale(0.8);
		opacity: 1;
	}
	to {
		transform: scale(2);
		opacity: 0;
	}
}

@-ms-keyframes p4_qz_shine {
	from {
		-ms-transform: scale(0.8);
		opacity: 1;
	}
	to {
		-ms-transform: scale(2);
		opacity: 0;
	}
}

@-moz-keyframes p4_qz_shine {
	from {
		-moz-transform: scale(0.8);
		opacity: 1;
	}
	to {
		-moz-transform: scale(2);
		opacity: 0;
	}
}

@-webkit-keyframes p4_qz_shine {
	from {
		-webkit-transform: scale(0.8);
		opacity: 1;
	}
	to {
		-webkit-transform: scale(2);
		opacity: 0;
	}
}

.p4_speak_btn {
	position: absolute;
	width: 10%;
	height: auto;
	left: 43%;
	top: 64%;
	opacity: 0;
	animation: fadeIn 0.5s 4s ease forwards, p4_speak_btn 2s 0s linear infinite alternate;
	-ms-animation: fadeIn 0.5s 4s ease forwards, p4_speak_btn 2s 0s linear infinite alternate;
	-moz-animation: fadeIn 0.5s 4s ease forwards, p4_speak_btn 2s 0s linear infinite alternate;
	-webkit-animation: fadeIn 0.5s 4s ease forwards, p4_speak_btn 2s 0s linear infinite alternate;
}

@keyframes p4_speak_btn {
	from {
		transform: scale(0.8);
	}
	to {
		transform: scale(1.2);
	}
}

@-ms-keyframes p4_speak_btn {
	from {
		-ms-transform: scale(0.8);
	}
	to {
		-ms-transform: scale(1.2);
	}
}

@-moz-keyframes p4_speak_btn {
	from {
		-moz-transform: scale(0.8);
	}
	to {
		-moz-transform: scale(1.2);
	}
}

@-webkit-keyframes p4_speak_btn {
	from {
		-webkit-transform: scale(0.8);
	}
	to {
		-webkit-transform: scale(1.2);
	}
}

.p4_speak_box {
	position: absolute;
	width: 84%;
	height: 21.14%;
	left: 8.3%;
	top: 45.2%;
	background-image: url(../img/speak_bg.png);
	background-size: 100% 100%;
	display: none;
}

.speak_close {
	position: absolute;
	width: 9%;
	height: 23%;
	right: -2%;
	top: -10%;
}

.speak_status {
	position: absolute;
	width: 8.54%;
	height: 23.92%;
	top: 51.76%;
	left: 6%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.speak_play {
	background-image: url(../img/speak_play.png);
}

.speak_pause {
	background-image: url(../img/speak_pause.png);
}

.speak_pause_wave {
	display: none;
}

.speak_play_wave,
.speak_pause_wave {
	position: absolute;
	width: 72.94%;
	height: 36.1%;
	left: 20%;
	top: 45.5%;
	overflow: hidden;
}

.speak_pause_wave img {
	display: block;
	width: 100%;
	height: 100%;
}

.speak_play_wave img {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.speak_play_wave img:nth-child(1) {
	animation: speak_play_wave 6s 0s linear infinite;
	-ms-animation: speak_play_wave 6s 0s linear infinite;
	-moz-animation: speak_play_wave 6s 0s linear infinite;
	-webkit-animation: speak_play_wave 6s 0s linear infinite;
}

.speak_play_wave img:nth-child(2) {
	animation: speak_play_wave 6s -3s linear infinite;
	-ms-animation: speak_play_wave 6s -3s linear infinite;
	-moz-animation: speak_play_wave 6s -3s linear infinite;
	-webkit-animation: speak_play_wave 6s -3s linear infinite;
}

@keyframes speak_play_wave {
	from {
		left: -100%;
	}
	to {
		left: 100%;
	}
}

@-ms-keyframes speak_play_wave {
	from {
		left: -100%;
	}
	to {
		left: 100%;
	}
}

@-moz-keyframes speak_play_wave {
	from {
		left: -100%;
	}
	to {
		left: 100%;
	}
}

@-webkit-keyframes speak_play_wave {
	from {
		left: -100%;
	}
	to {
		left: 100%;
	}
}

.p5_green_title {
	position: absolute;
	width: 28.8%;
	height: auto;
	left: 0%;
	top: 2%;
	margin-left: -100%;
	animation: lefttoright 2s 0s ease forwards;
	-ms-animation: lefttoright 2s 0s ease forwards;
	-moz-animation: lefttoright 2s 0s ease forwards;
	-webkit-animation: lefttoright 2s 0s ease forwards;
}

.p5_title {
	position: absolute;
	width: 51.9%;
	height: auto;
	left: 24%;
	top: 5.8%;
	margin-left: 100%;
	animation: righttoleft 2s 1s ease forwards;
	-ms-animation: righttoleft 2s 1s ease forwards;
	-moz-animation: righttoleft 2s 1s ease forwards;
	-webkit-animation: righttoleft 2s 1s ease forwards;
}

.p5_intro {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0%;
	top: 16.7%;
	margin-left: -100%;
	animation: lefttoright 2s 2s ease forwards;
	-ms-animation: lefttoright 2s 2s ease forwards;
	-moz-animation: lefttoright 2s 2s ease forwards;
	-webkit-animation: lefttoright 2s 2s ease forwards;
}

.p5_chart {
	position: absolute;
	width: 87.6%;
	height: auto;
	left: 6.3%;
	top: 33.3%;
	opacity: 0;
	animation: fadeIn 1s 4s ease forwards;
	-ms-animation: fadeIn 1s 4s ease forwards;
	-moz-animation: fadeIn 1s 4s ease forwards;
	-webkit-animation: fadeIn 1s 4s ease forwards;
}

.p6_green_title {
	position: absolute;
	width: 28.8%;
	height: auto;
	left: 0%;
	top: 1.6%;
	margin-left: -100%;
	animation: lefttoright 2s 0s ease forwards;
	-ms-animation: lefttoright 2s 0s ease forwards;
	-moz-animation: lefttoright 2s 0s ease forwards;
	-webkit-animation: lefttoright 2s 0s ease forwards;
}

.p6_title {
	position: absolute;
	width: 51.6%;
	height: auto;
	left: 23.9%;
	top: 4.8%;
	margin-left: 100%;
	animation: righttoleft 2s 1s ease forwards;
	-ms-animation: righttoleft 2s 1s ease forwards;
	-moz-animation: righttoleft 2s 1s ease forwards;
	-webkit-animation: righttoleft 2s 1s ease forwards;
}

.p6_intro {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0%;
	top: 10%;
	margin-left: -100%;
	animation: lefttoright 2s 2s ease forwards;
	-ms-animation: lefttoright 2s 2s ease forwards;
	-moz-animation: lefttoright 2s 2s ease forwards;
	-webkit-animation: lefttoright 2s 2s ease forwards;
}

.p6_chart {
	position: absolute;
	width: 87.5%;
	height: auto;
	left: 6.3%;
	top: 24%;
	opacity: 0;
	animation: fadeIn 1s 4s ease forwards;
	-ms-animation: fadeIn 1s 4s ease forwards;
	-moz-animation: fadeIn 1s 4s ease forwards;
	-webkit-animation: fadeIn 1s 4s ease forwards;
}

.page_7 {
	background-image: url(../img/bg7.jpg);
	background-size: cover;
	background-position: center;
}

.p7_title {
	position: absolute;
	width: 59.7%;
	height: auto;
	left: 19.7%;
	top: 9.2%;
	margin-left: 100%;
	animation: righttoleft 2s 1s ease forwards;
	-ms-animation: righttoleft 2s 1s ease forwards;
	-moz-animation: righttoleft 2s 1s ease forwards;
	-webkit-animation: righttoleft 2s 1s ease forwards;
}

.p7_intro {
	position: absolute;
	width: 87.5%;
	height: auto;
	left: 6.3%;
	top: 27.2%;
	opacity: 0;
	animation: fadeIn 0.5s 3s ease forwards;
	-ms-animation: fadeIn 0.5s 3s ease forwards;
	-moz-animation: fadeIn 0.5s 3s ease forwards;
	-webkit-animation: fadeIn 0.5s 3s ease forwards;
}

.p7_introbg {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
}

.p7introtext {
	display: block;
	width: 100%;
	height: auto;
	opacity: 0;
}

.p7introtext:nth-child(1) {
	animation: fadeIn 0.5s 3.5s ease forwards;
	-ms-animation: fadeIn 0.5s 3.5s ease forwards;
	-moz-animation: fadeIn 0.5s 3.5s ease forwards;
	-webkit-animation: fadeIn 0.5s 3.5s ease forwards;
}

.p7introtext:nth-child(2) {
	animation: fadeIn 0.5s 4s ease forwards;
	-ms-animation: fadeIn 0.5s 4s ease forwards;
	-moz-animation: fadeIn 0.5s 4s ease forwards;
	-webkit-animation: fadeIn 0.5s 4s ease forwards;
}

.p7introtext:nth-child(3) {
	animation: fadeIn 0.5s 4s ease forwards;
	-ms-animation: fadeIn 0.5s 4s ease forwards;
	-moz-animation: fadeIn 0.5s 4s ease forwards;
	-webkit-animation: fadeIn 0.5s 4s ease forwards;
}

.p7introtext:nth-child(4) {
	animation: fadeIn 0.5s 4.5s ease forwards;
	-ms-animation: fadeIn 0.5s 4.5s ease forwards;
	-moz-animation: fadeIn 0.5s 4.5s ease forwards;
	-webkit-animation: fadeIn 0.5s 4.5s ease forwards;
}

.p7introtext:nth-child(5) {
	animation: fadeIn 0.5s 4.5s ease forwards;
	-ms-animation: fadeIn 0.5s 4.5s ease forwards;
	-moz-animation: fadeIn 0.5s 4.5s ease forwards;
	-webkit-animation: fadeIn 0.5s 4.5s ease forwards;
}

.p7introtext:nth-child(6) {
	animation: fadeIn 0.5s 5s ease forwards;
	-ms-animation: fadeIn 0.5s 5s ease forwards;
	-moz-animation: fadeIn 0.5s 5s ease forwards;
	-webkit-animation: fadeIn 0.5s 5s ease forwards;
}

.p7introtext:nth-child(7) {
	animation: fadeIn 0.5s 5s ease forwards;
	-ms-animation: fadeIn 0.5s 5s ease forwards;
	-moz-animation: fadeIn 0.5s 5s ease forwards;
	-webkit-animation: fadeIn 0.5s 5s ease forwards;
}

.p7introtext:nth-child(8) {
	animation: fadeIn 0.5s 5s ease forwards;
	-ms-animation: fadeIn 0.5s 5s ease forwards;
	-moz-animation: fadeIn 0.5s 5s ease forwards;
	-webkit-animation: fadeIn 0.5s 5s ease forwards;
}

.page_8 {
	background-image: url(../img/bg8.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
}

.p8_title {
	position: absolute;
	width: 42.3%;
	height: auto;
	left: 28.9%;
	top: 9.2%;
	margin-left: 100%;
	animation: righttoleft 2s 1s ease forwards;
	-ms-animation: righttoleft 2s 1s ease forwards;
	-moz-animation: righttoleft 2s 1s ease forwards;
	-webkit-animation: righttoleft 2s 1s ease forwards;
}

.p8_intro {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0%;
	top: 26.1%;
	margin-left: -100%;
	animation: lefttoright 2s 2s ease forwards;
	-ms-animation: lefttoright 2s 2s ease forwards;
	-moz-animation: lefttoright 2s 2s ease forwards;
	-webkit-animation: lefttoright 2s 2s ease forwards;
}

.p8_chart {
	position: absolute;
	width: 89.1%;
	height: auto;
	left: 5.5%;
	top: 56.4%;
	opacity: 0;
	animation: fadeIn 0.5s 4s ease forwards;
	-ms-animation: fadeIn 0.5s 4s ease forwards;
	-moz-animation: fadeIn 0.5s 4s ease forwards;
	-webkit-animation: fadeIn 0.5s 4s ease forwards;
}

.page_9 {
	background-image: url(../img/bg9.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
}

.p9_title {
	position: absolute;
	width: 63.7%;
	height: auto;
	left: 18.3%;
	top: 9.1%;
	margin-left: 100%;
	animation: righttoleft 2s 1s ease forwards;
	-ms-animation: righttoleft 2s 1s ease forwards;
	-moz-animation: righttoleft 2s 1s ease forwards;
	-webkit-animation: righttoleft 2s 1s ease forwards;
}

.p9_intro {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0%;
	top: 26.2%;
	margin-left: -100%;
	animation: lefttoright 2s 2s ease forwards;
	-ms-animation: lefttoright 2s 2s ease forwards;
	-moz-animation: lefttoright 2s 2s ease forwards;
	-webkit-animation: lefttoright 2s 2s ease forwards;
}

.p9_chart {
	position: absolute;
	width: 90.1%;
	height: auto;
	left: 5.1%;
	top: 57.7%;
	opacity: 0;
	animation: fadeIn 0.5s 4s ease forwards;
	-ms-animation: fadeIn 0.5s 4s ease forwards;
	-moz-animation: fadeIn 0.5s 4s ease forwards;
	-webkit-animation: fadeIn 0.5s 4s ease forwards;
}

.page_10 {
	background-image: url(../img/bg10.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.p10_title {
	position: absolute;
	width: 79.6%;
	height: auto;
	left: 8.1%;
	top: 14%;
	margin-left: 100%;
	animation: righttoleft 2s 1s ease forwards;
	-ms-animation: righttoleft 2s 1s ease forwards;
	-moz-animation: righttoleft 2s 1s ease forwards;
	-webkit-animation: righttoleft 2s 1s ease forwards;
}

.p10_intro {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0%;
	top: 22.6%;
	margin-left: -100%;
	animation: lefttoright 2s 2s ease forwards;
	-ms-animation: lefttoright 2s 2s ease forwards;
	-moz-animation: lefttoright 2s 2s ease forwards;
	-webkit-animation: lefttoright 2s 2s ease forwards;
}

.p11_title {
	position: absolute;
	width: 84%;
	height: auto;
	left: 6.3%;
    top: 1.5%;
	margin-left: 100%;
	animation: righttoleft 2s 0s ease forwards;
	-ms-animation: righttoleft 2s 0s ease forwards;
	-moz-animation: righttoleft 2s 0s ease forwards;
	-webkit-animation: righttoleft 2s 0s ease forwards;
}

.p11_part1 {
	position: absolute;
	width: 56.8%;
	height: auto;
	left: 21.6%;
	top: 5.8%;
	opacity: 0;
	animation: fadeIn 0.5s 2s ease forwards;
	-ms-animation: fadeIn 0.5s 2s ease forwards;
	-moz-animation: fadeIn 0.5s 2s ease forwards;
	-webkit-animation: fadeIn 0.5s 2s ease forwards;
}

.p11_part2 {
	position: absolute;
	width: 61.8%;
	height: auto;
	left: 19%;
    top: 35.5%;
	opacity: 0;
	animation: fadeIn 0.5s 3s ease forwards;
	-ms-animation: fadeIn 0.5s 3s ease forwards;
	-moz-animation: fadeIn 0.5s 3s ease forwards;
	-webkit-animation: fadeIn 0.5s 3s ease forwards;
}

.p11_part3 {
	position: absolute;
	width: 56.8%;
	height: auto;
	left: 21.6%;
    top: 60.5%;
	opacity: 0;
	animation: fadeIn 0.5s 4s ease forwards;
	-ms-animation: fadeIn 0.5s 4s ease forwards;
	-moz-animation: fadeIn 0.5s 4s ease forwards;
	-webkit-animation: fadeIn 0.5s 4s ease forwards;
}

.p11_code {
	position: absolute;
	width: 50%;
	height: auto;
	left: 25%;
    top: 84%;
	opacity: 0;
	animation: fadeIn 0.5s 5s ease forwards;
	-ms-animation: fadeIn 0.5s 5s ease forwards;
	-moz-animation: fadeIn 0.5s 5s ease forwards;
	-webkit-animation: fadeIn 0.5s 5s ease forwards;
}

.p11_code_text {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0%;
	top: 94%;
	opacity: 0;
	animation: fadeIn 0.5s 5s ease forwards;
	-ms-animation: fadeIn 0.5s 5s ease forwards;
	-moz-animation: fadeIn 0.5s 5s ease forwards;
	-webkit-animation: fadeIn 0.5s 5s ease forwards;
}

.p12_title {
	position: absolute;
	width: 84%;
	height: auto;
	left: 7.5%;
	top: 3.5%;
	margin-left: 100%;
	animation: righttoleft 2s 0s ease forwards;
	-ms-animation: righttoleft 2s 0s ease forwards;
	-moz-animation: righttoleft 2s 0s ease forwards;
	-webkit-animation: righttoleft 2s 0s ease forwards;
}

.p12_part1 {
	position: absolute;
	width: 85.2%;
	height: auto;
	left: 7.5%;
	top: 12.5%;
	opacity: 0;
	animation: fadeIn 0.5s 2s ease forwards;
	-ms-animation: fadeIn 0.5s 2s ease forwards;
	-moz-animation: fadeIn 0.5s 2s ease forwards;
	-webkit-animation: fadeIn 0.5s 2s ease forwards;
}

.p12_part2 {
	position: absolute;
	width: 85.2%;
	height: auto;
	left: 7.5%;
	top: 37.1%;
	opacity: 0;
	animation: fadeIn 0.5s 3s ease forwards;
	-ms-animation: fadeIn 0.5s 3s ease forwards;
	-moz-animation: fadeIn 0.5s 3s ease forwards;
	-webkit-animation: fadeIn 0.5s 3s ease forwards;
}

.p12_part3 {
	position: absolute;
	width: 85.2%;
	height: auto;
	left: 7.5%;
	top: 61.7%;
	opacity: 0;
	animation: fadeIn 0.5s 4s ease forwards;
	-ms-animation: fadeIn 0.5s 4s ease forwards;
	-moz-animation: fadeIn 0.5s 4s ease forwards;
	-webkit-animation: fadeIn 0.5s 4s ease forwards;
}

.page_13 {
	background-image: url(../img/bg13.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
}

.p13_title {
	position: absolute;
	width: 52.5%;
	height: auto;
	left: 23.9%;
	top: 6.3%;
	margin-left: 100%;
	animation: righttoleft 2s 0s ease forwards;
	-ms-animation: righttoleft 2s 0s ease forwards;
	-moz-animation: righttoleft 2s 0s ease forwards;
	-webkit-animation: righttoleft 2s 0s ease forwards;
}

.p13_table {
	position: absolute;
	width: 91.5%;
	height: auto;
	left: 4.3%;
	top: 15.9%;
	opacity: 0;
	animation: fadeIn 0.5s 1.5s ease forwards;
	-ms-animation: fadeIn 0.5s 1.5s ease forwards;
	-moz-animation: fadeIn 0.5s 1.5s ease forwards;
	-webkit-animation: fadeIn 0.5s 1.5s ease forwards;
}

.page_14 {
	background-image: url(../img/bg14.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.p14_title {
	position: absolute;
	width: 41.6%;
	height: auto;
	left: 29.1%;
	top: 6.7%;
	margin-left: 100%;
	animation: righttoleft 2s 0s ease forwards;
	-ms-animation: righttoleft 2s 0s ease forwards;
	-moz-animation: righttoleft 2s 0s ease forwards;
	-webkit-animation: righttoleft 2s 0s ease forwards;
}

.p14_intro {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0%;
	top: 20%;
	margin-left: -100%;
	animation: lefttoright 2s 1s ease forwards;
	-ms-animation: lefttoright 2s 1s ease forwards;
	-moz-animation: lefttoright 2s 1s ease forwards;
	-webkit-animation: lefttoright 2s 1s ease forwards;
}

.p14_logo {
	position: absolute;
	width: 45.3%;
	height: auto;
	left: 27.3%;
	top: 60.1%;
	transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	animation: rotate_y_show 1s 3s ease forwards;
	-ms-animation: rotate_y_show 1s 3s ease forwards;
	-moz-animation: rotate_y_show 1s 3s ease forwards;
	-webkit-animation: rotate_y_show 1s 3s ease forwards;
}