html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	font: inherit;
	font-size: 100%;
}
ul, ol, li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #58d3e2;
}
a:hover {
	text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
input, textarea, button, a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
body {
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
}
a, img {
	-webkit-touch-callout: none;
}
.clearfix::after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '.';
}
html {
	overflow: hidden;
	height: 100%;
	background: #ff4545 url("../images/bg.jpg")  center center no-repeat;
	background-size: 100%;
	font-size: 16px;
}
body {
	max-height: 100%;
	font-family: 'Arial', 'Helvetica', 'Microsoft yahei', 'STHeiti';
	color: #ffec9e;
}
div, span, em, li {
	-webkit-backface-visibility: hidden;
}
div {
	position: absolute;
}
.wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	-webkit-user-select: none;
	user-select: none;
}
.stage {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	background: #ff4545 url("../images/bg.jpg")  center center no-repeat;
	background-size: 100%;
}
.stage2, .stage3, .stage4, .stage5, .stage6, .stage7, .stage8, .stage9 {
	background: -webkit-gradient(linear, 0% 0%, 0 100%, from(#ff8a45), to(#ff5146), color-stop(0.4, #ff5146));
	background: linear-gradient(to bottom, #ff8a45 0%, #ff5146 40%, #ff5146 100%);
}
.stage.animate {
	-webkit-transition: -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
}
.stage.active {
	display: block;
}
.num {
	color: #fff;
	padding: 0 2px;
}
.content_mod, .text_mod {
	top: 0.25rem;
	left: 50%;
	width: 16.625rem;
	margin-left: -8.3125rem;
}
.text_mod {
	height: 9.125rem;
}
.text_mod div {
	position: static;
}
.text_mod .title {
	position: relative;
	width: 100%;
	padding: 1.25rem 0 1.25rem 1.0rem;
	font-size: 1.1875rem;
	font-weight: bold;
	border-bottom: 1px solid #ffd066;
	box-sizing: border-box;
}
.text_mod .title::before {
	position: absolute;
	content: "•";
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.text_mod .title .num {
	display: inline-block;
	font-size: 1.3125rem;
}
.text_mod .text {
	padding: 1.0rem 0 1.0rem 1.0rem;
	border-bottom: 1px solid #ffd066;
	font-size: 0.75rem;
	line-height: 1.5rem;
}
.content_mod {
	top: 9.375rem;
	bottom: 0;
}
.content_mod .tit {
	top: 1.5rem;
	padding-left: 1.0rem;
	font-size: 0.625rem;
}
.toswitch {
	position: absolute;
	width: 0.5rem;
	height: 0.5rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAv0lEQVQoFYXBMWrCABQA0B+8ipMQaKesreDgYscWhBbc9ADiJrSL4AE8jT2Ap3CwU5bUuL9qDKjV0vciLpiZxd9MfdmYxm3GcqlUbhzXDBXuY8+dwjAuebWVRU1m6y1OPCu144y20ksc6dnpRkUiiYqunV4cWHmKisTCQhIVPas40IiaubW1edQ04px3G01NGx9xzUSuFXtacpO4ZORbGjWpwihODBSyOCNTGMSRvtJj/OJBqR8Hljpxg47P+N8P5hmAoKmWllkAAAAASUVORK5CYII=) 0 0 no-repeat;
	background-size: 100%;
	left: 50%;
	bottom: 0.75rem;
	-webkit-transform: translateX(-50%);
	z-index: 99;
	-webkit-animation: toswitchAni 1s ease-out 0s  infinite;
}
@-webkit-keyframes toswitchAni {
	0% {
		-webkit-transform: translate(-50%, -100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(-50%, 0);
		opacity: 1;
	}
}
.toshare {
	position: absolute;
	width: 2.5rem;
	height: 2.8125rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABaCAYAAAAvitHLAAAI9UlEQVR4Ae3bA5Ck27LF8V/W9LVt27Zt27Zt27Zt27Zt+9iaqb2e3/si43R0v9Nzz52u6hWxoj5M6x+ZOzN37ClLqnzvrsdV7oLn2IBm+f5dLaPxADweJ9kQQMuokRPigeLYePAWwP+/HiaOq8C9cbItgOvVjpxc3JsQcEw8dAvgupVH4ZgUQsA9cPItgGtp+zgddVeBkAI4Bh6+BXAtxWMlRwWBmOiuOOUWwNV0yDiruC0QgkBI1ozCLYA8ASsACpDpjbvgVFsAuw6an4/cFAQpggIIwNHxiC2AXfJEMZPoKSwdorvgtFsAAQ7YcTFcV6ABC9OoBBwVj9wCCBBP7hVXrKU74PRbAPfdfnlcWZCpAyQECiFaFG5F4FNMFUiPQhJduD3OsLwA9z7sWrikNGBBdBFdR8GjlhPgnocVnrR6pYWgGtRouh3OuHwAkxuLCwggQUgRQIqkMa3OcAWPWy6Aux26DU/QczWFMIVHg5iJAdwSZ10egNxKnMMogoQUTO6DQigUgkChehQ+ZjkA/v2Qo4rHgwq98kKhWkonACRE1y1wtsUHmNyJnEF0MG0drFaZyxrahscuNsC/HHQM8ShButOuQyAE0oAGum6OcywuwNQ9cSqBAF0BKCDoEQqK6JrhsYsJ8I8HHkfyMIEQJCgSBiAQeuWFTMEFga6b4lyLBzB1f3ESQY8qRSHQ308MCawVhY9fLIC/PfCEkgcRhCAYCBIGEoQOUpGWupk+03UjnHdxAMpDcLwWSaukYQEJCZBQ1UNyetlVePxiAPzVASeTuo+elvp9WqpOQfYqXQQKoUDX9XH+zQ9QHik5lh4tkGIKR7+eQIKkUQ/WjsIVm1nxbOUFaJFUcB7xfoUgWqpO4WHWZuXyB1yRUAVd2fwAz3qcP1lNfz34woIUNYE7MGt9YLUIrBB/FL8FYjXN7BgW0nFuoMFZPU07pz8u95Z+XAgEDm89RIqpyhTmz4W1PBMWzn87ZIZL6hNICiFBn1owIBT42fJGYFwAx6dvHvRd6WYIRojvL28ExrWl9X4KOriJAkDVHvjNEkdgrqtvVwV9AgHR+Um+JbEezyQWyn8++Oy4oN5UC4reRA80ltTnKevxjLJYdhsAfQN1hED6hNJHu08vZwT+8cAVyW0FQqCgXbdPGFDEbvj+kh4uqhuKUwsGeiFJSBCC/l7gQ4ZhsB7PDBbHuRfpMxodXNCLCQTyAWK9nhEL4T8eeElxWSkGtAjr6UwHh+wjPiEIy9UHDo8ECcKYpGnfL9WisMJAvNPIYUas1zMjNr1/e+AFcU3SikOAgQ4P9Jm4Xk2hLFkb42mS0te3FL2AJHRwCckPzce3/t2s32btwebzb/a/oriqFL3iSnvWT2VNgPKq5fufSr89cEY9E6x+Ap/0nNVTe1/xZkFYpiJyV3EhCULfdYFonxMLEK8y7GPQvbh94K8POIl4qoSEFNEg9pGuUUzBYeQFRPdi94HxXHKCfsq+WwLQ10EqxNsNfzZYngj85f43FrcWaFE3VR/ZRjtgGTskT5PoXtzNhF/sfzqpV0oaPGTq/rwDRbzB8HOD5YjAn+9/NPLO/03dMYE4OrDqsAgKijiEPIEgFn8N/Nl+JV4jLtonCard9w0FSD8381JzfzJnI56ZsymcPIHcavVTpz3itPuaPt8bT9O1qI30v0ffQ/AYoUcfrYCkRWP06k08yjx7mMdGPTOPXdo/3vd+4pmCAMb0uoDom6UYrbgUfF+8UuherEnkR/uWn+z7BPF8CSANEiokPXUZSK/A2SG5izHm/247wzNj2OX8g31WJK82PJZWWXv6Dui7LqGCIkEY4BmGbxvsLK8Ydi39cN9TmXmb1GXUpECMUEgxsC2kgBG2TSDCgP95XpQfSZ5oJ2vXaqS/t/dVyffEZfoJUrS0RSDQ9/pQU5AHipuZO6xX98VoY7699/F8d5+XUx+XOgkYJirS07aDRYpkYkDc3cjPjFiPN9eW/nf2uiF+grtJStbYRcn0uQYrgCnIvMY8bzaP7s3dxnxzr4v4zt6fk3oPTiVp0FoDPLV+YLzQoYLPSu4psYY3z2bCv4O7jG/v9UF8Q3J50uA0tSa4ucGemF+LGxoOM2jeZFX4a3sezcz1VD3QrC4mfW1D9bGsXQ9sg/QDQ+jn/vwV1zCyr3+yVoz4p+jLe8zM6qKqbmXmljgh2h9tCoAKKXSQqPastPchRbI7rmKHXzsStGJH7DR9ZY/j4vJmdW3lOuLkqq9Z7brDKySYmQIXzSFQU6h7Sl1Z/NSRow2k8Bd2m+HMygXMXJK6jJnzqtomgNkkaqBaBEEVMYFnAlT7903BwCykdhNXN88PHYlaMc9qcI6HE+Ik/+0z4LT+3arOrHJ2VcdgmlIQCoqEKgRFioK2zinSI7B6tE0mkja6qd/h6kZ+qenIWQO/tPvvcVys4DjWo+kfW0VQZSpBhVHMQjl8kNVSegq/r4WzBptvSq5rnn/4F2hmPuB0OMG64Ulf13qjC6BX3L6bQp8amhUQ7dAQkrfgcoZ/GPwrPDNsQI1gphDTwAZQHRZYfTc5/fsih5L7GLm17eOQf7d/lVdsH0eMW/WVvaejSWVtk4IOEYJao/Ki6hfi1ub5tl1AM/M4wuopW/qYBa1YWH0ui0mKpkf6EC/BBTe+p7crTCKBVQpATXs7VJFWjQOIXpAQzKacfyruJvmyEbuSZrYPR1y9IPQq3I+atWt6UwxAAgeQh4kLmOfL5rGreWVDKRx0btF6vUKoOvwiUq1ojKJsx6vEE8ztRuyqmm18lCsgvQoDMgE50tdPZHq/nbzWcDbz3Mv2sdt6KuEmq8Jdfd1bbfSaNMamo90M9hOvUZ5n+BOxSbTBFKbBCqnVW5wAKoDZDyUvV/UmwwE7v0Bslt2YEQqzBlaPNlT9TryPesP/Dv5is2rFYcPGpfV4WhTW98gHxAfM830gFkF9DdxJql+Lr+Cz/t2SPxvrgraIKVyIVXQofo2fkB+I76v6lmR3gcWE1gAOE82xH7bjAOxH9sEe2A1/xx/xZ/wWf8AAAcxjmVS52WUccW3p3wA0fJCt96ZCbwAAAABJRU5ErkJggg==) center center no-repeat;
	background-size: 100%;
	right: 1rem;
	top: 0.5rem;
	-webkit-animation: toShareAni 1s ease-out 0s infinite;
}
@-webkit-keyframes toShareAni {
	0% {
		-webkit-transform: translate(-50%, 20%);
	}
	100% {
		-webkit-transform: translate(-50%, 0);
	}
}
.loading {
	top: 50%;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 8.0rem;
	margin-top: -4rem;
}
.loading .load_logo, .loading .load_logo .inner {
	left: 50%;
	width: 5.0rem;
	height: 3.75rem;
	margin-left: -2.5rem;
	background: url("../images/cb_loading.png")  0 bottom no-repeat;
	background-size: 10.0rem 3.75rem;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
}
.loading .load_logo {
	background-position: -5.0rem bottom;
	top: 0;
}
.loading .load_logo .inner {
	margin-left: 0;
	left: 0;
	bottom: 0;
}
.loading .data {
	bottom: 2.5rem;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: .75rem;
}
.loading .data .figure {
	padding-left: 3px;
}
.stage1 .slogan {
	top: 2.5rem;
	left: 50%;
	width: 9rem;
	height: 19.3125rem;
	margin: 0 0 0 -4.5rem;
	background: url("../images/stage1_slogan.png")  0 0 no-repeat;
	background-size: 9.0rem 19.3125rem;
	opacity: 0;
}
.stage1 .bamboo_box {
	width: 100%;
	opacity: 0;
	height: 100%;
	left: 0;
	top: 0;
}
.stage1 .bamboo1 {
	top: 50%;
	left: 50%;
	width: 15.625rem;
	height: 26.875rem;
	margin: -10rem 0 0 -11rem;
	background: url("../images/stage1_bamboo1.png")  0 0 no-repeat;
	background-size: 100%;
}
.stage1 .bamboo2 {
	top: 50%;
	left: 50%;
	width: 21.8125rem;
	height: 37.625rem;
	margin: -15rem 0 0 -10rem;
	background: url("../images/stage1_bamboo2.png")  0 0 no-repeat;
	background-size: 100%;
}
.stage1 .title {
	width: 18.75rem;
	font-size: 1.0rem;
	color: #fff;
	left: 50%;
	text-align: center;
	margin-left: -9.375rem;
	margin-top: 8rem;
	top: 50%;
	opacity: 0;
}
.stage1 .logo {
	width: 5.125rem;
	height: 1.8125rem;
	background: url("../images/stage1_logo.png")  0 0 no-repeat;
	background-size: 100%;
	left: 50%;
	top: 50%;
	margin-left: -2.5625rem;
	margin-top: 11rem;
	opacity: 0;
}
.stage2 .text_mod {
	height: 10.625rem;
}
.stage2 .content_mod {
	top: 10.875rem;
}
.stage2 .title, .stage2 .text, .stage2 .tit {
	opacity: 0;
}
.stage2 .content {
	top: 3.0rem;
	left: 50%;
	width: 15.9375rem;
	height: 12.8125rem;
	margin-left: -7.96875rem;
}
.stage2 .mask {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.stage2 ul li {
	margin-left: 0;
	margin-bottom: 2.8125rem;
	opacity: 0;
}
.stage2 ul li:first-child {
	color: #fff;
}
.stage2 .data_list {
	width: 16.5625rem;
	height: 12.8125rem;
	background: url("../images/stage2_line.png")  center center no-repeat;
	background-size: 10.6875rem 8.9375rem;
	border-bottom: 1px solid #ffd066;
	opacity: 0;
}
.stage2 .data {
	position: absolute;
	margin: 0;
	background: url("../images/stage2_data.png")  0 0 no-repeat;
	background-size: 62.5rem 13.75rem;
	bottom: 0;
}
.stage2 .data1 {
	width: 14.1875rem;
	height: 2.625rem;
	background-position: 1.05rem -11.125rem;
}
.stage2 .data2 {
	width: 15.3125rem;
	height: 5.3125rem;
	background-position: -13.8rem -8.75rem;
}
.stage2 .data3 {
	width: 15.625rem;
	height: 8.125rem;
	background-position: -29.15rem -5.625rem;
}
.stage2 .data4 {
	width: 16.5625rem;
	height: 12.8125rem;
	background-position: -45.3rem -0.9rem;
}
.stage2 .num_list {
	position: absolute;
	top: 3.25rem;
	left: 50%;
	width: 2.25rem;
	margin-left: -1.0rem;
	font-size: 0.875rem;
	text-align: center;
}
.stage2 .num1 {
	margin-bottom: 0;
}
.stage2 .num2 {
	margin-bottom: 1.25rem;
}
.stage2 .num3 {
	margin-bottom: 1.75rem;
}
.stage2 .num4 {
	margin-bottom: 1.75rem;
	font-size: 1rem;
}
.stage2 .time_list {
	position: absolute;
	width: 2.25rem;
	top: 1.6rem;
	left: 50%;
	font-size: .625rem;
	margin-left: -7.625rem;
}
.stage2 .time1 {
	margin-bottom: 0;
}
.stage2 .time2 {
	margin-bottom: 1.5rem;
}
.stage2 .time3 {
	margin-bottom: 2.325rem;
}
.stage2 .time4 {
	margin-bottom: 2.875rem;
}
.stage3 .text_mod {
	height: 10.75rem;
}
.stage3 .content_mod {
	top: 10.825rem;
}
.stage3 .title, .stage3 .text, .stage3 .tit {
	opacity: 0;
}
.stage3 .content {
	top: 2.0rem;
	left: 50%;
	width: 15.625rem;
	height: 15.625rem;
	margin-left: -7.8125rem;
	opacity: 0;
}
.stage3 .content .data {
	width: 100%;
	height: 100%;
	background: url("../images/stage3_out.png")  center center no-repeat;
	background-size: 15.625rem 15.625rem;
	left: 0;
	top: 0;
	opacity: 0;
}
.stage3 .content .circle {
	width: 7.875rem;
	height: 7.875rem;
	background: #ff5146;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	opacity: 0.5;
	-webkit-transform: translate3d(-50%, -50%, 0);
}
.stage3 .content .mask {
	position: relative;
	width: 7.875rem;
	height: 7.875rem;
	border-top-left-radius: 999px;
	border-top-right-radius: 999px;
	border-bottom-right-radius: 999px;
	border-bottom-left-radius: 999px;
	border-radius: 999px;
	background-clip: padding-box;
	left: 50%;
	top: 50%;
	overflow: hidden;
	background: url("../images/stage3_circle.png")  center center no-repeat;
	background-size: 15.625rem 15.625rem;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
	mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.stage3 .content .digital {
	width: 5.0rem;
	height: 1em;
	left: 50%;
	top: 50%;
	margin: -0.5em 0 0 -2.5rem;
	text-align: center;
	font-size: 1.5625rem;
	color: #fff;
	opacity: 0;
}
.stage4 .text_mod {
	height: 12.125rem;
}
.stage4 .content_mod {
	top: 12.375rem;
}
.stage4 .title, .stage4 .text, .stage4 .tit {
	opacity: 0;
}
.stage4 .content {
	width: 14.5rem;
	height: 12.5625rem;
	top: 0.5rem;
	left: 50%;
	margin-left: -7.25rem;
	opacity: 0;
}
.stage4 ul {
	width: 16rem;
}
.stage4 ul li {
	display: inline-block;
}
.stage4 .data_list {
	position: absolute;
	width: 100%;
	height: 12.5625rem;
	background: url("../images/stage4_line.png")  center center no-repeat;
	background-size: 100%;
	top: 2rem;
	border-bottom: 1px solid #ffd066;
}
.stage4 .data {
	position: absolute;
	width: 1.25rem;
	height: 10.625rem;
	margin: 0;
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#ffec9e), to(#ff8e2c), color-stop(0.3, #ffbb63));
	background: linear-gradient(to right, #ffec9e, #ffbb63 30%, #ff8e2c 100%);
	bottom: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	left: 50%;
	-webkit-transform: scaleY(0);
}
.stage4 .data1 {
	height: 4.0rem;
	margin-left: -5.1875rem;
}
.stage4 .data2 {
	height: 5.5rem;
	margin-left: -2.1875rem;
}
.stage4 .data3 {
	height: 7.5rem;
	margin-left: 0.875rem;
}
.stage4 .data4 {
	margin-left: 3.875rem;
}
.stage4 .mask {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.stage4 .num_list {
	position: absolute;
	top: 2.25rem;
	left: 0;
	font-size: 0.875rem;
}
.stage4 .num_list .num {
	position: absolute;
	opacity: 0;
	color: #ffec9e;
}
.stage4 .num_list .num1 {
	left: 1.75rem;
	top: 6.75rem;
}
.stage4 .num_list .num2 {
	left: 4.75rem;
	top: 5.25rem;
}
.stage4 .num_list .num3 {
	left: 7.75rem;
	top: 3.25rem;
}
.stage4 .num_list .num4 {
	left: 10.75rem;
	color: #fff;
	font-size: 1rem;
}
.stage4 .time_list {
	position: absolute;
	bottom: -3rem;
	left: 0;
	font-size: .625rem;
}
.stage4 .time {
	opacity: 0;
}
.stage4 .time1 {
	margin-left: 1.5rem;
}
.stage4 .time2 {
	margin-left: 0.625rem;
}
.stage4 .time3 {
	margin-left: 0.625rem;
}
.stage4 .time4 {
	margin-left: 0.625rem;
}
.stage5 .text_mod {
	height: 10.625rem;
}
.stage5 .content_mod {
	top: 10.875rem;
}
.stage5 .title, .stage5 .text, .stage5 .tit {
	opacity: 0;
}
.stage5 .content {
	width: 100%;
	bottom: 0;
	top: 1.5rem;
	left: 0;
}
.stage5 ul li {
	margin-left: 0;
	margin-bottom: 2.8125rem;
	opacity: 0;
}
.stage5 ul li:first-child {
	color: #fff;
}
.stage5 .data_list {
	position: absolute;
	width: 16.5625rem;
	height: 11.625rem;
	top: 2.125rem;
}
.stage5 .data {
	position: absolute;
	width: 10rem;
	height: 10rem;
	margin: 0;
	bottom: 0;
	left: 60%;
	background-image: url("../images/stage5_data.png");
	background-size: 26.375rem 12.0625rem;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
}
.stage5 .data1 {
	width: 2.3125rem;
	height: 2.3125rem;
	margin-left: -1rem;
	background-position: 0 0;
}
.stage5 .data2 {
	width: 4.5625rem;
	height: 4.5625rem;
	margin-left: -2.125rem;
	background-position: -2.3125rem 0;
}
.stage5 .data3 {
	width: 7.625rem;
	height: 7.625rem;
	margin-left: -3.625rem;
	background-position: -6.875rem 0;
}
.stage5 .data4 {
	width: 12.0625rem;
	height: 12.0625rem;
	margin-left: -5.8125rem;
	background-position: -14.5rem 0;
}
.stage5 .line {
	position: absolute;
	width: 16.5625rem;
	height: 11.625rem;
	background: url("../images/stage5_line.png")  center center no-repeat;
	background-size: 10.6875rem 8.9375rem;
	top: 2.5rem;
	left: 60%;
	margin-left: -8.28125rem;
	opacity: 0;
}
.stage5 .num_list {
	position: absolute;
	top: 3.45rem;
	left: 60%;
	width: 2.25rem;
	margin-left: -1.0rem;
	font-size: 0.875rem;
	text-align: center;
}
.stage5 .num_list .num {
	color: #ffec9e;
}
.stage5 .num_list .num1 {
	margin-bottom: 0;
}
.stage5 .num_list .num2 {
	margin-bottom: 0.85rem;
}
.stage5 .num_list .num3 {
	margin-bottom: 2rem;
}
.stage5 .num_list .num4 {
	margin-bottom: 2.5rem;
	color: #fff;
	font-size: 1rem;
}
.stage5 .time_list {
	position: absolute;
	width: 2.25rem;
	top: 3.45rem;
	left: 1rem;
	font-size: .625rem;
}
.stage5 .time1 {
	margin-bottom: 0;
	opacity: 0;
}
.stage5 .time2 {
	margin-bottom: 1.25rem;
}
.stage5 .time3 {
	margin-bottom: 2.25rem;
}
.stage5 .time4 {
	margin-bottom: 3.125rem;
}
.stage6 .text_mod {
	height: 3.875rem;
}
.stage6 .title {
	opacity: 0;
}
.stage6 .content_mod {
	top: 4.125rem;
	height: 24.0rem;
}
.stage6 .content_mod div {
	position: static;
}
.stage6 .content_mod .pictxt {
	position: relative;
	padding: 1.25rem 0 1.0rem 1.0rem;
	font-size: 0.75rem;
	border-bottom: 1px solid #ffd066;
	opacity: 0;
}
.stage6 .content_mod .txt_con {
	opacity: 0;
}
.stage6 .txt_main {
	margin-bottom: 0.375rem;
	font-size: 0.875rem;
}
.stage6 .txt_minor {
	line-height: 1.3125rem;
}
.stage6 .pictxt .num {
	color: #fff;
	font-size: 0.875rem;
}
.stage6 .content_mod .pic {
	position: absolute;
	width: 6.25rem;
	height: 6rem;
	vertical-align: middle;
	background: url("../images/stage7_pic.png")  0 0 no-repeat;
	background-size: 6.25rem 18.0rem;
	right: 0;
	top: 50%;
	margin-top: -3rem;
	opacity: 0;
}
.stage6 .content_mod .pic1 {
	background-position: 0 0;
}
.stage6 .content_mod .pic2 {
	background-position: 0 -6.25rem;
	margin-top: -3.0rem;
}
.stage6 .content_mod .pic3 {
	background-position: 0 -12.0rem;
}
.stage7 .text_mod {
	height: 4rem;
}
.stage7 .title {
	opacity: 0;
}
.stage7 .content_mod {
	top: 4.25rem;
	height: 24.0rem;
}
.stage7 .content_mod div {
	position: static;
}
.stage7 .content_mod .pictxt {
	position: relative;
	padding: 2.5rem 0 2.5rem 1.0rem;
	font-size: 0.75rem;
	border-bottom: 1px solid #ffd066;
	opacity: 0;
}
.stage7 .content_mod .txt_con {
	opacity: 0;
}
.stage7 .content_mod .txt_main {
	margin-bottom: 0.75rem;
	font-size: 0.875rem;
}
.stage7 .content_mod .txt_minor {
	line-height: 1.3125rem;
}
.stage7 .content_mod .pictxt .num {
	color: #fff;
	font-size: 0.875rem;
}
.stage7 .content_mod .pic {
	position: absolute;
	width: 7.5rem;
	height: 7.5rem;
	vertical-align: middle;
	background: url("../images/stage8_pic.png")  0 0 no-repeat;
	background-size: 7.5rem 15.0rem;
	right: -1rem;
	top: 50%;
	margin-top: -4rem;
	opacity: 0;
}
.stage7 .content_mod .pic2 {
	background-position: 0 0;
}
.stage7 .content_mod .pic1 {
	background-position: 1rem -7.5rem;
	background-size: 6rem 15.0rem;
	margin-top: -4.5rem;
}
.stage7 .content_mod .wave {
	position: absolute;
	width: 7.5rem;
	height: 7.5rem;
	vertical-align: middle;
	background: url("../images/stage8_wave.png")  0 0 no-repeat;
	background-size: 7.5rem 15.0rem;
	right: -1rem;
	top: 50%;
	margin-top: -4rem;
	opacity: 0;
}
.stage7 .content_mod .wave2 {
	background-position: 0 0;
}
.stage7 .content_mod .wave1 {
	background-position: 0 -7.5rem;
	display: none;
}
.stage8 .text_mod {
	height: 4rem;
}
.stage8 .title {
	font-size: 1.125rem;
	opacity: 0;
}
.stage8 .content_mod {
	width: auto;
	top: 4.25rem;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	background: url("../images/stage9_bg.png")  center bottom no-repeat;
	background-size: 100% 16rem;
	opacity: 0;
}
.stage8 .content_mod .inner {
	position: absolute;
	width: 16.625rem;
	margin-left: -8.3125rem;
	top: 0;
	left: 50%;
	bottom: 0;
}
.stage8 .content_mod div {
	position: static;
}
.stage8 .content_mod .pictxt {
	position: relative;
	height: 8rem;
	padding: 2.25rem 0 2.25rem 1.0rem;
	font-size: 0.75rem;
}
.stage8 .content_mod .txt_con {
	position: relative;
	min-height: 100%;
	opacity: 0;
}
.stage8 .content_mod .txt_main {
	margin-bottom: 0.75rem;
	font-size: 0.875rem;
}
.stage8 .content_mod .txt_minor {
	line-height: 1.3125rem;
}
.stage8 .content_mod .pictxt .num {
	color: #fff;
	font-size: 0.875rem;
}
.stage8 .content_mod .pic {
	position: absolute;
	width: 8rem;
	height: 8rem;
	vertical-align: middle;
	background: url("../images/stage9_flower.png")  0 0 no-repeat;
	background-size: 7.8125rem 39.0625rem;
	right: 0;
	top: 50%;
	margin-top: -4rem;
	opacity: 0;
}
.stage8 .content_mod .txt1 {
	position: absolute;
	right: 0;
	top: 1rem;
}
.stage8 .content_mod .txt2 {
	position: absolute;
	left: 0;
	bottom: 1.75rem;
}
.stage8 .content_mod .pic1 {
	background-position: 0 -23.4375rem;
	right: auto;
	left: 0;
}
.stage8 .content_mod .pic2 {
	background-position: 0 -31.5rem;
}
.stage8 .content_mod .flower {
	position: absolute;
	width: 7.8125rem;
	height: 7.8125rem;
	vertical-align: middle;
	background: url("../images/stage9_flower.png")  0 0 no-repeat;
	background-size: 7.8125rem 39.0625rem;
	opacity: 0;
}
.stage8 .content_mod .flower1 {
	background-position: 0 0;
	left: 3.125rem;
	top: 0;
}
.stage8 .content_mod .flower2 {
	background-position: 0 -7.8125rem;
	left: 0;
	top: 10.5rem;
}
.stage8 .content_mod .flower3 {
	background-position: 0 -15.625rem;
	left: 9rem;
	top: 9rem;
}
.stage9 .slogan {
	top: 2.5rem;
	left: 50%;
	width: 7.9375rem;
	height: 17.0625rem;
	margin: 0 0 0 -3.96875rem;
	background: url("../images/stage1_slogan.png")  0 0 no-repeat;
	background-size: 7.9375rem 17.0625rem;
	opacity: 0;
}
.stage9 .bamboo_box {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
}
.stage9 .bamboo1 {
	top: 50%;
	left: 50%;
	width: 15.625rem;
	height: 26.875rem;
	margin: -10rem 0 0 -11rem;
	background: url("../images/stage1_bamboo1.png")  0 0 no-repeat;
	background-size: 100%;
}
.stage9 .bamboo2 {
	top: 50%;
	left: 50%;
	width: 21.8125rem;
	height: 37.625rem;
	margin: -15rem 0 0 -10rem;
	background: url("../images/stage1_bamboo2.png")  0 0 no-repeat;
	background-size: 100%;
}
.stage9 .btn_box {
	position: absolute;
	width: 14.375rem;
	bottom: 9rem;
	left: 50%;
	margin-left: -7.1875rem;
}
.stage9 .icon_weixin, .stage9 .icon_weibo {
	display: inline-block;
	vertical-align: sub;
}
.stage9 .icon_weibo {
	width: 1.3125rem;
	height: 1.0625rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAADOklEQVR4AeXYAxDlShCG0X22bdu2bdu27bVt27Zt27Zt//utu6Zmkty73peqU5jpdHeMDLtr0fOPHoS/0B/zIQjz0BOZcU2GPb3QxMtQAg1x1Z5s9HkooVX4Yk81egC+RQm8g/vxDP5DX8jj151V/EhchmtwxA7muhO9IMdz6SY8GT+hK1abhAvxdgp5Dg9ccKUgYzqOSKXBw/AflkIBa3BOTJ4/sBLCSnTEG84pUgcyPkja5O0YASXwZUyuRpBHPhNzClaauSZJmvwSq6GEssTkOxFP4UY8gQ5m3ZtMXH0zPiPuKi0MpegDk+Ng3IlvkQ/58RmONzFHYw6EnGb8B5NzfdRTpAqUho/wAMpgPuQxAxeZerUg1DZjL9l1QnuyHLSLNTQ1K0Oob8Y+NbGLfI3mgHaDGaZmGQh5zVhpE9vLbfI9aDfp75ynT+JwMzbSxBa0TV6JFVBC8zEEHY2BWAwl8HfM3WG8iX3SXp19oQgLURqv4oyYImfjXdTCGsjj6QT37irIgUO2Dn4BBYzDuzg8zUfuWSiEdZBjLP7EkUkSHYoZkGMdsuKwwE37EXyMr/ASTo2pcz8WQR5jcFU6L7Sr8aIn9nI0CBzOtaiE42KaXQ95zMQpUY1WhxyfeOKexHIoxgAcGVGvEhSQN6rRSZDRyRNzLpZACWWMqPcIFDAiqlE5XvHEFIICRqELZEyJqHcRFDA/2KjnfDsnZq9PQ0tMgHAt7oYcJwXq3QQFDIpqdChknOrMH2nmGuEwc+9tht6YBjnOCNT7EQooGNVoPsh4wJk/3sxd5sx9BnnMDdQ6GGOhgGuiGr0OMip7ki+DcKMZPxxdII8cgVoZoYCqSW76Ve1LKu5x5stCmIFM+BejIY8OOMJT4y0oYBJOTNLoic4hmePsvWPQFIpRBkd53m9/w7qIG/2lqTyTL3aaXY6vcZCJuRUlMAKLsBLDUBQ3BE6rTlDAIJzvrpd0z9aHjOH4DKcmzHEEnkcbKGA1cuCwHf0D8gR6Q8Y6dEcxfIvX8DxexjfIg/ZYGdNgRVy8s/8X3YZCGAOlaT264EecsTt+cl2IN5ATTTAIcyBjHoajBXLgRZye4f+0bAC+HUgQ7lGoaQAAAABJRU5ErkJggg==) 0 0 no-repeat;
	background-size: 100%;
}
.stage9 .icon_weixin {
	width: 1.375rem;
	height: 1.125rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAkCAYAAADy19hsAAAChElEQVR4Ad3YA6wcXxhA8efathnXNoPabVTbRlDbtv23bduonm3760nyMJns3NXc6ia/aHRmdrg+rgwZNaQ+ZuEqfkcqpEg+QvEBtqE//H20DXVoP7yNQogborAFNZ9UaDO8C/FSGlYjQGfsaKRCbPQNGuiInYMCiAbhaGVn7EhFrJ3R9eyIbYAkiAP5uIN9CIUoxOAILiEP4sDn8PM2+CrEwljDfI2Rr4itZZh3OcTCTO/uCOrbVhXT/NEQB941zdcfYiEE/p4Gb4IoHEJQ0bzDIRayMaBoPj+chygM9TT4c4gKYvCHiw+QfxEOMQnG+7hWZJqnwYkQTX7HQjRCR8zFLpzBOezGPHSEn6vBokEwRqMlDiLWxV9xPxqrg4t+Zhu9gvo4pLijqORiL8pbBUdBbHIKrfAPxEt/oYWj4LchNngH7RALsUkM2piD50O8lIgW+Bdis0eoYgyujjSIF5ZiL8TCTdxWnNO/4TgiLaafVT883JOGFsixevAYtrMCYhKN8oZ3mlyISSHaGIOD8AvEA7ewFGJhn2E7SyAmUShbNL2ORbBgt/koN1H8JCoL8AbEQgEu4LIi5nvsRzDEwq+O7hjtEQ5xw2D8D9Es1+q+3AjfQlzUFcEQ3VRPv7puHuF/IJqlqIJnQFw0E3chmn2kCn4XUuRvTMYgrMI1fIdHCMZWzIFoNt8qtjry8Dcmwc+FN74qSIdoEomKVhvvrQpVRG+AaDJRx38agfgeYrPjOv81qov7EJvchL/u/+Vq4XOIl47aHquIDsAKJEM88PfT+ru2KpbjZ4hCLv6GGDTQX6iOr43hmI+N2IBZ6IVyRfP0wrcQzPZ5HgahvhiH/T4vwngMDJfdJoh9dcoAAAAASUVORK5CYII=) 0 0 no-repeat;
	background-size: 100%;
}
.stage9 .share_weibo, .stage9 .share_weixin, .stage9 .btn_more {
	position: absolute;
	width: 6.875rem;
	height: 2.5rem;
	line-height: 2.5rem;
	background: #ffec9e;
	color: #ff5046;
	text-align: center;
	top: 0;
	border-radius: 3px;
	font-size: 0.75rem;
	opacity: 0;
}
.stage9 .share_weibo {
	right: 0;
	top: 0;
}
.stage9 .share_weixin {
	left: 0;
	top: 0;
}
.stage9 .btn_more {
	width: 14.375rem;
	top: 3.25rem;
}
@-webkit-keyframes bounceIn {
	0% {
		-webkit-transform: scale(0, 0) translateZ(0);
		opacity: 0;
	}
	50% {
		-webkit-transform: scale(1.05, 1.05) translateZ(0);
		opacity: 1;
	}
	70% {
		-webkit-transform: scale(.9, .9) translateZ(0);
	}
	100% {
		-webkit-transform: scale(1, 1) translateZ(0);
		opacity: 1;
	}
}
@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translateY(6.25rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-5rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translateX(-80%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}
@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(80%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}
@-webkit-keyframes maskAni {
	0% {
		-webkit-transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(100%);
	}
}
@-webkit-keyframes numSlideInUp {
	0% {
		-webkit-transform: translateY(30%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes numSlideInUpLast {
	0% {
		-webkit-transform: translateY(30%) scale(0);
		opacity: 0;
	}
	33% {
		-webkit-transform: translateY(-30%) scale(1.8);
		opacity: 1;
	}
	67% {
		-webkit-transform: translateY(0) scale(.9);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(0) scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes numSlideInDown {
	0% {
		-webkit-transform: translateY(-30%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes numSlideInLeft {
	0% {
		-webkit-transform: translateX(30%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes numSlideInRight {
	0% {
		-webkit-transform: translateX(-30%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes smallToBig {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	80% {
		-webkit-transform: scale(1.1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(500px) translateZ(0) rotateY(0) scale(1);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(500px);
		-webkit-animation-timing-function: ease-out;
	}
	60% {
		-webkit-transform: perspective(500px) translateZ(150px) rotateY(180deg) scale(1.3);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(500px) rotateY(360deg);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(500px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale(1);
	}
	10%, 20% {
		-webkit-transform: scale(0.9) rotate(-3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale(1.3) rotate(3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale(1.5) rotate(-3deg);
	}
	100% {
		-webkit-transform: scale(1) rotate(0);
	}
}
.scence1 .stage1 .slogan {
	-webkit-animation: bounceIn .5s ease .5s forwards;
}
.scence1 .stage1 .bamboo_box {
	-webkit-animation: fadeIn .5s ease .8s forwards;
}
.scence1 .stage1 .bamboo1 {
	-webkit-animation: stage1_bamboo_ani1 10s ease 1s forwards infinite;
	transform-origin: right bottom;
}
.scence1 .stage1 .bamboo2 {
	-webkit-animation: stage1_bamboo_ani1 12s ease 1s forwards infinite;
	transform-origin: left bottom;
}
.scence1 .stage1 .logo {
	-webkit-animation: slideInUp .5s ease 1.5s forwards;
}
.scence1 .stage1 .title {
	-webkit-animation: slideInUp .5s ease 1.0s forwards;
}
@-webkit-keyframes stage1_bamboo_ani1 {
	0% {
		-webkit-transform: rotate(0);
	}
	5% {
		-webkit-transform: rotate(0);
	}
	30% {
		-webkit-transform: rotate(5deg);
	}
	50% {
		-webkit-transform: rotate(0);
	}
	77% {
		-webkit-transform: rotate(-5deg);
	}
	100% {
		-webkit-transform: rotate(0);
	}
}
@-webkit-keyframes stage1_bamboo_ani1 {
	0% {
		-webkit-transform: rotate(0);
	}
	10% {
		-webkit-transform: rotate(0);
	}
	40% {
		-webkit-transform: rotate(5deg);
	}
	60% {
		-webkit-transform: rotate(0);
	}
	80% {
		-webkit-transform: rotate(-5deg);
	}
	100% {
		-webkit-transform: rotate(0);
	}
}
.scence2 .stage2 .title {
	-webkit-animation: slideInRight .5s ease .5s forwards;
}
.scence2 .stage2 .text_mod .title .num {
	-webkit-animation: numSlideInUpLast 0.8s ease 1s forwards;
}
.scence2 .stage2 .text {
	-webkit-animation: slideInRight .5s ease 1.8s forwards;
}
.scence2 .stage2 .tit {
	-webkit-animation: slideInRight .5s ease 2.3s forwards;
}
.scence2 .stage2 .data_list {
	-webkit-animation: fadeIn .5s ease 2.8s forwards;
}
.scence2 .stage2 .data1 {
	-webkit-animation: stage2_data_ani .5s ease 3.4s forwards;
	-webkit-transform-origin: center bottom;
}
.scence2 .stage2 .data2 {
	-webkit-animation: stage2_data_ani .8s ease 3.5s forwards;
	-webkit-transform-origin: center bottom;
}
.scence2 .stage2 .data3 {
	-webkit-animation: stage2_data_ani 1.1s ease 3.6s forwards;
	-webkit-transform-origin: center bottom;
}
.scence2 .stage2 .data4 {
	-webkit-animation: stage2_data_ani 1.4s ease 3.7s forwards;
	-webkit-transform-origin: center bottom;
}
.scence2 .stage2 .num1 {
	-webkit-animation: numSlideInUp .5s ease 3.8s forwards;
}
.scence2 .stage2 .num2 {
	-webkit-animation: numSlideInUp .5s ease 4.1s forwards;
}
.scence2 .stage2 .num3 {
	-webkit-animation: numSlideInUp .5s ease 4.3s forwards;
}
.scence2 .stage2 .num4 {
	-webkit-animation: numSlideInUp 0.5s ease 4.5s forwards;
}
.scence2 .stage2 .time1 {
	-webkit-animation: numSlideInUp .5s ease 3.8s forwards;
}
.scence2 .stage2 .time2 {
	-webkit-animation: numSlideInUp .5s ease 4.1s forwards;
}
.scence2 .stage2 .time3 {
	-webkit-animation: numSlideInUp .5s ease 4.3s forwards;
}
.scence2 .stage2 .time4 {
	-webkit-animation: numSlideInUp .5s ease 4.5s forwards;
}
@-webkit-keyframes stage2_data_ani {
	0% {
		-webkit-transform: scaleY(0) translateZ(0);
		opacity: 0;
	}
	10% {
		-webkit-transform: scaleY(0.1) translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: rotateY(1) translateZ(0);
		opacity: 1;
	}
}
.scence3 .stage3 .title {
	-webkit-animation: slideInRight .5s ease .5s forwards;
}
.scence3 .stage3 .text_mod .title .num {
	-webkit-animation: numSlideInUpLast 0.8s ease 1s forwards;
}
.scence3 .stage3 .text {
	-webkit-animation: slideInRight .5s ease 1.8s forwards;
}
.scence3 .stage3 .tit {
	-webkit-animation: slideInRight .5s ease 2.3s forwards;
}
.scence3 .stage3 .content {
	-webkit-animation: fadeIn .5s ease 2.8s forwards;
}
.scence3 .stage3 .wave {
}
.scence3 .stage3 .wave_infinite {
	-webkit-animation: stage3_wave_ani2 2s ease 0s forwards infinite;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}
.scence3 .stage3 .data {
	-webkit-animation: stage3_data_ani 2s linear 4s forwards infinite;
}
.scence3 .stage3 .digital {
	-webkit-animation: bounceIn 0.5s ease 5.0s forwards;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}
@-webkit-keyframes stage3_data_ani {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	60% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.2);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1.2);
		opacity: 0;
	}
}
@-webkit-keyframes stage3_wave_ani {
	0% {
		-webkit-transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(13.875rem, -8.375rem);
	}
}
@-webkit-keyframes stage3_wave_ani2 {
	0% {
		-webkit-transform: translate(13.875rem, -8.375rem);
	}
	100% {
		-webkit-transform: translate(26.625rem, -8.375rem);
	}
}
.scence4 .stage4 .title {
	-webkit-animation: slideInRight .5s ease .5s forwards;
}
.scence4 .stage4 .text_mod .title .num {
	-webkit-animation: numSlideInUpLast 0.8s ease 1s forwards;
}
.scence4 .stage4 .text {
	-webkit-animation: slideInRight .5s ease 1.8s forwards;
}
.scence4 .stage4 .tit {
	-webkit-animation: slideInRight .5s ease 2.3s forwards;
}
.scence4 .stage4 .content {
	-webkit-animation: fadeIn .5s ease 2.8s forwards;
}
.scence4 .stage4 .data1 {
	-webkit-animation: stage4_data_ani 0.5s ease 3.3s forwards;
	-webkit-transform-origin: center bottom;
}
.scence4 .stage4 .data2 {
	-webkit-animation: stage4_data_ani 0.5s ease 3.4s forwards;
	-webkit-transform-origin: center bottom;
}
.scence4 .stage4 .data3 {
	-webkit-animation: stage4_data_ani 0.5s ease 3.5s forwards;
	-webkit-transform-origin: center bottom;
}
.scence4 .stage4 .data4 {
	-webkit-animation: stage4_data_ani 0.5s ease 3.7s forwards;
	-webkit-transform-origin: center bottom;
}
@-webkit-keyframes stage4_data_ani {
	0% {
		-webkit-transform: scaleY(0);
	}
	100% {
		-webkit-transform: scaleY(1);
	}
}
.scence4 .stage4 .time1 {
	-webkit-animation: fadeIn .5s ease 3.8s forwards;
}
.scence4 .stage4 .time2 {
	-webkit-animation: fadeIn .5s ease 3.9s forwards;
}
.scence4 .stage4 .time3 {
	-webkit-animation: fadeIn .5s ease 4.0s forwards;
}
.scence4 .stage4 .time4 {
	-webkit-animation: fadeIn .5s ease 4.2s forwards;
}
.scence4 .stage4 .num1 {
	-webkit-animation: slideInDown .5s ease 3.8s forwards;
}
.scence4 .stage4 .num2 {
	-webkit-animation: slideInDown .5s ease 3.9s forwards;
}
.scence4 .stage4 .num3 {
	-webkit-animation: slideInDown .5s ease 4.0s forwards;
}
.scence4 .stage4 .num4 {
	-webkit-animation: bounceIn .5s ease 4.2s forwards;
}
.scence5 .stage5 .title {
	-webkit-animation: slideInRight .5s ease .5s forwards;
}
.scence5 .stage5 .text_mod .title .num {
	-webkit-animation: numSlideInUpLast 0.8s ease 1s forwards;
}
.scence5 .stage5 .text {
	-webkit-animation: slideInRight .5s ease 1s forwards;
}
.scence5 .stage5 .tit {
	-webkit-animation: slideInRight .5s ease 1.5s forwards;
}
.scence5 .stage5 .line {
	-webkit-animation: fadeIn .5s ease 2.0s forwards;
}
.scence5 .stage5 .data1 {
	-webkit-animation: stage5_data_ani .5s ease 2.5s forwards;
	-webkit-transform-origin: center bottom;
}
.scence5 .stage5 .data2 {
	-webkit-animation: stage5_data_ani .5s ease 2.6s forwards;
	-webkit-transform-origin: center bottom;
}
.scence5 .stage5 .data3 {
	-webkit-animation: stage5_data_ani .5s ease 2.7s forwards;
	-webkit-transform-origin: center bottom;
}
.scence5 .stage5 .data4 {
	-webkit-animation: stage5_data_ani .5s ease 2.8s forwards;
	-webkit-transform-origin: center bottom;
}
.scence5 .stage5 .num1 {
	-webkit-animation: numSlideInUp .5s ease 2.8s forwards;
}
.scence5 .stage5 .num2 {
	-webkit-animation: numSlideInUp .5s ease 2.9s forwards;
}
.scence5 .stage5 .num3 {
	-webkit-animation: numSlideInUp .5s ease 3.0s forwards;
}
.scence5 .stage5 .num4 {
	-webkit-animation: numSlideInUp 0.5s ease 3.1s forwards;
}
.scence5 .stage5 .time1 {
	-webkit-animation: numSlideInUp .5s ease 2.8s forwards;
}
.scence5 .stage5 .time2 {
	-webkit-animation: numSlideInUp .5s ease 2.9s forwards;
}
.scence5 .stage5 .time3 {
	-webkit-animation: numSlideInUp .5s ease 3.0s forwards;
}
.scence5 .stage5 .time4 {
	-webkit-animation: numSlideInUp .5s ease 3.1s forwards;
}
@-webkit-keyframes stage5_data_ani {
	0% {
		-webkit-transform: scale3d(0, 0, 0) translateZ(0);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1) translateZ(0);
		opacity: 1;
	}
}
.scence6 .stage6 .text_mod .title {
	-webkit-animation: slideInRight .5s ease .5s forwards;
}
.scence6 .stage6 .pictxt1 {
	-webkit-animation: fadeIn .5s ease 1s forwards;
}
.scence6 .stage6 .pictxt1 .txt_con {
	-webkit-animation: slideInRight .5s ease 1.5s forwards;
}
.scence6 .stage6 .pictxt1 .pic {
	-webkit-animation: bounceIn .5s ease 2s forwards;
}
.scence6 .stage6 .pictxt2 {
	-webkit-animation: fadeIn .5s ease 2.5s forwards;
}
.scence6 .stage6 .pictxt2 .txt_con {
	-webkit-animation: slideInRight .5s ease 3s forwards;
}
.scence6 .stage6 .pictxt2 .pic {
	-webkit-animation: bounceIn .5s ease 3.5s forwards;
}
.scence6 .stage6 .pictxt3 {
	-webkit-animation: fadeIn .5s ease 4s forwards;
}
.scence6 .stage6 .pictxt3 .txt_con {
	-webkit-animation: slideInRight .5s ease 4.5s forwards;
}
.scence6 .stage6 .pictxt3 .pic {
	-webkit-animation: bounceIn .5s ease 5s forwards;
}
.scence7 .stage7 .title {
	-webkit-animation: slideInRight .5s ease .5s forwards;
}
.scence7 .stage7 .pictxt1 {
	-webkit-animation: fadeIn .5s ease 1s forwards;
}
.scence7 .stage7 .pictxt1 .txt_con {
	-webkit-animation: slideInRight .5s ease 1.5s forwards;
}
.scence7 .stage7 .pictxt1 .pic {
	-webkit-animation: bounceIn .5s ease 2s forwards;
}
.scence7 .stage7 .pictxt2 {
	-webkit-animation: fadeIn .5s ease 2.5s forwards;
}
.scence7 .stage7 .pictxt2 .txt_con {
	-webkit-animation: slideInRight .5s ease 3s forwards;
}
.scence7 .stage7 .pictxt2 .pic {
	-webkit-animation: bounceIn .5s ease 3.5s forwards;
}
.scence7 .stage7 .wave2 {
	-webkit-animation: stage8_wave_ani 2s linear 4s forwards infinite;
	-webkit-transform-origin: 4.1875rem 3.375rem;
}
@-webkit-keyframes stage8_wave_ani {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	45% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(2);
		opacity: 0;
	}
}
.scence8 .stage8 .title {
	-webkit-animation: slideInRight .5s ease .5s forwards;
}
.scence8 .stage8 .content_mod {
	-webkit-animation: fadeIn .5s ease 1s forwards;
}
.scence8 .stage8 .pictxt1 .txt_con {
	-webkit-animation: slideInLeft .5s ease 1.0s forwards;
}
.scence8 .stage8 .pictxt1 .pic {
	-webkit-animation: bounceIn .5s ease 1.5s forwards;
}
.scence8 .stage8 .pictxt2 .txt_con {
	-webkit-animation: slideInRight .5s ease 2s forwards;
}
.scence8 .stage8 .pictxt2 .pic {
	-webkit-animation: bounceIn .5s ease 2.5s forwards;
}
.scence8 .stage8 .flower1 {
	-webkit-animation: stage9_flower_ani 1.5s linear 2s forwards infinite;
	-webkit-transform-origin: 4.1875rem 3.375rem;
}
.scence8 .stage8 .flower2 {
	-webkit-animation: stage9_flower_ani 1.5s linear 3s forwards infinite;
	-webkit-transform-origin: 4.1875rem 3.375rem;
}
.scence8 .stage8 .flower3 {
	-webkit-animation: stage9_flower_ani 1.5s linear 3.5s forwards infinite;
	-webkit-transform-origin: 4.1875rem 3.375rem;
}
@-webkit-keyframes stage9_flower_ani {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	45% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	80% {
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(2);
		opacity: 0;
	}
}
.scence9 .stage9 .slogan {
	-webkit-animation: bounceIn .5s ease .5s forwards;
}
.scence9 .stage9 .bamboo_box {
	-webkit-animation: fadeIn .5s ease .8s forwards;
}
.scence9 .stage9 .bamboo1 {
	-webkit-animation: stage1_bamboo_ani1 12s ease 1s forwards infinite;
	transform-origin: right bottom;
}
.scence9 .stage9 .bamboo2 {
	-webkit-animation: stage1_bamboo_ani1 15s ease 1s forwards infinite;
	transform-origin: left bottom;
}
.scence9 .stage9 .share_weibo {
	-webkit-animation: numSlideInUp .5s ease 1.0s forwards;
}
.scence9 .stage9 .share_weixin {
	-webkit-animation: numSlideInUp .5s ease 1.0s forwards;
}
.scence9 .stage9 .btn_more {
	-webkit-animation: numSlideInUp .5s ease 1.5s forwards;
}
@media screen and (max-height:490px) {
	html {
		font-size: 16px !important;
	}
}