.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}
.page {
	padding: 3vw 0
}
	.page span, .page a{height:30px;padding:0 10px;line-height:30px;border:1px #ddd solid;display:inline-block;color:#333}
	.page span {
		color: #1a62b1 !important
	}

html {
	font-family: Arial, 'Microsoft YaHei';
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	color: #333;
	font-size: 14px;
}

body {
	font-size: 14px;
	overflow-x: hidden;
}

a:hover,
a:active,
a {
	text-decoration: none !important;
}

	a:hover {
		color: #f89920
	}

@font-face {
	font-family: 'PngGuoW36';
	src: url('PngGuoW36.OTF'), url('PngGuoW36.OTF');
}

@font-face {
	font-family: 'mydin';
	src: url('din.ttf'), url('din.otf');
}

@font-face {
	font-family: 'PingFang';
	src: url('PingFang-W6.ttc');
}

.flex-1 {
	flex: 1;
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
	font-family: sans-serif
}
.header .section{overflow:inherit !important}
.nav .nav-ul li.dropdown .section {
	display: flex;
	justify-content: end;
	max-width: 1500px;
}
.h-right:hover .dropdown-menu {
display:block !important
}
.h-right .dropdown-menu {
	left: auto;
	right: 0 !important;
	top: 95%;
}
.qindex-s {
	min-height: 186px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9;
}

.qindex-s-w {
	max-width: 96%;
	width: 1710px;
	height: 100%;
	box-shadow: 0 0 10px #00000020;
	background: #ffff;
	display: flex;
	margin: -119px auto 0 auto;
}

.qindex-s-w-l {
	padding: 0 4%;
	width: 1200px;
	max-width: 100%;margin:0 auto;
}

.qindex-s-w-r {
	padding: 3% 4%;
	background: #fff;
	color: #333;
}

.qindex-s-wtit {
	font-size: 22px;
	width: 100%;
	font-weight: bold;
}

.qindex-s-search {
	width: 100%;border:1px #ddd solid;
	height: 52px;
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 60px;
	padding: 0;
	overflow: hidden
}

	.qindex-s-search input {
		height: 52px;
		flex: 1;
		color: #333 !important;
		outline: none; /* 去除聚焦时的外边框 */
		background: none; /* 去除背景 */
		box-shadow: none; /* 去除阴影 */
		-webkit-appearance: none; /* 去除webkit浏览器的默认样式 */
		-moz-appearance: none; /* 去除mozilla浏览器的默认样式 */
		appearance: none;
		padding:0 15px
	}



.qindex-s-search a {
	background: none !important
}

.qindex-s-search a {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

	.qindex-s-search i {
		display: block;
		height: 52px;
		width: 80px;
		font-size: 22px !important;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		color: #333 !important;
		cursor: pointer;justify-content:center
	}

.qindex-s-search-s {
	font-size: 16px;
	margin-top: 10px;
}

	.qindex-s-search-s b {
		color: #f5971f;
	}

	.qindex-s-search-s a {
		color: #333 !important;
		padding: 0 !important;
		margin: 0 !important;
		display: inline-block !important;
		margin-right: 3%;
	}

.qindex-s-FA a {
	border: 1px #fff solid;
	border-radius: 5px;
	height: 48px;
	line-height: 48px;
	padding: 0 12px;
	display: inline-block;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	margin: 2% 4% 0 0;
}

body {
	background-color: #fff;
	color: #333;
	font-size: 16px;
	line-height: 2;
}

.h-tit {
	padding: 4vw 0 4.1vw;text-transform:uppercase
}
.line2 .h-tit {
	padding: 3.5vw 0 3.5vw;
}

.h-tit span {
	font-size: 42px;
	color: #000;
	padding-bottom: 21px;
	position: relative;
	line-height: 1;
}

		.h-tit span::after {
			content: "";
			height: 4px;
			background: #2778cd;
			width: 60%;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -30%;
		}

.text-left.h-tit span::after {
	left: 0;
	margin-left: 0;
}

/* 4块内容展示样式 */
.four-blocks-container {
	position: relative;
	min-height: 350px;
	height: 40.1vw;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: background-image 0.6s ease-in-out;
}

/* 区块动画初始状态 */
.line1, .line2, .line3, .line6 {
	opacity: 0;
}

.four-blocks {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0;
	box-sizing: border-box;
}

.block-row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	height: 100%;
}

.block-item {
	width: 20%;
	height: 100%;
	position: relative;
	transition: all 0.3s ease;
	cursor: pointer;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.3);
	border-right: 1px #ffffff50 solid;
}

	.block-item .block-content {
		position: absolute;
		top: 44%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		color: white;
		z-index: 2;
	}

.block-icon {
	width: 82px;
	height: 82px;
	background-color: #0062a7;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
}

	.block-icon i {
		font-size: 36px;
		color: white;
	}

.block-title {
	font-size: 21px;
	margin: 1vw 0 2vw;
	padding-top: 1vw;
	position: relative;font-weight:bold
}

	.block-title::after {
		position: absolute;
		content: "";
		top: 0;
		width: 18px;
		left: 50%;
		margin-left: -9px;
		height: 2px;
		background: #ffffff;
	}

