#superContainer {
	height: 100%; position: relative;
	max-width: 600px;
	margin-left:auto;
	margin-right:auto;
}
#superContainer .container {
	max-width: 600px;
}
#superContainer .header {
	max-width: 600px;
}
.section {
	position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.slide {
	float: left;
}
.slide {
	height: 100%; display: block;
}
.slidesContainer {
	height: 100%; display: block;
}
.slides {
	transition:0.3s ease-out; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
}
.table.section {
	width: 100%; display: table;
}
.table.slide {
	width: 100%; display: table;
}
.tableCell {
	width: 100%; height: 100%; vertical-align: middle; display: table-cell;
}
.slidesContainer {
	float: left; position: relative;
}
.controlArrow {
	border-style: solid; top: 50%; width: 0px; height: 0px; margin-top: -38px; position: absolute; cursor: pointer;
}
.prev.controlArrow {
	border-width: 38.5px 34px 38.5px 0px; border-color: transparent rgb(255, 255, 255) transparent transparent; left: 15px; width: 0px;
}
.next.controlArrow {
	border-width: 38.5px 0px 38.5px 34px; border-color: transparent transparent transparent rgb(255, 255, 255); right: 15px;
}
.scrollable {
	overflow: scroll;
}
.easing {
	transition:0.7s ease-out; -webkit-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
}
#fullPage-nav {
	top: 40%; right: 10px; font-size: 12px; position: absolute; z-index: 99999; _display: none;
}
#fullPage-nav li {
	margin: 10px 0px 0px; width: 90px; height: 21px; vertical-align: middle;
}
#fullPage-nav li a {
	background: url("../images/dot.png") no-repeat 5px 5px; width: 21px; height: 21px; text-align: right; color: rgb(143, 157, 164); text-decoration: none; float: right;
}
#fullPage-nav li .active {
	background-position: 0px bottom;
}
#fullPage-nav span {
	display: none;
}
.fullPage-tooltip {
	font: 12px/21px "Microsoft Yahei"; top: 0px; color: rgb(143, 157, 164); margin-right: 5px; float: left; font-size-adjust: none; font-stretch: normal;
}
.section {
	overflow: hidden; position: relative;
}
.section .bg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.section .bg img {
	width: 100%; height: 100%; display: block;
}
.bg11 {
	top: 0%; width: 100%; height: 100%; position: absolute;
}
.bg12 {
	transition:1.7s; top: 5%; width: 100%; height: 100%; position: absolute; z-index: 66; opacity: 0;
}
.bg13 {
	background: url("images/bg13.png") no-repeat 50% 0px; transition:1s; width: 100%; height: 377px; bottom: -377px; position: absolute;
}
.bg21 {
	left: 0%; top: 0%; width: 100%; height: 100%; position: absolute;
}
.bg22 {
	transition:1s; width: 265px; height: 78px; right: 50%; bottom: 15%; position: absolute; opacity: 0;
}
.bg23 {
	transition:1s; left: 50%; width: 100%; bottom: 15%; position: absolute;
}
.bg31 {
	transition:1s; left: 50%; width: 96px; height: auto; bottom: 10%; position: absolute; z-index: 33;
}
.bg32 {
	transition:1s; left: 0%; top: -320px; width: 40%; height: 100%; position: absolute; z-index: 22; opacity: 1;
}
.bg33 {
	left: 0%; width: 100%; height: 100%; bottom: 0%; position: absolute;
}
.bg41 {
	top: 0px; width: 100%; height: 100%; position: absolute;
}
.bg42 {
	transition:1s; left: 50%; top: 10%; width: 258px; height: 71px; position: absolute;
}
.bg43 {
	transition:1s; left: 20%; top:40%; width: 96%; height: auto; bottom: 0px; margin-bottom: 0px; position: absolute;
}
.bg44 {
	transition:1s; left: 20%; width: 225px; height: auto; bottom: 0px; margin-bottom: 0px; position: absolute; z-index: 999;
}
.bg51 {
	left: 0%; top: 0%; width: 100%; height: auto; position: absolute;
}
.bg52 {
	transition:1s; left: 10%; top: 10%; position: absolute;
}
.bg53 {
	transition:1s; top: 20%; width: 198px; height: 57px; right: -5%; position: absolute; opacity: 0;
}
.bg54 {
	transition:1s; left: 2%; width: 96%; bottom: 10%; position: absolute; opacity: 0;
}
.bg55 {
	transition:1s; left: 10%; width: 145px; height: 145px; bottom: 10%; position: absolute; opacity: 0;
}
.bg56 {
	transition:1s; left: 10%; width: 399px; height: auto; bottom: 10%; position: absolute; opacity: 0;
}
.bg57 {
	background: rgb(74, 74, 74); padding: 13px 0px; transition:1s; left: 10%; width: 100%; height: auto; bottom: 10%; position: absolute; opacity: 0;
}
.bg61 {
	background: url("images/bg61.png") no-repeat 50% 0px; transition:1s; top: -454px; width: 100%; height: 545px; position: absolute;
}
.bg62 {
	transition:1s; left: 10%; width: 597px; height: 284px; bottom: 20%; margin-left: -507px; position: absolute; background-image: url("images/bg62.png");
}
.txt6 {
	transition:1s; left: 90%; width: 447px; bottom: 20%; margin-left: 90px; position: absolute; opacity: 0;
}
.txt6 p {
	color: rgb(92, 121, 112); margin-bottom: 17px;
}
.bg71 {
	background: url("images/bg71.png") no-repeat 50% 0px; transition:1s; left: 50%; width: 699px; height: 201px; bottom: -201px; margin-left: -630px; position: absolute; opacity: 0;
}
.bg72 {
	background: url("images/bg72.png") no-repeat 50% 0px; transition:1s; left: 50%; width: 182px; height: 206px; bottom: -206px; margin-left: -170px; position: absolute; opacity: 0;
}
.bg73 {
	background: url("images/bg73.png") no-repeat 50% 0px; left: 50%; width: 651px; height: 231px; bottom: 170px; margin-left: -530px; position: absolute;
}
.bg74 {
	left: 0px; width: 100%; height: 100%; bottom: 0px; position: absolute;
}
.bg74 img {
	left: 0px; width: 100%; height: 251px; bottom: 0px; position: absolute;
}
.txt7 {
	transition:1s; left: 50%; width: 420px; bottom: -150px; margin-left: 100px; position: absolute; opacity: 0;
}
.txt7 p {
	color: rgb(234, 239, 242); margin-bottom: 17px;
}
.bg81 {
	background: url("images/bg81.png") no-repeat 50% 0px; width: 100%; height: 215px; bottom: 100px; position: absolute;
}
.bg82 {
	transition:1s; left: 50%; width: 164px; height: 117px; bottom: 160px; margin-left: -180px; position: absolute; opacity: 0; background-image: url("images/bg82.png");
}
.bg83 {
	transition:1s; left: 50%; width: 70px; height: 29px; bottom: 280px; margin-left: -330px; position: absolute; opacity: 0; background-image: url("images/bg83.png");
}
.bg84 {
	transition:1s; left: 50%; width: 43px; height: 26px; bottom: 320px; margin-left: -410px; position: absolute; opacity: 0; background-image: url("images/bg84.png");
}
.p8 {
	transition:1s; left: 50%; top: 15%; width: 565px; color: rgb(114, 127, 140); font-size: 16px; margin-top: 130px; margin-left: -282px; position: absolute; opacity: 0;
}
.bg91 {
	color: rgb(255, 255, 255); padding-top: 350px; font-size: 16px;
}
.bg92 {
	color: rgb(255, 255, 255); padding-top: 350px; font-size: 16px;
}
.bg93 {
	color: rgb(255, 255, 255); padding-top: 350px; font-size: 16px;
}
.bg91 {
	background: url("images/bg91.png") no-repeat 0px 0px; transition:1s; left: 50%; width: 340px; bottom: 15%; margin-left: -970px; position: absolute; opacity: 0;
}
.bg91 p {
	left: 20px; margin-left: 40px; border-right-color: rgb(19, 171, 134); border-right-width: 1px; border-right-style: solid; position: relative;
}
.bg92 {
	background: url("images/bg92.png") no-repeat 50% 0px; transition:1s; left: 50%; width: 340px; bottom: 15%; margin-left: -180px; position: absolute; opacity: 0;
}
.bg92 p {
	left: 40px; margin-left: 30px; position: relative;
}
.bg93 {
	background: url("images/bg93.png") no-repeat 50% 0px; transition:1s; left: 50%; width: 340px; bottom: 15%; margin-left: 630px; position: absolute; opacity: 0;
}
.bg93 p {
	left: -20px; padding-left: 100px; border-left-color: rgb(19, 171, 134); border-left-width: 1px; border-left-style: solid; position: relative;
}
.bg101 {
	background: url("images/bg101.png") no-repeat 50% 20%; width: 100%; height: 100%; position: absolute;
}
.bg102 {
	background: url("images/bg102.png") no-repeat 50% 0px; transition:1s; top: 25%; width: 100%; height: 79px; position: absolute; opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5, 0.5);
}
.bg103 {
	background: url("images/bg103.png") no-repeat 50% 0px; transition:1s; top: 25%; width: 100%; height: 37px; margin-top: 110px; position: absolute; opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5, 0.5);
}
.go {
	transition:1s; left: 50%; top: 55%; width: 254px; height: 70px; text-indent: -9999px; margin-top: 220px; margin-left: -127px; position: absolute; opacity: 0; background-image: url("images/btn.png");
}
.copyright {
	left: 0px; width: 100%; text-align: center; bottom: 20px; font-size: 0px; position: absolute;
}
.copyright a {
	margin: 0px 7px; color: rgb(160, 160, 160); font-size: 12px;
}
.copyright span {
	margin: 0px 7px; color: rgb(160, 160, 160); font-size: 12px;
}
.active strong {
	opacity: 1; transform: scale(1); transition-delay: 0.7s; -webkit-transform: scale(1, 1);
}
.active h3 {
	opacity: 1; transform: scale(1); transition-delay: 0.7s; -webkit-transform: scale(1, 1);
}
.active .p1 {
	opacity: 1; transition-delay: 1.7s;
}
.active .bg11 {
	top: 0%;
}
.active .bg12 {
	top: 30%; opacity: 1; transition-delay: 0.7s;
}
.active .bg12 img {
	margin: 0px auto; display: block; max-width: 90%;
}
.bg12 img {
	margin: 0px auto; display: block; max-width: 90%;
}
.active .bg13 {
	bottom: 0px; opacity: 1; transition-delay: 0.7s;
}
.active .bg11 img {
	width: 100%; height: 100%; display: block;
}
.bg11 img {
	width: 100%; height: 100%; display: block;
}

