#superContainer {
	height: 100%; position: relative;
}
#superContainer .section{
	min-width: 800px;
	min-height: 560px;
}
.section {
	overflow: hidden; position: relative;
}

.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; -moz-transition: all 0.3s ease-out; -o-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; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out;
}
#fullPage-nav {
	top: 50%; margin-top: -32px; position: fixed; z-index: 100; opacity: 1;
}
.right#fullPage-nav {
	right: 17px;
}
.left#fullPage-nav {
	left: 17px;
}
.fullPage-slidesNav {
	left: 50%; position: absolute; z-index: 4; opacity: 1;
}
.bottom.fullPage-slidesNav {
	bottom: 17px;
}
.top.fullPage-slidesNav {
	top: 17px;
}
#fullPage-nav ul {
	margin: 0px; padding: 0px;
}
.fullPage-slidesNav ul {
	margin: 0px; padding: 0px;
}
#fullPage-nav li {
	margin: 7px; width: 14px; height: 13px; display: block; position: relative;
}
.fullPage-slidesNav li {
	margin: 7px; width: 14px; height: 13px; display: block; position: relative;
}
.fullPage-slidesNav li {
	display: inline-block;
}
#fullPage-nav li a {
	width: 100%; height: 100%; text-decoration: none; display: block; position: relative; z-index: 1; cursor: pointer;
}
.fullPage-slidesNav li a {
	width: 100%; height: 100%; text-decoration: none; display: block; position: relative; z-index: 1; cursor: pointer;
}
#fullPage-nav li .active span {
	background: rgb(51, 51, 51);
}
.fullPage-slidesNav .active span {
	background: rgb(51, 51, 51);
}
#fullPage-nav span {
	background: rgba(0, 0, 0, 0); border-radius: 50%; border: 1px solid rgb(0, 0, 0); border-image: none; left: 2px; top: 2px; width: 8px; height: 8px; position: absolute; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.fullPage-slidesNav span {
	background: rgba(0, 0, 0, 0); border-radius: 50%; border: 1px solid rgb(0, 0, 0); border-image: none; left: 2px; top: 2px; width: 8px; height: 8px; position: absolute; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.fullPage-tooltip {
	top: -2px; color: rgb(255, 255, 255); font-family: arial, helvetica, sans-serif; font-size: 14px; position: absolute;
}
.right.fullPage-tooltip {
	right: 20px;
}
.left.fullPage-tooltip {
	left: 20px;
}
#fullPage-nav {
	font-size: 12px; _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 .bg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.section .bg img {
	width: 100%; height: 100%; display: block;
}
.bgc {
	background: url("../images/bg1.jpg") no-repeat top; width: 100%; height: 100%; bottom: 0px; position: absolute;
}
.bg11 {
	transition:1s; width: 100%; height: 850px; bottom: 0px; position: absolute;
}
.bg12 {
	transition:1.7s; width: 100%; height: 392px; bottom: 90px; position: absolute; opacity: 0;
}
.bg13 {
	transition:1s; left: 20%; width: 100%; height: 377px; bottom: -377px; position: absolute;
}
.bie {
	transition:1.7s; left: 60%; top: 377px; width: 100%; height: 377px; clear: both; position: absolute;
}
.hgroup {
	margin: 0px 0px 0px -277px; transition:1s; left: 50%; top: 25%; width: 554px; height: 176px; text-indent: -9999px; position: absolute; opacity: 0; transform: scale(0.5); background-image: url("../images/slogan.png"); background-size: contain; -webkit-transform: scale(0.5, 0.5);
}
.p11 {
	margin: 0px 0px 0px -280px; transition:0.5s; left: 50%; top: 50%; width: 600px; color: rgb(148, 167, 198); font-size: 14px; position: absolute; opacity: 0;
}
.mail {
	transition:1s; left: 50%; top: -26px; width: 375px; height: 26px; margin-left: -187px; position: absolute; background-image: url("../images/logo.png");
}
.mail {
	height: 26px; color: rgb(255, 255, 255); text-indent: -9999px; float: left;
}
.mail-163 {
	width: 107px; float: left;
}
.mail-126 {
	width: 108px; margin-left: 23px; float: left;
}
.mail-yeah {
	width: 115px; float: right;
}
.bg20 {
	transition:1s; left: 100%; top: 0%; width: 100%; height: 100%; position: absolute; opacity: 1;
}
.bg21 {
	transition:1s; left: 100%; top: 0%; width: 100%; height: 100%; position: absolute; opacity: 0;
}
.bg22 {
	background: url("../images/bg.png") no-repeat; transition:1s; left: 0%; top: 0%; width: 100%; height: 100%; position: absolute; opacity: 0;
}
.bg23 {
	background: url("../images/tu.png") no-repeat; transition:1s; left: -100%; top: 0%; width:100%; height: 100%; position: absolute;
	background-position-x: center;
	background-position-y: top;
}
.bg23 img {display:none;}
.bg24 {
	transition:1s; left: 100%; width: 25px; height: 23px; bottom: 15%; position: absolute;
}
.bg31 {
	transition:1s; left: 50%; width: 892px; height: 472px; bottom: 0px; margin-bottom: 80px; margin-left: -396px; position: absolute; opacity: 0; background-image: url("../images/bg31.png");
}
.bg32 {
	transition:1s; left: 50%; width: 60%; min-width:480px; height: 50%;  margin-left: -396px; position: absolute; z-index: 2; opacity: 0;
}
.bg33 {
	transition:1s; right: 30%; top: 120px;  position: absolute; opacity: 0;
}
.bg41 {
	transition:1s; top: 10%; width: 100%; height: 100%; overflow: hidden; position: absolute;
}
.bg42 {
	top: 0px; width: 100%; height: 100%; position: absolute;
}
.bg43 {
	transition:1s; top: 10%; width: 100%; height: 57px; margin-bottom: 0px; position: absolute; z-index: 999;
}
.bg51 {
	left: 0%; top: 0px; width: 100%; height: 100%; color: rgb(255, 255, 255); padding-top: 0px; position: absolute; z-index: 1;
}
.bg52 {
	left: 0%; width: 225px; height: 179px; bottom: 0%; color: rgb(255, 255, 255); padding-top: 0px; position: absolute; z-index: 1;
}
.bg53 {
	width: 205px; height: 56px; right: 0%; bottom: 0%; color: rgb(255, 255, 255); padding-top: 0px; position: absolute; z-index: 1;
}
.bg54 {
	top:35%; height: 65%; right: 1%; bottom: 0%; color: rgb(255, 255, 255); padding-top: 0px; position: absolute; z-index: 2;
}
.bg52 {
	background: url("../images/bg52.png") no-repeat 50% 0px; transition:1s; left: -403px; opacity: 0;
}
.bg53 {
	transition:1s; top: 36px; right: 2%;  opacity: 0;
}
.bg54 {
	transition:1s; margin-left: 545px; opacity: 0;
}
.bg61 {
	top: 0px; width: 100%; height: 100%; position: absolute;
}
.bg62 {
	transition:1s; left: 10%; width: 190px; height: 52px; bottom: 20%; margin-left: -507px; position: absolute;
}
.bg63 {
	transition:1s; left: 10%; width: 672px; height: 506px; bottom: 20%; margin-left: -507px; position: absolute;
}
.bg64 {
	transition:1s; top: 20%; width: 672px; height: 506px; right: 10%; margin-right: -507px; position: absolute;
}
.bg71 {
	background:url("../images/bg4.jpg") no-repeat ; left: 0%; top: 0px; width: 100%; height: 100%; margin-left: 0px; position: absolute;
	background-position-x: center;
	background-position-y: top;
}
.bg72 {
	transition:1s; left: 50%; width: 196px; height: 56px; bottom: -206px; margin-left: -170px; position: absolute; opacity: 0;
}
.bg73 {
	transition:1s; left: 50%; bottom: 0px; margin-left: -530px;  margin-bottom: 20px; position: absolute; opacity: 0;
}
.bg74 {
	transition:1s; width: 389px; height: 57px; right: 0px; bottom: 0px; position: absolute; opacity: 0;
}
.bg75 {
	transition:1s; width: 430px; height: 250px; right: 0px; bottom: 0px; position: absolute; opacity: 0;
}
.bg76 {
	transition:1s; top: 0px; width: 380px; height: 116px; right: 0px; position: absolute; opacity: 0;
}
.boxx {
	background: rgb(55, 55, 55); transition:1s; left: 0px; width: 100%; height: 41px; bottom: 10px; position: absolute; opacity: 0;
}
.active .bg21 {
	left: 0%; top: 0%; opacity: 1; transition-delay: 1.5s;
}
.active .bg20 {
	left: 0%; top: 0%; opacity: 1; transition-delay: 1.5s;
}
.active .bg22 {
	left: 0px; opacity: 1; transition-delay: 1.5s;
}
.active .bg23 {
	left: 0%; top: 0%; transition-delay: 1.5s;
}
.active .bg24 {
	left: 50%; bottom: 5%; transition-delay: 0.7s;
}


.active .bg31 {
	opacity: 1; transition-delay: 0s;
}
.active .bg32 {
	left: 5%; top: 25%; margin-left: 0px; opacity: 1; transition-delay:0.7s;
}
.active .bg33 {
	right: 6%; top: 120px;  opacity: 1; transition-delay: 0.7s;
}

.active .bg41 {
	top: 0px; opacity: 1; transition-delay: 0.7s;
}
.active .bg42 {
	top: 0px; opacity: 1;
}
.bg42 img {
	width: 100%; height: 100%;
}
.active .bg43 {
	left: 0.5%; top: 20%; transition-delay: 0.7s;
}
.bg43 img {
	
}
@media all and (max-width:1440px)
{
.active .bg43 {
	left: 2%; top: 20%; transition-delay: 0.7s;
}
.bg23 { background-size: 1600px;}

.bg71 {	background-size: 1600px; }
}
@media all and (max-width:1366px)
{
.active .bg43 {
	left: 2%; top: 20%; transition-delay: 0.7s;
}
.bg42 {
	top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0;
}
}
@media all and (max-width:1360px)
{
.active .bg43 {
	left: 2%; top: 20%; transition-delay: 0.7s;
}
}
.active .bg51 {
	top: 0px; margin-left: 0px; opacity: 1;
}
.active .bg51 img {
	width: 100%; height: 100%; display: block;
}
.bg51 img {
	width: 100%; height: 100%; display: block;
}
.active .bg52 {
	bottom: 8%; left:3%; opacity: 1; transition-delay: 0.7s;
}
.active .bg53 {
	top: 20%; right: 10%;  opacity: 1; transition-delay: 0.7s;
}
.active .bg54 {
	left: 30%;  margin-left: 0px; opacity: 1; transition-delay: 0.7s;
}
@media all and (max-width:1366px)
{
.bg42 {
	top: 64px; width: 100%; height: 100%; position: absolute; z-index: 0;
}
}
@media all and (max-width:1024px)
{

.active .bg52 img { width:80%;
}
.bg23 { background-size: 1280px;}
.bg71 { background-size: 1280px; margin-top:10px;}

}
.active .bg61 {
	top: 0px;
}
.active .bg61 img {
	width: 100%; height: 100%;
}
.active .bg62 {
	left: 5%; top: 60px; opacity: 1; margin-left:0px; transition-delay: 0.7s; z-index:99;
}
.active .bg63 {
	left: 6%; bottom: 3%; opacity: 1;  margin-left:0px;  transition-delay: 0.9s;
}
.active .bg64 {
	top: 15%; right: 4%; opacity: 1; transition-delay: 0.9s; margin-right: 0px;
}

@media all and (max-width:1280px)
{
.active .bg63 {
	 margin-bottom: -100px;
}
.bg63.active img {
	width: 80%;
}
.bg63 img {
	width: 80%;
}
.active .bg64 {
	 margin-right: -110px;
}
.bg64.active img {
	width: 80%;
}
.bg64 img {
	width: 80%;
}
}


@media all and (max-width:1024px)
{
.active .bg63 {
	 margin-bottom: -130px;
}
.bg63 img {
	width: 70%;
}
.active .bg64 {
	margin-right: -150px;
}
.bg64 img {
	width: 70%;
}

}

.active .bg71 {
	left: 0px; top: 0px; bottom: 0px; margin-left: 0px; opacity: 1;
}
.active .bg71 img {
	width: 100%; height: 100%;
}
.bg71 img {
	width: 100%; height: 100%;
}
.active .bg72 {
	left: 2%; top: 15%; margin-left: 0px; z-index: 2; opacity: 1; transition-delay: 0.9s;
}
.active .bg73 {
	left: 5%; top:25%;  width: 28%; height: auto; margin-bottom:0px; margin-left: 0px; opacity: 1; transition-delay: 0.7s;
}
.active .bg74 {
	right: 15%; bottom: 49%; margin-left: 0px; opacity: 1; transition-delay: 0.7s;
}
.active .bg74 span {
	color: rgb(213, 45, 45); font-size: 50px; font-style: italic;
}
.active .bg75 {
	right: 8%; bottom: 0%; margin-left: 0px; opacity: 1; transition-delay: 1.2s;
}
.active .bg76 {
	top: 20%; right: 5%; margin-left: 0px; opacity: 1; transition-delay: 1.2s;
}
.active .bg76 a {
	display: block;
}
.active .boxx {
	left: 0%; bottom: 0%; margin-left: 0px; opacity: 1; transition-delay: 1.2s;
}
@media all and (max-width:1600px)
{
.active .bg74 {
	right: 7%; bottom: 45%; margin-left: 0px; opacity: 1; transition-delay: 0.7s;
}
}
@media all and (max-width:1440px)
{
.active .bg74 {
	right: 15%; bottom: 49%; margin-left: 0px; opacity: 1; transition-delay: 0.7s;
}
.active .bg76 {
	top: 20%; right: 5%; margin-left: 0px; opacity: 1; transition-delay: 1.2s;
}
.active .boxx {
	left: 0%; bottom: 0%; margin-left: 0px; opacity: 1; transition-delay: 1.2s;
}
}
@media all and (max-width:1366px)
{
.active .bg74 {
	right: 11%; bottom: 49%; margin-left: 0px; opacity: 1; transition-delay: 0.7s;
}
.active .bg74 img {
	width: 80%;
}
.bg74 img {
	width: 80%;
}
}
@media all and (max-width:1360px)
{
.active .bg74 {
	right: 11%; bottom: 49%; margin-left: 0px; opacity: 1; transition-delay: 0.7s;
}
.active .bg32 img { width:85%; height:85%;
}
}



@media all and (max-width:1152px)
{
.active .bg74 {
	right: 5%; bottom: 49%; margin-left: 0px; opacity: 1; transition-delay: 0.7s;
}
.active .bg75 {
	margin-right: -40px;
}
.active .bg73 {
	top: 26%;
}
}
@media all and (max-width:1049px)
{
.active .bg74 {
	right: 4%; bottom: 49%; margin-left: 0px; opacity: 1; transition-delay: 0.7s;
}
}
@media all and (max-width:1024px)
{
.active .bg74 {
	right: 4%; bottom: 49%; margin-left: 0px; opacity: 1; transition-delay: 0.7s;
}
.active .bg32 img { width:70%; height:70%;
}
.active .bg73 img {
	width: 65%;
}

}
.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;
}


@media all and (max-height:600px)
{
.active .bg63 {
	margin-bottom: -160px;
}	
.active .bg64 {
	margin-right: -150px;
}

.bg63 img {
	width: 70%;
}
.bg64 img {
	width: 70%;
}
	
.active .bg32 img { width:70%; height:70%;
}

.active .bg73 { margin-bottom: -100px; }
.active .bg73   img{ width:50%;
}
.active .bg74 {
	display:none; right: 6%; bottom: 42%; margin-left: 0px; opacity: 1; transition-delay: 0.7s;
}
.active .bg75 {
	margin-right: -40px;
}
.active .bg76 {
	top: 25%; right: 1%; margin-left: 0px; opacity: 1; transition-delay: 1.2s;
}
.active .bg76 img{ width:80%}
}