.block-button .btn {
	color: white;
	border: 2px solid white;
	height: 38px;
	width: 112px;
	border-radius: 0;
	background: none;
	transition: all 0.3s ease;
	cursor: pointer;display:none
}
.proTit {
	position: absolute;
	left: 0;
	top: 8vw;
	width: 100%
}
.proTit-t {
	color: #006abc;
	font-size: clamp(20px, 2vw, 30px);
	line-height: 1.2;
	font-weight: bold
}
.proTit-t1 {
	color: #333;
	font-size: clamp(14px, 1.5vw, 18px);
	padding-top: 1vw
}
@media (max-width: 768px) {
	
	.en.zHead .section .tab {
		display: inherit;
	}
	.proTit {
		top: 10vw;
	}
		.proTit-t {
		font-size:16px
	}
	.proTit-t1{display:none}
}
	/* 默认第二块选中 */
	.block-item.active {
		width: 40%;
		z-index: 3;
	}

		.block-item.active .btn {
			display: inline-block
		}

		.block-item.active .block-content {
			transform: translate(-50%, -50%) scale(1.1);
			position: relative;
		}

	.block-item .block-content::after {
		width: 0;
		height: 0;
		transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		opacity: 0;
	}

	.block-item.active .block-content::after {
		width: 20.2vw;
		height: 20.2vw;
		background: #0062a8e6;
		content: "";
		position: absolute;
		left: 50%;
		margin-left: -10.1vw;
		top: 50%;
		margin-top: -10.1vw;
		border-radius: 50%;
		z-index: -1;
		opacity: 1;
		transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.block-item.active .block-icon {
		background: none;
	}


	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	hgroup,
	main,
	nav,
	summary {
		display: block
	}

	audio,
	canvas,
	progress,
	video {
		*zoom: 1;
		display: inline-block;
		*display: inline;
		vertical-align: baseline
	}

		audio:not([controls]) {
			display: none;
			height: 0
		}

	[hidden],
	template {
		display: none
	}

	a {
		background: transparent;
		color: #08c;
		-webkit-text-decoration: none;
		text-decoration: none
	}

		a:active,
		a:hover {
			outline: 0
		}

		a:hover {
			color: #069
		}

	abbr[title] {
		border-bottom: 1px dotted
	}

	b,
	strong {
		font-weight: 700
	}

	dfn {
		font-style: italic
	}

	mark {
		background: #ff0;
		color: #000
	}

	small {
		font-size: 80%
	}

	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline
	}

	sup {
		top: -.5em
	}

	sub {
		bottom: -.25em
	}

	img {
		-ms-interpolation-mode: bicubic;
		border: 0;
		vertical-align: middle
	}

	svg:not(:root) {
		overflow: hidden
	}

	hr {
		box-sizing: content-box;
		height: 0
	}

	pre {
		word-wrap: break-word;
		overflow: auto;
		white-space: pre;
		white-space: pre-wrap
	}

	code,
	kbd,
	pre,
	samp {
		font-family: monospace, monospace;
		_font-family: "courier new", monospace;
		font-size: 1em
	}

	button,
	input,
	optgroup,
	select,
	textarea {
		color: inherit;
		font: inherit;
		margin: 0
	}

	button {
		overflow: visible
	}

	button,
	select {
		text-transform: none
	}

	button,
	html input[type=button],
	input[type=reset],
	input[type=submit] {
		-webkit-appearance: button;
		cursor: pointer;
		*overflow: visible
	}

		button[disabled],
		html input[disabled] {
			cursor: default
		}

		button::-moz-focus-inner,
		input::-moz-focus-inner {
			border: 0;
			padding: 0
		}

	input:focus,
	textarea:focus {
		outline: none
	}

	input {
		line-height: normal
	}

		input[type=checkbox],
		input[type=radio] {
			box-sizing: border-box;
			*height: 13px;
			padding: 0;
			*width: 13px
		}

		input[type=number]::-webkit-inner-spin-button,
		input[type=number]::-webkit-outer-spin-button {
			height: auto
		}

		input[type=search] {
			-webkit-appearance: textfield;
			box-sizing: content-box
		}

			input[type=search]::-webkit-search-cancel-button,
			input[type=search]::-webkit-search-decoration,
			input[type=text] {
				-webkit-appearance: none
			}

	fieldset {
		border: 1px solid silver;
		margin: 0 2px;
		padding: .35em .625em .75em
	}

	legend {
		border: 0;
		*margin-left: -7px;
		padding: 0
	}

	textarea {
		overflow: auto;
		resize: vertical
	}

	optgroup {
		font-weight: 700
	}

	table {
		border-collapse: collapse;
		border-spacing: 0
	}

	td,
	th {
		padding: 0
	}

	q {
		quotes: none
	}

	button,
	html,
	input,
	select,
	textarea {
		font-family: "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif
	}

	blockquote,
	figure,
	form,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p {
		margin: 0
	}

	dd,
	dl,
	li,
	ol,
	ul {
		margin: 0;
		padding: 0
	}

	ol,
	ul {
		list-style: none outside none
	}

	h1,
	h2,
	h3 {
		font-weight: 400;
		line-height: 2
	}

	h1 {
		font-size: 18px
	}

	h2 {
		font-size: 15.6px
	}

	h3 {
		font-size: 14.04px
	}

	h4 {
		font-size: 12px
	}

	h5,
	h6 {
		font-size: 10.2px;
		text-transform: uppercase
	}

	input:-moz-placeholder,
	input::-moz-placeholder,
	textarea:-moz-placeholder,
	textarea::-moz-placeholder {
		color: #ccc
	}

	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		color: #ccc
	}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		color: #ccc
	}

	html {
		overflow: hidden;
		overflow-y: scroll
	}

	button,
	input,
	select,
	textarea {
		border: none;
		border-radius: 0;
		outline: none;
		padding: 0
	}

	* {
		-webkit-font-smoothing: antialiased;
		box-sizing: border-box
	}

	img {
		-ms-interpolation-mode: nearest-neighbor;
		display: inline-block;
		image-rendering: crisp-edges;
		image-rendering: -moz-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: -o-crisp-edges;
		max-width: 100%
	}

	.clear {
		clear: both
	}

	.fl {
		float: left
	}

	.fr {
		float: right
	}

	.por {
		position: relative
	}

	.poa {
		position: absolute
	}

	.pof {
		position: fixed
	}


	.ovh {
		overflow: hidden
	}

	.noselect {
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none
	}





	@keyframes spinner {
		0% {
			transform: rotate(0deg)
		}

		to {
			transform: rotate(1turn)
		}
	}

	a {
		-webkit-tap-highlight-color: rgba(255, 0, 0, 0)
	}

	input,
	select {
		outline: none
	}

		input::-ms-clear {
			display: none
		}

	.f-18 {
		position: relative;
		margin-top: 2vw;
		padding-top: 1vw;
		max-width: 632px;
		width: 50%;
	}

		.f-18::after {
			content: "";
			height: 4px;
			background: #0062a7;
			position: absolute;
			left: 0;
			width: 120px;
			top: 0
		}


	.f-52 {
		font-family: 'PngGuoW36';
	}

	@media (max-width: 768px) {
		.h-tit {
			text-align: center !important;
			margin-bottom: 2vw;
		}

		.text-left.h-tit span::after {
			left: 50%;
			margin-left: -30%;
		}

		.h-tit span,
		.line6-box .line-title {
			font-size: 30px !important
		}

		.f-52 {
			font-size: 20px !important
		}

		.f-29 {
			font-size: 14px !important
		}

		.f-18 {
			font-size: 12px !important;
			padding-top: 3vw;
		}

		.block-icon {
			background: none;
		}
	}

	@media (min-width: 991px) {

		.h-tit span,
		.line6-box .line-title {
			font-size: 32px !important
		}

		.f-52 {
			font-size: 28px !important
		}

		.f-29 {
			font-size: 16px !important
		}

		.f-18 {
			font-size: 12px !important;
		}
	}

	@media (min-width: 1200px) {

		.h-tit span,
		.line6-box .line-title {
			font-size: 36px !important
		}

		.f-52 {
			font-size: 32px !important
		}

		.f-29 {
			font-size: 18px !important
		}

		.f-18 {
			font-size: 15px !important;
			line-height: 2;
			padding-top: 0.8vw;
		}
	}

	@media (min-width: 1400px) {

		.h-tit span,
		.line6-box .line-title {
			font-size: 42px !important
		}

		.f-52 {
			font-size: 42px !important
		}

		.f-29 {
			font-size: 22px !important
		}
	}

	@media (min-width: 1600px) {
		.f-52 {
			font-size: 52px !important
		}

		.f-29 {
			font-size: 29px !important
		}

		.f-18 {
			font-size: 18px !important;
			line-height: 36px;
		}
	}


	::-webkit-scrollbar {
		height: 5px;
		width: 5px
	}

	::-webkit-scrollbar-track {
		background: rgba(0, 0, 0, .1)
	}

	::-webkit-scrollbar-thumb {
		background: #000
	}

		::-webkit-scrollbar-thumb:window-inactive {
			background: #000
		}

		::-webkit-scrollbar-thumb:vertical:hover {
			background: #000
		}

	/**/
	.section {
		width: 98%;
		margin: 0 auto;
		max-width: 1600px;
		overflow: hidden;
	}

	.header,
	.contain,
	.footer {
		width: 100%;
	}

	.header {
		overflow: inherit;
		z-index: 999;
	}


	.text-right {
		text-align: right
	}

	.pb-0 {
		padding-bottom: 0
	}

	/*导航*/
	.header .navbar-toggle {
		background: url(../images/daohang.png) no-repeat center center;
		background-size: cover;
		margin-top: 15px !important;
		margin-right: 15px !important;
		margin-bottom: 0 !important
	}

	.navbar-default .navbar-toggle {
		border: 0;
	}

	.header {
		position: fixed;
		left: 0;
		right: 0;
		z-index: 999;
	}
