* {	margin: 0;	padding: 0;}ol, ul, dl, li { list-style:none;margin:0;padding:0;}img { vertical-align:middle;border-style:none}a{color:#555;text-decoration:none; outline:none;transition: background-color 0.3s ease-out 0s, color 0.3s ease-out 0s;}a:hover{ color:#ff007f;}body {font-family:"Microsoft YaHei", 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; font-size:12px; color:#666; background:#171717;background: #7d7d7d; height:100%;  width:100%;overflow:hidden;	position:relative;}.clearfix:after { content: ""; display: table; clear: both;}.center-wrap{width:1024px;margin:0 auto;}.all_main{    background: #fff;    height: 800px;    left: 50%;    margin-left: -640px;    margin-top: -400px;    position: absolute;    top: 50%;    width: 1280px;	overflow:hidden;}.main_center{    background:#fff;    height:800px;    position:absolute;    width:1280px;	overflow:hidden;}.ml-nav { position: absolute; top: 0; left: 0; width: 100%; z-index:9999}.ml-nav .center-wrap{overflow:hidden;height:30px;}.fadeInTop{	position: absolute; top: 0; left: 0; width: 100%; padding:15px 0 12px; background:#bfc0c0;z-index:9999}.animated {	animation-duration: 1s;	-moz-animation-duration: 1s;	-webkit-animation-duration: 1s;	animation-fill-mode: both;	moz-animation-fill-mode: both;	-webkit-animation-fill-mode: both;}@keyframes fadeInTop { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px);} 100% { opacity: 1; transform: none;}} @-moz-keyframes fadeInTop { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px);} 100% { opacity: 1; transform: none;}} @-webkit-keyframes fadeInTop { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px);} 100% { opacity: 1; transform: none;}}.fadeInTop {	animation-name: fadeInTop;	-moz-animation-name: fadeInTop;	-webkit-animation-name: fadeInTop;}.logo{float:left;}.nav{float:right;line-height:30px;height:30px;font-size:13px;}.nav a{display:block;float:left;line-height:30px;font-size:13px;color:#fff;}.nav li{float:left;}.nav a:hover{color:#ff007f;}.nav span{display:block;float:left;width:40px;height:30px;background:url(../images/nav_x.png) 0 0 no-repeat}.nav a.m1{background:url(../images/nav1.png) 0 0 no-repeat;padding-left:35px;}.nav .active .m1,.nav a.m1:hover{background:url(../images/nav1_h.png) 0 0 no-repeat;color:#ff007f}.nav a.m2{background:url(../images/nav2.png) 0 0 no-repeat;padding-left:35px;}.nav .active .m2,.nav a.m2:hover{background:url(../images/nav2_h.png) 0 0 no-repeat;color:#ff007f}.nav a.m3{background:url(../images/nav3.png) 0 0 no-repeat;padding-left:35px;}.nav .active .m3,.nav a.m3:hover{background:url(../images/nav3_h.png) 0 0 no-repeat;color:#ff007f}.nav a.m4{background:url(../images/nav4.png) 0 0 no-repeat;padding-left:35px;}.nav .active .m4,.nav a.m4:hover{background:url(../images/nav4_h.png) 0 0 no-repeat;color:#ff007f}.nav a.m5{background:url(../images/nav5.png) 0 0 no-repeat;padding-left:35px;}.nav .active .m5,.nav a.m5:hover{background:url(../images/nav5_h.png) 0 0 no-repeat;color:#ff007f}/* 右侧导航 */#fullPage-nav {	_display: none;	font-size: 12px;}#fullPage-nav.right{position:absolute;right:20px;}#fullPage-nav li {	width: 90px;	height: 20px;	margin: 5px 0 0;	vertical-align: middle;}#fullPage-nav li a {	float: right;	width: 20px;	height: 20px;	color: #ff007f;	text-decoration: none;	text-align: right;	background: url(../images/dot.png) 0 0 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: #ff007f;	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%;}.bg11 {	position: absolute;	bottom: 0;	width: 100%;	height: 850px;	background: url(../images/bg11.png) 50% 0 no-repeat;	transition: all 1s;}.bg1s {	position: absolute;	width: 574px;	height:764px;	background: url(../images/bg1s.png) 0 0 no-repeat;	opacity: 0;	left:75px;	transition: all 1.7s;	margin-bottom: -764px;	bottom:0;}.b_logo {	position: absolute;	width:155px;	height:30px;	right:118px;	background: url(../images/logo.png) 0 0 no-repeat;	transition: all 1s;	bottom:88px;	margin-bottom:-120px;}.hgroup {	position: absolute;	width:288px;	height:345px;	left: 50%;	top: 25%;	margin: -65px 0 0 145px;	background-image: url(../images/slogan.png);	opacity: 0;	-webkit-transform: scale(0.5, 0.5);	transform: scale(0.5, 0.5);	transition: all 1s;}.p11 {	position: absolute;	left: 50%;	top: 50%;	width: 600px;	margin: 0 0 0 -280px;	font-size: 14px;	color: #94a7c6;	opacity: 0;	transition: all 0.5s;}.mail {	position: absolute;	left: 50%;	top: -26px;	width: 375px;	height: 26px;	margin-left: -187px;	background-image: url(../images/logo.png);	transition: all 1s;}.mail {	float: left;	height: 26px;	text-indent: -9999px;}.mail-163 {	float: left;	width: 107px;}.mail-126 {	float: left;	width: 108px;	margin-left: 23px;}.mail-yeah {	float: right;	width: 115px;}.bg21 {	position: absolute;	left: 50%;	bottom: 15%;	width: 819px;	height: 250px;	margin-left: -608px;	margin-bottom: 40px;	background: url(../images/bg21.png) 0 0 no-repeat;	transition: all 1s;	opacity: 0;	margin-left: -1108px;}.spirit_logo {	position: absolute;	left: 50%;	top:200px;	width: 100px;	height: 154px;	margin-left: 165px;	background: url(../images/spirit_logo.png) 0 0 no-repeat;	transition: all 1s;	opacity: 0;}.spirit_txt {	position: absolute;	left: 50%;	top:338px;	width:240px;	height:350px;	margin-left:285px;	transition: all 1s;	color:#fff;	line-height:34px;	margin-left:570px;	font-size:12px;	text-align:left;}.section strong {	position: absolute;	left: 50%;	top: 15%;	z-index: 10;	width: 512px;	height: 45px;	margin-left: -256px;	font-size: 24px;	font-weight: 500;	color: #748A9E;	opacity: 0;	-webkit-transform: scale(0.5, 0.5);	transform: scale(0.5, 0.5);	transition: all 1s;}.section h3 {	position: absolute;	left: 50%;	top: 15%;	z-index: 10;	width: 512px;	height: 45px;	margin-left: -256px;	margin-top: 60px;	text-indent: -9999px;	background-repeat: no-repeat;	opacity: 0;	-webkit-transform: scale(0.5, 0.5);	transform: scale(0.5, 0.5);	transition: all 1s;}.p1 {	position: absolute;	left: 50%;	top: 15%;	width: 510px;	margin-left: -255px;	margin-top: 130px;	font-size: 16px;	color: #727F8C;	opacity: 0;	transition: all 1s;}.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: 0;	width: 892px;	height: 472px;	margin-left: -396px;	margin-bottom: 80px;	background-image: url(../images/bg31.png);	opacity: 0;	transition: all 1s;}.bg32 {	position: absolute;	left: 50%;	bottom: 0;	width: 892px;	height: 472px;	margin-left: -396px;	background: url(../images/bg32.png) 470px bottom no-repeat;	opacity: 0;	transition: all 1s;}.bg33 {	position: absolute;	left: 50%;	bottom: 0;	width: 441px;	height: 380px;	margin-left: 50%;	background: url(../images/bg33.png) 0 0 no-repeat;	opacity: 0;	transition: all 1s;}.p3 {	position: absolute;	width: 430px;	left: 50%;	top: 15%;	margin-top: 250px;	margin-left: -100%;	font-size: 16px;	color: #FFFDE1;	opacity: 0;	transition: all 1s;}.bg41 {	position: absolute;	bottom: -372px;	width: 100%;	height: 372px;	background: url(../images/bg41.png) 50% 0 no-repeat;	transition: all 1s;}.ser_left {	position: absolute;	margin-left:-660px;	width: 660px;	left:0;	top:0;	height:800px;	background: url(../images/ser_left.png) 0 0 no-repeat;	transition: all 1s;}.ser_bg {	position: absolute;	bottom:0px;	width: 100%;	height: 800px;	margin-bottom:-800px;	background: url(../images/ser_bg.png) 50% 0 no-repeat;	transition: all 1.5s;}.active .ser_bg {	margin-bottom:0;	transition-delay: 0.9s;}.ltie10 .ser_bg {	margin-bottom:0;	transition-delay: 0.9s;}.services_logo {	position: absolute;	right:300px;	top:160px;	width: 114px;	height: 160px;	margin-right:-414px;	background: url(../images/services_logo.png) 50% 0 no-repeat;	transition: all 1s;}.active .services_logo {	margin-right:0;	transition-delay: 0.9s;}.ltie10 .services_logo {	margin-right:0;	transition-delay: 0.9s;}.service_text {	position: absolute;	right:150px;	top:350px;	width: 425px;	height: 241px;	margin-right:-575px;	background: url(../images/service_text.png) 50% 0 no-repeat;	transition: all 1s;}.active .service_text {	margin-right:0;	transition-delay: 0.9s;}.ltie10 .service_text {	margin-right:0;	transition-delay: 0.9s;}.bg51, .bg52, .bg53, .bg54 {	position: absolute;	z-index: 1;	width: 208px;	left: 50%;	bottom: 20%;	padding-top: 210px;	color: #fff;}.section5 h4 {	margin-bottom: 12px;	font-size: 23px;	font-weight: 500;}.section5 p {	font-size: 14px;}.bg51 {	margin-left: -851px;	background: url(../images/bg51.png) 50% 0 no-repeat;	opacity: 0;	transition: all 1s;}.bg52 {	margin-left: -403px;	background: url(../images/bg52.png) 50% 0 no-repeat;	opacity: 0;	transition: all 1s;}.bg53 {	margin-left: 195px;	background: url(../images/bg53.png) 50% 0 no-repeat;	opacity: 0;	transition: all 1s;}.bg54 {	margin-left: 645px;	background: url(../images/bg54.png) 50% 0 no-repeat;	opacity: 0;	transition: all 1s;}.bg61 {	position: absolute;	top: -454px;	width: 100%;	height: 545px;	background: url(../images/bg61.png) 50% 0 no-repeat;	transition: all 1s;}.bg62 {	position: absolute;	left: 10%;	bottom: 20%;	width: 597px;	height: 284px;	margin-left: -507px;	background-image: url(../images/bg62.png);	transition: all 1s;}.txt6 {	position: absolute;	left: 90%;	bottom: 20%;	width: 447px;	margin-left: 90px;	opacity: 0;	transition: all 1s;}.txt6 p {	margin-bottom: 17px;	color: #5C7970;}.bg71 {	position: absolute;	left: 50%;	bottom: -201px;	width: 699px;	height: 201px;	margin-left: -630px;	background: url(../images/bg71.png) 50% 0 no-repeat;	opacity: 0;	transition: all 1s;}.bg72 {	position: absolute;	left: 50%;	bottom: -206px;	width: 182px;	height: 206px;	margin-left: -170px;	background: url(../images/bg72.png) 50% 0 no-repeat;	opacity: 0;	transition: all 1s;}.bg73 {	position: absolute;	left: 50%;	bottom: 170px;	width: 651px;	height: 231px;	margin-left: -530px;	background: url(../images/bg73.png) 50% 0 no-repeat;}.bg74 {	position: absolute;	left: 0;	bottom: 0;	width: 100%;	height: 100%;}.bg74 img {	position: absolute;	left: 0;	bottom: 0;	width: 100%;	height: 251px;}.txt7 {	position: absolute;	left: 50%;	bottom: -150px;	width: 420px;	margin-left: 100px;	opacity: 0;	transition: all 1s;}.txt7 p {	margin-bottom: 17px;	color: #EAEFF2;}.bg81 {	position: absolute;	width: 100%;	bottom: 100px;	height: 215px;	background: url(../images/bg81.png) 50% 0 no-repeat;}.bg82 {	position: absolute;	left: 50%;	bottom: 160px;	width: 164px;	height: 117px;	margin-left: -180px;	background-image: url(../images/bg82.png);	opacity: 0;	transition: all 1s;}.bg83 {	position: absolute;	left: 50%;	bottom: 280px;	width: 70px;	height: 29px;	margin-left: -330px;	background-image: url(../images/bg83.png);	opacity: 0;	transition: all 1s;}.bg84 {	position: absolute;	left: 50%;	bottom: 320px;	width: 43px;	height: 26px;	margin-left: -410px;	background-image: url(../images/bg84.png);	opacity: 0;	transition: all 1s;}.p8 {	position: absolute;	left: 50%;	top: 15%;	width: 565px;	margin-left: -282px;	margin-top: 130px;	font-size: 16px;	color: #727F8C;	opacity: 0;	transition: all 1s;}.bg91, .bg92, .bg93 {	padding-top: 350px;	font-size: 16px;	color: #fff;}.bg91 {	position: absolute;	left: 50%;	bottom: 15%;	width: 340px;	margin-left: -970px;	background: url(../images/bg91.png) 0 0 no-repeat;	opacity: 0;	transition: all 1s;}.bg91 p {	position: relative;	left: 20px;	margin-left: 40px;	border-right: 1px solid #13AB86;}.bg92 {	position: absolute;	left: 50%;	bottom: 15%;	width: 340px;	margin-left: -180px;	background: url(../images/bg92.png) 50% 0 no-repeat;	opacity: 0;	transition: all 1s;}.bg92 p {	position: relative;	left: 40px;	margin-left: 30px;}.bg93 {	position: absolute;	left: 50%;	bottom: 15%;	width: 340px;	margin-left: 630px;	background: url(../images/bg93.png) 50% 0 no-repeat;	opacity: 0;	transition: all 1s;}.bg93 p {	position: relative;	left: -20px;	padding-left: 100px;	border-left: 1px solid #13AB86;}.bg101 {	position: absolute;	width: 100%;	height: 100%;	background: url(../images/bg101.png) 50% 20% no-repeat;}.bg102 {	position: absolute;	width: 100%;	top: 25%;	height: 79px;	background: url(../images/bg102.png) 50% 0 no-repeat;	opacity: 0;	-webkit-transform: scale(0.5, 0.5);	transform: scale(0.5, 0.5);	transition: all 1s;}.bg103 {	position: absolute;	width: 100%;	top: 25%;	height: 37px;	margin-top: 110px;	background: url(../images/bg103.png) 50% 0 no-repeat;	opacity: 0;	-webkit-transform: scale(0.5, 0.5);	transform: scale(0.5, 0.5);	transition: all 1s;}.go {	position: absolute;	left: 50%;	top: 55%;	width: 254px;	height: 70px;	margin-top: 220px;	margin-left: -127px;	text-indent: -9999px;	background-image: url(../images/btn.png);	opacity: 0;	transition: all 1s;}.copyright {	position: absolute;	left: 0;	bottom: 20px;	width: 100%;	text-align: center;	font-size: 0;}.copyright a, .copyright span {	margin: 0 7px;	font-size: 12px;	color: #a0a0a0;}/* CSS3过度及动画 */.active strong, .active h3 {	opacity: 1;	-webkit-transform: scale(1, 1);	transform: scale(1, 1);	transition-delay: 0.7s;}.active .p1 {	opacity: 1;	transition-delay: 1.7s;}.active .bg1s {	opacity: 1;	transition-delay: 0.7s;	margin-bottom:0;}.active .b_logo {	margin-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: -608px;	transition-delay: 0.7s;}.active .spirit_txt {	margin-left:285px;	transition-delay: 0.7s;}.active .spirit_logo {	opacity: 1;	transition-delay: 0.7s;}.active .p3 {	margin-left: -480px;	opacity: 1;	transition-delay: 0.7s;}.active .bg31, .active .bg32 {	opacity: 1;	transition-delay: 1s;}.active .bg33 {	margin-left: -120px;	opacity: 1;	transition-delay: 0.7s;}.active .bg41 {	bottom: 15%;	transition-delay: 0.7s;}.active .ser_left {	margin-left:0;	transition-delay: 1.1s;}.active .bg51 {	margin-left: -551px;	opacity: 1;	transition-delay: 0.7s;}.active .bg52 {	margin-left: -253px;	opacity: 1;	transition-delay: 0.7s;}.active .bg53 {	margin-left: 45px;	opacity: 1;	transition-delay: 0.7s;}.active .bg54 {	margin-left: 345px;	opacity: 1;	transition-delay: 0.7s;}.active .bg61 {	top: 0;	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, .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 strong, .ltie10 h3 {	opacity: 1;	transform: scale(1, 1);	transition-delay: 0.7s;}.ltie10 .p1 {	opacity: 1;	transition-delay: 1.7s;}.ltie10 .bg1s {	margin-bottom:0;	opacity: 1;	transition-delay: 0.7s;}.ltie10 .b_logo {	margin-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: -608px;	transition-delay: 0.7s;}.ltie10 .spirit_txt {	margin-left:285px;	transition-delay: 0.7s;}.ltie10 .spirit_logo {	opacity: 1;	transition-delay: 0.7s;}.ltie10 .p3 {	margin-left: -480px;	opacity: 1;	transition-delay: 0.7s;}.ltie10 .bg31, .ltie10 .bg32 {	opacity: 1;	transition-delay: 1s;}.ltie10 .bg33 {	margin-left: -120px;	opacity: 1;	transition-delay: 0.7s;}.ltie10 .bg41 {	bottom: 15%;	transition-delay: 0.7s;}.ltie10 .ser_left {	margin-left:0;	transition-delay: 1.1s;}.ltie10 .bg51 {	margin-left: -551px;	opacity: 1;	transition-delay: 0.7s;}.ltie10 .bg52 {	margin-left: -253px;	opacity: 1;	transition-delay: 0.7s;}.ltie10 .bg53 {	margin-left: 45px;	opacity: 1;	transition-delay: 0.7s;}.ltie10 .bg54 {	margin-left: 345px;	opacity: 1;	transition-delay: 0.7s;}.ltie10 .bg61 {	top: 0;	transition-delay: 0.7s;}.ltie10 .bg62 {	left: 50%;	opacity: 1;	transition-delay: 0.7s;}.ltie10 .txt6 {	left: 50%;	opacity: 1;	transition-delay: 0.7s;}.ltie10 .bg71 {	bottom: 250px;	opacity: 1;	transition-delay: 0.7s;}.ltie10 .bg72 {	bottom: 350px;	opacity: 1;	transition-delay: 0.9s;}.ltie10 .txt7 {	bottom: 420px;	opacity: 1;	transition-delay: 1.1s;}.ltie10 .bg82 {	bottom: 260px;	margin-left: -280px;	opacity: 1;	transition-delay: 0.7s;}.ltie10 .bg83 {	bottom: 380px;	margin-left: -430px;	opacity: 1;	transition-delay: 1s;}.ltie10 .bg84 {	bottom: 420px;	margin-left: -510px;	opacity: 1;	transition-delay: 1.2s;}.ltie10 .p8 {	opacity: 1;	transition-delay: 1.7s;}.ltie10 .bg91 {	margin-left: -570px;	opacity: 1;	transition-delay: 0.7s;}.ltie10 .bg92 {	opacity: 1;	transition-delay: 0.8s;}.ltie10 .bg93 {	margin-left: 230px;	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;}.music{position:absolute;left:-999999px}