@charset "UTF-8";

body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select, div, span, a, aside, article, section, header, nav, footer, label, img {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

fieldset, img {
	border: 0;
}

img {
	vertical-align: middle;
	max-width: 100%;
}

ol, ul, li {
	list-style-type: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	word-break: break-all;
}

button, input, select, textarea {
	font-family: inherit;
	margin: 0;
	outline: none;
	resize: none;
	border: none;
	background: none;
}

html {
	verflow: -Scroll;
	overflow-x: hidden;
	zoom: 1;
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	line-height: 1.25
}

body {
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	font-family: 'PingFang SC', ' ', Arial, 'simsun', HELVETICA;
	min-width: 320px;
}

a {
	color: #666;
	text-decoration: none;
	transition: all ease 0.3s;
}

	a:hover {
		color: var(--color-four);
	}

:root {
	--color-whiteblock: #ffffff;
	--color-blockwhite: #000000;
	--color-one: #3f3b3a;
	--color-two: #1c1f2a;
	--color-three: #182e65;
	--color-four: #184189;
	--color-fiver: #a2a2a2;
	/*CCC*/
	--main-temBold: 'temBold';
	--main-temLight: 'temLight';
	--main-temMid: 'temMid';
	--main-temRegular: 'temRegular';
	--main-temThin: 'temThin';
	--main-color: #08426d;
	--main-color-white: #ffffff;
	--main-color-555: #555555;
	--main-color-999: #999999;
	--main-color-666: #666666;
	--main-color-333: #333333;
	--main-color-888: #888888;
	--main-color-222: #222222;
	--main-transition: all ease 0.4s;
	--main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/*去除苹果默认样式*/

/*input, textarea { -webkit-appearance: none; }*/

/*默认placeholder颜色*/ ::-webkit-input-placeholder {
	color: #888;
}

:-moz-placeholder {
	color: #888;
}

::-moz-placeholder {
	color: #888;
}

:-ms-input-placeholder {
	color: #888;
}

/*简易栅格化*/
.col {
	margin-left: -10px;
	margin-right: -10px;
	zoom: 1;
}

	.col:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.col > li, .col .item {
		float: left;
		padding: 0 10px;
	}

		.col li img, .col .item img {
			max-width: 100%;
		}

.col-2 li, .col-2 .item {
	width: 50%;
}

.col-3 li, .col-3 .item {
	width: 33.3333%;
}

.col-4 > li, .col-4 .item {
	width: 25%;
}

.col-5 li, .col-5 .item {
	width: 20%;
}

.col-6 li, .col-6 .item {
	width: 16.6666%;
}

.col-8 li, .col-8 .item {
	width: 12.5%;
}

.col.k10 {
	margin-left: -5px;
	margin-right: -5px;
}

	.col.k10 > li, .col.k10 .item {
		padding: 0 5px;
	}

.col.k16 {
	margin-left: -8px;
	margin-right: -8px;
}

	.col.k16 > li, .col.k16 .item {
		padding: 0 8px;
	}

.col.k30 {
	margin-left: -15px;
	margin-right: -15px;
}

	.col.k30 > li, .col.k30 .item {
		padding: 0 15px;
	}

.col.k90 {
	margin-left: -45px;
	margin-right: -45px;
}

	.col.k90 > li, .col.k90 .item {
		padding: 0 45px;
	}

@media (max-width:1280px) {
	.col {
		margin-left: -10px;
		margin-right: -10px;
	}

		.col > li, .col .item {
			padding: 0 10px;
		}
}

@media (max-width:992px) {
	.col-4 > li, .col-4 .item {
		width: 50%;
	}

	.col {
		margin-left: -8px;
		margin-right: -8px;
	}

		.col > li, .col .item {
			padding: 0 8px;
		}
}

@media (max-width:768px) {
}

/* CSS活动的公共样式 */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.ce {
	text-align: center;
}

.oh {
	overflow: hidden;
}

.wp {
	position: relative;
	min-width: 320px;
	width: 90%;
	max-width: 1360px;
	margin: 0 auto;
}

@media (max-width:1600px) {
	.wp {
		width: 90%;
		max-width: 1200px;
	}
}

.pImg {
	position: relative;
	padding-top: 100%;
	display: block;
	overflow: hidden;
}

	.pImg img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: all 0.5s;
	}

.bgImg {
	background-position: center;
	background-size: cover;
	position: relative;
	transition: all 0.5s;
	display: block;
	width: 100%;
	height: 100%;
}

.gray {
	background: #efefef;
}

.elp {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.fix-border {
	padding: 0 1px;
}

/*常用位置标签*/
.pt-40 {
	padding-top: 40px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-80 {
	padding-top: 80px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pb-100 {
	padding-bottom: 100px;
}

.pb-120 {
	padding-bottom: 120px;
}

@media (max-width:1800px) {
	.pt-80 {
		padding-top: 60px;
	}

	.pb-80 {
		padding-bottom: 60px;
	}

	.pb-100 {
		padding-bottom: 60px;
	}

	.pb-120 {
		padding-bottom: 60px;
	}
}

@media (max-width:640px) {
}

/*垂直居中*/
.com-table {
	display: table;
	width: 100%;
	height: 100%;
}

.com-cell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

.abox {
	display: block;
}

.icon, .v-middle {
	display: inline-block;
	vertical-align: middle;
}

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

.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.flex-left {
	display: flex;
	flex-wrap: wrap;
}

.img-cover {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/*浏览器更新提示*/
.browserupgrade {
	margin: 0;
	padding: 50px 0;
	background: #ccc;
	text-align: center;
	font-size: 18px;
}

	.browserupgrade a {
		font-weight: 600;
		color: red;
		text-decoration: underline;
	}

/*图片放大*/
.pic-scale .pic, .img-scale {
	position: relative;
	overflow: hidden;
}

	.img-scale img, .pic-scale img {
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}

	.img-scale:hover img, .pic-scale:hover img {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}

	.img-scale.scale2:hover img, .pic-scale.scale2:hover img {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}

/*图片去色*/
.img-gray {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

/*三角形*/
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 4px;
	margin-top: -1px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	-webkit-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
}

.bg-gray {
	background: #f8f8f8 !important;
}

/*英文字体*/
@font-face {
	font-family: "DINPro-Medium";
	src: url("../images/dinpro-medium.woff2") format("woff2"), url("../images/dinpro-medium.woff") format("woff"), url("../images/dinpro-medium.ttf") format("truetype"), url("../images/dinpro-medium.eot") format("embedded-opentype"), url("../images/dinpro-medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

.font-en {
	font-family: "DINPro-Medium";
}

/* 主导航 */
.header-wrap {
	height: 100px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

	.header-wrap.fixed {
		height: 80px;
		z-index: 99
	}

.header {
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 100px;
	line-height: 100px;
	padding-left: 70px;
	z-index: 999;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	align-items: center;
}

.header-wrap.fixed .header {
	box-shadow: 0px 0px 7px 0px rgba(6, 0, 1, 0.1);
	height: 107px;
	line-height: 107px;
}

.header .logo {
	position: relative;
	align-items: center;
	height: 100%;
}

	.header .logo img {
		height: 101px;
	}

.nav-list {
	height: 100%;
}

	.nav-list > li {
		float: left;
		font-size: 0;
		margin: 0 16px;
		height: 100%;
		display: flex;
		align-items: center;
	}

		.nav-list > li > a {
			display: block;
			font-size: 17px;
			color: var(--color-one);
			position: relative;
			vertical-align: middle;
			-webkit-transition: .3s;
			-o-transition: .3s;
			transition: .3s;
			height: 30px;
			line-height: 30px;
			border-radius: 15px;
		}

			.nav-list > li > a:hover, .nav-list > li.on > a, .nav-list > li .subnav p a:hover {
				color: var(--color-four);
			}

		.nav-list > li .subnav {
			position: absolute;
			top: 100%;
			background: #fff;
			z-index: 2;
			min-width: 75px;
			padding: 10px 15px;
			visibility: hidden;
			opacity: 0;
			-webkit-transition: .3s;
			-o-transition: .3s;
			transition: .3s;
			box-shadow: 0px 3px 7px 0px rgba(6, 0, 1, 0.1);
		}

		.nav-list > li:hover .subnav {
			visibility: visible;
			opacity: 1;
		}

		.nav-list > li .subnav .p {
			line-height: 1;
		}

			.nav-list > li .subnav .p.on a {
				font-weight: bold;
			}

			.nav-list > li .subnav .p a {
				font-size: 16px;
				display: inline-block;
				line-height: 32px;
				color: #454545;
			}

		.nav-list > li .subnav .p {
			position: relative;
		}

			.nav-list > li .subnav .p dl {
				background: #fff;
				width: 120px;
				position: absolute;
				left: 100%;
				top: 0px;
				box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
				padding: 10px 0;
				display: none;
			}

				.nav-list > li .subnav .p dl dd {
					line-height: 28px;
					border-bottom: #ddd dotted 1px;
					margin: 0 10px;
				}

					.nav-list > li .subnav .p dl dd a {
						font-size: 12px;
						color: #666;
						font-weight: normal;
						display: inline;
						padding: 0;
						text-align: left;
					}

						.nav-list > li .subnav .p dl dd a:hover {
							color: #f60;
						}


.header-right {
	align-items: center;
}

	.header-right .tel {
		font-size: 16px;
		color: var(--color-four);
		height: 30px;
		line-height: 30px;
		margin-right: 28px;
	}

		.header-right .tel i {
			display: inline-block;
			font-size: 24px;
			margin-right: 10px;
			vertical-align: middle;
			margin-top: -2px;
		}

	.header-right .language {
		margin-left: 40px;
		padding: 0 40px;
		color: var(--color-one);
		position: relative;
		cursor: pointer;
		font-size: 15px;
		border-left: 1px solid #ddd;
		display: flex;
		align-items: center;
	}

		.header-right .language:hover, .header-right .language:hover i {
			color: var(--color-four)
		}

		.header-right .language .icon-globeo24 {
			font-size: 36px;
			margin-right: 5px;
			color: #535253;
		}

		.header-right .language .icon-xiala {
			font-size: 13px;
			margin-left: 6px;
			color: #989798;
		}

		.header-right .language ul {
			position: absolute;
			font-size: 14px;
			left: 0;
			width: 100%;
			top: 100%;
			background: rgba(255, 255, 255, .9);
			text-align: center;
			padding: 8px 0;
			opacity: 0;
			visibility: hidden;
			-webkit-transition: .3s;
			-o-transition: .3s;
			transition: .3s;
			box-shadow: 0px 3px 7px 0px rgba(6, 0, 1, 0.1);
		}

		.header-right .language:hover ul {
			opacity: 1;
			visibility: visible;
		}

		.header-right .language ul li {
			line-height: 34px;
		}

			.header-right .language ul li a {
				color: #454545;
			}

				.header-right .language ul li a:hover {
					color: var(--color-four);
				}

@media screen and (max-width:1800px) {
	.nav-list > li {
		margin: 0 15px;
	}
}

@media (max-width:1600px) {
	.header .logo img {
		height: 64px;
	}

	.header-wrap {
		height: 78px;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}

		.header-wrap.fixed .header {
			box-shadow: 0px 0px 7px 0px rgba(6, 0, 1, 0.1);
			height: 78px;
			line-height: 78px;
		}

	.header {
		position: fixed;
		top: 0;
		left: 0;
		background: #fff;
		width: 100%;
		height: 78px;
		line-height: 78px;
		padding-left: 70px;
		z-index: 999;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		align-items: center;
	}
}

/* 广告轮播图 */
.banner {
	position: relative;
	overflow: hidden;
}

	.banner img {
		width: 100%;
	}

	.banner .small {
		display: none;
	}

	.banner .swiper-slide {
		overflow: hidden;
	}

		.banner .swiper-slide a {
			display: block;
			height: 0;
			padding-bottom: 35.4166%;
		}

	.banner .swiper-pagination {
		bottom: 30px !important;
		line-height: 1;
		font-size: 0;
	}

		.banner .swiper-pagination .swiper-pagination-bullet {
			width: 18px;
			height: 18px;
			border: solid 1px var(--color-whiteblock);
			background: transparent;
			margin: 0 19px;
			opacity: 1;
			position: relative;
		}

			.banner .swiper-pagination .swiper-pagination-bullet:before {
				content: "";
				position: absolute;
				width: 10px;
				height: 10px;
				background-color: var(--color-whiteblock);
				border-radius: 50%;
				left: 50%;
				top: 50%;
				margin-top: -5px;
				margin-left: -5px;
				opacity: 0;
			}

		.banner .swiper-pagination .swiper-pagination-bullet-active:before {
			opacity: 1;
		}

		.banner .swiper-pagination .swiper-pagination-bullet ~ .swiper-pagination-bullet:after {
			content: "";
			position: absolute;
			width: 17px;
			height: 1px;
			background-color: var(--color-whiteblock);
			opacity: 0.5;
			top: 50%;
			left: -28px;
			margin-top: -0.5px;
		}

@media (max-width:1280px) {
	.banner .swiper-pagination {
		bottom: 25px !important;
	}
}

@media (max-width:640px) {
	.banner .swiper-slide a {
		padding-bottom: 0;
		height: auto;
	}

	.banner .swiper-pagination {
		bottom: 15px !important;
	}

		.banner .swiper-pagination .swiper-pagination-bullet {
			width: 10px;
			height: 10px;
			margin: 0 4px;
		}
}

/*尾部*/
.footer {
	background: url(../images/foot-bg.jpg) no-repeat center;
	background-size: cover; /*margin-top: -125px;*/
	padding-top: 80px;
}

	.footer.inner {
		margin-top: 0;
		padding-top: 60px;
	}

.foot-info {
	padding-bottom: 40px;
}

.foot-nav {
	flex: 1;
}

	/*.foot-nav .item ~ .item { margin-left: 110px; }*/
	.foot-nav .item h4 {
		font-size: 18px;
		line-height: 24px;
		color: var(--color-whiteblock);
		position: relative;
		padding-bottom: 22px;
		margin-bottom: 10px;
	}

		.foot-nav .item h4:before, .foot-pic .item h4:before {
			content: "";
			position: absolute;
			left: 0;
			bottom: 0;
			width: 24px;
			height: 2px;
			background: #585a60;
		}

		.foot-nav .item h4:after, .foot-pic .item h4:after {
			content: "";
			position: absolute;
			left: 0;
			bottom: 0;
			width: 15px;
			height: 2px;
			background: #6cb92c;
		}

	.foot-nav .item ul li {
		line-height: 42px;
	}

		.foot-nav .item ul li a {
			font-size: 15px;
			color: var(--color-whiteblock);
			opacity: 0.5;
		}

			.foot-nav .item ul li a:hover {
				opacity: 1;
			}

.foot-qr {
	text-align: center;
}

	.foot-qr .vr-btn {
		display: block;
		width: 180px;
		height: 42px;
		background-color: var(--color-four);
		border-radius: 21px;
		line-height: 42px;
		color: #fff;
		font-size: 16px;
		margin-top: 24px;
	}

		.foot-qr .vr-btn i {
			display: inline-block;
			width: 27px;
			height: 22px;
			background: url(../images/icon-vr.png) no-repeat center;
			background-size: contain;
			margin-right: 10px;
			vertical-align: middle;
			margin-top: -2px;
		}

.foot-pic {
	padding-top: 65px;
	padding-bottom: 75px;
	border-top: 1px solid rgba(228, 232, 242, .1);
}

	.foot-pic .item h4 {
		font-size: 18px;
		color: var(--color-whiteblock);
		padding-bottom: 20px;
		position: relative;
		margin-bottom: 18px;
	}

	.foot-pic .item .focus a ~ a {
		margin-left: 7px;
	}

.foot-links {
	font-size: 14px;
	color: rgba(246, 246, 246, .5);
	margin-bottom: 20px;
	margin-top: -15px;
}

	.foot-links a {
		color: rgba(246, 246, 246, .5);
		margin-right: 10px;
	}

.copyright {
	border-top: 1px solid rgba(228, 232, 242, .1);
	padding: 18px 0 20px;
	font-size: 14px;
	color: rgba(255, 255, 255, .5);
}

	.copyright a {
		color: rgba(255, 255, 255, .5);
		margin-left: 10px;
	}

		.copyright a:hover, .foot-links a:hover {
			color: #fff;
		}

@media (max-width:1600px) {
}

@media (max-width:1366px) {
}

@media (max-width:1280px) {
}

@media (max-width:1200px) {
}

@media (max-width:768px) {
}

@media (max-width:640px) {
	.foot-links {
		display: none;
	}

	.copyright {
		font-size: 13px;
		padding-top: 0;
		border-top: none;
	}

		.copyright a {
			margin-left: 0;
			margin-right: 10px;
		}
}

/*通用标题*/
.com-title {
	text-align: center;
	margin-bottom: 45px;
}

	.com-title.autoheight {
		margin-bottom: 0;
	}

	.com-title h3 {
		font-size: 36px;
		color: var(--color-two);
		font-weight: bold;
	}

	.com-title.white h3 {
		color: #fff;
	}

	.com-title h3:after {
		content: "";
		display: block;
		width: 40px;
		height: 3px; /* background-color: var(--color-four)*/
		;
		margin: 18px auto 0;
	}

	.com-title.white h3:after {
		background-color: #f2f7f9;
		opacity: 0.5;
	}

	.com-title.left {
		text-align: left;
	}

	.com-title.min h3 {
		font-size: 36px;
	}

	.com-title.left h3:after {
		margin: 18px 0 0;
	}

	.com-title p {
		font-size: 16px;
		line-height: 1.5;
		margin-top: 18px;
		color: #525252;
		width: 50%;
		margin: 0 auto;
		text-align: left;
	}

	.com-title.white p {
		color: var(--color-whiteblock);
		opacity: 0.5;
		font-size: 18px;
		line-height: 36px;
		margin-top: 18px;
	}

/*通用按钮*/
.com-btn {
	display: inline-block;
	width: 180px;
	height: 46px;
	border-radius: 23px;
	border: solid 1px var(--color-three);
	line-height: 44px;
	text-align: center;
	color: var(--color-three);
	font-size: 16px;
}

/*首页*/
.home-a {
	padding-top: 60px;
}

.service-list {
	margin-top: 40px;
}

	.service-list .item {
		width: 24.8958%;
		height: 600px;
		position: relative;
		cursor: pointer;
		transition: .4s
	}

		.service-list .item:before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(44, 44, 44, .75);
			transition: .4s
		}

		.service-list .item.on {
			width: 50.2084%;
		}

			.service-list .item.on:before {
				background-color: rgba(9, 39, 116, .8);
			}

		.service-list .item ~ .item {
			border-left: 1px solid #fff;
		}

		.service-list .item .cont {
			position: absolute;
			z-index: 2;
			padding: 80px 50px 60px;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}

			.service-list .item .cont h4 {
				font-size: 32px;
				line-height: 1;
				color: var(--color-whiteblock);
				position: relative;
				font-weight: bold;
			}

				.service-list .item .cont h4:after {
					content: "";
					display: block;
					width: 35px;
					height: 2px;
					background-color: var(--color-whiteblock);
					margin-top: 30px;
					margin-bottom: 45px;
				}

			.service-list .item .cont ul li {
				font-size: 16px;
				line-height: 36px;
				color: var(--color-whiteblock);
				opacity: 0.9;
			}

			.service-list .item .cont .more-1 {
				position: absolute;
				left: 50px;
				bottom: 60px;
				display: inline-block;
				width: 130px;
				height: 35px;
				background-color: #3c3c3c;
				border-radius: 18px;
				border: solid 1px rgba(255, 255, 255, .5);
				font-size: 16px;
				line-height: 34px;
				color: rgba(255, 255, 255, .9);
				text-align: center;
			}

		.service-list .item.on .cont {
			display: none;
		}

		.service-list .item .cont2 {
			position: absolute;
			z-index: 2;
			padding: 85px 15%;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			display: none;
		}
			/*.service-list .item.on .cont2 { display: block; }*/
			.service-list .item .cont2 h4 {
				font-size: 42px;
				line-height: 1;
				color: var(--color-whiteblock);
			}

				.service-list .item .cont2 h4:after {
					content: "";
					display: block;
					width: 35px;
					height: 2px;
					background-color: var(--color-whiteblock);
					margin-top: 25px;
					margin-bottom: 25px;
				}

			.service-list .item .cont2 ul li {
				display: inline-block;
				padding: 0 20px;
				height: 36px;
				border-radius: 18px;
				border: solid 1px rgba(255, 255, 255, .4);
				font-size: 16px;
				color: rgba(255, 255, 255, .9);
				text-align: center;
				margin-right: 5px;
				line-height: 34px;
			}

			.service-list .item .cont2 h5 {
				font-size: 18px;
				letter-spacing: 1px;
				color: var(--color-whiteblock);
				opacity: 0.9;
				margin-top: 50px;
				margin-bottom: 20px;
			}

			.service-list .item .cont2 p {
				font-size: 14px;
				line-height: 30px;
				color: var(--color-whiteblock);
				opacity: 0.8;
			}

			.service-list .item .cont2 .more-wrap {
				position: absolute;
				left: 15%;
				bottom: 60px;
			}

				.service-list .item .cont2 .more-wrap a {
					display: inline-block;
					width: 160px;
					height: 40px;
					background-color: var(--color-whiteblock);
					border-radius: 20px;
					line-height: 40px;
					text-align: center;
					font-size: 16px;
					color: #27499d;
				}

					.service-list .item .cont2 .more-wrap a:last-child {
						background-color: #6cb92c;
						color: #fff;
						margin-left: 5px;
					}

.home-b {
	position: relative;
}

	.home-b .cont {
		flex: 1;
		overflow: hidden;
		background: url(../images/home-about-l.jpg) no-repeat center;
		background-size: cover;
		padding: 130px 350px 0 14.5%;
		position: relative;
	}

		.home-b .cont .des {
			font-size: 16px;
			line-height: 32px;
			color: #4c4645;
			padding-top: 20px;
			margin-bottom: 50px;
		}

		.home-b .cont .com-btn {
			-webkit-transition: .3s;
			-o-transition: .3s;
			transition: .3s;
		}

			.home-b .cont .com-btn:hover {
				background: var(--color-three);
				color: #fff;
			}

	.home-b .pic {
		width: 35.41%;
		height: 900px;
	}

.ys-num-list {
	margin-right: -230px;
	margin-top: 100px;
}

	.ys-num-list li .num {
		font-size: 52px;
		line-height: 48px;
		color: var(--color-three);
	}

		.ys-num-list li .num i {
			font-style: normal;
			font-weight: bold;
		}

		.ys-num-list li .num sup {
			color: var(--color-three);
			opacity: 0.9;
			font-size: 18px;
			line-height: 1;
			display: inline-block;
			vertical-align: top;
			margin-left: 5px;
		}

	.ys-num-list li .tit {
		font-size: 16px;
		line-height: 30px;
		color: #272933;
		opacity: 0.9;
		margin-top: 10px;
	}

.home-b .video-hover {
	position: absolute;
	top: 45%;
	right: 22.41%;
	z-index: 2;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
	transform: translateY(-50%);
	border-radius: 5px;
	margin-right: -240px;
	overflow: hidden;
}

	.home-b .video-hover .cover {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		font-size: 85px;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}

.home-c {
	padding-top: 90px;
	padding-bottom: 70px;
}

.muscle-list .item {
	width: 24%;
	background-color: var(--color-whiteblock);
	box-shadow: 0px 10px 30px 0px rgba(50, 91, 182, 0.1);
	border-radius: 5px;
	text-align: center;
	margin-bottom: 31px;
}

	.muscle-list .item .cont {
		padding: 35px 15px;
	}

		.muscle-list .item .cont h4 {
			font-size: 24px;
			color: #272933;
		}

			.muscle-list .item .cont h4:after {
				content: "";
				display: block;
				width: 40px;
				height: 3px;
				background-color: var(--color-three);
				margin: 24px auto 20px;
			}

		.muscle-list .item .cont p {
			font-size: 15px;
			line-height: 28px;
			color: #595757;
			display: flex;
			align-items: center;
			justify-content: center;
			/*height: 84px;*/
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}

.home-d {
	padding-bottom: 50px;
}

	.home-d .swiper-container .swiper-wrapper img {
		height: 220px;
		object-fit: cover;
	}

.swiper-container-gczs .swiper-slide {
	text-align: center;
}

.vrlook {
	border-radius: 6px;
	position: relative;
	overflow: hidden;
}

	.vrlook .vt-link {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		font-size: 36px;
		color: var(--color-whiteblock);
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.vrlook .vt-link i {
			display: inline-block;
			width: 86px;
			height: 68px;
			background: url(../images/icon-vr.png) no-repeat center;
			background-size: contain;
			margin-right: 40px;
		}

/*内页banner*/
.page-banner {
	position: relative;
	overflow: hidden;
}

	.page-banner .pic {
		overflow: hidden;
		height: 0;
		padding-bottom: 31.25%;
		background: #f5f5f5;
	}

		.page-banner .pic img {
			width: 100%;
			-webkit-animation: SlickIn cubic-bezier(1, 0, .5, .5) 1.5s;
			animation: SlickIn cubic-bezier(1, 0, .5, .5) 1.5s;
		}

	.page-banner .tit {
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		margin-top: -60px;
		text-align: center;
	}

		.page-banner .tit h3 {
			font-size: 60px;
			line-height: 1;
			color: #f0fffe;
			font-weight: bold;
		}

		.page-banner .tit p {
			font-size: 24px;
			line-height: 1.2;
			color: #f0fffe;
			margin-top: 30px;
		}

			.page-banner .tit p.min {
				font-size: 20px;
				margin-top: 25px;
			}

	.page-banner .search-bar {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 720px;
		height: 68px;
		background-color: var(--color-whiteblock);
		border-radius: 10px;
		margin-left: -360px;
		transform: translateY(-50%);
	}

		.page-banner .search-bar form {
			align-items: center;
			height: 100%;
		}

			.page-banner .search-bar form .sel {
				width: 80px;
				line-height: 25px;
				text-align: center;
				border-right: 1px solid #cfd3dc;
			}

				.page-banner .search-bar form .sel select option {
					padding: 5px;
				}

			.page-banner .search-bar form input {
				flex: 1;
				padding-left: 20px;
				padding-right: 20px;
				font-size: 16px;
				color: #81868e;
			}

			.page-banner .search-bar form button {
				width: 60px;
				text-align: center;
				font-size: 22px;
				color: #3c3c3c;
				cursor: pointer;
			}

				.page-banner .search-bar form button:hover {
					color: #3c3c3c;
				}

@-webkit-keyframes SlickIn {
	0% {
		-webkit-transform: scale(1.1, 1.1)
	}

	100% {
		-webkit-transform: scale(1, 1)
	}
}

@-webkit-keyframes SlickOut {
	0% {
		-webkit-transform: scale(1, 1)
	}

	100% {
		-webkit-transform: scale(.9, .9)
	}
}

@keyframes SlickIn {
	0% {
		transform: scale(1.1, 1.1)
	}

	100% {
		transform: scale(1, 1)
	}
}

@keyframes SlickOut {
	0% {
		transform: scale(1, 1)
	}

	100% {
		transform: scale(.9, .9)
	}
}

@-webkit-keyframes SlickIn2 {
	0% {
		-webkit-transform: scale(1.1, 1.1)
	}

	100% {
		-webkit-transform: scale(1, 1)
	}
}

@-webkit-keyframes SlickOut2 {
	0% {
		-webkit-transform: scale(1, 1)
	}

	100% {
		-webkit-transform: scale(.9, .9)
	}
}

@keyframes SlickIn2 {
	0% {
		transform: scale(1.1, 1.1)
	}

	100% {
		transform: scale(1, 1)
	}
}

@keyframes SlickOut2 {
	0% {
		transform: scale(1, 1)
	}

	100% {
		transform: scale(.9, .9)
	}
}

/*分类栏*/
.cate-bar {
	height: 81px;
	background-color: var(--color-whiteblock);
	box-shadow: 0px 1px 30px 0px rgba(50, 91, 182, 0.15);
	border-radius: 5px;
	position: relative;
	margin-top: -40.5px;
	margin-bottom: 40px;
	align-items: center;
	padding: 0 45px;
}

	.cate-bar .cate {
		flex: 1;
	}

		.cate-bar .cate a {
			font-size: 18px;
			color: #2f2f2f;
			line-height: 36px;
		}

			.cate-bar .cate a ~ a {
				margin-left: 90px;
			}

			.cate-bar .cate a.on, .cate-bar .cate a:hover {
				color: #28499d;
			}

	.cate-bar .mbx {
		color: #81868e;
	}

/*项目列表*/
.xm-list {
	padding-bottom: 80px;
}

	.xm-list .item {
		background-color: var(--color-whiteblock);
		border-radius: 5px;
		border: solid 1px #dddddd;
		transition: .3s;
		padding: 40px;
	}

		.xm-list .item ~ .item {
			margin-top: 40px;
		}

		.xm-list .item:hover {
			border-color: transparent;
			box-shadow: 0px 0px 20px 0px rgba(0, 62, 149, 0.1);
		}

		.xm-list .item .pic {
			width: 44%;
			height: 440px;
		}

		.xm-list .item .cont {
			flex: 1;
			padding-left: 55px;
			padding-top: 15px;
		}

			.xm-list .item .cont h4 {
				font-size: 28px;
				line-height: 36px;
				color: #2f2f2f;
			}

			.xm-list .item .cont h5 {
				font-size: 15px;
				color: #81868e;
				margin-top: 10px;
				margin-bottom: 20px;
			}

			.xm-list .item .cont p {
				font-size: 16px;
				line-height: 28px;
				color: #4c4645;
				margin-bottom: 30px;
			}

			.xm-list .item .cont .info {
				background-color: #f2f7f9;
				padding: 16px 30px 16px 10px;
				align-items: center;
			}

				.xm-list .item .cont .info:last-child {
					margin-top: 15px;
				}

				.xm-list .item .cont .info .tit {
					font-size: 18px;
					line-height: 24px;
					color: #28499d;
					width: 80px;
					text-align: center;
					border-right: 1px solid #cfd3dc;
					padding: 5px 0;
				}

				.xm-list .item .cont .info .des {
					font-size: 16px;
					line-height: 32px;
					color: #4c4645;
					flex: 1;
					padding-left: 35px;
				}

/*服务/质量*/
.service-a {
	padding-top: 80px;
	padding-bottom: 85px;
	background-color: #f7f9ff;
}

	.service-a .list {
		margin-top: 70px;
	}

		.service-a .list .item {
			width: 31.98%;
			height: 580px;
			background-color: var(--color-whiteblock);
			box-shadow: 0px 5px 20px 0px rgba(0, 62, 149, 0.1);
			border-radius: 5px;
		}

			.service-a .list .item .pic {
				border-radius: 5px;
				overflow: hidden;
			}

			.service-a .list .item .cont {
				padding: 35px;
			}

				.service-a .list .item .cont h4 {
					font-size: 24px;
					color: #362c2b;
				}

				.service-a .list .item .cont p {
					font-size: 14px;
					line-height: 32px;
					color: #5b5b5b;
					margin-top: 20px;
				}

	.service-a .des {
		text-align: center;
		margin-top: 50px;
		line-height: 32px;
		color: #5b5b5b;
		font-size: 16px;
	}

		.service-a .des p ~ p {
			margin-top: 5px;
		}

		.service-a .des p b {
			font-size: 18px;
			color: #272933;
		}

.service-b {
	padding-top: 80px;
	padding-bottom: 120px;
	background: url(../images/tx.jpg) no-repeat center top;
}

	.service-b .honor-bar {
		margin-top: 60px;
	}

	.service-b .cont {
		background-color: var(--color-whiteblock);
		box-shadow: 0px 5px 20px 0px rgba(0, 62, 149, 0.1);
		border-radius: 5px; /*margin-bottom: 100px; */
		padding: 45px 50px 30px;
	}

		.service-b .cont .tit {
			align-items: flex-end;
			margin-bottom: 50px;
		}

			.service-b .cont .tit h4 {
				font-size: 20px;
				line-height: 1;
				color: #727272;
				cursor: pointer;
			}

				.service-b .cont .tit h4.on {
					font-size: 28px;
					line-height: 1;
					color: #28499d;
				}

				.service-b .cont .tit h4 ~ h4 {
					margin-left: 45px;
				}

		.service-b .cont .tx-list .item ~ .item {
			display: none;
		}

		.service-b .cont ul li {
			text-align: center;
			width: 15%;
		}

			.service-b .cont ul li .pic {
				border-radius: 5px;
			}

			.service-b .cont ul li p {
				margin-top: 10px;
				font-size: 16px;
				color: #2b3137;
			}

		.service-b .cont .des {
			font-size: 14px;
			line-height: 32px;
			color: #5b5b5b;
			margin-top: 20px;
		}

.service-c {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 100px;
}

	.service-c .pic {
		border-radius: 10px;
		overflow: hidden;
		position: relative;
	}

		.service-c .pic .video {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 80px;
			color: #f7f9ff;
		}

		.service-c .pic video {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: none;
		}

	.service-c h4 {
		font-size: 48px;
		font-weight: bold;
		line-height: 1;
		color: #28499d;
		text-align: center;
		margin-top: 80px;
	}

	.service-c .zx {
		display: block;
		margin: 36px auto 0;
		width: 240px;
		height: 48px;
		line-height: 48px;
		background-color: #27499d;
		border-radius: 2px;
		text-align: center;
		font-size: 16px;
		color: var(--color-whiteblock);
	}

/*odm/oem*/
.com-cont h3 {
	font-size: 36px;
	line-height: 1;
	color: #060002;
	font-weight: bold;
}

.com-cont p {
	font-size: 16px;
	line-height: 32px;
	color: #5b5b5b;
	margin-top: 26px;
}

.odm-a {
	padding: 70px 0;
}

	.odm-a .cont, .odm-c .cont {
		flex: 1;
		padding-right: 100px;
		padding-top: 50px;
	}

		.odm-a .cont .ul-wrap {
			margin-top: 65px
		}

		.odm-a .cont .ul1 {
			margin-right: 40px;
		}

			.odm-a .cont .ul1 li {
				font-size: 16px;
				line-height: 48px;
				color: #373c42;
			}

				.odm-a .cont .ul1 li:before {
					content: "";
					display: inline-block;
					width: 10px;
					height: 10px;
					background-color: #28499d;
					border-radius: 5px;
					margin-right: 15px;
				}

	.odm-a .pic, .odm-c .pic {
		width: 49.26%;
		height: 480px;
		border-radius: 10px;
		overflow: hidden;
	}

.odm-c .pic {
	height: auto;
	position: relative;
}

	.odm-c .pic ul li:nth-child(3), .odm-c .pic ul li:nth-child(4) {
		margin-top: 10px;
	}

	.odm-c .pic ul li .abox {
		position: relative;
	}

		.odm-c .pic ul li .abox .tit {
			position: absolute;
			left: 30px;
			z-index: 2;
			top: 20px;
			font-size: 18px;
			line-height: 24px;
			color: var(--color-whiteblock);
		}

	.odm-c .pic ul li:nth-child(2) .abox .tit {
		left: auto;
		right: 30px;
	}

	.odm-c .pic ul li:nth-child(3) .abox .tit {
		top: auto;
		bottom: 20px;
	}

	.odm-c .pic ul li:nth-child(4) .abox .tit {
		left: auto;
		top: auto;
		bottom: 20px;
		right: 30px;
	}

	.odm-c .pic .sltit {
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 2;
		width: 200px;
		margin-left: -100px;
		margin-top: -100px;
	}

.odm-b {
	background-color: #f7f9ff;
	padding-top: 80px;
	padding-bottom: 85px;
}

.team-item {
	background-color: #fff;
	border-radius: 5px;
	padding: 5px;
}

	.team-item .cont {
		padding: 30px;
	}

		.team-item .cont h4 {
			font-size: 24px;
			line-height: 1;
			color: #2f2f2f;
		}

		.team-item .cont h5 {
			font-size: 16px;
			line-height: 1;
			color: #2f2f2f;
			margin-top: 12px;
		}

		.team-item .cont p {
			font-size: 14px;
			line-height: 24px;
			color: #707070;
			margin-top: 30px;
			height: auto;
		}

.odm-c {
	padding-top: 80px;
	padding-bottom: 90px;
}

	.odm-c .cont .ul2 {
		margin-top: 75px;
	}

		.odm-c .cont .ul2 li {
			width: 180px;
			height: 42px;
			background-color: #e3eafb;
			border-radius: 21px;
			text-align: center;
			line-height: 42px;
			margin-right: 9px;
			margin-bottom: 19px;
			-webkit-transition: .2s;
			-o-transition: .2s;
			transition: .2s;
		}

			.odm-c .cont .ul2 li:hover {
				opacity: .9
			}

.odm-d {
	background: url(../images/tx-bg.jpg) no-repeat center top;
	padding-top: 125px;
	padding-bottom: 50px;
}

.honor-bar {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;
	background-color: var(--color-whiteblock);
	box-shadow: 0px 5px 20px 0px rgba(0, 62, 149, 0.1);
	border-radius: 10px;
	margin-top: 135px;
	margin-bottom: 30px;
}

.odm-e {
	background-color: #f7f9ff;
	padding-top: 75px;
	padding-bottom: 80px;
}

.honor-wrap, .case-wrap {
	position: relative;
}

.swiper-container-honor {
	padding: 0 1px;
}

	.swiper-container-honor .swiper-slide {
		text-align: center;
	}

		.swiper-container-honor .swiper-slide .pic {
			border-radius: 5px;
			border: solid 1px #dddddd;
			overflow: hidden;
			padding: 24px;
		}

		.swiper-container-honor .swiper-slide .tit {
			font-size: 18px;
			line-height: 22px;
			color: #2b3137;
			margin-top: 20px;
		}

.swiper-container-case .swiper-slide {
	text-align: center;
}

	.swiper-container-case .swiper-slide .pic {
		height: 320px;
		background-color: var(--color-whiteblock);
		border-radius: 5px;
		border: solid 1px #dddddd;
	}

	.swiper-container-case .swiper-slide .tit {
		font-size: 18px;
		line-height: 22px;
		color: #2b3137;
		margin-top: 20px;
	}

.odm-h {
	background-color: #f7f9ff;
	padding-top: 85px;
	padding-bottom: 100px;
}

	.odm-h ul {
		margin-bottom: 60px;
	}

		.odm-h ul li {
			width: 49.26%;
			height: 176px;
			background-color: var(--color-whiteblock);
			box-shadow: 0px 10px 30px 0px rgba(14, 47, 92, 0.1);
			border-radius: 10px;
			align-items: center;
			padding: 0 60px;
		}

			.odm-h ul li .cont {
				flex: 1;
				overflow: hidden;
				padding-left: 55px;
			}

				.odm-h ul li .cont h4 {
					font-size: 24px;
					line-height: 24px;
					color: #362c2b;
				}

				.odm-h ul li .cont p {
					font-size: 16px;
					line-height: 24px;
					color: #727272;
					margin-top: 18px;
				}

.btn-wrap {
	text-align: center;
}

.com-btn2 {
	display: inline-block;
	padding: 0 32px;
	height: 48px;
	background-color: #27499d;
	border-radius: 2px;
	border: solid 1px #27499d;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
	color: var(--color-whiteblock) !important;
}

	.com-btn2 i {
		margin-left: 8px;
		display: inline-block;
		vertical-align: middle;
		transition: .3s
	}

	.com-btn2.open i {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

.odm-f {
	padding-top: 80px;
	padding-bottom: 110px;
}

.lc-list {
	justify-content: center;
	margin-bottom: 45px;
}

	.lc-list li {
		position: relative;
		width: 136px;
		height: 150px;
		background-color: #f0f4ff;
		border-radius: 10px;
		margin: 0 2.5px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: column;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}

		.lc-list li:hover {
			background: #28499d;
		}

		.lc-list li:after {
			content: "";
			position: absolute;
			right: -25px;
			top: 50%;
			transform: translateY(-50%);
			width: 40px;
			height: 40px;
			background: #f0f4ff url(../images/jt.svg) no-repeat center;
			background-size: 15px;
			border-radius: 50%;
			border: solid 2px var(--color-whiteblock);
			z-index: 2;
			-webkit-transition: .3s;
			-o-transition: .3s;
			transition: .3s;
		}

		.lc-list li:last-child:after {
			display: none;
		}

		.lc-list li:hover:after {
			background: #28499d url(../images/jt-on.svg) no-repeat center;
			background-size: 15px;
		}

		.lc-list li .tit {
			font-size: 18px;
			line-height: 24px;
			color: #0e2f5c;
			-webkit-transition: .3s;
			-o-transition: .3s;
			transition: .3s;
		}

		.lc-list li:hover .tit {
			color: #fff;
		}

		.lc-list li .tit:after {
			content: "";
			display: block;
			width: 7px;
			height: 2px;
			background: #035dff;
			margin: 18px auto 12px;
			-webkit-transition: .3s;
			-o-transition: .3s;
			transition: .3s;
		}

		.lc-list li:hover .tit:after {
			background: #536db1;
		}

		.lc-list li .num {
			font-size: 18px;
			line-height: 24px;
			color: #0e2f5c;
			opacity: 0.5;
			-webkit-transition: .3s;
			-o-transition: .3s;
			transition: .3s;
		}

		.lc-list li:hover .num {
			color: #fff;
		}

.odm-g {
	padding-bottom: 80px;
}

/*pcb*/
.zbfw-list {
	padding-bottom: 28px;
}

	.zbfw-list .item {
		width: 49.26%;
		height: 350px;
		background-color: var(--color-whiteblock);
		border-radius: 5px;
		border: solid 1px #dddddd;
		padding: 20px;
		margin-bottom: 20px;
	}

		.zbfw-list .item:hover {
			width: 49.26%;
			height: 350px;
			background-color: var(--color-whiteblock);
			border-radius: 5px;
			border: solid 1px #27499d;
			padding: 20px;
			margin-bottom: 20px;
		}

		.zbfw-list .item:nth-child(2n) {
			flex-direction: row-reverse;
		}

		.zbfw-list .item .pic { /* width: 340px; */
			width: 50%;
			height: 240px;
			border: 1px solid #ededed; /* background-color: #f7f7f8;*/
		}

			.zbfw-list .item .pic img {
				object-fit: contain;
				width: 100%;
				height: 100%;
			}

		.zbfw-list .item .cont {
			position: relative;
			flex: 1;
			padding: 10px 0 5px 25px
		}

		.zbfw-list .item:nth-child(2n) .cont {
			padding: 10px 25px 5px 10px;
		}

		.zbfw-list .item .cont h4 {
			font-size: 24px;
			color: #2f2f2f;
		}

		.zbfw-list .item .cont p {
			font-size: 14px;
			line-height: 26px;
			color: #707070;
			margin-top: 20px;
		}

		.zbfw-list .item .cont .zx {
			display: inline-block;
			width: 150px;
			height: 32px;
			line-height: 30px;
			border: 1px solid #27499d;
			color: #27499d;
			font-size: 15px;
			text-align: center;
			border-radius: 2px;
			position: absolute;
			left: 25px;
			bottom: 10px;
			-webkit-transition: .3s;
			-o-transition: .3s;
			transition: .3s;
		}

			.zbfw-list .item .cont .zx:hover {
				background: #27499d;
				color: #fff;
			}

		.zbfw-list .item:nth-child(2n) .cont .zx {
			left: 10px;
		}

.pcb-ys {
	background-color: #f7f9ff;
}

.ys-list {
	padding: 0 50px;
}

	.ys-list li {
		text-align: center;
	}

		.ys-list li img {
			border-radius: 50%;
			box-shadow: 0px 10px 30px 0px rgba(14, 47, 92, 0.1);
		}

		.ys-list li p {
			font-size: 18px;
			line-height: 24px;
			color: #362c2b;
			margin-top: 30px;
		}

.pcb-gc {
	padding-bottom: 100px;
}

.swiper-container-inner-gczs .swiper-slide {
	text-align: center;
}

	.swiper-container-inner-gczs .swiper-slide .pic {
		border-radius: 5px;
		border: solid 1px #dddddd;
		overflow: hidden;
	}

	.swiper-container-inner-gczs .swiper-slide .tit {
		font-size: 18px;
		line-height: 22px;
		color: #2b3137;
		margin-top: 15px;
	}

.swiper-container-khfk {
	overflow: visible;
}

	.swiper-container-khfk .swiper-slide {
		background-color: #f2f7f9;
		width: 520px;
		border-radius: 5px;
	}

		.swiper-container-khfk .swiper-slide .info { /*height: 280px;*/
			background-color: var(--color-whiteblock);
			box-shadow: 0px 5px 20px 0px rgba(0, 62, 149, 0.1);
			border-radius: 5px 5px 0px 0px;
			padding: 20px;
		}

			.swiper-container-khfk .swiper-slide .info .pic {
				width: 50%;
				height: 240px;
				border: 1px solid #ededed;
			}

			.swiper-container-khfk .swiper-slide .info .cont {
				flex: 1;
				overflow: hidden;
				padding-left: 35px;
				padding-top: 20px;
				position: relative;
			}

				.swiper-container-khfk .swiper-slide .info .cont .tit {
					line-height: 36px;
					align-items: center;
				}

					.swiper-container-khfk .swiper-slide .info .cont .tit img {
						height: 20px;
					}

					.swiper-container-khfk .swiper-slide .info .cont .tit h4 {
						font-size: 24px;
						line-height: 36px;
						color: #2f2f2f;
						flex: 1;
						margin-left: 20px;
						overflow: hidden;
					}

				.swiper-container-khfk .swiper-slide .info .cont p {
					font-size: 14px;
					line-height: 28px;
					color: #707070;
					position: absolute;
					left: 35px;
					bottom: 10px;
				}

		.swiper-container-khfk .swiper-slide .khpj {
			background-color: #f2f7f9;
			border-radius: 5px;
			border-radius: 0px 0px 5px 5px;
			height: 110px;
			align-items: center;
			padding-left: 35px;
			padding-right: 50px;
			position: relative;
		}

			.swiper-container-khfk .swiper-slide .khpj:after {
				content: "";
				position: absolute;
				right: 24px;
				bottom: 10px;
				width: 23px;
				height: 23px;
				background: url(../images/icon-yh.png) no-repeat right bottom;
			}

			.swiper-container-khfk .swiper-slide .khpj h4 {
				height: 45px;
				font-size: 18px;
				line-height: 1.2;
				color: #362c2b;
				padding-right: 25px;
				border-right: 1px solid #dddddd;
			}

			.swiper-container-khfk .swiper-slide .khpj p {
				flex: 1;
				overflow: hidden;
				padding-left: 25px;
			}

/*bom*/
.bom-b {
	padding: 75px 0;
	background: url(../images/xd-bg.jpg) no-repeat center;
	background-size: cover;
}

.bz-list .item {
	width: 33%;
	text-align: center;
}

	.bz-list .item img {
		box-shadow: 0px 10px 30px 0px rgba(14, 47, 92, 0.1);
		border-radius: 50%;
	}

	.bz-list .item p {
		font-size: 18px;
		line-height: 24px;
		color: #362c2b;
		margin-top: 30px;
	}

.bom-form-wrap .aleft {
	flex: 1;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	margin-right: -5px;
	position: relative;
	z-index: 2;
	margin-left: -5px;
	padding: 30px 65px 36px 45px;
}

	.bom-form-wrap .aleft .tit-bar {
		margin-bottom: 45px;
		font-size: 24px;
		line-height: 1;
		color: #2f2f2f;
	}

		.bom-form-wrap .aleft .tit-bar i {
			font-size: 28px;
			color: #0068b7;
			margin-right: 10px;
		}

		.bom-form-wrap .aleft .tit-bar span {
			font-size: 15px;
			line-height: 1;
			color: #727272;
			margin-left: 15px;
		}

	.bom-form-wrap .aleft ul {
	}

		.bom-form-wrap .aleft ul li {
			margin-bottom: 15px;
		}

			.bom-form-wrap .aleft ul li:last-child {
				margin-bottom: 0;
			}

			.bom-form-wrap .aleft ul li .form-label {
				width: 110px;
				text-align: right;
				font-size: 15px;
				line-height: 20px;
				color: #707070;
			}

			.bom-form-wrap .aleft ul li .input-block {
				flex: 1;
				padding-left: 20px;
			}

			.bom-form-wrap .aleft ul li .cgsl {
				align-items: center;
				margin-top: -6px;
			}

			.bom-form-wrap .aleft ul li .input-block .radio {
				margin-right: 6px;
			}

			.bom-form-wrap .aleft ul li .input-block span {
				font-size: 15px;
				color: #2b3137;
			}

			.bom-form-wrap .aleft ul li .input-block .num-box {
				width: 80px;
				height: 32px;
				background-color: var(--color-whiteblock);
				border: solid 1px #aaaaaa;
				display: inline-block;
				vertical-align: middle;
				line-height: 30px;
				font-size: 15px;
				color: #707070; /*margin-top: -6px;*/
				margin-right: 60px;
				margin-left: 12px;
			}

				.bom-form-wrap .aleft ul li .input-block .num-box .num {
					width: 60px;
					padding: 0 5px;
				}

			.bom-form-wrap .aleft ul li .input-block .tit {
				width: 526px;
			}

				.bom-form-wrap .aleft ul li .input-block .tit h4 {
					font-size: 15px;
					color: #2b3137;
					line-height: 22px;
				}

					.bom-form-wrap .aleft ul li .input-block .tit h4 a {
						margin-left: 12px;
						font-size: 15px;
						color: #0068b7;
					}

				.bom-form-wrap .aleft ul li .input-block .tit span {
					font-size: 12px;
					color: #808f9b;
					line-height: 22px;
				}

			.bom-form-wrap .aleft ul li .input-block .upload-box {
				width: 526px;
				height: 150px;
				background-color: #effff7;
				border: dashed 1px #8ebfa8;
				margin-top: 15px;
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-wrap: wrap;
				flex-direction: column;
				cursor: pointer;
			}

				.bom-form-wrap .aleft ul li .input-block .upload-box .upload-desc {
					align-items: center;
					text-align: left;
				}

					.bom-form-wrap .aleft ul li .input-block .upload-box .upload-desc img {
						margin-right: 10px;
					}

				.bom-form-wrap .aleft ul li .input-block .upload-box button {
					position: relative;
					width: 130px;
					height: 32px;
					background-color: #21a366;
					border-radius: 2px;
					line-height: 32px;
					text-align: center;
					font-size: 16px;
					color: var(--color-whiteblock);
					margin-top: 15px;
				}

					.bom-form-wrap .aleft ul li .input-block .upload-box button input {
						position: absolute;
						left: 0;
						width: 100%;
						height: 100%;
						font-size: 0;
						opacity: 0;
						cursor: pointer;
					}

			.bom-form-wrap .aleft ul li .input-block textarea {
				width: 100%;
				height: 130px;
				background-color: var(--color-whiteblock);
				border: solid 1px #dddddd;
				padding: 10px 18px;
			}

.bom-form-wrap .aright {
	width: 300px;
	border-radius: 0 10px 10px 0;
	overflow: hidden;
	background: url(../images/bj-bg-min.jpg) no-repeat center;
	background-size: cover;
	padding: 60px 40px 60px 45px;
}

.form-box h4 {
	font-size: 24px;
	line-height: 1;
	color: var(--color-whiteblock);
	margin-bottom: 25px;
}

.form-box .inp {
	width: 100%;
	height: 44px;
	background-color: #f2f7f9;
	border-radius: 2px;
	font-size: 14px;
	color: #727272;
	padding: 0 20px;
	margin-bottom: 9px;
}

.form-box textarea {
	width: 100%;
	height: 120px;
	background-color: #f2f7f9;
	border-radius: 2px;
	font-size: 14px;
	color: #727272;
	padding: 10px 20px;
}

.form-box .sub {
	width: 100%;
	height: 48px;
	line-height: 48px;
	background-color: #00a2e9;
	border-radius: 2px;
	text-align: center;
	font-size: 16px;
	color: var(--color-whiteblock);
	margin-top: 15px;
	cursor: pointer;
}

.form-box p {
	font-size: 13px;
	line-height: 18px;
	color: var(--color-whiteblock);
	opacity: 0.6;
	margin-top: 25px;
}
/*.team-list-2 { padding-top: 20px; }*/
.team-list-2 .item {
	width: 23%;
	text-align: center;
	border: 1px solid #ddd;
	padding: 20px;
	border-radius: 5px;
}

	/*.team-list-2 .item:nth-child(2n) { flex-direction: column-reverse; }*/
	.team-list-2 .item .pic {
		height: 300px;
		background-color: #b5b5b6;
		border-radius: 5px;
		overflow: hidden;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.1)
	}

	.team-list-2 .item .cont {
		padding-top: 30px;
	}

		/*.team-list-2 .item:nth-child(2n) .cont { padding-top: 0; padding-bottom: 30px; }*/
		.team-list-2 .item .cont h4 {
			font-size: 24px;
			line-height: 1;
			color: #28499d;
		}

		.team-list-2 .item .cont h5 {
			font-size: 16px;
			line-height: 1;
			color: #2f2f2f;
			margin-top: 12px;
			margin-bottom: 26px;
		}

		.team-list-2 .item .cont p {
			font-size: 14px;
			line-height: 24px;
			color: #707070;
		}

.bom-d {
	background-color: #f7f9ff;
}

.partner_box {
	margin-top: 28px;
}

.logo_wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto 0;
	font-size: 0;
}

	.logo_wrap .mask {
		position: absolute;
		z-index: 10;
		height: 292px;
	}

	.logo_wrap .left_mask {
		left: -1px;
	}

	.logo_wrap .right_mask {
		right: -1px;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.logo_wrap .line_odd {
		width: 2676px;
		-webkit-animation: scrollToRight-data-v-6a32e916 36s linear infinite;
		animation: scrollToRight-data-v-6a32e916 36s linear infinite;
	}

		.logo_wrap .line_odd .logo_img {
			width: 45%;
			margin: 0 10px;
			height: 80px;
			display: inline-block;
		}

	.logo_wrap .line_even {
		width: 2676px;
		margin: 20px 0;
		-webkit-animation: scrollToRight-data-v-6a32e916 30s linear infinite;
		animation: scrollToRight-data-v-6a32e916 30s linear infinite;
	}

		.logo_wrap .line_even .logo_img {
			width: 45%;
			margin: 0 10px;
			height: 80px;
			display: inline-block;
		}

	.logo_wrap .line_four {
		width: 2669px;
	}

@-webkit-keyframes scrollToRight-data-v-6a32e916 {
	from {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
}

@keyframes scrollToRight-data-v-6a32e916 {
	from {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
}

@keyframes scrollToRight-data-v-6a32e916 {
	from {
		-webkit-transform: translate3d(-50%, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0%, 0, 0);
	}
}

/*smt*/
.pcb-s {
	margin-top: 48px;
}

	.pcb-s .item {
		width: 23.8970%;
		height: 141px;
		background-color: var(--color-whiteblock);
		box-shadow: 0px 1px 20px 0px rgba(50, 91, 182, 0.1);
		border-radius: 5px;
		align-items: center;
		padding: 0 20px;
		-webkit-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
	}

		.pcb-s .item:hover {
			box-shadow: 0px 1px 20px 0px rgba(50, 91, 182, 0.2);
		}

		.pcb-s .item .cont {
			flex: 1;
			padding-left: 18px;
		}

			.pcb-s .item .cont h4 {
				font-size: 18px;
				color: #2f2f2f;
				font-weight: bold;
			}

			.pcb-s .item .cont p {
				font-size: 14px;
				line-height: 24px;
				color: #707070;
				margin-top: 10px;
			}

.smt-a {
	padding-top: 85px;
	padding-bottom: 90px;
}

.smt-b {
	background-color: #f2f7f9;
	padding-top: 80px;
	padding-bottom: 80px;
}

.smt-jznl {
	padding-top: 80px;
	padding-bottom: 80px;
}

.smt-c {
	background-color: #f2f7f9;
	padding-top: 80px;
	padding-bottom: 80px;
}

.smt-d {
	background: url(../images/xd-bg.jpg) no-repeat center;
	background-size: cover;
	padding-top: 85px;
	padding-bottom: 85px;
}

.smt-e {
	background-color: #f7f9ff;
	padding-top: 85px;
	padding-bottom: 80px;
}

.zzfw-list .item {
	position: relative;
	background-color: var(--color-whiteblock);
	box-shadow: 0px 0px 20px 0px rgba(50, 91, 182, 0.15);
	border-radius: 5px;
	width: 23.897%;
}

	.zzfw-list .item .tit {
		position: absolute;
		left: 30px;
		top: 35px;
		z-index: 2;
		font-size: 24px;
		color: #272933;
	}

		.zzfw-list .item .tit:after {
			content: "";
			width: 30px;
			height: 3px;
			background-color: var(--color-three);
			margin-top: 26px;
			display: block;
		}

.gczs-list .item {
	text-align: center;
	width: 23.5394%;
}

	.gczs-list .item .tit {
		font-size: 16px;
		color: #3c3c3c;
		margin-top: 15px;
	}

.xd-list {
	position: relative;
}

	.xd-list:before {
		content: "";
		position: absolute;
		top: 32%;
		width: 99%;
		left: 0;
		border-bottom: 1px solid #ddd;
	}

	.xd-list .item {
		text-align: center;
		position: relative;
	}

		.xd-list .item .pic {
			width: 120px;
			height: 120px;
			background-color: var(--color-whiteblock);
			box-shadow: 0px 10px 30px 0px rgba(14, 47, 92, 0.1);
			overflow: hidden;
			border-radius: 50%;
		}

		.xd-list .item .tit {
			font-size: 16px;
			line-height: 24px;
			color: #f2f7f9;
			height: 48px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 20px;
		}

.xd-tip {
	margin-top: 50px;
}

	.xd-tip .com-btn2 i {
		font-size: 20px;
		margin-right: 7px;
		margin-left: 0;
	}

	.xd-tip p {
		font-size: 16px;
		color: #f2f7f9;
		opacity: 0.8;
		margin-top: 18px;
	}

.smt-f {
	padding-top: 75px;
	padding-bottom: 80px;
}

	.smt-f .mzsm {
		margin-top: 65px;
		background-color: #f2f7f9;
		padding-top: 50px;
		padding-bottom: 60px;
		font-size: 16px;
		line-height: 36px;
		color: #4c4645;
	}

		.smt-f .mzsm h3 {
			font-size: 18px;
			font-weight: bold;
			line-height: 36px;
		}

.smt-service .item {
	width: 31.9852%;
	background-color: var(--color-whiteblock);
	box-shadow: 0px 5px 20px 0px rgba(0, 62, 149, 0.1);
	border-radius: 5px;
}

	.smt-service .item .pic {
		overflow: hidden;
		border-radius: 5px;
	}

	.smt-service .item .cont {
		padding: 30px;
	}

		.smt-service .item .cont h4 {
			font-size: 24px;
			color: #362c2b;
		}

		.smt-service .item .cont p {
			font-size: 14px;
			line-height: 32px;
			color: #5b5b5b;
			margin-top: 25px;
		}

.smt-e .zixun {
	display: block;
	width: 240px;
	height: 48px;
	border-radius: 2px;
	border: solid 1px #b1bac6;
	text-align: center;
	line-height: 46px;
	font-size: 16px;
	color: #3c3c3c;
	margin: 40px auto 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

	.smt-e .zixun:hover {
		border-color: var(--color-four);
		background: var(--color-four);
		color: #fff;
	}

.service-tab {
	position: relative;
}

	.service-tab .aleft {
		width: 77.94%;
	}

		.service-tab .aleft .tit-tab {
			margin-left: 2px;
		}

			.service-tab .aleft .tit-tab li {
				line-height: 52px;
				width: 260px;
				text-align: center;
				background-color: #a6bac9;
				border-radius: 5px 5px 0 0;
				font-size: 18px;
				color: var(--color-whiteblock);
				margin-right: 8px;
				cursor: pointer;
				transition: .3s
			}

				.service-tab .aleft .tit-tab li.on {
					background-color: #0068b7;
				}

.swiper-container-service-tab {
	background-color: var(--color-whiteblock);
	box-shadow: 0px 0px 20px 0px rgba(0, 62, 149, 0.1);
	border-radius: 5px;
	padding: 40px;
}

.service-item .pic {
	width: 54%;
	height: 420px;
}

.service-item .cont {
	padding: 25px 10px 0 50px;
	flex: 1;
	position: relative;
}

	.service-item .cont h4 {
		font-size: 24px;
		color: #2f2f2f;
		font-weight: bold;
	}

	.service-item .cont h5 {
		font-size: 16px;
		line-height: 30px;
		color: #362c2b;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.service-item .cont p {
		font-size: 14px;
		line-height: 30px;
		color: #707070;
	}

	.service-item .cont .zixun {
		display: inline-block;
		width: 180px;
		height: 40px;
		background-color: #0068b7;
		border-radius: 2px;
		text-align: center;
		line-height: 40px;
		font-size: 16px;
		color: var(--color-whiteblock);
		position: absolute;
		bottom: 14px;
		left: 50px;
	}

		.service-item .cont .zixun i {
			font-size: 20px;
			display: inline-block;
			vertical-align: middle;
			margin-top: -2px;
			margin-right: 5px;
		}

.service-tab .aright {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 430px;
	background: url(../images/form-bg.jpg) no-repeat center;
	background-size: cover;
	border-radius: 10px;
	padding: 70px 40px 40px 170px;
}

.jznl-list .item {
	border-radius: 5px;
	border: solid 1px #dddddd;
	padding: 20px;
}

.swiper-container-jznl {
	padding: 0 1px;
}

/*.jznl-list .item h4 {line-height: 40px;background: #333;color: #fff;text-align: center;font-size: 18px;}*/
.jznl-list .item .pic {
	border-radius: 5px;
	overflow: hidden;
}

.jznl-list .item h4 {
	font-size: 20px;
	margin-top: 20px;
	color: #333;
}

.jznl-list .item p {
	font-size: 14px;
	line-height: 26px;
	margin-top: 15px;
}

/*新闻列表*/
.news-list li .abox {
	border-radius: 5px;
	background: #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

	.news-list li .abox:hover {
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); /*-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) */
	}

.news-list li .cont {
	height: 237px;
	padding: 20px 15px;
}

	.news-list li .cont h4 {
		font-size: 18px;
		color: #333333;
		height: 54px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}

.news-list li .abox:hover .cont h4 {
	color: #28499d;
}

.news-list li .cont .date {
	margin-top: 18px;
	margin-bottom: 15px;
	color: #666;
}

.news-list li .cont .des {
	color: #666;
	line-height: 24px;
}

.news-list li {
	margin-bottom: 20px;
}

	.news-list li .pic {
		width: 100%;
		height: 200px;
		line-height: 200px;
		font-size: 0;
		overflow: hidden;
		text-align: center;
		padding: 10px;
	}

		.news-list li .pic img {
			max-height: 100%;
		}

.news-wrap {
	background: #f9fafd;
	padding-bottom: 50px;
}

.lContent {
	width: 73%;
}

.rContent {
	width: 25%;
}

.blog_desc {
	box-sizing: border-box;
	line-height: 28px;
	background: #fff;
	padding: 30px 38px;
	color: #333;
	position: relative;
}

	.blog_desc p {
		width: 70%;
		font-size: 13px;
	}

	.blog_desc img {
		position: absolute;
		right: 60px;
		top: 30px;
	}

.item_box {
	margin-top: 20px;
	background: #fff;
	padding-bottom: 30px;
}

	.item_box .pager_form {
		margin-top: 40px;
	}

	.item_box .item a:hover {
		color: #333;
	}

	.item_box .item {
		padding: 30px 38px;
		box-sizing: border-box;
		border-bottom: 1px solid #f2f2f2;
	}

		.item_box .item h2 {
			font-size: 16px;
			font-weight: bold;
			color: #333;
		}

			.item_box .item h2:hover {
				color: #8e1eb4;
			}

		.item_box .item time {
			display: block;
			margin: 20px 0;
			font-size: 12px;
			color: #999;
		}

		.item_box .item h5:hover a {
			color: #8e1eb4;
		}

		.item_box .item p {
			font-size: 12px;
			line-height: 22px;
			margin-bottom: 20px;
		}

			.item_box .item p:hover {
				text-decoration: underline;
				color: #333;
			}

		.item_box .item .mb10, .item_box .item .tags {
			display: none;
		}

.tags b {
	font-size: 13px;
	color: #333;
	margin-right: 10px;
}

.tags-item {
	border-radius: 2px;
	padding: 0px 8px;
	font-size: 12px;
	display: inline-block;
	min-width: 92px;
	text-align: center;
	box-sizing: border-box;
	line-height: 24px;
	margin-right: 5px;
	background: #f4f4f4;
	margin-bottom: 10px;
}

.posts {
	position: relative;
	background: #fff;
	margin-top: 10px;
}

	.posts h6 {
		text-indent: 30px;
		padding-top: 29px;
		padding-bottom: 15px;
		font-size: 16px;
		color: #333;
		font-weight: bold;
		border-bottom: 1px solid #eee;
	}

	.posts ul {
		line-height: 25px;
		padding: 10px 30px;
		box-sizing: border-box;
	}

		.posts ul li {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 36px;
			font-size: 12px;
		}

			.posts ul li:before {
				content: "";
				width: 4px;
				height: 4px;
				display: inline-block;
				border-radius: 50%;
				background: #8e1eb4;
				vertical-align: middle;
				margin-right: 8px;
			}

			.posts ul li a:hover {
				text-decoration: underline;
				color: #8e1eb4;
			}

/*分页*/
.pager_form {
	margin: 40px 0px 20px;
	text-align: center;
}

.item_box .pager_form {
	margin-top: 40px;
}

.pager_form .p_box {
	display: inline-block;
}

.pager_form .prev, .pager_form .next {
	font-size: 12px;
	vertical-align: top;
	padding: 0px 10px;
}

.pager_form .page-num-current, .pager_form a {
	margin: 0px 3px;
	display: inline-block;
	padding: 0px 12px;
	height: 30px;
	line-height: 30px;
	background-color: rgb(255, 255, 255);
	border-radius: 2px;
}

.pager_form .page-num-current {
	border: 1px solid rgb(108, 10, 140);
}

.pager_form a {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(204, 204, 204);
}

	.pager_form a:hover {
		background: rgb(230, 230, 230);
	}

.pager_form input {
	margin-right: 4px;
	width: 24px;
	padding: 0px 5px;
	line-height: 30px;
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(204, 204, 204);
	border-radius: 3px;
}

.pager_form button {
	background-color: transparent;
	border: none;
	outline: none;
}

/*新闻详情*/
.news-detail-wrap {
	padding-top: 30px;
	padding-bottom: 40px;
	background: #f9fafd;
}

.blog_d_content .d_content_left {
	width: 73%;
}

.d_content_left .contentMsg {
	padding: 0 38px;
	background: #fff;
}

	.d_content_left .contentMsg .contentTitle {
		font-size: 18px;
		font-weight: bold;
		line-height: 20px;
		padding-top: 30px;
		margin-bottom: 20px;
	}

	.d_content_left .contentMsg .contentScore {
		line-height: 20px;
		font-size: 12px;
		margin-bottom: 20px;
	}

.contentMsg .contentScore .writer {
	margin-left: 20px;
}

.d_content_left .contentMsg .contentText {
	line-height: 26px;
	color: #666;
}

	.d_content_left .contentMsg .contentText img {
		margin-top: 20px;
		margin-bottom: 10px;
		max-width: 100%;
	}

.d_content_left .contentMsg .actionBtn {
	color: #333;
	font-size: 12px;
}

.d_content_left .tags {
	margin: 30px 0;
}

.d_content_left .actionBox {
	padding: 30px 38px 0;
	background: #fff;
}

.blog_d_content .rContent {
	float: right;
}

.tagNav {
	line-height: 58px;
	border-bottom: 1px solid #f4f4f4;
	background: #fff;
	padding-left: 50px;
}

	.tagNav a {
		margin-right: 6px;
		color: #999;
	}

		.tagNav a:hover {
			color: #8e1eb4;
		}

.linkBox {
	border-top: 1px solid #dbdbdb;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
}

	.linkBox p {
		color: #333;
		line-height: 30px;
		text-indent: 0;
	}

		.linkBox p a {
			color: #8e1eb4;
		}

/*关于*/

/*数字滚动 风格2*/
.num-scroll-two {
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
}

	.num-scroll-two li {
		float: left;
		width: 25%;
		color: #666666;
		font-size: 16px;
	}

		.num-scroll-two li .num-cont {
			color: #28499d;
		}

		.num-scroll-two li .num {
			margin-bottom: 5px;
			font-size: 30px;
			font-family: "Impact", " ";
			line-height: 1;
			color: #28499d;
		}

		.num-scroll-two li .num-tit {
			margin-top: 10px;
		}

.page-title {
	padding-top: 60px;
	padding-bottom: 40px;
	text-align: center;
}

	.page-title .en {
		display: inline-block;
		font-size: 28px;
		color: #999999;
		line-height: 1;
		font-family: Arial;
	}

	.page-title .mini-en {
		font-size: 24px;
		color: #333;
	}

	.page-title h3 {
		font-size: 28px;
		color: #333;
		line-height: 1;
		margin-top: 8px;
	}

.about-intro {
	padding-top: 0;
	flex-direction: row-reverse;
}

	.about-intro .left {
		width: 42%;
		position: relative;
		top: 10px;
	}

		.about-intro .left .pic {
			width: 100%;
		}

			.about-intro .left .pic:before {
				left: auto;
				right: -30px;
				top: 90px;
				content: "";
				position: absolute;
				width: 500px;
				height: 340px;
				background: #28499d;
			}

			.about-intro .left .pic img {
				position: relative;
			}

	.about-intro .right {
		flex: 1;
		overflow: hidden;
		padding-left: 0;
		padding-right: 50px;
	}

	.about-intro .num-scroll-two {
		margin-top: 20px;
		margin-bottom: 0;
	}

	.about-intro .right .des p {
		line-height: 28px; /*text-indent: 2em;*/
	}

		.about-intro .right .des p ~ p {
			margin-top: 0;
		}

	.about-intro .right h4 {
		margin-bottom: 15px;
		padding-bottom: 20px;
		font-size: 24px;
		color: #333;
		line-height: 1;
		padding-top: 5px;
		border-bottom: 1px solid #b5b5b5;
	}

.about-culture {
	padding-top: 80px;
	padding-bottom: 80px;
	background: url(../images/about-bg.jpg) no-repeat center bottom;
	background-size: cover;
}

.culture-list li {
	background: #fff;
	width: 31.6666%;
	padding: 30px 30px 30px 0;
	margin-right: 15px;
	margin-bottom: 15px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	border-radius: 5px;
}

	.culture-list li:hover {
		-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
	}

	.culture-list li .pic {
		height: 180px;
		line-height: 180px;
		font-size: 0;
		text-align: center;
		width: 135px;
		padding-top: 12%;
	}

	.culture-list li h4 {
		font-size: 22px;
		line-height: 1;
		color: #333333;
		margin-bottom: 21px;
	}

	.culture-list li .en {
		display: block;
		font-size: 18px;
		color: #999999;
		margin-bottom: 10px;
		margin-top: 5px;
	}

	.culture-list li p {
		font-size: 16px;
	}

/*图片*/
.picture-wrap {
	padding: 30px;
	background: #fff;
}

.picture-list {
	margin-bottom: -30px;
}

	.picture-list .item {
		width: 32%;
		margin-bottom: 30px;
		text-align: center;
	}

		.picture-list .item .pic {
			border: 1px solid #ededed;
		}

		.picture-list .item .tit {
			font-size: 16px;
			margin-top: 15px;
		}

.vr-wrap iframe {
	vertical-align: middle;
}

/*联系*/
.page-contact {
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
}

	.page-contact .tit {
		font-size: 36px;
		font-weight: bold;
		color: #28499d;
		line-height: 1;
	}

	.page-contact .en {
		margin-top: 20px;
		margin-bottom: 40px;
		font-size: 24px;
		color: #333333;
		line-height: 1;
		font-weight: 300;
	}

.contact-list {
	border: 1px solid #ddd;
	border-radius: 5px;
}

	.contact-list li ~ li {
		border-left: 1px solid #ddd;
	}

	.contact-list li {
		width: 25%;
		float: left;
		height: 225px;
		padding-top: 35px;
	}

.c2 li {
	width: 50%;
}

.contact-list li .pic {
	height: 50px;
}

.contact-list li h5 {
	margin-top: 25px;
	margin-bottom: 5px;
	font-size: 18px;
	color: #1c2631;
}

.contact-list li p {
	font-size: 16px;
	color: #666;
}

.contact-list li .mini {
	font-size: 14px;
	line-height: 22px;
}

#map {
	margin-top: 50px;
	width: 100%;
	height: 500px;
}

/*地图*/
.map img {
	max-width: none;
}

/*留言*/
.contact-message {
	padding: 80px 0;
	background: url(../images/message-bg.jpg) no-repeat center;
	background-size: cover;
}

	.contact-message .page-title p {
		font-size: 16px;
		margin-top: 10px;
	}

	.contact-message .form-box {
		margin: 0 auto;
		width: 960px;
	}

.com-form-box ul li {
	float: left;
	width: 48.5%;
	border: 1px solid #ededed;
	background: #fff;
	box-sizing: border-box;
	border-radius: 2px;
	overflow: hidden;
}

	.com-form-box ul li input {
		font-size: 16px;
		color: #999;
		width: 100%;
		line-height: 45px;
		padding: 0 15px;
	}

		.com-form-box ul li input:focus, .com-form-box .textarea:focus, .com-form-box .submit:focus {
			outline: none;
			box-sizing: border-box;
		}

	.com-form-box ul li ~ li {
		margin-left: 3%;
	}

.com-form-box .textarea {
	box-sizing: border-box;
	padding: 10px 15px;
	height: 226px;
	margin-top: 20px;
	width: 100%;
	border: none;
	border: 1px solid #ededed;
	font-size: 16px;
	color: #999;
	background: #fff;
	font-family: " " border-radius: 2px;
	overflow: hidden;
}

.com-form-box .submit {
	margin-top: 20px;
	width: 100%;
	height: 64px;
	line-height: 64px;
	text-align: center;
	background: var(--color-four);
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	border-radius: 2px;
	overflow: hidden;
}

	.com-form-box .submit:hover {
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
	}

.g-main .pcbonline-options .com-form-box .submit {
	height: 54px;
	line-height: 54px;
}

.com-form-box .upfile {
	position: relative;
	line-height: 45px;
	margin-top: 20px;
	border: 1px solid #ededed;
	padding: 0 15px;
}

	.com-form-box .upfile .file-up {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
	}

	.com-form-box .upfile input {
		font-size: 16px;
		width: 100%;
	}

	.com-form-box .upfile span {
		font-size: 14px;
		color: #999;
		position: absolute;
		left: 150px;
	}

.pcb-content .cont table, .pcb-gynl .cont table {
	width: 100%;
	border: 1px solid #ddd;
}

	.pcb-content .cont table td, .pcb-gynl .cont table td {
		border: 1px solid #ddd;
		padding: 10px 15px !important;
		font-size: 16px;
		color: #454545;
		width: fit-content;
		vertical-align: middle;
	}

	.pcb-gynl .cont table td {
		border-color: #ddd !important;
	}

		.pcb-gynl .cont table td p {
			margin-left: 0 !important;
			line-height: 1.5 !important;
		}

/*.pcb-content .cont table td:nth-child(1) {background: #f5f5f5}*/

/*.pcb-content .cont table tr:nth-child(2n) {background: #f5f5f5}*/

/*PCB生产制程能力*/
.pcb-gynl {
	border-top: 1px solid #ddd;
	display: none;
}

.partner_box {
	padding: 0 50px;
}

.swiper-container-hzpp .swiper-slide {
	text-align: center;
	margin-bottom: 20px;
}

	.swiper-container-hzpp .swiper-slide .pic {
		height: 120px;
		background-color: var(--color-whiteblock);
		border-radius: 5px;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}

	.swiper-container-hzpp .swiper-slide:hover .pic {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
	}

	.swiper-container-hzpp .swiper-slide .pic img {
		height: 80px;
	}

	.swiper-container-hzpp .swiper-slide .tit {
		font-size: 16px;
		line-height: 32px;
		color: #5b5b5b;
		margin-top: 5px;
	}

/*友情链接*/
.links {
	padding: 20px 0;
	color: rgba(255,255,255,.5);
	border-top: 1px solid rgba(228, 232, 242, .1);
}

	.links a {
		margin-right: 10px;
		color: rgba(255,255,255,.5);
	}

		.links a:hover {
			color: #fff;
		}

/*新闻补充*/
.blog_d_content .d_content_single {
	width: 100%;
}



.upload-box-wrap {
	position: relative;
}

.parent-dlg {
	position: absolute;
	width: 400px;
	height: 20px;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
	top: 30%;
	left: 50%;
	z-index: 9999;
	margin-left: -200px;
	display: none;
}

	.parent-dlg .progress-label {
		position: absolute;
		left: 50%;
		top: 4px;
		font-weight: bold;
		text-shadow: 1px 1px 0 #fff;
	}

	.parent-dlg .son {
		width: 0;
		height: 100%;
		background-color: #cccccc;
		text-align: center;
		line-height: 20px;
		font-size: 16px;
		font-weight: bold;
	}

.gcaddr {
	text-align: left;
	margin-top: 40px;
	line-height: 30px;
	font-size: 16px;
}

/*产品列表20230327*/
.pro-list .item {
	align-items: center;
}

	.pro-list .item .pic {
		height: auto;
	}

	.pro-list .item .cont {
		padding-top: 0;
	}

		.pro-list .item .cont h4 a {
			color: #333;
		}

			.pro-list .item .cont h4 a:hover {
				color: var(--color-three)
			}

		.pro-list .item .cont p {
			margin-top: 20px;
		}

		.pro-list .item .cont .more {
			display: inline-block;
			width: 120px;
			height: 40px;
			border-radius: 23px;
			border: solid 1px var(--color-three);
			line-height: 38px;
			text-align: center;
			color: var(--color-three);
			font-size: 16px;
			transition: .3s
		}

			.pro-list .item .cont .more:hover {
				background: var(--color-three);
				color: #fff;
			}






/*客服*/
.side-contact {
	position: fixed;
	right: 10px;
	bottom: 226px;
	display: none;
	width: 70px;
	height: 330px;
	z-index: 200;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	background: #f2f2f2;
	text-align: center
}

	.side-contact span, .side-contact i {
		display: block
	}

	.side-contact span {
		font-size: 12px;
		color: #666
	}

	.side-contact div:hover span {
		color: #17a1e6
	}

	.side-contact i {
		width: 35px;
		height: 32px;
		margin: 0 auto
	}

	.side-contact p {
		position: absolute;
		left: 0;
		top: 0;
		display: none;
		background: #17a1e6;
		color: #FFF;
		font-size: 14px
	}

		.side-contact p strong {
			font-size: 22px;
			font-weight: normal
		}

		.side-contact p em {
			position: absolute;
			right: -11px;
			display: block;
			width: 11px;
			height: 11px;
			background: url(../images/icon_tips_arrow.png) no-repeat 0 0
		}

	.side-contact .qq-item {
		width: 100%;
		height: 59px;
		padding-top: 10px;
		border-bottom: 1px solid #f2f2f2;
		border-radius: 8px 8px 0 0;
		background: #FFF;
		cursor: pointer
	}

		.side-contact .qq-item i {
			background: url(../images/icon_contact.png) no-repeat -32px 0
		}

		.side-contact .qq-item p {
			left: -140px;
			top: 0px;
			width: 140px;
			height: 59px;
			padding: 5px 0;
			border-radius: 8px
		}

			.side-contact .qq-item p em {
				top: 30px
			}

			.side-contact .qq-item p a {
				color: #fff;
				float: left;
				border-bottom: #3AABE4 solid 1px;
				margin: 0 20px;
				font-size: 14px;
				padding: 15px 0 0 30px;
				height: 40px;
				text-align: left;
				background: url(../images/qq.png) no-repeat;
				background-position: 0 12px;
			}

				.side-contact .qq-item p a:hover {
					color: #F1F6F9;
					text-decoration: none;
				}

	.side-contact .phone-item {
		width: 100%;
		height: 59px;
		padding-top: 10px;
		border-bottom: 1px solid #f2f2f2;
		background: #FFF;
		cursor: pointer;
		padding-bottom: 10px;
	}

		.side-contact .phone-item i {
			background: url(../images/icon_contact.png) no-repeat -30px -32px
		}

		.side-contact .phone-item p {
			left: -190px;
			top: 56px;
			width: 190px;
			height: 64px;
			line-height: 22px;
			padding-top: 15px;
			border-radius: 8px
		}

			.side-contact .phone-item p em {
				top: 30px
			}

	.side-contact .weixin-item {
		width: 100%;
		height: 59px;
		padding-top: 10px;
		border-bottom: 1px solid #f2f2f2;
		background: #FFF;
		cursor: pointer;
	}

		.side-contact .weixin-item i {
			background: url(../images/icon_contact.png) no-repeat -30px -64px
		}

		.side-contact .weixin-item p {
			left: -120px;
			top: 98px;
			width: 120px;
			height: 150px;
			line-height: 22px;
			padding-top: 11px;
			font-size: 14px;
			border-radius: 8px
		}

			.side-contact .weixin-item p img {
				width: 90px;
				height: 90px;
				margin-top: 10px
			}

			.side-contact .weixin-item p em {
				top: 72px
			}

	.side-contact .daili-item {
		width: 100%;
		height: 59px;
		padding-top: 10px;
		background: #FFF;
		cursor: default
	}

		.side-contact .daili-item i {
			background: url(../images/icon_contact.png) no-repeat -30px -96px
		}

			.side-contact .daili-item i a {
				float: left;
				width: 100%;
				height: 100%;
			}

		.side-contact .daili-item:hover span a {
			color: #17a1e6;
		}

	.side-contact .gotop-item {
		width: 100%;
		padding-top: 10px;
		cursor: pointer
	}

		.side-contact .gotop-item i {
			width: 16px;
			height: 16px
		}

		.side-contact .gotop-item i {
			background: url(../images/icon_top_arrow.png) no-repeat 0 0
		}

		.side-contact .gotop-item:hover i {
			background: url(../images/icon_top_arrow.png) no-repeat -18px 0
		}

		.side-contact .gotop-item span {
			padding: 3px 0 0 0;
			color: #999
		}


.inside_con {
	padding: 10px 0;
	min-height: 300px;
}

.clear {
	margin: 0;
	padding: 0;
	font-size: 0;
	clear: both;
}

.chanxun {
	background: #f0f0f0;
	padding: 3% 0;
}

.cer {
	border: 1px solid #ccc;
}

.chanxun .tlitle {
	background: #112655;
	line-height: 30px;
	padding: 0 30px;
	color: #fff;
	font-size: 14px;
	height: 30px;
}

.chanxun .tlitle {
	font-size: 1.5rem;
	font-weight: bold;
}

.cer .name {
	padding: 3% 6%;
	display: block;
	box-sizing: border-box;
}

	.cer .name h2 {
		font-size: 14px;
		color: #333;
	}

	.cer .name .input_text {
		display: block;
		width: 95%;
		margin: 2% auto;
		outline: none;
		border: 1px solid #ccc;
		background: #fff;
		border-radius: 8px;
		line-height: 40px;
		float: none;
		text-indent: 10px;
	}

		.cer .name .input_text::-webkit-input-placeholder {
			color: #ccc;
		}

	.cer .name .input_button {
		background: #337ab7;
		border-radius: 5px;
		line-height: 40px;
		text-align: center;
		width: 60px;
		color: #fff;
		display: block;
		margin-top: 2%;
		float: none;
	}

.inside_left {
	width: 220px;
	float: left;
}

.update_side_a h2 {
	border-bottom: 1px solid #ddd;
}

	.update_side_a h2 span {
		display: inline-block;
		border-bottom: 2px solid #08426d;
		font-weight: bold;
		line-height: 49px;
		font-size: 18px;
	}

.update_side_a dl {
	padding: 10px 0px 20px 0px;
}

	.update_side_a dl dd {
		background: #e6e6e6;
		height: 45px;
		line-height: 45px;
		margin-bottom: 2px;
	}

		.update_side_a dl dd a {
			display: block;
			font-size: 14px;
			padding-left: 20px;
			background: url(../images/about-cn3_19.png) right 20px center no-repeat;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}

		.update_side_a dl dd:hover {
			background: #08426d;
		}

			.update_side_a dl dd:hover a {
				color: #fff;
			}

		.update_side_a dl dd.on {
			background: #08426d;
		}

			.update_side_a dl dd.on a {
				color: #fff;
			}

.inside_right {
	width: calc(100% - 240px);
	float: right;
}


@media only screen and (max-width: 980px) {
	.inside_left {
		width: 100%;
		float: none
	}

	.inside_right {
		width: 100%;
		float: none;
		margin-top: 5%
	}
}