body {
	background: #fff;
}

.top-block {
	width: 990px;
}

.head-wrapper {
	height: 112px;
	-webkit-transition: margin-top .5s ease-out;
	transition: margin-top .5s ease-out;
	display: none;
}

.fixed-head-wrapper {
	position: fixed;
	width: 100%;
	height: 46px;
	top: 0;
	margin-top: -46px;
	-webkit-transition: margin-top .5s ease-out;
	transition: margin-top .5s ease-out;
	z-index: 10000;
}

.fixed-head-wrapper .bg {
	background: #575d61;
	position: absolute;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=56);
    opacity: .56;
}

.fixed-head-front {
	position: absolute;
	width: 100%;
	height: 100%;
}

.fixed-head-inner {
	width: 990px;
	margin: 0 auto;
	height: 100%;
	background: url(../images/index/logo-header.png) no-repeat 0 center;
}

.fixed-head-inner .hot-tel  {
	color: #ff6600;
	font-size: 15px;
	line-height: 3;
	margin-right: 50px;
}

.fixed-head-inner .logo-block-right  {
	color: #666;
}

.fixed-head-inner .logo-block-right a {
	color: #fff;
	line-height: 3;
}

.fixed-head-inner .logo-block-right a.highlight {
	color: #ff6600;
}

.section-wrapper {
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	font-family: '微软雅黑';
	position: relative;
}

.section-wrapper .section {
	position: relative;
	overflow: hidden;
}

.section-wrapper .section .section-bg-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: 50% 50% no-repeat;
	background-size: cover;
	z-index: 1;
}

.section-wrapper .section-0 .section-bg-img {
	background-image: url(../images/index/001.jpg);
}
.section-wrapper .section-1 .section-bg-img {
	background-image: url(../images/index/002.jpg);
}
.section-wrapper .section-2 .section-bg-img {
	background-image: url(../images/index/003.jpg);
}
.section-wrapper .section-3 .section-bg-img {
	background-image: url(../images/index/004.jpg);
}
.section-wrapper .section-4 .section-bg-img {
	background-image: url(../images/index/005.jpg);
}
.section-wrapper .section-5 .section-bg-img {
	background-image: url(../images/index/006.gif);
}
.section-wrapper .section-6 .section-bg-img {
	background-image: url(../images/index/007.jpg);
}
.section-wrapper .section-7 .section-bg-img {
	background-image: url(../images/index/008.jpg);
}
.section-wrapper .section-8 .section-bg-img {
	background-image: url(../images/index/009.jpg);
}
.section-wrapper .section-9 .section-bg-img {
	background-image: url(../images/index/010.jpg);
}

.animation-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.animation-wrapper .text {
	text-align: center;
	margin-top: 180px;
}

.animation-wrapper .text .title {
	font-size: 52px;
	font-weight: bold;
	color: #333;
	filter: alpha(opacity=0);
    opacity: 0;
	-webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) .6s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .6s; 
	transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) .6s,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .6s; 
}

