@charset "utf-8";
/* 代码整理；懒人之家 www.lanrenzhijia.com */
* { margin: 0; padding: 0;}
body { font: 16px/1.8 "Microsoft Yahei",verdana;}

/* 右侧导航 */
#fullPage-nav { 
	_display: none; 
	font-size: 12px;
}
#fullPage-nav li { 
	width: 90px; 
	height: 21px; 
	margin: 10px 0 0; 
	vertical-align: middle;
}
#fullPage-nav li a { 
	float: right; 
	width: 21px; 
	height: 21px; 
	color: #8F9DA4; 
	text-decoration: none; 
	text-align: right; 
	background: url(../img/dot_.png) 5px 5px no-repeat;
}
#fullPage-nav li .active { 
	background-position: 0 bottom;
}
#fullPage-nav span { 
	display: none;
}
.fullPage-tooltip { 
	float: left; 
	top: 0; 
	margin-right: 5px; 
	font: 12px "Microsoft Yahei"; 
	color: #8F9DA4; 
	line-height: 21px;
}



.section { 
	position: relative; 
	overflow: hidden;
}
.section .bg { 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%;
}
.section .bg img { 
	display: block; 
	width: 100%; 
	height: 100%;
}
.lunbo{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
	z-index: 111;
}



.bg21 { 
	position: absolute; 
	left: 50%; 
	bottom: 50%; 
	width: 260px; 
	height: 490px; 
	margin-left: -608px; 
	margin-bottom: -275px; 
	transition: all 1s;  
	opacity: 0; 
	margin-left: -1108px;
}
.bg22 { 
	position: absolute; 
	left: 50%; 
	bottom: 50%; 
	width: 930px; 
	height: 490px; 
	margin-left: -280px; 
	margin-bottom: -275px; 
	transition: all 1s; 
	opacity: 0; 
	margin-left: 320px;
}



.section2 h3 { background-image: url(../images/t2.png);}
.section3 h3 { background-image: url(../images/t3.png);}
.section4 h3 { background-image: url(../images/t4.png);}
.section5 h3 { background-image: url(../images/t5.png);}
.section6 strong { width: 561px; margin-left: -280px;}
.section6 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t6.png);}
.section7 strong { width: 561px; margin-left: -280px;}
.section7 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t7.png);}
.section8 strong { width: 561px; margin-left: -280px;}
.section8 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t8.png);}
.section9 strong { width: 609px; margin-left: -304px;}
.section9 h3 { width: 609px; margin-left: -304px; background-image: url(../images/t9.png);}
.section9 h3 span { position: absolute; left: -100px; top: -48px; width: 89px; height: 90px; background-image: url(../images/yixin.png);}




.bg31 { 
	position: absolute; 
	left: 50%; 
	bottom: 50%; 
	width: 430px; 
	height: 160px; 
	margin-left: -1040px; 
	margin-bottom: 52px; 
	opacity: 0; 
	transition: all 1s;
}
.bg32 { 
	position: absolute; 
	left: 50%; 
	bottom: 50%; 
	width: 395px; 
	height: 393px; 
	margin-left: 10px;
	margin-bottom: 1040px;
	opacity: 0; 
	transition: all 1s;
}
.bg33 { 
	position: absolute; 
	left: 50%; 
	bottom: 50%; 
	width: 395px; 
	height: 393px; 
	margin-left: -405px;
	margin-bottom: -1040px;
	opacity: 0; 
	transition: all 1s;
}
.bg34 { 
	position: absolute; 
	left: 50%; 
	bottom: 50%;
	width: 430px;
	height: 160px; 
	margin-bottom: -314px;
	margin-left: 1040px; 
	opacity: 0; 
	transition: all 1s;
}



.bg41 { 
	position: absolute; 
	left: 50%;
	bottom: -372px;
	margin-left: -600px; 
	width: 657px; 
	height: 230px; 
	transition: all 1s;
}
.bg42 { 
	position: absolute; 
	left: 50%;
	bottom: -449px;
	margin-left: -600px;
	width: 657px; 
	height: 130px; 
	transition: all 1s;
}
.bg43 { 
	position: absolute; 
	left: 50%;
	bottom: -449px; 
	margin-left: 78px;
	width: 520px; 
	height: 380px;  
	transition: all 1s;
}