@media (max-width:768px) {
	.header {
		background: #fff
	}
	.section {
	width:94% !important
	}
	.header .section {
		width: 100% !important
	}
	.block-title {
		font-size: 12px;
		margin: 1vw auto 2vw auto;
		line-height: 1;
		width: 100%;
		white-space: nowrap;
		height: 40px;
	}
	.block-button .btn {
		font-size: 12px;
		width: 80px;
		height: 34px;
		line-height: 34px;
		padding: 0
	}

}
	@media (min-width:768px) {
		
		.navbar-default .navbar-collapse {
			height: 86px !important;
			overflow: hidden;
		}
	}

	.header.lighted {
		position: fixed;
		top: 0px;
		transition: all .5s;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		background: #ffffffab;
	}

	.header .logo {
		text-align: center;
		padding: 0;
		position: absolute;
		width: 100%;
		max-width: 199px;
		height: 100%;
		display: flex;
		align-items: center;
	}

		.header .logo img {
			width: 100%;
			display: block;
		}

	.navbar {
		margin-bottom: 0
	}

	.navbar-default {
		background: none !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	.navbar-brand {
		padding: 0 !important
	}

	.navbar-nav {
		float: none;
		margin: 0 auto;
		display: inline-block;
	}

	.nav .nav-ul li.dropdown {
		text-align: center;
		padding: 0px 0.92vw;
	}

		.nav .nav-ul li.dropdown a {
			padding: 33px 0.5vw;
			display: block;
			font-size: 16px;
			color: #333;
			text-transform: capitalize;
		}

	.navbar-toggle {
		margin-right: 0
	}

	.container-fluid > .navbar-header {
		margin-left: 0
	}

	li .dropdown-menu {
		margin: 0;
		padding: 0;
		display: none;
		border-radius: 0 !important;
	}

	.nav-ul li.dropdown:hover .dropdown-menu {
		display: block !important;
	}

	.nav-ul li .dropdown-menu li a {
		text-align: center
	}

		.nav-ul li .dropdown-menu li a:hover,
		.nav-ul li .dropdown-menu li.on a {
			color: #666;
		}

	.nav .nav-ul li.dropdown ul {
		min-width: 100%;
		position: absolute;
		width: 160px;
		left: 50%;
		margin-left: -80px;
	}

	.nav .nav-ul > li.dropdown a::after {
		content: '';
		display: block;
		width: 0;
		height: 5px;
		position: absolute;
		left: 0;
		bottom: 0px;
		transition: ease-in-out .35s;
		background: #0062a7;
		border-radius: 0px;
		z-index: -1;
	}

	.nav .nav-ul > li.dropdown a:hover:after,
	.nav .nav-ul li.dropdown.on a:after {
		width: 100%;
		z-index: 1;
	}

	.h-right {
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		align-items: center;
		height: 100%;
	}

		.h-right .iconfont {
			font-size: 22px;
		}

		.h-right a {
			margin-right: 25px;
			display: block;
			width: 44px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

	@media (max-width:768px) {
		.h-right {
			/*display: none;*/
			right:33px
		}

		.navbar-default .navbar-toggle:hover,
		.navbar-default .navbar-toggle:focus,
		.header .navbar-collapse[aria-expanded="true"] {
			background-color: #ffffff00 !important;
		}


		.header .logo {
			height: 30px;
			top: 5px;
		}

			.header .logo img {
				height: 100%;
				width: auto;
			}

		.navbar-header {
			height: 50px
		}

		.navbar-nav {
			float: none;
			overflow: hidden;
			width: 100%;
		}

		.nav-ul li.dropdown:hover .dropdown-menu {
			display: none !important
		}

		.nav-ul li.dropdown .dropdown-menu.show {
			display: block !important;
			margin-left: 0
		}

		.nav .nav-ul li.dropdown ul a {
			font-size: 14px;
			position: relative;
			font-family: "iconfont" !important;
			padding-left: 10px;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

			.nav .nav-ul li.dropdown ul a:after {
				position: absolute;
				left: -10px;
				content: "\e718"
			}

		.nav .nav-ul li.dropdown {
			padding: 5px 30px;
			position: relative;
			box-sizing: border-box;
			/* font-family: "iconfont" !important; */
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

			.nav .nav-ul li.dropdown:after {
				top: 35px
			}

			.nav .nav-ul li.dropdown ul {
				position: relative;
				float: none;
				width: 100%;
				border: 0;
				box-shadow: none;
			}



			.nav .nav-ul li.dropdown a {
				text-align: left;
				padding: 5px
			}

			.nav .nav-ul li.dropdown ul {
				position: static
			}
	}

	/*滚动*/
	.banner {
		width: 100%;
		overflow: hidden;
	}

		.banner .swiper-container {
			width: 100%;
			height: 100%;
			margin-left: auto;
			margin-right: auto;
		}

		.banner .swiper-button {
			display: none;
		}

		.banner .swiper-wrapper,
		.banner .swiper-slide {
			height: auto !important
		}

		.banner .swiper-slide {
			text-align: center;
			font-size: 18px;
			/* Center slide text vertically */
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
			position: relative;
		}
@media (max-width:768px) {



	.banner {
		
		padding-top: 50px;
	}
}
	/*.banner .swiper-slide img {
			width: 100% animation: mymove 4s linear 0s infinite alternate;*/
	/* Firefox: */
	/*-moz-animation: mymove 4s linear 0s infinite alternate;*/
	/* Safari and Chrome: */
	/*-webkit-animation: mymove 4s linear 0s infinite alternate;*/
	/* Opera: */
	/*-o-animation: mymove 4s linear 0s infinite alternate;
		}*/

	@keyframes mymove {
		from {
			transform: scale(1);
		}

		to {
			transform: scale(1.2);
		}
	}

	.banner .swiper-wrapper .section {
		position: absolute;
		color: #014780;
		line-height: 1.2;
		text-align: left;
		font-weight: normal;
		z-index: 9;
	}

	.banner .swiper-slide.swiper-slide-active .f-52 {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInUp1;
	}

	.banner .swiper-slide.swiper-slide-active .f-29 {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInUp1;
	}

	.banner .swiper-slide.swiper-slide-active .f-18 {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInUp1;
	}

	.line2 {
		background: #ececec;
	}

	/* 首页产品中心 */
	.home-pro {
		overflow: hidden;
		padding-top: 85px;
		padding-bottom: 70px;
		background: #fafafa;
	}

	.hpro-title {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 53px;
	}

		.hpro-title h3 {
			font-size: 42px;
			line-height: 50px;
			position: relative;
			color: #333;
			font-family: "sMedium";
			padding-right: 32px;
		}

			.hpro-title h3::after {
				position: absolute;
				width: 21px;
				height: 20px;
				content: "";
				background: url(../img/fengico.png) no-repeat center;
				top: 0px;
				right: 0px;
			}

	.hpro-nav {
		width: 49.38%;
		height: 55px;
		border-bottom: 1px solid #ebebeb;
	}

	.hpro-navswiper {
		width: 100%;
		height: 100%;
	}

		.hpro-navswiper .swiper-slide {
			width: auto;
			margin-right: 42px;
		}

		.hpro-navswiper p a {
			font-family: "sRegular";
			color: #666;
			font-size: 16px;
			line-height: 20px;
		}

			.hpro-navswiper p a:hover,
			.hpro-navon p a {
				color: #266cb5;
				font-family: "sMedium";
			}

	.hpro-main {
		position: relative;
	}

	.hpro-navnext,
	.hpro-navprev {
		width: 10px;
		height: 18px;
		background-size: 10px 18px;
		margin-top: -9px;
	}

	.hpro-navnext {
		background-image: url(../img/hpro-next.png);
		right: -60px;
	}

	.hpro-navprev {
		background-image: url(../img/hpro-prev.png);
		left: -60px;
	}

	.hpro-item {
		border: 1px solid #e9e9e9;
		transition: all 0.5s;
		background-color: #fff;
		padding-top: 36px;
		padding-bottom: 56px;
	}

	.hpro-intro {
		font-family: "sRegular";
		padding: 0 35px;
	}

		.hpro-intro h3 {
			font-size: 20px;
			line-height: 24px;
			color: #333;
			height: 24px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			overflow: hidden;
		}

		.hpro-intro p {
			color: #666;
			font-size: 16px;
			line-height: 24px;
			margin-top: 12px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			overflow: hidden;
		}

	.hpro-btn {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
	}

		.hpro-btn a {
			display: block;
			width: 126px;
			height: 48px;
			line-height: 46px;
			text-align: center;
			font-family: "sRegular";
			margin: 0 9px;
			transition: all 0.5s;
		}

	.hpro-more {
		color: #333;
		border: 1px solid #767676;
	}

	.hpro-price {
		border: 1px solid #c91720;
		color: #c9151e;
	}

	.hpro-more:hover {
		background-color: #266cb5;
		color: #fff;
		border-color: #266cb5;
	}

	.hpro-price:hover {
		background-color: #c91720;
		color: #fff;
	}

	.hpro-img {
		width: 100%;
		height: 350px;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}

		.hpro-img img {
			width: 100%;
			max-height: 100%;
			transition: all 0.5s;
		}

	.hpro-item:hover {
		box-shadow: 2px 2px 15px #d3d3d3;
		border-color: transparent;
	}

		.hpro-item:hover .hpro-img img {
			transform: scale(1.1);
		}

		.hpro-item:hover .hpro-more {
			background-color: #266cb5;
			color: #fff;
			border-color: #266cb5;
		}

	.hpro-swiper {
		padding-bottom: 78px;
		position: relative;
	}

		.hpro-swiper > .swiper-pagination-bullets {
			bottom: 0px;
		}

		.hpro-swiper .swiper-pagination {
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			display: flex;
			justify-content: center;
		}

		.hpro-swiper .swiper-pagination-bullet {
			width: 16px;
			height: 16px;
			background-color: #c1c1c1;
			border-radius: 2px;
			opacity: 1;
			margin: 0 9px;
			transition: all 0.3s ease;
		}

		.hpro-swiper .swiper-pagination-bullet-active {
			background-color: #266cb5;
			border-radius: 2px;
		}

	.all-pro {
		text-align: center;
		display: block;
		font-family: "sRegular";
		margin: 16px 0 2.5vw 0;
		text-transform: uppercase
	}

		.all-pro span {
			font-size: 18px;
			line-height: 18px;
			display: inline-block;
			border-bottom: 2px solid #b0b0b0;
			color: #666;
			transition: all 0.5s;
		}

			.all-pro span:hover {
				color: #266cb5;
				border-bottom-color: #266cb5;
			}

	@media (max-width: 1700px) {
		.hpro-nav {
			width: 55%;
		}
	}

	@media (max-width: 1600px) {
		.hpro-navswiper .swiper-slide {
			margin-right: 30px;
		}
	}

	@media (max-width: 1400px) {
		.hpro-nav {
			width: 62%;
		}

		.hpro-intro {
			padding-left: 20px;
		}

			.hpro-intro h3 {
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
	}

	@media (max-width: 1200px) {
		.hpro-item {
			padding-bottom: 40px;
		}

		.hpro-navswiper .swiper-slide {
			margin-right: 30px;
		}
	}

	@media (max-width: 991px) {
		.home-pro {
			padding-top: 35px;
			padding-bottom: 40px;
		}

		.hpro-title h3 {
			font-size: 30px;
			line-height: 40px;
			padding-right: 25px;
		}

		.hpro-nav {
			width: calc(100% - 200px);
			height: 38px;
		}

		.hpro-navswiper .swiper-slide {
			margin-right: 12px;
		}

		.hpro-title {
			margin-bottom: 30px;
		}

		.hpro-navnext {
			right: 10px;
			margin-top: -70px;
		}

		.hpro-navprev {
			left: 10px;
			margin-top: -70px;
		}

		.hpro-item {
			padding-top: 20px;
		}

		.hpro-intro h3 {
			font-size: 18px;
		}

		.hpro-intro p {
			margin-top: 6px;
		}

		.hpro-btn a {
			width: 42%;
			margin: 0 6px;
		}

		.hpro-swiper {
			padding-bottom: 60px;
		}

		.all-pro {
			margin-top: 10px;
		}
	}

	@media (max-width: 559px) {
		.hpro-nav {
			width: 100%;
			margin-top: 10px;
		}
	}

	/* 首页技术服务 */
	.line3 {
		background: url(../images/line4.png) no-repeat center;
		background-size: cover;
		height: 745px;
	}

	.htec-main {
		display: flex;
		flex-wrap: wrap;
		padding-top: 102px;
	}

	.htec-left {
		width: 50%;
	}

		.htec-left h3 {
			font-size: 42px;
			line-height: 42px;
			font-family: "sMedium";
			margin-bottom: 52px;
			color: #fff;
		}

	.htec-intro {
		font-size: 18px;
		color: #fff;
		line-height: 36px;
		font-family: "sRegular";
		max-width: 710px;
		margin-bottom: 6vw;
	}

		.htec-intro a.more {
			font-size: 18px;
			color: #fff;
			height: 42px;
			border: 2px #fff solid;
			width: 118px;
			display: block;
			text-align: center;
			line-height: 38px;
		}

	.htec-list {
		display: flex;
		max-width: 710px;
		align-items: center;
		justify-content: space-between;
	}

		.htec-list li {
			background: #fff;
			width: 30%;
			height: 145px;
			border-radius: 4px;
			margin-right: 5%;
		}

			.htec-list li:last-child {
				margin-right: 0;
			}

	.htec-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 1;
		transition: all 0.5s;
		height: 100%;
	}

	.htech-icon {
		height: 44px;
	}

		.htech-icon img {
			transition: all 0.5s;
		}

	.htec-list li p {
		color: #666;
		font-size: 18px;
		line-height: 26px;
		margin-top: 20px;
		font-family: "sRegular";
	}

	.htec-item:hover .htech-icon img {
		transform: rotateY(180deg);
	}

	.htec-right {
		width: 50%;
		padding-left: 10px;
	}

	.htec-img {
		width: 100%;
		overflow: hidden;
		position: relative;
	}

		.htec-img img {
			width: 100%;
			transition: all 0.5s;
		}

		.htec-img p {
			position: absolute;
			top: 45px;
			left: 54px;
			color: #fff;
			font-size: 18px;
			line-height: 24px;
			font-family: "sRegular";
		}

	.htec-imgwrap {
		margin-top: 18px;
		display: flex;
		justify-content: space-between;
	}

	.htec-imgitem {
		width: calc(50% - 8px);
	}

		.htec-imgitem .htec-img p {
			top: 32px;
		}

	.htec-img:hover img {
		transform: scale(1.1);
	}

	@media (max-width: 1700px) {
		.htec-intro {
			margin-bottom: 120px;
		}
	}

	@media (max-width: 1400px) {

		.htec-intro {
			margin-bottom: 90px;
		}

		.htec-right {
			padding-left: 0px;
		}
	}

	@media (max-width: 1200px) {

		.htec-intro {
			margin-bottom: 60px;
		}

		.htec-left h3 {
			margin-bottom: 20px;
		}
	}

	@media (max-width: 991px) {

		.line3 {
			height: auto;
		}

		.htec-left {
			margin-bottom: 25px;
			width: 100%;
		}

		.htec-right {
			width: 100%;
		}

		.htec-main {
			padding-top: 35px;
			padding-bottom: 30px;
		}

		.htec-intro {
			margin-bottom: 20px;
			font-size: 16px;
			line-height: 30px;
		}

		.htec-list li p {
			font-size: 16px;
			margin-top: 10px;
			margin-bottom: 15px;
		}

		.htec-left h3 {
			margin-bottom: 10px;
			font-size: 30px;
			line-height: 30px;
		}
	}

	@media (max-width: 559px) {
		.htec-img p {
			left: 25px;
			top: 18px;
		}

		.htec-imgitem .htec-img p {
			top: 18px;
		}

		.htec-imgitem {
			width: 100%;
			margin-bottom: 18px;
		}

		.htec-imgwrap {
			flex-wrap: wrap;
		}

		.htec-main {
			padding-top: 30px;
			padding-bottom: 12px;
		}

		.htec-list li {
			padding-right: 0px;
			flex: 1;
		}
	}

	.line6 {
		background: #f7f7f7;
	}

	.line6-box .line-title {
		padding-top: 2vw;
		text-align: left;
		font-size: 42px;
	}

		.line6-box .line-title span {
			font-size: 22px;
			color: #a1a1a1;
			text-transform: uppercase;
			font-weight: normal;
			margin-left: 14px;
		}

	.line6-box {
		width: 96%;
		max-width: 1600px;
		margin: 0 auto;
	}

	.linee3 {
		padding: 3vw 0 2.2vw 0;
	}

		.linee3 div a {
			border: 0;
			display: flex;
			width: 90%;
			margin: 0 auto;
		}

		.linee3 .time {
			width: 100px;
			color: #999999;
			font-family: 'mydin', 'Microsoft YaHei UI';
			line-height: 1;
			position: static;
			background: none;
			font-weight: lighter;
		}

		.linee3 .news-Ainfo {
			flex: 1;
			width: auto;
			padding: 0 1vw;
			border-left: 1px #e5e5e5 solid
		}

			.linee3 .news-Ainfo p {
				color: #666;
				line-height: 1.75;
				font-size: 16px;
			}

			.linee3 .news-Ainfo h2 {
				line-height: 1.2;
				width: 100%;
				overflow: hidden;
				height: 26px;
				text-overflow: ellipsis;
				font-size: 21px;
				margin: 0;
				margin-bottom: 10px;
				color: #333;
			}

			.linee3 .news-Ainfo i {
				display: block;
				font-size: 25px;
				color: #c6c6c6;
				line-height: 32px;
				border-radius: 100%;
				margin-top: 10px;
				width: 32px
			}

		.linee3 a:hover .time,
		.linee3 a:hover .icon {
			color: #0062a7;
		}

	.font-30 {
		font-size: 0.375rem;
	}

	.font-32 {
		font-size: 32px;
	}

	.font-36 {
		font-size: 36px;
	}

	.font-22 {
		font-size: 0.275rem
	}

	@media screen and (max-width:768px) {
		.line6-box .line-title {
			margin-bottom: 3%;
		}

			.line6-box .line-title span {
				font-size: 18px;
			}

		.line6-box {
			width: 98%;
			margin: 0 auto;
		}

		.col-xs-12 {
			margin-bottom: 3vw;
		}
	}

	.footer {
		background: #494949;
		overflow: hidden
	}

	.line-w {
		position: relative;
	}

	.f-nav {
		padding: 4% 0
	}

		.f-nav .f-nav-box > div {
			min-height: 200px;
			border-right: 1px #5c5c5c solid
		}

		.f-nav p {
			font-size: 16px;
			color: #fff;
			text-transform: capitalize;
			padding-bottom: 5px;
			margin-bottom: 0;
			text-align: center;
		}

		.f-nav a {
			color: #888;
			font-size: 16px;
			line-height: 26px;
			display: block;
			color: #888;
			text-align: center;
		}

	.en.f-nav a, .en.f-nav p {
		text-align: left;
	}

	.rwm {
		text-align: right;
		font-size: 16px;
		color: #888888;
	}

		.rwm div {
			text-align: center;
			width: 100%;
			color: #888888;
			display: flex;
			align-items: center;
			flex-direction: column;
			line-height: 1.2
		}

		.rwm img {
			width: 100%;
			max-width: 128px;
			display: inline-block;
			margin: 15px 0
		}

	.f-copy {
		padding: 20px 0;
		color: #fff;
		background: #333333;
		font-size: 14px;
		position: relative;
	}

	#backToTop {
		position: absolute;
		bottom: 0;
		right: 0
	}

	.f-copy div {
		min-width: 40%;
	}

	.f-nav .lxwm {
		font-size: 16px;
		color: #888;
		line-height: 24px;
	}

	.f-nav .lxwm {
		font-size: 16px;
		color: #888;
		line-height: 24px;
	}

	.f-copy div.fr {
		text-align: right
	}

	.f-copy select {
		width: 230px;
		height: 35px;
		color: #fff;
		background: #333333;
		border: 1px #616161 solid;
	}

	@media (min-width: 992px) {
		.f-nav .col-md-1 {
			width: 15.5%;
		}

		.en.f-nav .col-md-4 {
			width: 29%;
		}

		.en.f-nav .col-md-1 {
			width: 15%;
		}

		.f-nav .col-md-7 {
			width: 38%;
		}

		.f-nav .box {
			display: flex;
			justify-content: space-between;
		}

		.f-nav .f-nav-box {
			flex: 1
		}

		.f-nav .rwm {
			width: 200px;
			flex-shrink: 0;
		}
	}



	.zHead {
		background: #fff;
		border-bottom: 1px #eeeeee solid;
	}

		.zHead .section a,
		.zHead .section {
			color: #333
		}

			.zHead .section span {
				color: #333
			}

			.zHead .section .tab {
				display: flex;
				align-items: center;
				justify-content: space-between;
				flex-wrap: wrap;
			}


				.zHead .section .tab a {
					height: 80px;
					position: relative;
					display: flex;
					align-items: center;
					justify-content: center;
					line-height: 1.2;
					padding: 0 10px;
					flex: 1;
					text-align: center;
					color: #333333;
					font-size: 16px;
				}

			.zHead .section.cpt .tab a {
				width: 25%;
			}

	@media (max-width: 991px) {
		.zHead .section .tab a {
			width: 50% !important;flex:inherit !important
		}
		.zHead .section {
		width:100% !important
		}
	}

	.zHead .section .tab a:before {
		content: " ";
		position: absolute;
		top: 50%;
		right: 0;
		height: 20px;
		width: 2px;
		background: #dbdbdd;
		;
		margin-top: -10px
	}

	.zHead .section .tab a:last-child:before {
		display: none
	}

	.zHead .section .tab a.on {
		color: #fff;
		background: #006abc
	}

		.zHead .section .tab a.on:before {
			display: none;
		}

	.zHeads {
		height: 60px;
		line-height: 60px;
		color: #788088;
		font-size: 14px;
	}

		.zHeads a {
			color: #788088;
		}

	/* .zHead .section .tab a:hover:after,.zHead .section .tab a.on:after{content:" ";position:absolute;top:0;width:100%;left:0;height:3px;
background:#ff6600;} */
	.zTit {
		font-size: 49px;
		text-align: center;
		color: #000;
		padding: 2.5vw 0;
		line-height: 1;
		animation-duration: 1s;
		animation-fill-mode: both;
		animation-timing-function: ease;
		animation-name: fadeInDown
	}

	@keyframes fadeInDown {
		0% {
			opacity: 0;
			transform: translateY(-20px)
		}

		to {
			opacity: 1;
			transform: translateY(0)
		}
	}

	.fadeInDown {
		animation-name: fadeInDown
	}

	@media (max-width: 991px) {
		.zTit {
			padding: 10vw 0 5vw 0;
			font-size: 28px;
		}
	}

	@media (min-width: 991px) {
		.zTit {
			font-size: 32px;
		}
	}

	@media (min-width: 1080px) {
		.zTit {
			font-size: 38px;
		}
	}

	@media (min-width: 1400px) {
		.zTit {
			font-size: 42px;
		}
	}

	.aritive {
		font-size: 18px;
		line-height: 45px;
	}

		.aritive img {
			max-width: 100% !important;
			margin: 5px auto
		}

	.jj {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px #e1e1e1 solid;
	}

		.jj span {
			font-size: 64px;
			color: #006abc;
			font-weight: bold;
			font-family: Arial;
			display: flex;
			align-items: center;
		}

		.jj .info {
			font-size: 14px;
			font-weight: bold;
			color: #666666;
			line-height: 24px;
			background: url(../images/jj0.jpg) no-repeat 12px center;
			padding-left: 40px;
		}

	.jjbox {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	@media (max-width: 768px) {
		.en .jjbox {
			flex-direction: column
		}

		.aritive {
			line-height: 1.4;
		}
	}

	.jjbox sup {
		font-size: 15px;
	}

	@media (max-width: 991px) {
		.jj {
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-direction: column;
		}
	}

	.jjbox i {
		font-style: normal;
	}

	.htec-row {
		width: 100%;
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		padding: 3vw 0 4.5vw 0;
	}

	.htec-row-li {
		width: 32.5%;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: space-between;
	}

	.js .htec-row-li {
		gap: 25px;
	}

	.js .htec-img {
		max-height: 293px
	}
	/* 企业文化 */
	.culture-wrap {
		padding-bottom: 4.5vw;
		overflow: hidden;
		width: 100%;
	}

	.culture-list {
		display: flex;
		flex-wrap: wrap;
	}

		.culture-list li {
			flex: 1;
		}

	.culture-img {
		width: 100%;
		border-right: 1px solid #fff;
		overflow: hidden;
	}

	.culture-list li:last-child .culture-img {
		border-right: none;
	}

	.culture-list li img {
		transition: all 0.5s;
	}

	.culture-img img {
		width: 100%;
	}

	.culture-info {
		background-color: #f6f8fb;
		border-right: 1px solid #e5e5e5;
		padding-top: 34px;
		display: flex;
		flex-direction: column;
		align-items: center;
		font-family: "sNormal";
		min-height: 425px;
	}

	.culture-list li:last-child .culture-info {
		border-right: none;
	}

	.culture-icon {
		height: 77px;
		display: flex;
		align-items: center;
		margin-bottom: 30px;
	}

	.culture-info h3 {
		font-size: 24px;
		line-height: 24px;
		color: #333;
		margin-bottom: 10px;
	}

	.culture-info p {
		line-height: 36px;
		color: #666;
		font-size: 18px;
		padding: 0 70px;
		text-align: center;
	}

	.en .culture-info p {
		line-height: 20px;
		padding: 0 40px;
	}

	.culture-list li:hover .culture-img img {
		transform: scale(1.1);
	}

	.culture-list li:hover .culture-icon img {
		transform: rotate(45deg);
	}

	@media (max-width: 1600px) {
		.culture-info p {
			padding: 0 40px;
		}
	}

	@media (max-width: 1200px) {
		.culture-list li {
			flex: none;
			width: 50%;
		}
	}

	@media (max-width: 991px) {
		.zHead .section .tab a {
			padding: 0;
		}

		.culture-info {
			min-height: 330px;
		}

			.culture-info p {
				padding: 0 30px;
				font-size: 16px;
				line-height: 30px;
			}

		.culture-icon {
			margin-bottom: 20px;
		}

		.culture-wrap {
			padding-bottom: 40px;
		}
	}

	@media (max-width: 599px) {
		.culture-list li {
			width: 100%;
		}

		.culture-img {
			border-right: none;
		}

		.culture-info {
			border-right: none;
		}

		.culture-info {
			min-height: 30px;
			height: auto;
			padding: 25px 0px;
		}

			.culture-info p {
				padding: 0 20px;
			}

		.culture-icon {
			height: auto;
		}
	}

	@-webkit-keyframes fadeInUp1 {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, 20%, 0);
			transform: translate3d(0, 20%, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}

	@keyframes fadeInUp1 {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, 20%, 0);
			transform: translate3d(0, 20%, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}

	.fadeInUp1 {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInUp1;
	}

	@keyframes fadeInUp {
		0% {
			opacity: 0;
			transform: translateY(20px)
		}

		to {
			opacity: 1;
			transform: translateY(0)
		}
	}

	.fadeInUp {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-name: fadeInUp
	}

	@-webkit-keyframes fadeInRight {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(100%, 0, 0);
			transform: translate3d(100%, 0, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}

	@keyframes fadeInRight {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(100%, 0, 0);
			-ms-transform: translate3d(100%, 0, 0);
			transform: translate3d(100%, 0, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
		}
	}

	.fadeInRight {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
	}

	@-webkit-keyframes fadeInLeft {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}

	@keyframes fadeInLeft {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(-100%, 0, 0);
			-ms-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
		}
	}

	.fadeInLeft {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
	}

	.tec-li .col-md-4 {
		margin-bottom: 2vw
	}

	.tec-li .a {
		display: block;
		width: 98%;
		margin: 0 auto
	}

	.tec-img {
		width: 100%;
		overflow: hidden;
		height: auto;
		display: flex;
		align-items: center;
		/*justify-content:center;*/
		background: #fafafa;
	}

		.tec-img img {
			display: block;
			margin: 0 auto;
			padding: 20px;
			max-width: 100%;
			min-height: 100%;
		}

	.tec-li a span {
		font-size: 18px;
		line-height: 30px;
		height: 30px;
		text-align: center;
		display: block;
		width: 100%;
		padding: 10px;
		box-sizing: initial;
		color: #333;
	}

	.amore {
		height: 51px;
		width: 230px;
		background: #006abc;
		color: #fff !important;
		display: block;
		margin: 0 auto;
		text-align: center;
		line-height: 51px;
	}

	.rongyu,
	.zuzhijg {
		padding-bottom: 3vw;
	}

	.lishiYG {
		background: url(../images/lishiYG.jpg) no-repeat 0 center;
		background-size: cover;
		min-height: 37vw;
		padding-bottom: 10vw;
	}


	/* 时间轴主容器 */
	.timeline-container {
		position: relative;
		width: 100%;
		padding: 0 0;
	}

		/* 时间线 */
		.timeline-container .timeline-line {
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;
			height: 2px;
			background-color: #fff;
			z-index: 1;
			transform: translateY(-50%);
		}


			.timeline-container .timeline-line:before {
				left: 0;
				background-color: #fff;
			}

			.timeline-container .timeline-line:after {
				right: 0;
				background-color: #ff6b00;
			}

		/* Swiper容器 */
		.timeline-container .swiper {
			width: 100%;
			height: 200px;
			position: relative;
			z-index: 2;
		}

		/* 单个节点 */
		.timeline-container .timeline-node {
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			height: 100%;
			padding: 0 5px;
		}

		/* 节点圆点 */
		.timeline-container .node-dot {
			width: 15px;
			height: 15px;
			background-color: #da5d1b;
			border-radius: 50%;
			position: relative;
			z-index: 3;
			flex-shrink: 0;
			transition: all 0.3s ease;
			border: 2px #fff solid;
		}

			.timeline-container .node-dot::after {
				height: 10px;
				width: 2px;
				background: #fff;
				position: absolute;
				content: "";
				left: 50%;
				margin-left: -1px;
			}

		.timeline-container .timeline-node.swiper-slide:nth-child(odd) .node-dot::after {
			top: -10px
		}

		.timeline-container .timeline-node.swiper-slide:nth-child(even) .node-dot::after {
			bottom: -10px
		}

		/* 节点内容容器 */
		.timeline-container .node-content {
			text-align: center;
			padding: 30px 5px;
			width: 100%;
		}

		.timeline-container .node-year {
			font-size: 32px;
			font-weight: bold;
			color: #fff;
			white-space: nowrap;
			line-height: 1;
		}

		.timeline-container .node-event {
			font-size: 16px;
			font-weight: bold;
			padding: 10px 0 0 0;
			color: #fff;
			line-height: 1.4;
			white-space: nowrap;
		}

		/* 图片样式：奇数节点在线下 */
		.timeline-container .timeline-node.swiper-slide:nth-child(odd) {
			flex-direction: column;
			margin-top: -32px;
		}

			.timeline-container .timeline-node.swiper-slide:nth-child(odd) .node-content {
				order: 1;
			}

			.timeline-container .timeline-node.swiper-slide:nth-child(odd) .node-dot {
				order: 2;
			}

		/* 图片样式：偶数节点在线上 */
		.timeline-container .timeline-node.swiper-slide:nth-child(even) {
			/* flex-direction: column-reverse; */
			margin-top: 93px
		}



		/* 活动节点样式 */
		/* .timeline-container  .timeline-node.swiper-slide-active .node-dot {
                 width: 16px;
                 height: 16px;
                 box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
             } */

		/* Swiper导航按钮 */
		.timeline-container .swiper-button-next,
		.timeline-container .swiper-button-prev {
			width: 55px;
			height: 55px;
			background-color: #fff;
			color: #000;
			border-radius: 0;
			top: 50%;
			transform: translateY(-50%);
			margin-top: 0;
			transition: all 0.3s ease;
		}

			.timeline-container .swiper-button-next:after,
			.timeline-container .swiper-button-prev:after {
				font-size: 20px;
				font-weight: bold;
			}

		.timeline-container .swiper-button-prev {
			left: 0;
		}

		.timeline-container .swiper-button-next {
			right: 0;
		}

			.timeline-container .swiper-button-next:hover,
			.timeline-container .swiper-button-prev:hover {
				background-color: #ff6b00;
				color: #fff;
			}

			.timeline-container .swiper-button-next.swiper-button-disabled,
			.timeline-container .swiper-button-prev.swiper-button-disabled {
				opacity: 0.3;
				cursor: not-allowed;
				pointer-events: auto;
			}

				.timeline-container .swiper-button-next.swiper-button-disabled:hover,
				.timeline-container .swiper-button-prev.swiper-button-disabled:hover {
					background-color: #fff;
					color: #000;
				}

		/* 分页指示器 */
		.timeline-container .swiper-pagination {
			position: relative;
			margin-top: 20px;
			display: none;
		}

		.timeline-container .swiper-pagination-bullet {
			background-color: #fff;
			opacity: 0.3;
			width: 6px;
			height: 6px;
		}

		.timeline-container .swiper-pagination-bullet-active {
			background-color: #ff6b00;
			opacity: 1;
		}

	/* 小屏幕样式 */
	/*  @media (max-width: 768px) {
               .timeline-container   .timeline-container {
                     padding: 0 50px; 
                 }
                 
               .timeline-container   .swiper-button-next,
               .timeline-container   .swiper-button-prev {
                     width: 35px;
                     height: 50px;
                 }
                 
                .timeline-container  .node-content {
                     max-width: 140px;
                 }
                 
                .timeline-container  .node-year {
                     font-size: 16px;
                 }
                 
                .timeline-container  .node-event {
                     font-size: 12px;
                 }
                 
                .timeline-container  .title {
                     font-size: 24px;
                     margin-bottom: 40px;
                 }
             }
             */


	/* 指示器 */
	.indicator {
		text-align: center;
		margin-top: 20px;
		color: #aaa;
		font-size: 13px;
	}

	.instructions {
		text-align: center;
		margin-top: 40px;
		color: #888;
		font-size: 13px;
		line-height: 1.6;
	}

		.instructions strong {
			color: #ff6b00;
		}

	.cp {
		padding-bottom: 3vw;
	}

		.cp > div {
			padding-top: 2.9vw;
		}


	.aview .img {
		border: 1px #eeeeee solid;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.aview .img img {
			max-width: 100%;
			max-width: 100%;
			display: block;
		}

	.aview .text {
		font-size: 16px;
		color: #333;
		line-height: 34px;
		max-width: 600px;
	}

	@media (min-width: 991px) {
		.aview .text {
			margin-left: 3%;
		}
	}

	@media (min-width:1300px) {
		.aview .text {
			margin-left: 9%;
		}
	}

	.aview .text > div {
		margin: 10px 0;
	}

	.aview .text .tit {
		font-size: 30px;
		color: #333;
		padding: 10px 0 15px 0;
		margin: 0;
		margin-bottom: 25px;
	}

	.aview .text span {
		color: #000;
	}



	/* .znews*/
	.znews {
		padding: 0
	}

		.znews .newsLi li {
			display: flex;
			margin-top: 37px;
		}

		.znews .newsLi * {
			margin: 0;
			padding: 0
		}

		.znews .newsLi .newsTime {
			color: #999;
			font-size: 16px;
			margin-bottom: 10px;
		}

		.znews .newsLi li .newsTxt h2 {
			font-size: 22px;
			font-weight: normal;
			color: #414141;
			line-height: 1;
			padding: 15px 0 14px;
		}

		.znews .newsTxt p {
			line-height: 24px;
			color: #666;
			font-size: 16px;
			margin-bottom: 10px;
			overflow: hidden;
			max-height: 48px;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}

	.newsLi .newsTxt {
		margin-left: 25px;
		flex: 1;
		border-bottom: 1px #e0e0e0 solid;
	}

	.newsImg {
		width: 290px;
		height: 165px;
		flex-shrink: 0;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.newsImg img {
			max-height: 100%;
			max-width: 100%;
			width: 100%;
			display: block;
		}

	.zbox {
		background: #fff;
		padding: 3vw 0;
		margin: 0 auto;
	}

	.newsBox * {
		line-height: 40px;
	}

	.newsBox h2.title {
		font-size: 30px;
		text-align: center;
		line-height: 1.2;
		color: #333
	}

	.newsBox p.time {
		border-bottom: 1px #e5e5e5 solid;
		color: #666;
		padding: 7px 0 12px 0;
		font-size: 16px;
		text-align: center;
		margin: 0 auto;
		line-height: 1;
	}

		.newsBox p.time * {
			font-size: 16px;
		}

	@media (max-width: 996px) {
		.znews .newsLi li {
			display: block;
		}

		.newsImg {
			margin: 0 auto !important;
		}

		.newsLi .newsImg {
			margin: 0 5% !important;
			width: 90%;
			aspect-ratio: 290/165;
			height: auto;
			overflow: hidden
		}

		.newsLi .newsTxt {
			margin: 0 5%;
		}

		.newsBox * {
			line-height: 1.86;
			font-size: 16px;
		}

		.newsBox h2.title {
			font-size: 24px;
			max-width: 96%;
			margin: auto;
		}

		.newsBox p.time,
		.newsBox p.time * {
			font-size: 14px;
		}

		.znews .newsLi li .newsTxt h2 {
			font-size: 20px;
			line-height: 1.4;
			padding: 15px 0 0;
		}
	}

	.article {
		font-size: 18px;
		color: #666;
		width: 100%;
		margin: 2vw auto
	}

		.article img {
			display: inline-block;
			width: auto;
			max-width: 100%;
		}

	.font-btn.active {
		color: #f89820;
	}

	.map {
		width: 100%;
		height: 57.8vh;
		position: relative;
		border: 1px #c8c8c8 solid;
		margin: 0 auto;
		margin-bottom: 2.8%;
	}

	.contactBox .col-sm-12 {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin: 1.8% 0 2% 0;
		padding: 0 0 10px 0;
	}

		.contactBox .col-sm-12 i {
			width: 60px;
			height: 60px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50px;
			border: 2px #dddddd solid;
			font-size: 30px;
			margin-right: 18px;
			color: #ec903d;
			padding-left: 10px
		}

		.contactBox .col-sm-12 div {
			font-size: 16px;
			line-height: 26px;
		}

	.contactBox .col-md-5 div {
		max-width: 100%;
	}

	/* 生产介绍 */
	.SCJS {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
	}

		.SCJS .htec-row-li {
			width: 15.5%;
		}

			.SCJS .htec-row-li .htec-img {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.SCJS .htec-row-li > div {
				margin-top: 18px;
				border: 1px #c3c4c4 solid;
			}

			.SCJS .htec-row-li:nth-child(1), .SCJS .htec-row-li:nth-child(2) {
				width: 16%;
			}

			.SCJS .htec-row-li:nth-child(4) {
				width: 16.5%;
			}

			.SCJS .htec-row-li:nth-child(1) .htec-img {
				height: 208px;
			}

			.SCJS .htec-row-li:nth-child(2) .htec-img {
				height: 208px;
			}

			.SCJS .htec-row-li:nth-child(3) .htec-img {
				height: 133px;
			}

			.SCJS .htec-row-li:nth-child(4) .htec-img {
				height: 133px;
			}

			.SCJS .htec-row-li:nth-child(5) {
				width: 32%;
			}

				/*.SCJS .htec-row-li:nth-child(5) > div:nth-child(1) .htec-img {
					height: 133px;
				}*/

				.SCJS .htec-row-li:nth-child(5) > div:nth-child(2) .htec-img {
					height: 284px;
				}

				.SCJS .htec-row-li:nth-child(5) > div {
					height: 100%;
					max-height: 453px;
					border: none;
				}

					.SCJS .htec-row-li:nth-child(5) > div .htec-img {
						border: 1px #c3c4c4 solid;
					}

					.SCJS .htec-row-li:nth-child(5) > div:nth-child(1) .htec-img:nth-child(1) {
						margin-right: 5%;
					}

			.SCJS .htec-row-li .htec-img {
				position: relative;
			}

				.SCJS .htec-row-li .htec-img span {
					position: absolute;
					bottom: 0;
					left: 0;
					display: block;
					text-align: center;
					width: 100%;
					background: #00b0f0;
					color: #fff;
					line-height: 1;
					padding: 6px 0
				}

				.SCJS .htec-row-li .htec-img img {
					min-height: 100%;
				}

	.SCJSw {
		background: url(../images/jsyfbg.jpg) no-repeat center bottom;
		background-size: cover;
	}

	.SCJSw2 {
		background: url(../images/jsyfbg2.jpg) no-repeat center bottom;
		background-size: cover;
	}

	@media (max-width:1300px) {
		.SCJS.htec-row {
			flex-wrap: wrap;
		}

		.SCJS .htec-row-li, .SCJS .htec-row-li:nth-child(1), .SCJS .htec-row-li:nth-child(2),
		.SCJS .htec-row-li:nth-child(4) {
			width: 49.5%;
		}

			.SCJS .htec-row-li:nth-child(5) {
				width: 100%;
			}

				.SCJS .htec-row-li:nth-child(5) > div {
					width: 100%;
				}

					.SCJS .htec-row-li:nth-child(5) > div:nth-child(1) .htec-img:nth-child(1) {
						margin-right: 1%;
					}
	}

	.SCJSw .ywfbTiT {
		color: #000;
		font-size: 30px;
		font-weight: bold;
		padding-top: 2vw;
		line-height: 1;
		animation-duration: 1s;
		animation-fill-mode: both;
		animation-timing-function: ease;
		animation-name: fadeInDown
	}

	@media (max-width:991px) {
		.SCJSw .ywfbTiT {
			text-align: center;
			padding-top: 5vw;
			font-size: 28px;
			padding: 10vw 0 5vw 0;
		}
	}

	.SCJSw2_BOX {
		max-width: 780px;
	}

	.en .SCJSw2_BOX {
		max-width: 890px;
	}

	.SCJSw2_BOX .tit {
		font-size: 53px;
		font-family: 'PingFang';
		padding: 9.5vw 0 1.6vw 0;
		line-height: 1;
	}

	.SCJSw2_BOX .cont {
		line-height: 36px;
		color: #333;
		padding-bottom: 3.5vw;
	}

	.SCJSw2_BOX .cont {
		width: 92%
	}

	@media (max-width:1500px) {
		.SCJSw2_BOX .tit {
			font-size: 42px;
		}
	}

	@media (max-width:1300px) {
		.SCJSw2_BOX .tit {
			font-size: 36px;
		}
	}

	@media (max-width:991px) {
		.SCJSw2_BOX .tit {
			font-size: 28px;
			text-align: center;
			padding: 10vw 0 5vw 0;
		}

		.SCJSw2_BOX .cont {
			width: 100%
		}
	}

	.sjjc {
		background: #ffffff80;
		box-shadow: 0 0 10px 2px #006abc20;
		padding: 2.2vw 1.8vw 0 1.8vw;
		width: 98%;
		margin: 30px auto 0 auto;
		max-width: 1600px;
	}

		.sjjc .col-xs-12 {
			padding-bottom: 1.5vw;
			padding-top: 1vw;
		}

			.sjjc .col-xs-12 img {
				display: block;
				height: 180px;
				width: auto;
				margin: 0 auto;
			}

			.sjjc .col-xs-12 span {
				height: 65px;
				display: flex;
				align-items: center;
				justify-content: center;
			}