.section-active .animation-wrapper .text .title {
	filter: alpha(opacity=100);
    opacity: 1;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

.animation-wrapper .text .sub-title {
	font-size: 32px;
	font-weight: 300;
	color: #666;
	margin-top: 30px;
	filter: alpha(opacity=0);
    opacity: 0;
	-webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s; 
	transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s; 
}

.section-active .animation-wrapper .text .sub-title {
	filter: alpha(opacity=100);
    opacity: 1;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

.animation-wrapper .text .intro {
	width: 670px;
	line-height: 2;
	font-size: 15px;
	font-weight: 500;
	color: #333;
	margin: 30px auto 0;
	filter: alpha(opacity=0);
    opacity: 0;
	-webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s; 
	transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s; 
}

.section-active .animation-wrapper .text .intro {
	filter: alpha(opacity=100);
    opacity: 1;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

.animation-wrapper a {
	filter: alpha(opacity=0);
    opacity: 0;
	-webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s; 
	transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s; 
}

.section-active .animation-wrapper a {
	filter: alpha(opacity=100);
    opacity: 1;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

.section-0 .animation-wrapper .text .sub-title {
	font-size: 40px;
}
.section-0 .animation-wrapper .center-wrapper {
	position: absolute;
	width: 794px;
	height: 463px;
	margin: 0 auto;
	left: 50%;
	margin-left: -397px;
	bottom: 10px;
}

.section-0 .animation-wrapper .center-wrapper div {
	position: absolute;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.section-0 .animation-wrapper .center1 {
	left: 77px;
	top: 110px;
	width: 214px;
	height: 244px;
	background: url(../images/index/001-1.jpg) no-repeat 0 0;
	-webkit-transition: all 2000ms ease;
	transition: all 2000ms ease;
}

.section-0.section-active .animation-wrapper .center1 {
	-webkit-transform: translate3d(-404px,0,0);
	transform: translate3d(-404px,0,0);
}

.section-0 .animation-wrapper .center2 {
	left: 77px;
	top: 68px;
	width: 268px;
	height: 328px;
	background: url(../images/index/001-2.jpg) no-repeat 0 0;
	-webkit-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.section-0.section-active .animation-wrapper .center2 {
	-webkit-transform: translate3d(-192px,0,0);
	transform: translate3d(-192px,0,0);
}

.section-0 .animation-wrapper .center3 {
	right: 77px;
	top: 39px;
	width: 221px;
	height: 385px;
	background: url(../images/index/001-3.jpg) no-repeat 0 0;
	-webkit-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.section-0.section-active .animation-wrapper .center3 {
	-webkit-transform: translate3d(140px,0,0);
	transform: translate3d(140px,0,0);
}

.section-0 .animation-wrapper .center4 {
	right: 77px;
	top: 110px;
	width: 263px;
	height: 244px;
	background: url(../images/index/001-4.jpg) no-repeat 0 0;
	-webkit-transition: all 2000ms ease;
	transition: all 2000ms ease;
}

.section-0.section-active .animation-wrapper .center4 {
	-webkit-transform: translate3d(403px,0,0);
	transform: translate3d(403px,0,0);
}

.section-0 .animation-wrapper .center5 {
	width: 794px;
	height: 463px;
	background: url(../images/index/001-5.png) no-repeat 0 0;
}

.section-1 .animation-wrapper .text .sub-title {
	display: inline-block;
	border-radius: 8px;
	width: 236px;
	height: 54px;
	line-height: 54px;
}

.section-1 .animation-wrapper .text .sub-title-1 {
	border: solid 1px #ff6600;
	color: #ff6600;
	margin-right: 36px;
}

.section-1 .animation-wrapper .text .sub-title-2 {
	border: solid 1px #666;
	color: #666;
}

.section-1 .animation-wrapper .text {
	margin-top: 260px;
}
.section-1 .animation-wrapper .text a {
	font-size: 15px;
	color: #ff6600;
	filter: alpha(opacity=0);
    opacity: 0;
	-webkit-transition: opacity 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s; 
	transition: opacity 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
}

.section-active .animation-wrapper .text a {
	filter: alpha(opacity=100);
    opacity: 1;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
	display: inline-block;
	margin-top: 30px;
}

.section-1 .animation-wrapper .moveup {
	margin: 490px auto 0;
	width: 971px;
	height: 490px;
	background: url(../images/index/002-1.png) no-repeat 0 0;
	-webkit-transition: all 1000ms ease 1s;
	transition: all 1000ms ease 1s;
}

.section-1.section-active .animation-wrapper .moveup {
	-webkit-transform: translate3d(0,-490px,0);
	transform: translate3d(0,-490px,0);
}

.section-2 .animation-wrapper .text {
	margin-top: 260px;
}

.section-2 .animation-wrapper .text .title {
	color: #fff;
}
.section-2.section-active .animation-wrapper .text .sub-title {
	color: #fff;
	filter: alpha(opacity=70);
    opacity: .7;
}
.section-2 .animation-wrapper .text .intro {
	color: #fff;
}
.section-2 .animation-wrapper .phone {
	margin: 50px auto 0;
	position: relative;
	width: 823px;
	height: 313px;
	background: url(../images/index/003-1.png) no-repeat 0 0;
}

@keyframes section2 {
	0% {
		background: #fff;
		filter: alpha(opacity=0);
    	opacity: 0;
	}
	50% {
		background: #fff;
		filter: alpha(opacity=100);
    	opacity: 1;
	}
	100% {
		background: #fff;
		filter: alpha(opacity=0);
    	opacity: 0;
	}
}

@-webkit-keyframes section2 {
	0% {
		background: #fff;
		filter: alpha(opacity=0);
    	opacity: 0;
	}
	50% {
		background: #fff;
		filter: alpha(opacity=100);
    	opacity: 1;
	}
	100% {
		background: #fff;
		filter: alpha(opacity=0);
    	opacity: 0;
	}
}

.section-2 .animation-wrapper .phone .front {
	position: absolute;
	width: 325px;
	height: 245px;
	left: 111px;
	top: 33px;
}
.section-2.section-active .animation-wrapper .phone .front {
	-webkit-animation: section2 1s ease 1s;
	animation: section2 1s ease 1s;
}
.section-3 .animation-wrapper .moveup {
	margin: 495px auto 0;
	width: 969px;
	height: 495px;
	background: url(../images/index/004-1.png) no-repeat 0 0;
	-webkit-transition: all 1000ms ease 1s;
	transition: all 1000ms ease 1s;
}
.section-3.section-active .animation-wrapper .moveup {
	-webkit-transform: translate3d(0,-495px,0);
	transform: translate3d(0,-595px,0);
}

.section-4 .animation-wrapper .text .title {
	color: #fff;
}
.section-4.section-active .animation-wrapper .text .sub-title {
	color: #fff;
	filter: alpha(opacity=70);
    opacity: .7;
}
.section-4 .animation-wrapper .text .intro {
	color: #fff;
}
.section-4 .animation-wrapper .moveup {
	margin: 599px auto 0;
	width: 1203px;
	height: 499px;
	background: url(../images/index/005-1.png) no-repeat 0 0;
	-webkit-transition: all 1000ms ease 1s;
	transition: all 1000ms ease 1s;
}
.section-4.section-active .animation-wrapper .moveup {
	-webkit-transform: translate3d(0,-599px,0);
	transform: translate3d(0,-599px,0);
}

.section-wrapper .section-6 .animation-wrapper .text {
	margin-top: 150px;
}

.section-6 .animation-wrapper .center-wrapper {
	position: absolute;
	width: 681px;
	height: 435px;
	margin: 0px auto;
	left: 50%;
	margin-left: -340px;
	bottom: 10px;
}

.section-6 .animation-wrapper .center-wrapper div {
	position: absolute;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.section-6 .animation-wrapper .center1 {
	left: 0px;
	top: 105px;
	width: 232px;
	height: 226px;
	background: url(../images/index/007-1.jpg) no-repeat 0 0;
	-webkit-transition: all 2000ms ease;
	transition: all 2000ms ease;
}

.section-6.section-active .animation-wrapper .center1 {
	-webkit-transform: translate3d(-515px,0,0);
	transform: translate3d(-515px,0,0);
}

.section-6 .animation-wrapper .center2 {
	left: 0px;
	top: 57px;
	width: 306px;
	height: 321px;
	background: url(../images/index/007-2.jpg) no-repeat 0 0;
	-webkit-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.section-6.section-active .animation-wrapper .center2 {
	-webkit-transform: translate3d(-284px,0,0);
	transform: translate3d(-284px,0,0);
}

.section-6 .animation-wrapper .center3 {
	right: 0px;
	top: 57px;
	width: 307px;
	height: 321px;
	background: url(../images/index/007-3.jpg) no-repeat 0 0;
	-webkit-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.section-6.section-active .animation-wrapper .center3 {
	-webkit-transform: translate3d(286px,0,0);
	transform: translate3d(286px,0,0);
}

.section-6 .animation-wrapper .center4 {
	right: 0px;
	top: 105px;
	width: 232px;
	height: 226px;
	background: url(../images/index/007-4.jpg) no-repeat 0 0;
	-webkit-transition: all 2000ms ease;
	transition: all 2000ms ease;
}

.section-6.section-active .animation-wrapper .center4 {
	-webkit-transform: translate3d(515px,0,0);
	transform: translate3d(515px,0,0);
}

.section-6 .animation-wrapper .center5 {
	width: 681px;
	height: 435px;
	background: url(../images/index/007-5.png) no-repeat 0 0;
}

.section-7 .animation-wrapper .text .title {
	color: #fff;
}
.section-7 .animation-wrapper .text .sub-title {
	color: #fff;
}
.section-7 .animation-wrapper .text .intro {
	color: #fff;
}
.section-7 .animation-wrapper .text a {
	background: url(../images/index/icon_link.png) no-repeat 0 0;
	display: block;
	width: 60px;
	height: 60px;
	margin: 50px auto 0;
}
.section-7 .animation-wrapper .moveup {
	margin: 465px auto 0;
	width: 899px;
	height: 268px;
	background: url(../images/index/008-1.png) no-repeat 0 0;
	-webkit-transition: all 1000ms ease 1s;
	transition: all 1000ms ease 1s;
}
.section-7.section-active .animation-wrapper .moveup {
	-webkit-transform: translate3d(0,-445px,0);
	transform: translate3d(0,-445px,0);
}

@-webkit-keyframes section8 {
	0% {
		-webkit-transform: translate3d(0,0px,0);
	}
	50% {
		-webkit-transform: translate3d(0,-40px,0);
	}
	100% {
		-webkit-transform: translate3d(0,0px,0);
	}
}

@keyframes section8 {
	0% {
		transform: translate3d(0,0px,0);
	}
	50% {
		transform: translate3d(0,-40px,0);
	}
	100% {
		transform: translate3d(0,0px,0);
	}
}

.section-8 .animation-wrapper .text a {
	color: #7c7c7c;
}
.section-8 .animation-wrapper .front {
	margin: 80px auto;
	width: 904px;
	height: 238px;
	background: url(../images/index/009-1.png) no-repeat 0 0;
	-webkit-animation: section8 3s infinite ease;
	animation: section8 3s infinite ease;
}

.section-8.section-active .animation-wrapper .text a {
	margin-top: 10px;
}

.section-9 .animation-wrapper {
	margin-top: 200px;
}
.section-9 .animation-wrapper .text {
	margin-top: 30px;
}
.section-9 .animation-wrapper .text .title {
	color: #fff;
}
.section-9 .animation-wrapper .moveup {
	margin: 0 auto;
	width: 421px;
	height: 50px;
	background: url(../images/index/logo.png) no-repeat 0 0;
	filter: alpha(opacity=0);
    opacity: 0;
	-webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) .6s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .6s; 
	transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) .6s,transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .6s; 
}
.section-9.section-active .animation-wrapper .moveup {
	filter: alpha(opacity=100);
    opacity: 1;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}
.section-9 .animation-wrapper .text a {
	margin-top: 30px;
	border: solid 3px #fff;
	width: 120px;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-weight: 500;
}

.section-wrapper ol.pager {
	position: absolute;
	right: 30px;
	top: 300px;
	list-style: none;
}
.section-wrapper ol.pager li {
	margin-bottom: 8px;
}
.section-wrapper ol.pager a {
	border: solid 2px #afb1b4;
	width: 9px;
	height: 9px;
	display: block;
	border-radius: 50%;
	position: relative;
}
.section-wrapper ol.pager li.active a {
	border: solid 2px #ff9900;
	background: #ff9900;
}
.section-wrapper ol.pager span {
	color: #8a9198;
	filter: alpha(opacity=0);
	opacity: 0;
	white-space: nowrap;
	text-align: right;
	position: absolute;
	right: 20px;
	font-size: 14px;
	font-weight: 100;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
}
.section-wrapper ol.pager a:hover span {
	filter: alpha(opacity=100);
	opacity: 1;
}