@charset "utf-8";
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 21px; 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(dot.png) 5px 5px no-repeat;	transition:none;	-webkit-transition:none;-moz-transition:none;-o-transition:none;}
#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%;}


.bg2{position: absolute; left: 50%; top:50%; width:1200px; height:550px; margin-left: -600px; margin-top:-225px;}
.bg2_1{position:absolute; left:50%; margin-left:-120px; transform:scale(0.5, 0.5); transition: all 1s; opacity: 0; margin-top:-100px;}
.bg2_2{position:absolute; background-image:url(../../index/bg_white1.png); width:400px; height:430px; top:110px; left:-400px; transition: all 1s; opacity: 0;}
.bg2_3{position:absolute; width:380px; height:430px; background-color:#FFF; top:150px; left:420px; transition: all 1s; opacity: 0;}
.bg2_4{position:absolute; width:380px; height:430px; background-color:#FFF; top:110px; left:1200px; transition: all 1s; opacity: 0;}

.bg3{position: absolute; left: 50%; top:50%; width:1200px; height:570px; margin-left: -600px; margin-top:-235px;}
.bg3_1{position:absolute; left:50%; margin-left:-120px; transform:scale(0.5, 0.5); transition: all 1s; opacity: 0; margin-top:-100px;}
.bg3_prodclass{position:absolute; top:110px; width:370px; height:330px; transform:scale(0.5, 0.5); transition: all 1s; opacity: 0;}
.bg3_prodclass a{ width:370px; height:330px; display:inline-block; text-align:center; font-size:18px; color:#FFF;}
.bg3_prodclass a:hover{ color:#ffff00;}
.bg3_prodclass a img{ width:370px; height:280px; margin:10px 0 14px;}
.bg3_2{ left:0px; transform:scale(0.2, 0.2); transform:rotate3d(50,10,20,180deg);}
.bg3_3{ left:415px; transform:scale(0.2, 0.2); transform:rotate3d(50,10,20,180deg);}
.bg3_4{ left:830px; transform:scale(0.2, 0.2); transform:rotate3d(50,10,20,180deg);}

.bg3_course{position:absolute; top:420px; width:370px; height:130px; transition: all 1s; opacity: 0;}
.bg3_course a{ width:370px; height:130px; display:inline-block; text-align:center; font-size:18px; color:#FFF;}
.bg3_course a:hover{ color:#ffff00;}
.bg3_course a img{ width:370px; height:130px; margin:10px 0 14px;}
.bg3_5{ left:0px; top:510px;}
.bg3_6{ left:415px; top:510px;}
.bg3_7{ left:830px; top:510px;}

.bg4{position: absolute; left: 50%; top:50%; width:1200px; height:550px; margin-left: -600px; margin-top:-225px;}
.bg4_1{position:absolute; left:50%; margin-left:-120px; transform:scale(0.5, 0.5); transition: all 1s; opacity: 0; margin-top:-100px;}
.bg4_2{position:absolute; width:590px; height:430px; top:110px; left:-590px; transition: all 1s; opacity: 0; transform:rotate(-90deg);}
.bg4_3{position:absolute; background-color:#FFF; width:590px; height:430px; top:110px; left:1200px; transition: all 1s; opacity: 0; transform:rotate(90deg);}

.bg5{position: absolute; left: 50%; top:50%; width:1200px; height:520px; margin-left: -600px; margin-top:-210px;}
.bg5_1{position:absolute; left:50%; margin-left:-120px; transform:scale(0.5, 0.5); transition: all 1s; opacity: 0; margin-top:-100px;}
.bg5_2{position:absolute; background-color:#FFF; width:590px; height:350px; top:250px; left:-590px; transition: all 1s; opacity: 0;}
.bg5_3{position:absolute; background-color:#FFF; width:590px; height:350px; top:250px; left:1200px; transition: all 1s; opacity: 0;}

.bg6{position: absolute; left: 50%; top:50%; width:1200px; height:500px; margin-left: -600px; margin-top:-200px;}
.bg6_1{position:absolute; left:50%; margin-left:-120px; transition: all 1s; opacity: 0; margin-top:-100px;}
.bg6_2{position:absolute; top:110px;}
.bg6_2 li{ float:left; width:300px; text-align:center; color:#FFF; position:relative; top:110px; transition: all 1s; opacity: 0;}
.bg6_2_1{ padding:30px 0 0;}
.bg6_2_2{ color:#ffff00; font-size:30px; padding:50px 0 0;}
.bg6_2_3{ line-height:22px; padding:20px 60px 0;}

.bg7{position: absolute; left: 50%; top:50%; width:1200px; height:550px; margin-left: -600px; margin-top:-225px;}
.bg7_1{position:absolute; left:50%; margin-left:-120px; transform:scale(0.5, 0.5); transition: all 1s; opacity: 0; margin-top:-100px;}
.bg7_2{position:absolute; background-color:#FFF; width:1200px; height:430px; top:110px; transition: all 1s; opacity: 0; transform:rotate3d(50,10,20,-180deg);}


/* CSS3过度及动画 */
.active .bg2_1{ opacity: 1; transform:scale(1, 1); margin-top:0px; transition-delay: 0.7s;}
.active .bg2_2{ left:0px; opacity: 1; transition-delay: 1.2s;}
.active .bg2_3{ top:110px; opacity: 1; transition-delay: 1.5s;}
.active .bg2_4{ left:820px; opacity: 1; transition-delay: 1.8s;}

.active .bg3_1{ opacity: 1; transform:scale(1, 1); margin-top:0px; transition-delay: 0.7s;}
.active .bg3_2{ left:0px; opacity: 1; transform:scale(1, 1); transition-delay: 1.2s;}
.active .bg3_3{ top:110px; opacity: 1; transform:scale(1, 1); transition-delay: 1.5s;}
.active .bg3_4{ left:830px; opacity: 1; transform:scale(1, 1); transition-delay: 1.8s;}
.active .bg3_5{ top:420px; opacity: 1; transition-delay: 2.1s;}
.active .bg3_6{ top:420px; opacity: 1; transition-delay: 2.4s;}
.active .bg3_7{ top:420px; opacity: 1; transition-delay: 2.7s;}

.active .bg4_1{ opacity: 1; transform:scale(1, 1); margin-top:0px; transition-delay: 0.7s;}
.active .bg4_2{ left:0px; opacity: 1; transform:rotate(0deg); transition-delay: 1.2s;}
.active .bg4_3{ left:610px; opacity: 1; transform:rotate(0deg); transition-delay: 1.2s;}

.active .bg5_1{ opacity: 1; transform:scale(1, 1); margin-top:0px; transition-delay: 0.7s;}
.active .bg5_2{ top:110px; left:0px; opacity: 1; transition-delay: 1.2s;}
.active .bg5_3{ top:110px; left:610px; opacity: 1; transition-delay: 1.5s;}

.active .bg6_1{ opacity: 1; margin-top:0px; transition-delay: 0.7s;}
.active .bg6_li_1{ top:0px; left:0px; opacity: 1; transition-delay: 1.2s;}
.active .bg6_li_2{ top:0px; left:0px; opacity: 1; transition-delay: 1.4s;}
.active .bg6_li_3{ top:0px; left:0px; opacity: 1; transition-delay: 1.6s;}
.active .bg6_li_4{ top:0px; left:0px; opacity: 1; transition-delay: 1.8s;}

.active .bg7_1{ opacity: 1; transform:scale(1, 1); margin-top:0px; transition-delay: 0.7s;}
.active .bg7_2{ opacity: 1;transform:rotate3d(50,10,20,0deg); transition-delay: 1.2s;}


.godown { *display: none; position: absolute; left: 50%; bottom:30px; z-index: 100; width: 50px; height: 50px; margin-left: -25px; animation:sdb05 1.5s infinite;}
.godown span { display: block; width: 50px; height: 50px; background-image:url(godown.png);}
@-webkit-keyframes sdb05 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0px, 10px);
		opacity: 0;
	}
}

.copyright { *display: none; position: absolute; left:0px; bottom: 0px; z-index: 100; width: 100%; padding:13px 0; background-color:#686868; color:#FFF; text-align: center;}
.copyright a { color: #FFF;}