/************* 首页框架 *************/
html.index-html,
body.index-body {
	height: 100%;
	overflow: hidden;
}

#container,
.sections,
.section {
	/*必须，兼容，在浏览器不支持transform属性时，通过改变top/left完成滑动动画*/
	position: relative;
	/*必须，关系到单个page能否全屏显示*/
	height: 100%;
	z-index: 1;
}

.section {
	/*有背景图时必须，关系到背景图能够全屏显示*/
	/*background-color: #000;*/
	/*background-size: cover;*/
	background-position: 50% 50%;
	background-image: url(../images/sectionbg.png);
	/*background-color: rgba(0,0,0,.3);*/
}

/*以下样式用来设置slider样式，可自行修改*/
.pages {
	position: fixed;
	right: 10px;
	top: 50%;
	list-style: none;
	width: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	z-index: 3;
}

	.pages li {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #fff;
		margin: 15px 0 0 0;
		transition: all .4s ease;
	}

		.pages li.active {
			margin-left: 0;
			width: 14px;
			height: 14px;
			border: 4px solid #FFFFFF;
			background: none;
			transition: all .4s ease;
		}

	.pages.dark li {
		background: #0b4da1;
	}

		.pages.dark li.active {
			border-color: #0b4da1;
			background: none;
		}


.w1400 {
	width: 100%;
	max-width: 1400px;
	/*margin: 0 auto;*/
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	background: #0b4da1;
}

#fp-nav.light ul li a span,
.fp-slidesNav.light ul li a span {
	background: #fff
}


/**************** 第一屏 ************/

.banner {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}



	.banner .banner-text {
		text-align: center;
		width: 54.04vw;
		color: #fff;
		padding: 3.64vw;
		position: relative;
		border-top: 2px #fff solid;
	}


		.banner .banner-text:before {
			content: "";
			position: absolute;
			left: 0;
			bottom: 0;
			height: 100%;
			width: 11.97vw;
			border-left: 2px #fff solid;
			border-bottom: 2px #fff solid;
		}

		.banner .banner-text:after {
			content: "";
			position: absolute;
			right: 0;
			bottom: 0;
			height: 100%;
			width: 11.97vw;
			border-right: 2px #fff solid;
			border-bottom: 2px #fff solid;
		}

		.banner .banner-text h3 {
			font-size: 3.125vw;
			line-height: 1.26;
			letter-spacing: 0.52vw;
			color: #fff;
			position: relative;
			top: -100px;
			opacity: 0;
			transition: all 1s linear;
		}

		.banner .banner-text h4 {
			font-size: 2.08vw;
			line-height: 1;
			font-weight: normal;
			color: #fff;
			letter-spacing: 1.04vw;
			position: absolute;
			left: 50%;
			bottom: -100px;
			opacity: 0;
			transform: translate(-50%,0);
			transition: all 1s linear;
		}


	.banner.on:after {
		margin-top: 0;
		opacity: 1;
		animation-delay: 1s;
	}

	.banner.on .banner-text h3 {
		top: 0;
		opacity: 1;
	}

	.banner.on .banner-text h4 {
		bottom: -1.04vw;
		opacity: 1;
	}


.section0 .banner-icon {
	position: absolute;
	left: 0;
	bottom: 60px;
	text-align: center;
	font-size: 0;
	width: 100%;
	z-index: 2;
}

	.section0 .banner-icon img {
		width: 1.667vw;
		max-width: 31px;
		position: relative;
		-webkit-animation: tantiao 2s infinite linear;
		animation: tantiao 2s infinite linear;
	}

@-webkit-keyframes tantiao {
	0% {
		top: 0px;
	}

	25% {
		top: -5px;
	}

	50% {
		top: 0px;
	}

	75% {
		top: 5px;
	}

	100% {
		top: 0px;
	}
}

@keyframes tantiao {
	0% {
		top: 0px;
	}

	25% {
		top: -5px;
	}

	50% {
		top: 0px;
	}

	75% {
		top: 5px;
	}

	100% {
		top: 0px;
	}
}