.bg51{ 
	position: absolute; 
	left: 50%; 
	bottom: 50%;
	width: 244px; 
	height: 286px;
	margin-left: -851px;
	margin-bottom: -40px;
	opacity: 0;
	transition: all 1s;
}
.bg52{
	position: absolute;
	left: 50%; 
	bottom: 50%; 
	width: 626px;
	height: 286px; 
	margin-left: 851px;
	margin-bottom: -40px;
	opacity: 0;
	transition: all 1s;
} 
.bg53{ 
	position: absolute; 
	left: 50%; 
	bottom: 50%; 
	width: 898px; 
	height: 230px;
	margin-left: -449px;
	margin-bottom: -500px;
	opacity: 0;
	transition: all 1s;
}



.bg101 { 
	position: absolute; 
	left: 50%;
	bottom: 50%;
	margin-left: -283px;
	margin-bottom: 100px;
	width: 567px; 
	height: 197px; 
}
.bg102 { 
	position: absolute;
	bottom: 50%;
	left: 50%;
	margin-left: -550px;
	margin-bottom: -358px;
	width: 1100px; 
	height: 458px; 
	opacity: 0; 
	-webkit-transform:scale(0.5, 0.5); 
	transform:scale(0.5, 0.5); 
	transition: all 1s;
}
.copyright { 
	position: absolute; 
	left: 0px; 
	bottom: 0px; 
	
	width: 100%; 
	height: 30px;
	
	text-align: center; 
	background-color: #DDDDDD;
}
.copyright a, .copyright span { 
	margin: 0 7px; 
	font-size: 12px; 
	color: #333333;
	line-height: 30px;
}

/* CSS3过度及动画 */
.active .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.active .bg13 { bottom: 0; opacity: 1; transition-delay: 0.7s;}
.active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .mail { top: 25px; transition-delay: 0.7s;}
.active .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.active .bg21 { opacity: 1; margin-left: -600px; transition-delay: 0.7s;}
.active .bg22 { margin-left: -330px; opacity: 1; transition-delay: 0.7s;}

.active .bg31, .active .bg32, .active .bg33, .active .bg34 { opacity: 1; transition-delay: 1s;}
.active .bg31 { margin-left: -440px;  opacity: 1; transition-delay: 0.7s;}
.active .bg32 { margin-bottom: -132px;  opacity: 1; transition-delay: 0.7s;}
.active .bg33 { margin-bottom: -360px; opacity: 1; transition-delay: 0.7s;}
.active .bg34 { margin-left: 10px;  opacity: 1; transition-delay: 0.7s;}

.active .bg41 { bottom: 355px; transition-delay: 0.7s;}
.active .bg42 { bottom: 205px; transition-delay: 1.1s;}
.active .bg43 { bottom: 205px; transition-delay: 0.9s;}

.active .bg51 { margin-left: -450px; opacity: 1; transition-delay: 0.7s;}
.active .bg52 { margin-left: -177px; opacity: 1; transition-delay: 0.7s;}
.active .bg53 { margin-bottom: -303px; opacity: 1; transition-delay: 0.7s;}

.active .bg102, .active .bg103 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .go { top: 25%; opacity: 1; transition-delay: 1.2s;}

/* for lt ie 10 */
.ltie10 .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.ltie10 .bg13 { bottom: 0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .hgroup { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .mail { top: 25px; transition-delay: 0.7s;}
.ltie10 .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.ltie10 .bg21 { opacity: 1; margin-left: -600px; transition-delay: 0.7s;}
.ltie10 .bg22 { margin-left: -330px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg31, .ltie10 .bg32, .ltie10 .bg33, .ltie10 .bg34 { opacity: 1; transition-delay: 1s;}
.ltie10 .bg31 { margin-left: -440px;  opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg32 { margin-bottom: -132px;  opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg33 { margin-bottom: -360px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg34 { margin-left: 10px;  opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg41 { bottom: 355px; transition-delay: 0.7s;}
.ltie10 .bg42 { bottom: 205px; transition-delay: 1.1s;}
.ltie10 .bg43 { bottom: 205px; transition-delay: 0.9s;}

.ltie10 .bg51 { margin-left: -450px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg52 { margin-left: -177px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg53 { margin-bottom: -303px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg102, .ltie10 .bg103 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .go { top: 25%; opacity: 1; transform:scale(1, 1); transition-delay: 1.2s;}