@media all and (max-width:414px)
{
.active .bg12 {
	top: 20%; opacity: 1; transition-delay: 0.7s;
}
.active .bg12 img {
	margin: 0px auto; display: block; max-width: 90%;
}
.bg12 img {
	margin: 0px auto; display: block; max-width: 90%;
}
}
.active .bg21 {
	left: 0%; top: 0%; opacity: 1;
}
.active .bg21 img {
	width: 100%; height: 100%; display: block;
}
.bg21 img {
	width: 100%; height: 100%; display: block;
}
.active .bg23 {
	left: 10%; bottom: 65%; transition-delay: 0.7s;
}
.active .bg22 {
	right: 5%; bottom: 70%; opacity: 1; transition-delay: 0.7s;
}
.active .bg22 img {
	width: 50%; float: right;
}
.bg22 img {
	width: 50%; float: right;
}

@media all and (max-width:600px)
{
.active .bg23 {
	left: 7%; bottom: 75%; transition-delay: 0.7s;
}
}
@media all and (max-width:414px)
{
.active .bg23 {
	left: 10%; bottom: 70%; transition-delay: 0.7s;
}
}
@media all and (max-width:375px)
{
.active .bg23 {
	left: 4%; bottom: 70%; transition-delay: 0.7s;
}
}
@media all and (max-width:360px)
{
.active .bg23 {
	left: 8%; bottom: 70%; transition-delay: 0.7s;
}
}
@media all and (max-width:320px)
{
.active .bg23 {
	left: 10%; bottom: 60%; transition-delay: 0.7s;
}
}
.active .bg31 {
	left: 5%; bottom: 70%; opacity: 1; transition-delay: 0.7s;
}
.active .bg31 img {
	width: 50%; display: block;
}
.active .bg32 {
	left: 0%; top: 20px; transition-delay: 0.7s;
}
.active .bg33 {
	left: 0px; bottom: 0%; opacity: 1;
}