/*************** 第二屏 **************/
.section1 {
	/*background-image: url(../images/index-about-bg-1.jpg);*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.index-about {
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.8);
}

	.index-about .mt {
		margin-bottom: 1.04vw;
		text-align: center;
	}

		.index-about .mt .title {
			color: #111;
			font-size: 2.08vw;
			line-height: 1;
			font-weight: 600;
			margin-bottom: 2.6vw;
		}

		.index-about .mt .sub-title {
			color: #454545;
			font-size: 1.04vw;
			line-height: 2;
		}

			.index-about .mt .sub-title a {
				color: #0670dc;
				border-bottom: 2px #0670dc solid
			}

	.index-about .mc {
		max-width: 70.83vw;
		margin: 0 auto;
	}

	.index-about .text {
		text-align: center;
		color: #333;
		font-size: 1.04vw;
		line-height: 2;
		margin-bottom: 1.5625vw;
		padding: 0 12%;
	}
	.index-about .more-button {
	}
		.index-about .more-button .link {
			width: 7.8125vw;
			height: 2.1875vw;
			background: #eb3e4f;
			color: #fff;
			font-size: 0.833vw;
			border: 2px #eb3e4f solid;
			transition: all .4s ease;
			border-radius: 5px;
			margin: auto;
		}
			.index-about .more-button .link:hover {
				background: none;
				color: #eb3e4f;
			}
	.index-about .info {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
	}

		.index-about .info .info-item {
			padding: 1.04vw 1.3vw;
			display: flex;
			justify-content: space-between;
			align-items: center;
			-webkit-filter: grayscale(100%);
			-moz-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
			-o-filter: grayscale(100%);
			filter: grayscale(100%);
			filter: gray;
		}

			.index-about .info .info-item .icon {
				width: 4.375vw;
				height: 4.739vw;
				font-size: 0;
				display: flex;
				justify-content: center;
				align-items: center;
			}

				.index-about .info .info-item .icon img {
					width: auto;
					max-width: 100%;
					height: auto;
					max-height: 100%;
				}

			.index-about .info .info-item .count {
				width: auto;
				padding-left: 1.04vw;
			}

				.index-about .info .info-item .count .num {
					color: #0670dc;
					font-size: 2.6vw;
					line-height: 1;
					margin-bottom: 0.78125vw;
					font-weight: 400;
					display: inline-block;
				}

				.index-about .info .info-item .count .count-text {
					color: #0670dc;
					font-size: 1.04vw;
					line-height: 1;
					font-weight: 900;
				}

			.index-about .info .info-item:first-child .count .num {
				width: 5.46875vw;
			}

			.index-about .info .info-item:hover {
				-webkit-filter: none;
				-moz-filter: none;
				-ms-filter: none;
				-o-filter: none;
				filter: none;
				box-shadow: 0 0 1.5625vw rgba(0,0,0,.08);
				background: #fff;
				border-radius: 0.52vw;
			}

/***************** business ******************/
.index-business {
	width: 100%;
	height: 100%;
	overflow: hidden;
	
}

	.index-business .content {
		width: 80vw;
		/*margin: 0 auto;*/
		/*position:absolute;*/
		    margin-bottom: -14vw;
	bottom:1vw;
	}

	.index-business .mt {
		text-align: center;
		color: #111;
		font-size: 2.08vw;
		line-height: 1;
		margin-bottom: 3.64vw;
		font-weight: 600;
	}

	.index-business .mc {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	.index-business .tuwen-box,
	.index-business .text-box {
		width: 50%;
	}

		.index-business .tuwen-box .box-content {
			padding: 0 15.15%
		}

		.index-business .tuwen-box .content-item {
			display: flex;
			justify-content: flex-start;
			align-items: stretch;
			width: 100%;
		}

			.index-business .tuwen-box .content-item .wenzi {
				width: 46%;
				position: relative;
				padding: 1.04vw 0.833vw;
			}

				.index-business .tuwen-box .content-item .wenzi .bt {
					position: relative;
					z-index: 1;
					font-size: 1.875vw;
					font-weight: 600;
					margin-bottom: 1.5625vw;
				}

				.index-business .tuwen-box .content-item .wenzi .bc {
					position: relative;
					z-index: 1;
					font-size: 1.25vw;
					line-height: 1.375;
				}

			.index-business .tuwen-box .content-item .img {
				width: 54%;
				font-size: 0;
			}

				.index-business .tuwen-box .content-item .img .img-content {
					width: 100%;
					height: 0;
					padding-bottom: 102.4%;
					position: relative;
				}

				.index-business .tuwen-box .content-item .img img {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
				}

			.index-business .tuwen-box .content-item:nth-child(2n) {
				margin-left: 1.5625vw;
				flex-direction: row-reverse;
			}

			.index-business .tuwen-box .content-item:first-child .wenzi {
				color: #fff;
			}

				.index-business .tuwen-box .content-item:first-child .wenzi:after {
					content: "";
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					height: 100vh;
					background: #0670dc;
					z-index: 0;
				}

	.index-business .text-box {
		padding: 2.08vw 0 0 2.34vw;
	}

		.index-business .text-box .title {
			color: #111;
			font-size: 2.08vw;
			line-height: 1;
			font-weight: bolder;
			padding-bottom: 1.04vw;
			position: relative;
			margin-bottom: 1.3vw;
		}

			.index-business .text-box .title:after {
				content: "";
				position: absolute;
				left: 0;
				bottom: 0;
				width: 3.95vw;
				height: 0.204vw;
				border-radius: 0.204vw;
				/*background: #dcdcdc;*/
			}

		.index-business .text-box .neirong {
		}

		.index-business .text-box .wenzi {
			font-size: 0.9375vw;
			line-height: 2.22;
			margin-bottom: 1.822vw;
		}

	.index-business .more-button {
		   margin: 3% 0;
	}

		.index-business .more-button .link {
			width: 7.8125vw;
			height: 2.1875vw;
			background: #eb3e4f;
			color: #fff;
			font-size: 0.833vw;
			border: 2px #eb3e4f solid;
			transition: all .4s ease;
			border-radius: 5px;
		}

			.index-business .more-button .link:hover {
				background: none;
				color: #eb3e4f;
			}



/***************** rd ****************/
.rd {
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

	.rd .single-box,
	.rd .multiple-box {
		width: 49.5%;
		height: 100vh;
	}

		.rd .single-box .box-item {
			width: 100%;
			height: 100%;
			border-radius: 5px;
			position: relative;
			overflow: hidden;
			opacity: 0;
			transition: all .4s ease;
			transition-delay: .4s;
		}

		.rd .multiple-box .box-item {
			opacity: 0;
			transition: all .4s ease;
		}

			.rd .single-box .box-item .img-box,
			.rd .multiple-box .box-item .img-box {
				position: relative;
				z-index: 0;
				width: 100%;
				height: 100%;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
			}

			.rd .single-box .box-item .text-box,
			.rd .multiple-box .box-item .text-box {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
				background: rgba(6,112,220,.61);
				justify-content: center;
				align-items: center;
				flex-direction: column;
				color: #fff;
				transition: all .4s ease;
				text-align: center;
				display: none;
			}

				.rd .single-box .box-item .text-box .bt,
				.rd .multiple-box .box-item .text-box .bt {
					font-size: 2.08vw;
					line-height: 1;
					font-weight: 600;
					margin-bottom: 4.7%;
				}

				.rd .single-box .box-item .text-box .info,
				.rd .multiple-box .box-item .text-box .info {
					margin-bottom: 3.7%;
				}

					.rd .single-box .box-item .text-box .info .team,
					.rd .multiple-box .box-item .text-box .info .team {
						font-size: 1.5625vw;
						line-height: 1;
						font-weight: 600;
						margin-bottom: 1.04vw;
					}

					.rd .single-box .box-item .text-box .info .addr,
					.rd .multiple-box .box-item .text-box .info .addr {
						font-size: 1.25vw;
						line-height: 1;
					}

				.rd .single-box .box-item .text-box .more,
				.rd .multiple-box .box-item .text-box .more {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 7.8125vw;
					height: 2.1875vw;
					background: #eb3e4f;
					color: #fff;
					font-size: 0.833vw;
					border: 2px #eb3e4f solid;
					transition: all .4s ease;
					border-radius: 5px;
				}

			.rd .single-box .box-item:hover .text-box,
			.rd .multiple-box .box-item:hover .text-box {
				display: flex;
			}

		.rd .multiple-box .box-content {
			display: flex;
			width: 100%;
			height: 100%;
			justify-content: space-between;
			align-items: stretch;
			flex-direction: column;
		}

			.rd .multiple-box .box-content .box-item {
				width: 49%;
				height: 49vh;
				position: relative;
			}

			.rd .multiple-box .box-content .line1 .box-item {
				width: 100%;
				transition-delay: .6s;
			}

			.rd .multiple-box .box-content .line1,
			.rd .multiple-box .box-content .line2 {
				display: flex;
				justify-content: space-between;
				align-items: stretch;
				width: 100%;
			}

.section3.active .rd .multiple-box .box-content .line2 .box-item:first-child {
	transition-delay: .8s;
}

.section3.active .rd .multiple-box .box-content .line2 .box-item:nth-child(2) {
	transition-delay: 1s;
}

.section3.active .rd .single-box .box-item,
.section3.active .rd .multiple-box .box-content .line1 .box-item,
.section3.active .rd .multiple-box .box-content .line2 .box-item:first-child,
.section3.active .rd .multiple-box .box-content .line2 .box-item:nth-child(2) {
	opacity: 1;
}


/***************** global ******************/
.index-global {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

	.index-global .mt {
		text-align: center;
		color: #333;
		font-size: 2.08vw;
		line-height: 1;
		font-weight: bolder;
		margin-bottom: 2.08vw;
	}

	.index-global .mc {
		width: 100%;
		max-width: 85.9375vw;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

		.index-global .mc .img-box {
			width: 55%;
			font-size: 0;
		}

			.index-global .mc .img-box img {
				width: 100%;
			}

		.index-global .mc .text-box {
			width: 45%;
			padding-top: 2.6vw;
		}

	.index-global .wenzi {
		color: #333;
		font-size: 0.9375vw;
		line-height: 2.22;
		margin-bottom: 1.5625vw;
	}

	.index-global .addr {
		font-size: 0;
		margin-bottom: 1.822vw;
	}


		.index-global .addr .addr-item {
			color: #0f2c83;
			font-size: 1.04vw;
			line-height: 1;
			font-weight: bolder;
			margin-right: 1.5265vw;
			margin-bottom: 1.5265vw;
		}

	.index-global .more {
		   margin: 3% 0;
	}

		.index-global .more .link {
			width: 7.8125vw;
			height: 2.1875vw;
			background: #eb3e4f;
			color: #fff;
			font-size: 0.833vw;
			border: 2px #eb3e4f solid;
			transition: all .4s ease;
			border-radius: 5px;
		}

			.index-global .more .link:hover {
				background: #fff;
				color: #d14747;
			}

/****************** dev *********************/
.section5 {
	/*background-image: url(../images/index-dev-bg.jpg);*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.index-dev {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.8);
}

	.index-dev .content {
		background: #fff;
		width: 100%;
		max-width: 62.5vw;
		/*margin: 0 auto;*/
		/* padding: 4.167vw 3.125vw 0 3.125vw; */
		/* height: 53vh; */
		position: relative;
	}

	.index-dev .mt {
		text-align: center;
		color: #333;
		font-size: 2.08vw;
		line-height: 1;
		font-weight: bold;
		letter-spacing: 4px;
		/* margin-bottom: 1.25vw; */
		background: #fff;
		padding-bottom: 1.25vw;
		padding: 4.167vw 3.125vw 0 3.125vw;
	}

	.index-dev .mc {
		display: unset;
		/* justify-content: center; */
		/* align-items: flex-start; */
		width: 100%;
		/* position: relative; */
		/* height: auto; */
	}

		.index-dev .mc .text-box {
			width: 100%;
			/* padding-top: 1.5625vw; */
			/* position: absolute; */
			padding: 1.5625vw 40% 0 3.125vw;
			/* background: #fff; */
			position: absolute;
		}

			.index-dev .mc .text-box .title {
				color: #333;
				font-size: 1.04vw;
				line-height: 1.5;
				font-weight: bold;
				letter-spacing: 1px;
				margin-bottom: 1.3vw;
			}

			.index-dev .mc .text-box .neirong {
				position: relative;
				z-index: 1;
				color: #333;
				font-size: 0.9375vw;
				line-height: 1.667;
				letter-spacing: 1px;
				padding-bottom: 1.3vw;
			}

			.index-dev .mc .text-box .more {
				position: relative;
				z-index: 1;
			}

				.index-dev .mc .text-box .more .link {
					width: 7.8125vw;
					height: 2.1875vw;
					background: #eb3e4f;
					color: #fff;
					font-size: 0.833vw;
					border: 2px #eb3e4f solid;
					transition: all .4s ease;
					border-radius: 5px;
				}

					.index-dev .mc .text-box .more .link:hover {
						background: #fff;
						color: #eb3e4f;
					}

			.index-dev .mc .text-box .icon {
				position: absolute;
				bottom: -2.1875vw;
				right: -1.5625vw;
				font-size: 0;
				text-align: right;
				z-index: 0;
				max-width: 11.82vw;
			}

		.index-dev .mc .img-box {
			width: 100%;
			text-align: right;
			font-size: 0;
			/* position: absolute; */
			background: #fff;
			/* bottom: -15vw; */
			/* position: absolute; */
		}

			.index-dev .mc .img-box img {
				width: auto;
				height: auto;
				max-height: 23.85vw;
				padding-right: 3.125vw;
			}

/***************** contact *******************/
.section6 {
	/*background: url(../images/index-contact-bg-1.jpg) no-repeat center center;*/
	background-size: cover;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	width: 100%;
}

	.section6 .section-contact {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		flex-direction: column;
	}

.contact {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	height: 33.33vw;
}

	.contact .mt {
		width: 50%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 11.45vw;
		text-align: center;
		background-color: #fff;
	}

		.contact .mt .title {
			color: #0670dc;
			font-size: 4.1667vw;
			line-height: 1;
			font-weight: bolder;
			letter-spacing: 1px;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			position: relative;
		}

			.contact .mt .title:after {
				content: "";
				display: block;
				width: 3.125vw;
				height: 0.26vw;
				border-radius: 5px;
				/*background: #0670dc;*/
				margin-top: 1.04vw;
			}

	.contact .mc {
		width: 50%;
		background: #0670dc;
		padding: 0 0 0 5.2vw;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

		.contact .mc .contact-bd {
			width: 100%;
			max-width: 25.52vw;
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			flex-wrap: wrap;
		}

			.contact .mc .contact-bd .fs-wrap {
				width: 100%;
				position: relative;
				margin-bottom: 1.04vw;
			}

			.contact .mc .contact-bd .fs-label-wrap {
				border: none;
			}

				.contact .mc .contact-bd .fs-label-wrap .fs-label {
					padding: 0 2.08vw 0 1.04vw;
					height: 2.6vw;
					display: flex;
					justify-content: flex-start;
					align-items: center;
					width: 100%;
					color: #666;
					font-size: 0.9375vw;
				}

			.contact .mc .contact-bd .fs-arrow {
				border-left: 0.46875vw transparent solid;
				border-right: 0.46875vw transparent solid;
				border-top: 0.46875vw #aaa solid;
				right: 1.04vw;
			}

			.contact .mc .contact-bd .fs-dropdown {
				width: 100%;
				margin-top: 0;
			}

			.contact .mc .contact-bd .fs-option,
			.contact .mc .contact-bd .fs-search,
			.contact .mc .contact-bd .fs-optgroup-label {
				font-size: 0.9375vw;
				line-height: 1.5625vw;
				padding: 0.52vw 1.04vw;
				color: #666;
			}

			.contact .mc .contact-bd .text {
				background: #fff;
				height: 2.6vw;
				line-height: 2.6vw;
				padding: 0 20px;
				color: #666;
				font-size: 0.9375vw;
				margin-bottom: 1.04vw;
			}

				.contact .mc .contact-bd .text.short {
					width: 48%;
				}

			.contact .mc .contact-bd .textarea {
				background: #fff;
				width: 100%;
				height: 7.8125vw;
				color: #666;
				font-size: 0.9375vw;
				line-height: 1.5625vw;
				padding: 0.52vw 1.04vw;
				margin-bottom: 1.04vw;
			}

			.contact .mc .contact-bd .link {
				width: 9.375vw;
				height: 2.6vw;
				background: #eb3e4f;
				color: #fff;
				font-size: 1.04vw;
				border: 2px #eb3e4f solid;
				transition: all .4s ease;
				border-radius: 5px;
			}

				.contact .mc .contact-bd .link:hover {
					background: #fff;
					color: #eb3e4f;
				}

/**************** 针对背景视频的补丁 ***************/


#bg-video {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}

#fp-nav ul li .fp-tooltip{
	display:none;
	}
.fp-tableCell{
	position:absolute;
	overflow:hidden;
	}