.header {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
}

.header.slideUp {
	animation: slideUp .5s ease both;
}

.header.slideDown {
	animation: slideDown .5s ease both;
}

@keyframes slideUp {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-100px);
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-100px);
	}
	100% {
		transform: translateY(0);
	}
}

.contain {
	position: relative;
	max-width: 1127px;
	margin-left: auto;
	margin-right: auto;
}

.contain:before,
.contain:after {
	content: '';
	display: table;
	clear: both;
}

h1 {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	height: 71px;
	line-height: 71px;
	background: url(../images/index/section1/logo.png) no-repeat left center;
	font-size: 30px;
	padding-left: 98px;
	margin-top: -35.5px;
}

.header .contain {
	height: 90px;
}

.header .btn-card {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 50%;
	margin-top: -20px;
}

.header .btn-card a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.header .btn-card a.outline {
	width: 70px;
	color: #A6A6A6;
	font-size: 18px;
}

.header .btn-card a.active {
	color: #444;
}

.header .btn-card a.fill {
	display: inline-block;
	width: 160px;
	background-color: #FF8766;
	background: linear-gradient(to right, #FFCE66, #FF8766);
	border-radius: 7px;
	font-size: 16px;
	color: #fff;
	margin-left: 40px;
}

.section1 {
	height: 936px;
	background: #eee url(../images/index/section1/bg.png) right bottom no-repeat;
	padding-top: 90px;
}

.section1 .caption {
	margin-top: 178px;
}

.section1 .caption h4 {
	font-size: 48px;
}

.section1.animate .caption h4 {
	animation: fadeInDown 1s both;
}

.section1 .caption h4 span {
	display: inline-block;
	margin-left: 31px;
	background: linear-gradient(135deg, #F7D077, #EF8D6E);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #EF8D6E;
}

.section1 .caption p {
	font-size: 20px;
}

.section1.animate .caption p {
	animation: fadeInUp 1s both;
}

.section1 .btn {
	display: block;
	width: 160px;
	height: 52px;
	line-height: 52px;
	background-color: #444;
	color: #fff;
	border-radius: 6px;
	font-size: 18px;
	margin-top: 60px;
	text-align: center;
}

.section1 .btn img {
	width: 25px;
	height: auto;
	vertical-align: -6px;
	margin-left: 5px;
}

.section1 .row {
	margin-top: 192px;
}

.section1 .col {
	float: left;
}

.section1 .col + .col {
	margin-left: 71px;
}

.section1 .col img {
	display: block;
	width: 48px;
	height: 48px;
	margin-left: auto;
	margin-right: auto;
}

.section1 .col h4 {
	margin-top: 10px;
	font-weight: normal;
}

.section1 .foot {
	margin-top: 100px;
}

.section1 .foot .inner {
	display: inline-block;
	border: 1px solid #C3C3C3;
	border-radius: 10px;
	padding: 10px 15px;
	cursor: pointer;
}

.section1 .foot img {
	width: 32px;
	height: 28px;
	vertical-align: -8px;
}

.section1 .foot span {
	font-size: 16px;
	margin-left: 9px;
}

.section1.animate .row .col {
	animation: fadeInRight .5s both;
}

.section1.animate .row .col1 {
	animation-delay: 0;
}

.section1.animate .row .col2 {
	animation-delay: .25s;
}

.section1.animate .row .col3 {
	animation-delay: .5s;
}

.section1.animate .row .col4 {
	animation-delay: .75s;
}

.section1.animate .row .col5 {
	animation-delay: 1s;
}

.section2 {
	height: 934px;
}

.section2 .caption {
	text-align: center;
	padding-top: 81px;
	color: #4D4D4D;
}

.section2 .caption h4 {
	font-size: 30px;
}

.section2.animate .caption h4 {
	animation: fadeInDown 1s both;
}

.section2 .caption p {
	font-size: 18px;
	margin-top: 10px;
}

.section2.animate .caption p {
	animation: fadeInUp 1s both;
}

.section2 .introl-box {
	position: relative;
	top: 100px;
}

.section2 .introl-box .bg {
	display: block;
	width: 270px;
	height: 624px;
	margin-left: auto;
	margin-right: auto;
}

.section2.animate .introl-box .bg {
	animation: bounce 1s both;
}

.section2 .introl-box .lft,
.section2 .introl-box .rt {
	position: absolute;
	z-index: 1;
	height: 77%;
	top: 0;
	bottom: 0;
	width: 250px;
	margin-top: auto;
	margin-bottom: auto;
}

.section2 .introl-box .lft {
	left: 0;
	text-align: right;
}

.section2 .introl-box .rt,
.section2 .introl-box .lft .tp,
.section2 .introl-box .lft .bt {
	right: 0;
}

.section2 .introl-box .tp,
.section2 .introl-box .bt {
	position: absolute;
	z-index: 1;
}

.section2 .introl-box .bt {
	bottom: 0;
}

.section2 .introl-box .lft .bt .radio {
	width: 101px;
	height: 100px;
	line-height: 100px;
	border: 1px solid #FF8766;
	border-radius: 100%;
	margin-right: 0;
	margin-left: auto;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	color: #5D5D5D;
}

.section2 .introl-box .lft .bt .radio small {
	font-size: 18px;
	color: #4D4D4D;
}

.section2 .introl-box .tp h4,
.section2 .introl-box .bt h4 {
	font-size: 24px;
	color: #4D4D4D;
	font-weight: normal;
	margin-top: 10px;
}

.section2 .introl-box .tp p,
.section2 .introl-box .bt p {
	color: #818181;
	font-size: 18px;
	margin-top: 2px;
}

.section2.animate .lft .tp,
.section2.animate .lft .bt {
	animation: fadeInLeft 1s both;
}

.section2.animate .rt .tp,
.section2.animate .rt .bt {
	animation: fadeInRight 1s both;
}

.section2.animate .lft .tp {
	animation-delay: 0s;
}

.section2.animate .rt .tp {
	animation-delay: .25s;
}

.section2.animate .lft .bt {
	animation-delay: .5s;
}

.section2.animate .rt .bt {
	animation-delay: .75s;
}

.section3 {
	height: 659px;
	background: #0D0D0D url(../images/index/section3/bg.png) right center no-repeat;
}

.section3 .contain .head {
	color: #fff;
	padding-top: 100px;
}

.section3 .contain .head h4 {
	font-size: 30px;
}

.section3.animate .head h4 {
	animation: fadeInDown 1s both;
}

.section3 .contain .head p {
	font-size: 18px;
	margin-top: 8px;
}

.section3.animate .head p {
	animation: fadeInUp 1s both;
}

.section3 .contain .middle {
	margin-top: 100px;
}

.section3 .contain .middle .box {
	display: inline-block;
}

.section3.animate .contain .middle .box {
	animation: fadeInRight 1s both;
}

.section3 .contain .middle .box + .box {
	margin-left: 180px;
}

.section3.animate .contain .middle .box + .box {
	animation-delay: .25s;
}

.section3 .contain .middle .box h4 {
	background: linear-gradient(to bottom, #F7D077, #EF8D6E);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #EF8D6E;
	font-size: 30px;
}

.section3 .contain .middle .box p {
	color: #9B9B9B;
	font-size: 16px;
}

.section3 .contain .foot {
	color: #fff;
	margin-top: 100px;
}

.section3.animate .contain .foot {
	animation: fadeInUp 1s both;
}

.section3 .contain .foot p {
	font-size: 18px;
}

.section3 .contain .foot p + p {
	margin-top: 20px;
}

.section4 {
	position: relative;
	height: 940px;
	background: #dbdbdb url(../images/index/section4/bg1.png) right center no-repeat;
	overflow: hidden;
}

.section4 .bg {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 458px;
	height: 630px;
}

.section4.animate .bg {
	animation: slideInRight 1s both .25s;
}

.section4 .caption {
	padding-top: 66px;
}

.section4 .caption h4 {
	color: #4D4D4D;
	font-size: 30px;
}

.section4.animate .caption h4 {
	animation: fadeInDown 1s both;
}

.section4 .caption p {
	color: #212121;
	font-size: 18px;
	margin-top: 10px;
}

.section4.animate .caption p {
	animation: fadeInUp 1s both;
}

.section4 .num-group {
	display: inline-block;
	position: relative;
	margin-top: 300px;
}

.section4 .num-group .num {
	display: inline-block;
	color: #848484;
	font-size: 36px;
	padding-bottom: 2px;
}

.section4 .num-group .num + .num {
	margin-left: 20px;
}

.section4 .num-group .active {
	color: #4D4D4D;
	font-weight: bold;
	border-bottom: 4px solid #EF8D6E;
}

.section4 .num-group .dashed-box {
	position: absolute;
	z-index: 1;
	top: 100%;
	border: 2px dashed #ADADAD;
	width: 78%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	height: 150px;
	border-top: 0;
	text-align: center;
	font-size: 18px;
}

.section4 .num-group .dashed-box h4 {
	color: #EF8D6E;
	font-weight: normal;
	margin-top: 13px;
}

.section4 .num-group .dashed-box p {
	position: absolute;
	z-index: 1;
	bottom: -40px;
	left: 0;
	width: 100%;
	color: #ADADAD;
}

.section5 {
	height: 659px;
	background: #1A1E26 url(../images/index/section5/bg.png) bottom center no-repeat;
}

.section5 .caption {
	padding-top: 95px;
	text-align: center;
	color: #fff;
}

.section5 .caption h4 {
	font-size: 30px;
}

.section5.animate .caption h4 {
	animation: fadeInDown 1s both;
}

.section5 .caption p {
	font-size: 18px;
	margin-top: 10px;
}

.section5.animate .caption p {
	animation: fadeInUp 1s both;
}

.section5 .box-group {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}

.section5 .box-group .item {
	display: inline-block;
	min-height: 61px;
	padding-left: 75px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: left center;
}

.section5 .box-group .item1 {
	background-image: url(../images/index/section5/sjaq.png);
}

.section5.animate .box-group .item1 {
	animation: fadeInLeft 1s both;
}

.section5 .box-group .item2 {
	float: right;
	background-image: url(../images/index/section5/yjaq.png);
}

.section5.animate .box-group .item2 {
	animation: fadeInRight 1s both;
}

.section5 .box-group .item h4 {
	font-size: 24px;
}

.section5 .box-group .item p {
	font-size: 18px;
	margin-top: 5px;
}

.section6 {
	height: 936px;
	background: #ebebeb url(../images/index/section6/bg.png) center center no-repeat;
	background-size: cover;
}

.section6 .caption {
	text-align: right;
	padding-top: 80px;
}

.section6 .caption .inline-block {
	display: inline-block;
	color: #4D4D4D;
	text-align: left;
}

.section6 .caption h4 {
	font-size: 30px;
}

.section6.animate .caption h4 {
	animation: fadeInDown 1s both;
}

.section6 .caption p {
	font-size: 18px;
	margin-top: 5px;
}

.section6.animate .caption p {
	animation: fadeInUp 1s both;
}

.section6 .desc-group {
	margin-top: 200px;
}

.section6 .tt-group {
	color: #4D4D4D;
}

.section6.animate .tt-group {
	animation: fadeInRight 1s both 0s;
}

.section6 .tt-group + .tt-group {
	margin-top: 69px;
}

.section6.animate .tt4 {
	animation-delay: 1s;
}

.section6 .tt3 {
	margin-left: 100px;
}

.section6.animate .tt3 {
	animation-delay: .75s;
}

.section6 .tt2 {
	margin-left: 200px;
}

.section6.animate .tt2 {
	animation-delay: .5s;
}

.section6 .tt1 {
	margin-left: 300px;
}

.section6.animate .tt1 {
	animation-delay: .25s;
}

.section6 .tt-group h4 {
	font-size: 24px;
}

.section6 .tt-group p {
	font-size: 18px;
	margin-top: 5px;
}

.section7 {
	height: 660px;
	background: #474747 url(../images/index/section7/bg.png) center center no-repeat;
	background-size: cover;
}

.section7 .contain {
	padding-top: 52px;
	color: #fff;
}

.section7 .logo {
	width: 236px;
	height: 144px;
}

.section7.animate .logo {
	animation: flipInY 1s both;
}

.section7 h3 {
	font-size: 30px;
	margin-top: 50px;
}

.section7.animate h3 {
	animation: fadeInUp 1s both;
}

.section7.animate .p-group {
	animation: fadeInUp 1s both .25s;
}

.section7 .p-group {
	font-size: 18px;
	margin-top: 50px;
}

.section7 .p-group p + p {
	margin-top: 10px;
}

.section8 {
	height: 660px;
	background: #97babd url(../images/index/section8/bg.png) center center no-repeat;
	background-size: cover;
}

.section8 .contain {
	height: 100%;
	background: url(../images/index/section8/bg2.png) center center no-repeat;
}

.section8.animate .contain {
	animation: bgUp 1s both;
}

@keyframes bgUp {
	0% {
		background-size: 0% 100%;
	}
	100% {
		background-size: 100% 100%;
	}
}

.section8 .lft {
	position: absolute;
	height: 50%;
	top: 0;
	left: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.section8.animate .lft .head {
	animation: fadeInDown 1s both;
}

.section8 .lft .head img {
	display: block;
	width: 40px;
	height: 34px;
}

.section8 .lft .head p {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	margin-top: 10px;
}

.section8 .lft .foot {
	font-size: 18px;
	color: #fff;
	margin-top: 83px;
}

.section8.animate .lft .foot {
	animation: fadeInUp 1s both;
}

.section8 .lft .foot p + p {
	margin-top: 10px;
}

.section8.animate .rt {
	animation: bounceIn 1s both;
}

.section8 .rt {
	position: absolute;
	z-index: 1;
	top: 0;
	height: 50%;
	bottom: 0;
	right: 61px;
	width: 153px;
	margin-top: auto;
	margin-bottom: auto;
}

.section8 .rt img {
	width: 153px;
	height: 153px;
}

.section8 .rt p {
	color: #fff;
	text-align: center;
}

.section9 {
	height: 935px;
	background: #0b0b0b url(../images/index/section9/bg.png) center center no-repeat;
	background-size: cover;
}

.section9 .caption {
	font-size: 30px;
	text-align: center;
	color: #fff;
	padding-top: 58px;
}

.section9.animate .caption {
	animation: fadeInDown 1s both;
}

.section9 .row {
	margin-top: 40px;
}

.section9 .col {
	float: left;
	width: 50%;
}

.section9 .col .item {
	padding-left: 74px;
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 70px;
	height: 75px;
}

.section9.animate .col .item {
	animation: fadeInUp 1s both 0s;
}

.section9 .col .item1 {
	background-image: url(../images/index/section9/zwgn.png);
}

.section9.animate .col .item1 {
	animation-delay: 0s;
}

.section9 .col .item2 {
	background-image: url(../images/index/section9/pwd.png);
}

.section9.animate .col .item2 {
	animation-delay: .25s;
}

.section9 .col .item3 {
	background-image: url(../images/index/section9/spk.png);
}

.section9.animate .col .item3 {
	animation-delay: .5s;
}

.section9 .col .item4 {
	background-image: url(../images/index/section9/yjgd.png);
}

.section9.animate .col .item4 {
	animation-delay: .5s;
}

.section9 .col .item5 {
	background-image: url(../images/index/section9/nfc.png);
}

.section9.animate .col .item5 {
	animation-delay: .75s;
}

.section9 .col .item6 {
	background-image: url(../images/index/section9/jxys.png);
}

.section9.animate .col .item6 {
	animation-delay: 1s;
}

.section9 .col .item7 {
	background-image: url(../images/index/section9/ble.png);
}

.section9.animate .col .item7 {
	animation-delay: 1.25s;
}

.section9 .col .item8 {
	background-image: url(../images/index/section9/snkjs.png);
}

.section9.animate .col .item8 {
	animation-delay: 1.5s;
}

.section9 .col .item9 {
	background-image: url(../images/index/section9/sjgn.png);
}

.section9.animate .col .item9 {
	animation-delay: 1.75s;
}

.section9 .col .item h4 {
	font-size: 24px;
	color: #fff;
}

.section9 .col .item p {
	padding-right: 31px;
	font-size: 16px;
	color: #A2A2A2;
	margin-top: 10px;
}

.footer {
	height: 418px;
	background-color: #2B2B2B;
}

.footer .contain {
	height: 100%;
}

.footer .contain > div {
	position: absolute;
	z-index: 1;
}

.footer .contain .lft {
	left: 0;
	top: 80px
}

.footer .contain .lft img {
	display: block;
	width: 220px;
	height: 75px;
	margin-bottom: 20px;
}

.footer .contain .lft h4,
.footer .contain .lft p {
	color: #B4B4B4;
	font-size: 16px;
}

.footer .contain .lft p {
	margin-top: 8px;
}

.footer .contain .ct {
	width: 280px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 100px
}

.footer .contain .ct h4 {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}

.footer .contain .ct img {
	display: block;
	width: 91px;
	height: 91px;
	margin-top: 20px;
}

.footer .contain .ct .item1 {
	float: left;
}

.footer .contain .ct .item2 {
	float: right;
}

.footer .contain .rt {
	top: 100px;
	right: 0;
}

.footer .contain .rt h4 {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}

.footer .contain .rt ul {
	margin-top: 36px;
}

.footer .contain .rt li {
	list-style-image: url(../images/index/footer/position.png);
}

.footer .contain .rt li p {
	position: relative;
	top: -4px;
	color: #B4B4B4;
	line-height: 30px;
	padding-left: 5px;
}

.footer .contain .rt .p {
	color: #B4B4B4;
	margin-top: 10px;
}

.footer .contain .rt .p a {
	color: #B4B4B4;
}