@media all and (max-width:414px)
{
.active .bg31 {
	left: 5%; bottom: 50%; opacity: 1; transition-delay: 0.7s;
}
.active .bg32 {
	left: 0%; bottom: -7%; opacity: 1; transition-delay: 1s;
}
}
@media all and (max-width:375px)
{
.active .bg31 {
	left: 5%; bottom: 67%; opacity: 1; transition-delay: 0.7s;
}
}
@media all and (max-width:320px)
{
.active .bg31 {
	left: 5%; bottom: 57%; opacity: 1; transition-delay: 0.7s;
}
}
.active .bg41 {
	left: 0px; top: 0%;
}
.active .bg41 img {
	width: 100%; height: 100%; display: block;
}
.bg41 img {
	width: 100%; height: 100%; display: block;
}
.active .bg42 {
	left: 60%; top: 18%; transition-delay: 0.5s;
}
.active .bg42 img {
	display: block; max-width: 50%;
}
.bg42 img {
	display: block; max-width: 50%;
}
.active .bg43 {
	left: 2%; bottom: 5%; transition-delay: 0.9s;
}
.active .bg44 {
	left: 15%; bottom: 0%; transition-delay: 0.9s;
}
.active .bg44 img {
	max-width: 30%;
}
.bg44 img {
	max-width: 30%;
}
@media all and (max-width:600px)
{
.active .bg43 {
	left: 2%; height: 190px; bottom: 38%; transition-delay: 0.9s;
}
.active .bg44 {
	left: 15%; bottom: 20%; transition-delay: 0.9s;
}
}
@media all and (max-width:414px)
{
.active .bg43 {
	left: 2%; height: 190px; bottom: 38%; transition-delay: 0.9s;
}
.active .bg44 {
	left: 15%; bottom: 15%; transition-delay: 0.9s;
}
}
@media all and (max-width:375px)
{
.active .bg43 {
	left: 2%; height: 190px; bottom: 30%; transition-delay: 0.9s;
}
.active .bg44 {
	left: 15%; bottom: 0%; transition-delay: 0.9s;
}
}
@media all and (max-width:360px)
{
.active .bg43 {
	left: 2%; height: auto; bottom: 10%; transition-delay: 0.9s;
}
.active .bg44 {
	left: 15%; bottom: 0%; transition-delay: 0.9s;
}
}
@media all and (max-width:320px)
{
.active .bg42 {
	left: 57%; top: 18%; transition-delay: 0.5s;
}
.active .bg43 {
	left: 2%; height: 190px; bottom: 20%; transition-delay: 0.9s;
}
}
.active .bg51 {
	left: 0px; top: 48px;
}
.active .bg51 img {
	width: 100%; height: 100%; display: block;
}
.bg51 img {
	width: 100%; height: 100%; display: block;
}
.active .bg52 {
	left: 0px; top: 20%; opacity: 1; transition-delay: 0.7s;
}
.active .bg52 img {
	display: block; max-width: 65%;
}
.active .bg53 {
	top: 35%; right: -5%; opacity: 1; transition-delay: 0.7s;
}
.active .bg53 img {
	display: block; max-width: 65%;
}
.active .bg54 {
	left: 2%; bottom: 18%; opacity: 1; transition-delay: 0.7s;
}
.active .bg54 p {
	color: rgb(32, 32, 32); line-height: 24px; font-size: 14px;
}
.active .bg55 {
	left: 18%; bottom: 27%; opacity: 1; transition-delay: 0.7s;
}
.active .bg55 img {
	width: 65%;
}
.active .bg56 {
	left: 2%; top:34%; bottom: 50%; opacity: 1; transition-delay: 0.7s;
}
.active .bg56 img {
	width: 50%;
}
.active .bg57 {
	left: 0%; bottom: 0%; opacity: 1; transition-delay: 0.7s;
}
.active .bg56 span {
	color: rgb(213, 45, 45); font-size: 28px; font-style: italic; float: left;
}
.active .bg56 p {
	clear: both; margin-top: 10px;
}
.active .bg56 img {
	vertical-align: middle;
}


@media all and (max-width:600px)
{
.active .bg54 p {
	color: rgb(32, 32, 32); line-height: 30px; font-size: 16px;
}
}
@media all and (max-width:414px)
{
.active .bg51 {
	left: 0px; top: 43px; opacity: 1; transition-delay: 0.7s;
}
.active .bg52 img {
	display: block; max-width: 55%;
}
.active .bg53 {
	top: 35%; right: -5%; opacity: 1; transition-delay: 0.7s;
}
.active .bg54 {
	bottom: 15%; opacity: 1; transition-delay: 0.7s;
}
.active .bg55 {
	left: 14%; bottom: 25%; opacity: 1; transition-delay: 0.7s;
}
.active .bg55 img {
	width: 35%;
}
.active .bg56 img {
	width: 40%;
}
.active .bg56 {
	left: 5%; bottom: 43%; opacity: 1; transition-delay: 0.7s;
}
.bg52 img {
	display: block; max-width: 55%;
}
.active .bg54 p {
	color: rgb(32, 32, 32); line-height: 30px; font-size: 14px;
}
}
@media all and (max-width:384px)
{
.active .bg51 {
	left: 0px; top: 43px; opacity: 1; transition-delay: 0.7s;
}
.active .bg52 img {
	display: block; max-width: 55%;
}
.active .bg53 {
	top: 35%; right: -15%; opacity: 1; transition-delay: 0.7s;
}
.active .bg54 {
	 bottom: 12%; opacity: 1; transition-delay: 0.7s;
}
.active .bg55 {
	left: 14%; bottom: 25%; opacity: 1; transition-delay: 0.7s;
}
.active .bg55 img {
	width: 35%;
}
.active .bg56 img {
	width: 40%;
}
.active .bg56 {
	left: 5%; bottom: 43%; opacity: 1; transition-delay: 0.7s;
}
.bg52 img {
	display: block; max-width: 55%;
}
.active .bg54 p {
	color: rgb(32, 32, 32); line-height: 30px; font-size: 14px;
}
}
@media all and (max-width:375px)
{
.active .bg51 {
	left: 0px; top: 43px; opacity: 1; transition-delay: 0.7s;
}
.active .bg52 img {
	display: block; max-width: 55%;
}
.active .bg53 {
	top: 35%; right: -15%; opacity: 1; transition-delay: 0.7s;
}
.active .bg54 {
	 bottom: 12%; opacity: 1; transition-delay: 0.7s;
}
.active .bg55 {
	left: 14%; bottom: 25%; opacity: 1; transition-delay: 0.7s;
}
.active .bg55 img {
	width: 35%;
}
.active .bg56 img {
	width: 40%;
}
.active .bg56 {
	left: 5%; bottom: 42%; opacity: 1; transition-delay: 0.7s;
}
.bg52 img {
	display: block; max-width: 55%;
}
.active .bg54 p {
	color: rgb(32, 32, 32); line-height: 25px; font-size: 14px;
}
}
@media all and (max-width:360px)
{
.active .bg54 {
	 bottom: 12%; opacity: 1; transition-delay: 0.7s;
}
}
@media all and (max-width:320px)
{
.active .bg51 {
	left: 0px; top: 36px; opacity: 1; transition-delay: 0.7s;
}
.active .bg53 img {
	display: block; max-width: 55%;
}
.active .bg53 {
	top: 25%; right: -26%; opacity: 1; transition-delay: 0.7s;
}
.active .bg52 img {
	display: block; max-width: 50%;
}
.active .bg54 {
	bottom: 12%; opacity: 1; transition-delay: 0.7s;
}
.active .bg55 {
	left: 12%; bottom: 25%; opacity: 1; transition-delay: 0.7s;
}
.active .bg56 {
	left: 2%; bottom: 40%; opacity: 1; transition-delay: 0.7s;
}
.bg52 img {
	display: block; max-width: 50%;
}
.bg53 img {
	display: block; max-width: 55%;
}
.active .bg54 p {
	color: rgb(32, 32, 32); line-height: 24px; font-size: 12px;
}
.active .bg56 span {
	color: rgb(213, 45, 45); font-size: 26px; font-style: italic; float: left;
}

}
@media not all
{
.active .bg54 {
	bottom: 24%; opacity: 1; transition-delay: 0.7s;
}
}
.active .bg61 {
	top: 0px; transition-delay: 0.7s;
}
.active .bg62 {
	left: 50%; opacity: 1; transition-delay: 0.7s;
}
.active .txt6 {
	left: 50%; opacity: 1; transition-delay: 0.7s;
}
.active .bg71 {
	bottom: 250px; opacity: 1; transition-delay: 0.7s;
}
.active .bg72 {
	bottom: 350px; opacity: 1; transition-delay: 0.9s;
}
.active .txt7 {
	bottom: 420px; opacity: 1; transition-delay: 1.1s;
}
.active .bg82 {
	bottom: 260px; margin-left: -280px; opacity: 1; transition-delay: 0.7s;
}
.active .bg83 {
	bottom: 380px; margin-left: -430px; opacity: 1; transition-delay: 1s;
}
.active .bg84 {
	bottom: 420px; margin-left: -510px; opacity: 1; transition-delay: 1.2s;
}
.active .p8 {
	opacity: 1; transition-delay: 1.7s;
}
.active .bg91 {
	margin-left: -570px; opacity: 1; transition-delay: 0.7s;
}
.active .bg92 {
	opacity: 1; transition-delay: 0.8s;
}
.active .bg93 {
	margin-left: 230px; opacity: 1; transition-delay: 0.7s;
}
.active .bg102 {
	opacity: 1; transform: scale(1); transition-delay: 0.7s; -webkit-transform: scale(1, 1);
}
.active .bg103 {
	opacity: 1; transform: scale(1); transition-delay: 0.7s; -webkit-transform: scale(1, 1);
}
.active .go {
	top: 25%; opacity: 1; transition-delay: 1.2s;
}