@vw: 19.2vw;

:root {
	--box: 1440/@vw;
	--margin: 0 auto;
	--font-size-14: 14/@vw;
	--font-size-16: 16/@vw;
	--font-size-18: 18/@vw;
	--font-size-20: 20/@vw;
	--font-size-24: 24/@vw;
	--font-size-28: 28/@vw;
	--font-size-32: 32/@vw;
	--font-size-42: 42/@vw;
	--font-size-48: 48/@vw;
	--font-size-72: 72/@vw;
	--margin-10: 10/@vw;
	--margin-15: 15/@vw;
	--margin-20: 20/@vw;
	--margin-25: 25/@vw;
	--margin-30: 30/@vw;
	--margin-40: 40/@vw;
	--margin-55: 55/@vw;
	--margin-60: 60/@vw;
	--margin-70: 70/@vw;
	--margin-80: 80/@vw;
	--margin-90: 90/@vw;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.ele {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.radius {
	-moz-border-radius: 600/@vw;
	-webkit-border-radius: 600/@vw;
	border-radius: 600/@vw;
}

.radiused {
	-moz-border-radius: 8/@vw;
	-webkit-border-radius: 8/@vw;
	border-radius: 8/@vw;
}

.column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wap_nav_sw {
	display: none;
}

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

::-webkit-input-placeholder {
	color: #aaaaaa;
	font-size: var(--font-size-16);
}

::-moz-placeholder {
	color: #aaaaaa;
	font-size: var(--font-size-16);
}

::-ms-input-placeholder {
	color: #aaaaaa;
	font-size: var(--font-size-16);
}

.rgba {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
}

body {
	font-size: var(--font-size-16);
	overflow-x: hidden;
}

.box {
	width: var(--box);
	margin: var(--margin);
}

.pt90 {
	padding: var(--margin-90) 0;
}

.w750 {
	width: 750/@vw;
}

.w605 {
	width: 605/@vw;
}

.transition {
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

@font-face {
	font-family: "impact";
	src: url("../fonts/impact.eot");
	src: url("../fonts/impact.eot?#iefix") format("embedded-opentype"),
		url("../fonts/impact.woff") format("woff"),
		url("../fonts/impact.svg#fette-engschrift") format("svg");
	font-style: normal;
	font-weight: normal;
}

.header#header {
	position: sticky;
}

// 顶部
.header {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 999;
	height: var(--margin-80);
	line-height: var(--margin-80);
	.transition();
    &:hover,
	&.fix,
	&#header {
		background: #222222;
	}
&:hover{
	img:nth-child(1) {
		display: none;
	}
	
	img:nth-child(2) {
		display: block;
	}
}
	&.fix {
		img:nth-child(1) {
			display: none;
		}

		img:nth-child(2) {
			display: block;
		}
	}

	h1 {
		width: 129/@vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		img:nth-child(2) {
			display: none;
		}
	}

	i {
		width: 1/@vw;
		height: 12/@vw;
		background: #8295b7;
		align-self: center;
		margin: 0 var(--margin-25);
		display: block;
		position: relative;
		top: 2/@vw;
	}

	a {
		.fff();
		align-self: center;
		text-align: center;
font-size: var(--font-size-18);
		&:hover em,
		&.cur em {
			width: 48/@vw;
		}

		em {
			display: block;
			width: 0;
			height: 4/@vw;
			background: #2b6ad3;
			.radius();
			margin: 0 auto;
			position: relative;
			top: -4/@vw;
			.transition();
		}
	}

	.mav {
		position: relative;
		z-index: 9999;

		span {
			display: flex;
		}

		li {
			position: relative;

			i {
				display: block;
				width: 1/@vw;
				height: 12/@vw;
				background: rgba(255, 255, 255, 0.2);
				margin: 0 var(--margin-30);
			}

		}

		li:last-child {
			i {
				display: none;
				margin: 0;
			}
		}

	}

	.language {
		margin-left: var(--margin-80);

		i {
			margin: 0 var(--margin-10);
		}
	}
}

.nav-list {
	position: absolute;
	left: -33%;
	right: 0;
	width: 120%;
	top: var(--margin-80);
	box-shadow: 0px 10px 50px 0px rgba(48, 48, 48, 0.1);
	z-index: -1;
	display: none;

	.bg_fff {
		background: #fff;
		.radiused();
		overflow: hidden;

		a {
			line-height: var(--margin-40);
			color: #333;
			display: block;
			text-align: center;
			font-size: var(--font-size-16);

			&:hover {
				background: #f5f5f5;
				color: #2b6ad3;
			}
		}
	}
}

.sub_nav {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	top: var(--margin-80);
	display: none;
	box-shadow: 0px 10px 50px 0px rgba(48, 48, 48, 0.1);
	z-index: -1;
	.bg_fff {
		background: #fff;
	}

	dl {
		width: 21.875%;

		dt {
			padding:  0;
			font-size: var(--font-size-18);
			font-weight: bold;
			border-bottom: 1/@vw #eeeeee solid;
		}

		dd {
			padding: var(--margin-25) 0 var(--margin-40) 0;

			a {
				display: flex;
				justify-content: space-between;
				color: #383838;
				line-height: 36/@vw;
				background: url(../images/icon_0.png) no-repeat 0 var(--margin-15);
				background-size: 5/@vw 5/@vw;
				padding-left: var(--margin-15);

				&:hover {
					background: url(../images/icon.png) no-repeat 0 var(--margin-15);
					background-size: 5/@vw 5/@vw;

					b {
						background: url(../images/togo.png) no-repeat;
						background-size: 7/@vw 12/@vw;
						width: 7/@vw;
						height: 12/@vw;
					}
				}
			}

			b {
				align-self: center;
				display: block;
				background: url(../images/goto.png) no-repeat;
				background-size: 7/@vw 12/@vw;
				width: 7/@vw;
				height: 12/@vw;
			}
		}
	}
}

.slide-nav ul #backTop.fix {
	display: block;
}

.slide-nav {
	position: fixed;
	right: var(--margin-30);
	bottom: var(--margin-30);
	z-index: 1000
}

.txt_seo {
	padding-left: var(--margin-30);
	color: white
}

.slide-nav ul li {
	position: relative
}

.slide-nav ul li .tu {
	width: var(--margin-70);
	height: var(--margin-70);
	.radiused();
	background: #2b6ad3;
	position: relative;
	overflow: hidden;
	z-index: 2;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s
}

.slide-nav ul li .tu .img {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: var(--margin-70);
	height: var(--margin-70);
}

.slide-nav ul li .tu .img.color {
	top: 100%
}

.slide-nav ul li .tu .img img,
.slide-nav ul li .tu .img.color img {
	width: var(--margin-40);
	margin: 0 auto;
}

.slide-nav ul li .txt {
	position: absolute;
	height: var(--margin-70);
	width: var(--margin-70);
	.radiused();
	right: 0;
	top: 0;
	background: #2b6ad3;
	overflow: hidden;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	padding-left: var(--margin-30);
}

.slide-nav ul li .txt span {
	line-height: var(--margin-70);
	color: #fff;
	white-space: nowrap
}

.slide-nav ul li:not(:last-child) {
	margin-bottom: var(--margin-10)
}

.slide-nav ul li:hover .tu {
	background: #fff
}

.slide-nav ul li:hover .tu .img.white {
	top: -100%
}

.slide-nav ul li:hover .tu .img.color {
	top: 0
}

.slide-nav ul li:hover .txt {
	opacity: 1;
	width: 200/@vw;
	box-shadow: 0 0 6px rgba(134, 134, 134, 0.8)
}

.slide-nav ul li:hover.telphone .txt {
	width: 250/@vw;
}

.slide-nav ul #backTop {
	display: none
}

// 轮播图
.index_swiper {
	dl {
		width: 100%;
	}

	dt img {
		.pub_img();
	}

	dd {
		.ele();
		width: var(--box);
		.fff();

		h6 {
			font-size: var(--font-size-16);
			width: 625/@vw;
			margin-top: var(--margin-40);
			line-height: 32/@vw;
		}

		h2 {
			font-size: var(--font-size-48);
			font-weight: bold;
		}

		p {
			margin-top: var(--margin-80);
			width: 315/@vw;
			display: flex;
			justify-content: space-between;

			a {
				font-size: 17/@vw;
				.fff();
				display: flex;
				justify-content: center;
				line-height: 2.65;
				.radiused();
				border: 1/@vw #fff solid;
				width: 180/@vw;
				.transition();

				&:hover {
					border: 1/@vw #588ce4 solid;
					background: -webkit-linear-gradient(left, #2b6ad3, #013182);
					background: -o-linear-gradient(right, #2b6ad3, #013182);
					background: -moz-linear-gradient(right, #2b6ad3, #013182);
					background: linear-gradient(to right, #2b6ad3, #013182);
				}

				&:nth-child(2) {
					width: 110/@vw;
				}

				img {
					width: var(--margin-20);
					height: 6/@vw;
					align-self: center;
					margin-left: var(--margin-10);
				}
			}
		}

	}
}

// 首页关于我们
.index_one {
	.test {
		top: var(--margin-15);
		position: relative;

		h2 {
			font-size: var(--font-size-32);
			font-weight: bold;
		}

		p {
			color: #787878;
		}

		h5 {
			font-size: var(--font-size-24);
			color: #2b6ad3;
			margin: var(--margin-30) 0 var(--margin-40) 0;
			display: flex;
			position: relative;

			b {
				display: block;
				width: 100/@vw;
				height: 2/@vw;
				background: #2b6ad3;
				align-self: center;
				position: absolute;
				left: -140/@vw;
			}
		}

		.dl {
			dl {
				&:hover dd {
					background-image: linear-gradient(to right, #2d6cd4, #76a7f8);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
					/* WebKit 特有的文本填充颜色属性 */
				}

				dt {
					font-size: var(--font-size-20);
					color: #313131;
					margin-bottom: var(--margin-15);
				}

				dd {
					font-size: var(--font-size-72);
					font-family: "impact";

					i {
						font-size: var(--font-size-20);
						margin-left: var(--margin-10);
					}
				}
			}
		}
	}

	.img {
		dt {
			width: 438/@vw;
			position: absolute;
			left: 0;
			bottom: 0;
		}

		dd {
			width: 530/@vw;
			height: 530/@vw;
			overflow: hidden;
			-moz-border-radius: 0 var(--margin-20) 0 var(--margin-20);
			-webkit-border-radius: 0 var(--margin-20) 0 var(--margin-20);
			border-radius: 0 var(--margin-20) 0 var(--margin-20);
			float: right;
			position: relative;
		}
	}

	.pub_more {
		margin: var(--margin-60) 0 var(--margin-90) 0;
	}
}

.pub_more {
	background: #2b6ad3;
	.radiused();
	width: 138/@vw;
	display: inline-block;
	text-align: center;
	padding: 12/@vw 0;
	font-size: var(--font-size-16);
	.fff();

	&:hover img {
		margin-left: 12/@vw;
	}

	img {
		width: var(--margin-10);
		margin-left: 8/@vw;
		.transition();
	}
}

// 首页解决方案
.index_tow {
	.test {
		dl {
			width: 18.33%;
			overflow: hidden;
			.radiused();
			position: relative;
			.transition();

			&:hover {
				margin-top: -20/@vw;

				dd {

					p,
					i img {
						display: block;
					}
				}
			}

			dt {
				position: relative;
				.transition();
				height: 528/@vw;

				img {
					.pub_img();
				}

				p {
					.rgba();
				}
			}

			dd {
				.ele();
				.fff();
				width: 98%;
				text-align: center;
				.transition();

				h2 {
					font-size: var(--font-size-28);
					margin: 35/@vw auto var(--margin-60) auto;
				}

				h6 {
					width: var(--margin-70);
					margin: 0 auto;
				}

				p {
					line-height: 1.6;
					.transition();
					display: none;
				}

				i img {
					width: var(--margin-40);
					display: block;
					margin: var(--margin-90) auto 0 auto;
					.transition();
					display: none;
				}
			}
		}
	}
}

// 首页产品推荐
.index_th {
	.dl {
		dl {
			overflow: hidden;
			.radiused();
			background: #f2f4f5;
			text-align: center;
			font-size: var(--font-size-24);
			width: 31.94%;

			&:hover dd p {
				color: #2b6ad3;
			}

			&:hover dt img.img {
				.ne();
			}

			dt {
				overflow: hidden;
				border-bottom: 1/@vw #e0e4e6 solid;

				img.img {
					.pub_img();
				}

				.hot {
					position: absolute;
					top: var(--margin-40);
					right: var(--margin-40);
					width: 100/@vw;
				}
			}

			dd {
				padding: var(--margin-25);

				p {
					.ellipsis();
				}
			}
		}

		dl:nth-child(1),
		dl:nth-child(2) {
			width: 49%;
			margin-bottom: var(--margin-30);

			dt {
				position: relative;
				height: 475/@vw;

				.hot {
					opacity: 1;
				}
			}
		}

		dt {
			position: relative;
			height: 310/@vw;

			img {
				.transition();
			}
		}
	}
}

// 首页新闻资讯
.index_four {
	.ck {
		display: flex;
		justify-content: center;
		margin-bottom: var(--margin-40);

		a {
			width: 138/@vw;
			background: #fff;
			border: 1/@vw #e5e5e5 solid;
			.radiused();
			color: #2b6ad3;
			padding: var(--margin-15) 0;
			margin: 0 var(--margin-10);
			display: flex;
			justify-content: center;
			.transition();

			&:hover {
				background: #2b6ad3;
				border: 1/@vw #2b6ad3 solid;
				color: #fff;

				i {
					background: url(../images/go_0.png) no-repeat;
					background-size: 11/@vw 8/@vw;
					width: 11/@vw;
					height: 8/@vw;
					margin-left: 10/@vw;
				}
			}

			i {
				display: block;
				background: url(../images/go.png) no-repeat;
				background-size: 11/@vw 8/@vw;
				width: 11/@vw;
				height: 8/@vw;
				align-self: center;
				margin-left: 6/@vw;
				.transition();
			}
		}
	}

	dl {
		&:hover dt img {
			.ne();
		}

		&:hover dd h2 {
			color: #2b6ad3;
		}

		dt {
			height: 310/@vw;
			overflow: hidden;
			.radiused();

			img {
				.transition();
				.pub_img();
			}
		}

		em {
			color: #787878;
			font-size: var(--font-size-16);
			display: block;
			margin: var(--margin-30) 0 var(--margin-10) 0;
		}

		h2 {
			font-size: var(--font-size-20);
			.ellipsis();
			width: 96%;
		}
	}

}
.pub_cont .cont_left
{
  align-self: baseline;
}
.footer {
	background: #24282a;
	padding-top: var(--margin-90);
	color: #fff;

	.line {
		width: 1/@vw;
		background: #323948;
		height: 226/@vw;
		position: relative;
		top: 40/@vw;
	}

	.core {
		dt {
			margin-bottom: 0;

			img {
				width: 110/@vw;
				.radiused();
			}
		}

		dd {
			text-align: center;
			margin: var(--margin-10) auto var(--margin-25) auto;
			font-size: 15/@vw;
		}

	}

	.mav {

		dt {
			font-size: var(--font-size-18);
			margin-bottom: var(--margin-30);

			span {
				display: block;
				position: relative;
				background: #323948;
				width: 100%;
				height: 1/@vw;
				margin-top: var(--margin-20);

				i {
					display: block;
					width: 32/@vw;
					height: 3/@vw;
					background: #2b6ad3;
					position: relative;
					top: -1/@vw;
				}
			}
		}

		dd {
			b {
				font-size: var(--font-size-16);
				font-weight: normal;
				margin-bottom: var(--margin-15);
				display: block;
			}

			a {
				display: block;
				font-size: var(--font-size-14);
				color: #fff;
				line-height: 2.2;
				background: url(../images/icon.png) no-repeat 0 12/@vw;
				background-size: 5/@vw 5/@vw;
				padding-left: var(--margin-15);

				&:hover {
					color: #5092ff;
				}
			}
		}

		dl:nth-child(1) {
			width: 645/@vw;

			dd {
				display: flex;

				p {
					flex: 1;
				}
			}
		}

		dl:nth-child(3) {
			width: 160/@vw;

			a {
				line-height: 2.7;
				background: url(../images/icon.png) no-repeat 0 17/@vw;
				background-size: 5/@vw 5/@vw;
			}
		}

		dl:nth-child(5) {
			width: 260/@vw;

			li {
				display: flex;
				margin-bottom: var(--margin-20);

				img {
					width: 18/@vw ;
					height: 18/@vw;
					margin-right: var(--margin-10);
				}

				em {
					font-size: var(--font-size-14);
					line-height: 1.8;
					position: relative;
					top: -4/@vw;
				}
			}
		}
	}

	.copyright {
		color: #c7c7c7;
		font-size: var(--font-size-14);
		border-top: 1/@vw #323948 solid;
		padding: var(--margin-30) 0;

		i {
			margin: 0 var(--margin-15);
		}

		a {
			color: #c7c7c7;
			margin-left: var(--margin-20);
		}
	}
}

// banner
.banner {
	dd {
		.ele();
		.fff();

		h2 {
			font-size: var(--font-size-42);
			font-weight: bold;
		}

		p {
			font-size: var(--font-size-20);
			font-family: 'Times New Roman', Times, serif;
			text-transform: uppercase;
			color: rgba(255, 255, 255, .5);
		}
	}

	dt {
		height: 520/@vw;
		overflow: hidden;

		img {
			.pub_img();
		}
	}
}

.product {
	.pro_left {
		dl {
			overflow: hidden;
			.radiused();
			background: #fff;
			margin-bottom: var(--margin-10);

			&.cur {
				dt {
					background: #2b6ad3;
					color: #fff;

					i {
						background: #fff;
					}
				}

				dd {
					display: block;
				}
			}

			dt {
				display: flex;
				padding: var(--margin-30);
				cursor: pointer;

				i {
					width: 6/@vw;
					height: 25/@vw;
					background: #2b6ad3;
					.radiused();
					margin-right: var(--margin-15);
				}

				em {
					font-size: var(--font-size-20);
				}
			}

			dd {
				padding: 0 var(--margin-30);
				display: none;
				.transition();

				a {
					display: block;
					padding: var(--margin-20) 0;
					border-bottom: 1/@vw #f3f3f3 solid;
					background: url(../images/icon_0.png) no-repeat 0 var(--margin-30);
					background-size: 5/@vw 5/@vw;
					padding-left: var(--margin-15);
					.transition();

					&:last-child {
						border-bottom: 0;
					}

					&.cur {
						background: url(../images/icon.png) no-repeat 0 var(--margin-30);
						background-size: 5/@vw 5/@vw;
						color: #2b6ad3;
					}

					&:hover {
						background: url(../images/icon.png) no-repeat 0 var(--margin-30);
						background-size: 5/@vw 5/@vw;
						color: #2b6ad3;
						margin-left: var(--margin-20);
					}
				}
			}
		}

	}

	.pro_right {
		dl {
			width: 30.8%;
			margin-left: 3.8%;
			box-shadow: -1px 1px 5px #e1e1e1;
			margin-bottom: var(--margin-30);
			overflow: hidden;
			.radiused();

			&:hover dt img {
				.ne();
			}

			&:hover dd p {
				color: #2b6ad3;
			}

			&:nth-child(3n+1) {
				margin-left: 0;
			}

			dt {
				border-bottom: 1/@vw #e0e4e6 solid;
				overflow: hidden;
				height: 240/@vw;

				img {
					.transition();
					.pub_img();
				}
			}

			dd {
				text-align: center;
				padding: var(--margin-20);

				p {
					.ellipsis();
					font-size: var(--font-size-18);
				}
			}
		}
	}
}

.where {
	color: #787878;
	padding: var(--margin-30) 0;

	a {
		color: #787878;

		&:hover {
			color: #2b6ad3;
		}
	}

	i {
		margin: 0 5/@vw;
	}
}

.pub_cont {
	.cont_left {
		padding: var(--margin-30);

		.tit {
			h2 {
				font-size: 30/@vw;
				font-weight: bold;
			}

			p {
				color: #787878;
				padding: var(--margin-15) 0 var(--margin-25) 0;
				border-bottom: 1/@vw #d7e0e7 solid;

				i {
					margin: 0 var(--margin-15);
				}
			}
		}

		.test p {
			text-indent: 2em;
			margin-top: var(--margin-20);

			img {
				display: block;
				margin: 0 auto;
			}
		}
	}

	.cont_right {
		padding: 0 var(--margin-20);
		align-self: baseline;

		.tit {
			font-size: var(--font-size-24);
			padding-top: var(--margin-30);
		}

		dl {
			padding: var(--margin-20) 0;
			border-bottom: 1/@vw #d7e0e7 solid;

			&:last-child {
				border-bottom: 0;
			}

			&:hover dt img {
				.ne();
			}

			&:hover dd {
				color: #2b6ad3;
			}

			dt {
				height: 195/@vw;
				overflow: hidden;
				.radiused();

				img {
					.transition();
					.pub_img();
				}
			}

			h2 {
				font-size: var(--font-size-20);
				margin: var(--margin-15) 0;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				line-height: 1.6;
			}

			p {
				color: #787878;
			}
		}

	}

	.back {
		width: 120/@vw;
		background: #2277ec;
		.radius();
		text-align: center;
		height: var(--margin-70);
		padding-top: var(--margin-10);
		align-self: center;
		margin-top: var(--margin-25);

		img {
			width: 36/@vw;
		}

		i {
			display: block;
			font-size: 15/@vw;
			margin-top: 5/@vw;
		}

		a {
			color: #fff;
		}
	}

	.pev_net {
		.pop {
			width: 65%;
		}

		border-top: 1/@vw #d7e0e7 solid;
		padding: var(--margin-15) 0 var(--margin-40) 0;
		margin-top: var(--margin-30);

		p {
			margin-top: var(--margin-25);

			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;

			a {
				color: #4b4b4b;

				&:hover {
					color: #5092ff;
				}
			}
		}
	}
}

.solution {
	dl {
		overflow: hidden;
		.radiused();
		position: relative;
		margin-bottom: var(--margin-40);
		color: #fff;

		&:last-child {
			margin-bottom: 0;
		}

		dt {
			position: relative;
			height: 520/@vw;

			img:nth-child(1) {
				.pub_img();
			}

			.pic {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
			}
		}

		dd {
			.ele();
			left: 100/@vw;
			transform: translate(0%, -50%);
			-webkit-transform: translate(0%, -50%);

			p {
				width: 570/@vw;
				margin: var(--margin-25) 0 var(--margin-55) 0;
			}

			h2 {
				font-size: var(--font-size-24);
				font-weight: bold;
			}
		}
	}
}

.pt60 {
	padding: var(--margin-30) 0 var(--margin-60) 0;
}

.pop_img {
	background-size: 24/@vw 24/@vw;
	width: 24/@vw;
	height: 24/@vw;
	margin-right: var(--margin-15);
}

.news {
	.ck {
		display: flex;
		justify-content: center;
		margin-top: -40/@vw;
		position: relative;

		a {
			display: flex;
			justify-content: center;
			width: 240/@vw;
			text-align: center;
			padding: var(--margin-25) 0;
			font-size: var(--font-size-20);
			background: #fff;
			.radiused();
			margin: 0 var(--margin-15);

			// box-shadow: 1px 1px 5px #e6e7e8;
			&.cur {
				background: -webkit-linear-gradient(left, #105cd2, #2491e6);
				background: -o-linear-gradient(right, #105cd2, #2491e6);
				background: -moz-linear-gradient(right, #105cd2, #2491e6);
				background: linear-gradient(to right, #105cd2, #2491e6);
				color: #fff;
			}

			&:nth-child(1) i {
				display: block;
				background: url(../images/icon_nw_01.png) no-repeat;
				.pop_img();
			}

			&:nth-child(1).cur i {
				display: block;
				background: url(../images/icon_nw_1.png) no-repeat;
				.pop_img();
			}

			&:nth-child(2) i {
				display: block;
				background: url(../images/icon_nw_02.png) no-repeat;
				.pop_img();
			}

			&:nth-child(2).cur i {
				display: block;
				background: url(../images/icon_nw_2.png) no-repeat;
				.pop_img();
			}
		}
	}

	dl {
		width: 31.94%;
		background: #fff;
		.radiused();
		margin-left: 2.09%;
		padding: var(--margin-20);
		margin-top: var(--margin-25);

		&:nth-child(3n+1) {
			margin-left: 0;
		}

		&:hover dt img {
			.ne();
		}

		&:hover h2 {
			color: #2b6ad3;
		}

		dt {
			height: 280/@vw;
			overflow: hidden;
			.radiused();

			img {
				.transition();
				.pub_img();
			}
		}

		dd {
			h2 {
				font-size: var(--font-size-20);
				.ellipsis();
				margin: var(--margin-20) 0 var(--margin-15) 0;
			}

			p {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				color: #383838;
				margin-top: var(--margin-20);
			}

			em {
				color: #787878;
			}
		}
	}

	.page {
		justify-content: center;
	}

	#pages {
		margin: var(--margin-10) 0 var(--margin-70) 0;
	}
}

.contact {
	.cont_one {
		dl {
			background: #fff;
			border: 1/@vw #eeeeee solid;
			.radiused();
			width: 31.94%;
			display: flex;
			padding: var(--margin-40);

			dt {
				width: var(--margin-70);
				margin-right: var(--margin-25);
			}

			dd {
				width: 275/@vw;

				h2 {
					font-size: var(--font-size-24);
					margin-bottom: var(--margin-10);
				}

				p {
					line-height: 1.75;
				}
			}
		}
	}

	.cont_tow {
		margin: var(--margin-60) 0;

		.mapeds {
			width: 100%;
			height: 490/@vw;
		}

		.contact_tc {
			background: #2376ee;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			.radiused();
			padding: var(--margin-10);
			min-width: 12%;

			dl a {
				display: flex;
			}

			dd {
				font-size: var(--font-size-14);
				color: #fff;
				align-self: center;
				padding: 6/@vw;
			}
		}
	}

	.cont_th {
		.btn {
			width: 200/@vw;
			background: #3087ff;
			cursor: pointer;
			.radius();
			text-align: center;
			color: #fff;
			padding: var(--margin-20) 0;
			margin: var(--margin-70) auto var(--margin-20) auto;
			font-size: var(--font-size-20);
		}

		.tip {
			color: #adadad;

			p {
				justify-content: center;
			}
		}

		p {
			display: flex;
			justify-content: space-between;
			margin-top: var(--margin-20);

			.text {
				width: 32.33%;
				padding: var(--margin-20) var(--margin-25);
			}
		}

		.text {
			background: #fff;
			border: 1/@vw #eeeeee solid;
			.radiused();
			color: #999999;

			&.textarea {
				width: 100%;
				padding: var(--margin-25);
				font-family: 微软雅黑;
			}
		}
	}
}

.about {
	.tit {
		position: relative;
		z-index: 99;

		h2 {
			font-size: 38/@vw;
		}

		p {
			padding: 0 var(--margin-80);
		}
	}

	.about_one {
		.tit p {
			margin: var(--margin-25) auto var(--margin-55) auto;
		}

		.ck {
			display: flex;
			justify-content: center;

			em {
				display: block;
				width: 140/@vw;
				text-align: center;
				.radiused();
				background: #ededed;
				padding: var(--margin-15) 0;
				cursor: pointer;
				margin: 0 var(--margin-10);

				&.cur {
					background: #2b6ad3;
					color: #fff;
				}
			}
		}

		.ck_show {
			margin-top: var(--margin-40);

			ul {
				display: none;

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

				li {
					width: 23.47%;
					height: 225/@vw;
					overflow: hidden;
					.radiused();

					img {
						.pub_img();
					}
				}
			}
		}
	}

	.about_tow {
		background: #f5f7f9;

		.img {
			position: absolute;
			top: -50/@vw;
			width: 1008/@vw;
			left: 50%;
			transform: translate(-50%, 0%);
			-webkit-transform: translate(-50%, 0%);
		}

		.pub_dl {
			margin-top: var(--margin-55);
			position: relative;

			.one {
				width: 31.94%;
				background: #fff;
				position: relative;
				overflow: hidden;
				cursor: pointer;
				.radiused();

				&.cur {
					.dl_dl {
						background: none;
						color: #fff;
					}
				}

				&:nth-child(1).cur .dl_dl {
					i {
						background: url(../images/icon_pop_1.png) no-repeat;
						width: 85/@vw;
						height: 85/@vw;
						background-size: 85/@vw 85/@vw;
						display: block;
						margin: 0 auto;
					}
				}

				&:nth-child(2).cur .dl_dl {
					i {
						background: url(../images/icon_pop_2.png) no-repeat;
						width: 85/@vw;
						height: 85/@vw;
						background-size: 85/@vw 85/@vw;
						display: block;
						margin: 0 auto;
					}
				}

				&:nth-child(3).cur .dl_dl {
					i {
						background: url(../images/icon_pop_3.png) no-repeat;
						width: 85/@vw;
						height: 85/@vw;
						background-size: 85/@vw 85/@vw;
						display: block;
						margin: 0 auto;
					}
				}

				&:nth-child(1) .dl_dl {
					i {
						background: url(../images/icon_pop_01.png) no-repeat;
						width: 85/@vw;
						height: 85/@vw;
						background-size: 85/@vw 85/@vw;
						display: block;
						margin: 0 auto;
					}
				}

				&:nth-child(2) .dl_dl {
					i {
						background: url(../images/icon_pop_02.png) no-repeat;
						width: 85/@vw;
						height: 85/@vw;
						background-size: 85/@vw 85/@vw;
						display: block;
						margin: 0 auto;
					}
				}

				&:nth-child(3) .dl_dl {
					i {
						background: url(../images/icon_pop_03.png) no-repeat;
						width: 85/@vw;
						height: 85/@vw;
						background-size: 85/@vw 85/@vw;
						display: block;
						margin: 0 auto;
					}
				}

				.dl_dl {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: #fff;
					display: flex;
					flex-direction: column;
					justify-content: center;
					text-align: center;
					.transition();

					h2 {
						font-size: var(--font-size-28);
						margin: var(--margin-20) auto var(--margin-15) auto;
					}

					i {
						display: block;
						margin: 0 auto;
					}
				}

				.dl {
					position: relative;
					overflow: hidden;
					.radiused();

					dt {
						height: 305/@vw;
						overflow: hidden;
						.radiused();

						img {
							.pub_img();
						}
					}

					dd p {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background: rgba(0, 0, 0, .5);
					}
				}
			}
		}
	}

	.about_th {
		background: url(../images/bg_bg.jpg) no-repeat;
		background-size: 100% 690/@vw;
		height: 690/@vw;

		.tit {
			color: #fff;
		}
	}

	.about_four {
		.dl {
			margin-top: var(--margin-40);

			.img {
				box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
			}
		}

		.swiper-button-next,
		.swiper-button-prev {
			width: 48/@vw;
		}
	}

	.about_five {
		.tit {
			margin-bottom: var(--margin-55);
		}


		.one {
			margin: 0 auto;
			height: 175/@vw;
			width: 100%;
			overflow: hidden;
			position: relative;
		}

		.one ul {
			height: 145/@vw;
			width: 100000000px;
			position: absolute;
			left: 0;
		}

		/*ul width的宽不能过小*/
		.one ul li {
			box-shadow: 4px 4px 1px #e1e1e1;
			display: block;
			float: left;
			margin: 0 var(--margin-15);
			height: 145/@vw;
			position: relative;
			overflow: hidden;
			.radiused();

			img {
				height: 145/@vw;
			}
		}

	}
}

.bg_fff {
	background: #fff;
}

#pages {
	display: flex;
	margin: var(--margin-30) 0;
}

.page {
	text-align: center;
	width: 100%;
	justify-content: flex-end;
}



.page ul {
	justify-content: center;
}

.page li {
	background: #fff;
	border: 1/@vw #e8e8e8 solid;
	color: #333333;
	text-align: center;
	width: 38/@vw;
	height: 38/@vw;
	line-height: 36/@vw;
	margin-left: var(--margin-10);
	cursor: pointer;
	.radiused();
}

.page li:hover,
.page li.active {
	background: #2b6ad3;
	border: 1px #2b6ad3 solid;
	color: #fff;
	display: block;

}

.page li:hover a {
	color: #fff;
}

.bg_fff {
	background: #fff;
}

.w430 {
	width: 430/@vw;
}

.w950 {
	width: 950/@vw;
}

.w280 {
	width: 280/@vw;
}

.w1120 {
	width: 1120/@vw;
}

.w1080 {
	width: 1080/@vw;
}

.w330 {
	width: 330/@vw;
}

.ne {
	transform: scale(1.08, 1.08);
	-webkit-transform: scale(1.08, 1.08);
	-o-transform: scale(1.08, 1.08);
}

.fff {
	color: #fff;
}

.w110 {
	width: 110/@vw;
}

.w1280 {
	width: 1280/@vw;
}

.bg_f7f7f7 {
	background: #f7f7f7;
}

.pub_tit {
	h2 {
		font-size: var(--font-size-32);
		font-weight: bold;
	}

	p {
		color: #787878;
		font-size: var(--font-size-18);
		margin-top: var(--margin-25);
		margin-bottom: var(--margin-40);
	}
}

.pub_pub {
	.test {
		p {
			line-height: 2.1;
		}
	}
}

.wap_show {
	display: none;
}

/*大事记start*/

.event_box {
	width: 100%;
	margin: 0 auto;
	position: relative;
	// min-height: 420px;
}

.event_box .parHd {
	width: 100%;
	display: inline-block;
	height: 120/@vw;
	overflow: hidden;
}

.parHd ul {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding-top: var(--margin-55) !important;
}

.parHd .tempWrap {
	margin: var(--margin-30) auto 0 auto;
}

.parHd .tempWrap:after {
	content: '';
	width: 100%;
	border-bottom: 1/@vw #4c76ba dashed;
	position: absolute;
	top: 55%;
	z-index: 10;
}

.parHd li.no_line:before {
	display: none;
}

.parHd li {
	display: inline-block;
	cursor: pointer;
	padding-top: 15/@vw;
	font-size: 16/@vw;
	color: #8299be;
	margin: 0 100/@vw;
	position: relative;
}

.parHd li i {
	.transition();
	position: absolute;
	top: 0/@vw;
	left: 0;
}

.parHd li em {
	opacity: 0;
	.transition();
	left: 14/@vw;
	position: relative;

	img {
		width: var(--margin-10);
	}
}

.parHd li.act em {
	opacity: 1;
}

.parHd li.act i {
	top: -60/@vw;
	font-size: 34/@vw;
	left: -22/@vw;
}

.parHd li:after {
	content: '';
	background: url(../images/dot_ico.png) no-repeat;
	width: 9/@vw;
	height: 9/@vw;
	background-size: 9/@vw 9/@vw;
	position: absolute;
	z-index: 20;
	top: -17/@vw;

	left: 50%;
	margin-left: 10/@vw;
}

@-moz-document url-prefix() {
	.parHd li:after {
		top: -9/@vw;
	}

	.parHd li i {
		top: 10/@vw;
	}
}

.parBd {
	margin-top: 60/@vw;
	height: 300/@vw;
}




div#listBox {
	width: 100%;
}

.sPrev,
.sNext {
	width: 55/@vw;
	height: 55/@vw;
	display: block;
	position: absolute;
	top: 25%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	cursor: pointer;
}

.sPrev {
	left: 0;
}

.sNext {
	right: 0;
}

.sPrev img,
.sNext img {
	transition: all .6s cubic-bezier(.51, 1.1, .9, .95);

	-moz-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);

	-webkit-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);

	-o-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);
}

.slideBox {
	width: 900/@vw;
	margin: var(--margin-55) auto 0 auto;

	dl {
		display: flex;
		justify-content: space-between;

		dt {
			-webkit-box-ordinal-group: 2;
			-ms-flex-order: 1;
			order: 1;
			width: 420/@vw;
			height: 280/@vw;
			overflow: hidden;
			.radiused();

			img {
				.pub_img();
			}
		}

		dd {
			color: #fff;
			align-self: center;
			width: 380/@vw;

			h2 {
				font-size: 68/@vw;
				margin-bottom: var(--margin-15);
			}
		}
	}
}

.sNext.nextStop,
.sPrev.prevStop {
	opacity: .5;
}

#cont .bg_fff {
	padding: var(--margin-30);
	.radiused();

	.w660 {
		width: 47.8%;
	}

	.title {
		h2 {
			font-size: var(--font-size-32);
			margin-bottom: var(--margin-20);
		}

		p {
			color: #787878;
			line-height: 36/@vw;
		}
	}

	.img {
		.mySwiper2 {
			height: 440/@vw;
			border: 1/@vw #e9edf4 solid;
			.radiused();
			margin-bottom: var(--margin-10);
		}

		.mySwiper {
			height: 140/@vw;

			.swiper-slide {
				border: 1/@vw #e9edf4 solid;
				overflow: hidden;
				.radiused();

				&.swiper-slide-thumb-active {
					border: 1/@vw #2b6ad3 solid;
				}
			}
		}
	}

	.text {
		padding: var(--margin-40) 0 var(--margin-25) 0;

		h2 {
			font-size: var(--font-size-20);
			font-weight: bold;
			margin-bottom: var(--margin-25);
		}

		p {
			background: url(../images/iop.png) no-repeat 0 8/@vw;
			background-size: var(--margin-20) var(--margin-20);
			color: #787878;
			line-height: 36/@vw;
			padding-left: var(--margin-30);
		}
	}

	.share {
		position: absolute;
		bottom: 0;
		left: 0;
        .icon{
			a{
				margin-right: var(--margin-10);
			}
			img {
				width: 38/@vw;
				height: 38/@vw;
			}
		}
		.img {
			display: flex;

			img {
				width: var(--margin-30);
				height: var(--margin-30);
				align-self: center;
			}

			i {
				color: #787878;
				align-self: center;
				margin-left: var(--margin-10);
			}
		}
	}

}
.share {
	&.share_top{
		margin-top: var(--margin-30);
	}
        .icon{
			a{
				margin-right: var(--margin-10);
			}
			img {
				width: 38/@vw;
				height: 38/@vw;
			}
		}
		.img {
			display: flex;

			img {
				width: var(--margin-30);
				height: var(--margin-30);
				align-self: center;
			}

			i {
				color: #787878;
				align-self: center;
				margin-left: var(--margin-10);
			}
		}
	}
#cont {
	.pro_tow {
		.ck {
			padding: var(--margin-40) 0 var(--margin-20) 0;
			justify-content: center;
			display: flex;

			em {
				display: block;
				width: 200/@vw;
				text-align: center;
				background: #e9edf4;
				border: 1/@vw #e9edf4 solid;
				margin: 0 5/@vw;
				font-size: var(--font-size-24);
				padding: var(--margin-20) 0;
				.radiused();
				cursor: pointer;

				&:hover,
				&.cur {
					background: -webkit-linear-gradient(left, #0f5bd2, #238ee5);
					background: -o-linear-gradient(right, #0f5bd2, #238ee5);
					background: -moz-linear-gradient(right, #0f5bd2, #238ee5);
					background: linear-gradient(to right, #0f5bd2, #238ee5);
					color: #fff;
				}
			}
		}
	}

	.ck_show {
		margin-bottom: var(--margin-90);

		.bg_fff {
			display: none;

			p {
				color: #787878;
				line-height: 36/@vw;
				margin-top: var(--margin-25);

				&:nth-child(1) {
					margin-top: 0;
				}

				img {
					display: block;
					margin: 0 auto;
				}
			}

			&.cur {
				display: block;
			}
		}
	}
}
/* 动画 */
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-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-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-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-name: fadeInRight;
	animation-name: fadeInRight
}

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

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

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

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

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@media (max-width: 800px) {
	@vw: 75rem;

	:root {
		--box: 100%;
		--margin: 0 auto;
		--font-size-14: 14/@vw;
		--font-size-16: 16/@vw;
		--font-size-18: 18/@vw;
		--font-size-20: 20/@vw;
		--font-size-24: 24/@vw;
		--font-size-28: 28/@vw;
		--font-size-32: 32/@vw;
		--font-size-42: 42/@vw;
		--font-size-48: 48/@vw;
		--font-size-72: 72/@vw;
		--margin-10: 10/@vw;
		--margin-15: 15/@vw;
		--margin-20: 20/@vw;
		--margin-25: 25/@vw;
		--margin-30: 30/@vw;
		--margin-40: 40/@vw;
		--margin-55: 55/@vw;
		--margin-60: 60/@vw;
		--margin-70: 70/@vw;
		--margin-80: 80/@vw;
		--margin-90: 90/@vw;
	}

	.box,
	.main {
		width: 100%;
		margin: 0 auto;
	}

	::-webkit-input-placeholder {
		font-size: 14px
	}

	::-moz-placeholder {
		font-size: 14px
	}

	::-ms-input-placeholder {
		font-size: 14px
	}

	.wap_nav_sw {
		display: none;
	}

	body.fix {
		position: fixed;
	}

	.header-show {
		z-index: 9999;
		top: 0;
		padding-top: 1.53rem;
		opacity: 1;
		display: block;
		position: fixed;
		width: 100%;
		background: #091d35;
		height: 100%;

		ul {
			border-top: 1px #fff solid;
		}
	}

	.wap_nav_sw li {
		line-height: 36px;
		border-bottom: 1px #f5f5f5 solid;

		dl {
			display: none;
		}

		&.active dl {
			display: block;
			border-top: 1px #f5f5f5 solid;

			dd {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;

				a {
					width: 50%;
				}
			}
		}
	}


	.wap_nav_sw li a {
		width: 100%;
		justify-content: space-between;
		padding: 0.15rem var(--margin-30);
		display: flex;
		font-size: 14px;
		text-transform: uppercase;
		color: #fff;
	}

	.wap_nav span {
		display: block;
		width: 25px;
		height: 2px;
		margin-bottom: 5px;
		background-color: #fff;
		transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s;
		left: 0;
		transform-origin: 16px;
		border-radius: 3px;
		opacity: 1;

		&:last-child {
			margin-bottom: 0;
		}
	}


	.wap_nav span:nth-of-type(2) {
		transition: width .5s ease;
	}

	.wap_nav .first-rotate {
		transform: rotate(-45deg);
		position: relative;
		top: 4px;
		margin-top: 0;
	}

	.wap_nav.self {
		display: block;
	}

	.wap_nav .last-rotate {
		transform: rotate(45deg);
		position: relative;
		top: -5px;
	}

	.wap_nav span.mid-width {
		width: 0;
		opacity: 0;
	}

	.wap_nav_sw li.cur>a {
		color: #1a91e4;
		font-weight: bold;
	}

	.wap_nav_sw li.cur a.cur {
		color: #1a91e4;
	}


	.header {
		padding: var(--margin-25);
		z-index: 999999999;

		.mav,
		.language {
			display: none;
		}

		h1 {
			width: 180/@vw;
		}

	}

	.language {
		justify-content: center;
		padding-top: var(--margin-30);

		a {
			font-size: var(--font-size-24);
			margin: 0 var(--margin-30);
			color: #fff;
		}
	}

	body {
		font-size: var(--font-size-28);
	}

	.radiused {
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}

	// 轮播图
	.index_swiper {
		dt {
			img {
				height: 550/@vw;
			}
		}

		dd {
			width: 90%;
			text-align: center;
			top: 55%;

			h2 {
				font-size: 36/@vw;
				line-height: 1.6;
			}

			p {
				margin: var(--margin-40) auto 0 auto;
				width: 50%;

				a {
					font-size: 17/@vw;
					line-height: 2.65;
					border: 1px #fff solid;
					width: 50%;
					.radiused();

					&:nth-child(2) {
						width: 46%;
					}

					img {
						display: none;
					}
				}
			}

		}
	}

	.pc_show {
		display: none;
	}

	.wap_show {
		display: block;
	}

	// 首页关于我们
	.index_one {
		.test {
			top: 0;

			h2 {
				font-size: 34/@vw;
			}

			h5 {
				font-size: var(--font-size-28);
				margin: var(--margin-30) 0 var(--margin-40) 0;

				b {
					display: none;
				}
			}

			.dl {
				margin-top: var(--margin-40);

				dl {
					dt {
						font-size: var(--font-size-20);
						margin-bottom: var(--margin-15);
					}

					dd {
						font-size: var(--margin-60);

						i {
							font-size: var(--font-size-24);
							margin-left: var(--margin-10);
						}
					}
				}
			}
		}

		.img {
			dt {
				display: none;
			}

			dd {
				width: 100%;
				height: 530/@vw;
				-moz-border-radius: 0 var(--margin-20) 0 var(--margin-20);
				-webkit-border-radius: 0 var(--margin-20) 0 var(--margin-20);
				border-radius: 0 var(--margin-20) 0 var(--margin-20);
			}
		}

		.pub_more {
			margin: var(--margin-40) 0 var(--margin-60) 0;
		}
	}

	.w100,
	.w110 {
		width: 100%;
	}

	.pt90 {
		padding: var(--margin-30);
	}

	.pub_tit {
		h2 {
			font-size: var(--font-size-32);
		}

		p {
			font-size: var(--font-size-20);
			margin-top: var(--margin-25);
			margin-bottom: var(--margin-40);
		}
	}

	.pub_pub {
		.test {
			p {
				line-height: 1.7;
				font-size: var(--font-size-24);
				margin-bottom: var(--margin-10);
			}
		}
	}


	.pub_more {
		.radiused();
		width: 220/@vw;
		padding: 20/@vw 0;
		font-size: var(--font-size-24);

		&:hover img {
			margin-left: 12/@vw;
		}

		img {
			width: var(--margin-20);
			margin-left: 12/@vw;
		}
	}

	// 首页解决方案
	.index_tow {
		.test {
			dl {
				width: 31.33%;
				.radiused();

				&:hover {
					margin-top: 0;
				}

				&:nth-child(4),
				&:nth-child(5) {
					width: 48.5%;
					margin-top: 3%;
				}

				dt {
					height: 220/@vw;
				}

				dd {
					h2 {
						font-size: var(--font-size-28);
						margin: 10/@vw auto 0 auto;
					}

					h6 {
						width: var(--margin-55);
					}

					p {
						line-height: 1.6;
						font-size: var(--font-size-28);
					}

					i img {
						width: var(--margin-40);
						margin: var(--margin-90) auto 0 auto;
					}
				}
			}
		}
	}

	// 首页产品推荐
	.index_th {
		.dl {
			dl {
				overflow: hidden;
				.radiused();
				background: #f2f4f5;
				text-align: center;
				font-size: var(--font-size-24);
				width: 48.5%;

				&:nth-child(5) {
					display: none;
				}

				dt {
					border-bottom: 1/@vw #e0e4e6 solid;

					.hot {
						top: var(--margin-40);
						right: var(--margin-40);
						width: 100/@vw;
					}
				}

				dd {
					padding: var(--margin-25);
				}
			}

			dl:nth-child(1),
			dl:nth-child(2) {
				width: 100%;
				margin-bottom: var(--margin-30);

				dt {
					height: 450/@vw;
				}
			}

			dt {
				height: 320/@vw;

				img {
					.transition();
				}
			}
		}
	}

	// 首页新闻资讯
	.index_four {
		.ck {
			margin-bottom: var(--margin-40);

			a {
				width: 35%;
				border: 1px #e5e5e5 solid;
				.radiused();
				padding: var(--margin-15) 0;
				margin: 0 var(--margin-10);

				i {
					display: none;
				}
			}
		}

		dl {
			dt {
				height: 285/@vw;
				.radiused();
			}

			em {
				font-size: var(--font-size-20);
				margin: var(--margin-30) 0 var(--margin-10) 0;
			}

			h2 {
				font-size: var(--font-size-28);
			}
		}

	}

	.w1280 {
		width: 100%;
	}

	.footer {
		padding-top: var(--margin-30);

		.line {
			display: none;
		}

		.core {
			display: flex;
			padding-left: var(--margin-30);
			justify-content: center;
			font-size: var(--font-size-24);

			dl {
				margin: 0 var(--margin-20);
			}

			dt {
				img {
					width: 170/@vw;
					.radiused();
				}
			}

			dd {
				text-align: center;
				margin: var(--margin-10) auto var(--margin-25) auto;
				font-size: 15/@vw;
			}

		}

		.mav {
			padding: 0 var(--margin-30);

			dt {
				font-size: var(--font-size-28);

				span i {
					width: 50/@vw;
				}
			}

			dl:nth-child(1),
			dl:nth-child(3) {
				display: none;
			}

			dl:nth-child(5) {
				width: 100%;

				li {
					margin-bottom: var(--margin-20);

					img {
						width: 25/@vw ;
						height: 25/@vw;
						margin-right: var(--margin-10);
					}

					em {
						font-size: var(--font-size-24);
						line-height: 1.8;
						top: -8/@vw;
					}
				}
			}
		}

		.copyright {
			font-size: var(--font-size-18);
			border-top: 1/@vw #323948 solid;
			padding: var(--margin-20) 0;

			i {
				margin: var(--margin-10) auto;
				display: block;
			}

			a {
				margin-left: var(--margin-20);
			}
		}
	}

	// banner
	.banner {
		dd {
			h2 {
				font-size: var(--font-size-42);
			}

			p {
				font-size: var(--font-size-28);
			}
		}

		dt {
			height: 380/@vw;
		}
	}

	.mask {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .5);
		display: none;
		z-index: 99999;
		display: none;
	}

	.product {
		.pro_ck {
			background: #2b6ad3;
			width: 100%;
			padding: var(--margin-25);
			margin-bottom: var(--margin-25);
			color: #fff;
			.radiused();

			&.wap_show {
				display: flex;

				img {
					width: 42/@vw;
					height: 12/@vw;
					align-self: center;
				}
			}
		}

		.pro_left {
			position: fixed;
			padding: var(--margin-25);
			background: #f5f5f5;
			height: 100vh;
			left: -80%;
			top: 0;
			width: 80%;
			z-index: 999999999;
			.transition();

			&.cur {
				left: 0;
			}

			dl {
				.radiused();
				margin-bottom: var(--margin-10);

				dt {
					padding: var(--margin-30);

					i {
						width: 10/@vw;
						height: 30/@vw;
						.radiused();
						margin-right: var(--margin-15);
						align-self: center;
					}

					em {
						font-size: var(--font-size-28);
					}
				}

				dd {
					padding: 0 var(--margin-30);

					a {
						padding: var(--margin-25) 0;
						border-bottom: 1/@vw #f3f3f3 solid;
						background: url(../images/icon_0.png) no-repeat 0 var(--margin-40);
						background-size: 5/@vw 5/@vw;
						padding-left: var(--margin-15);
						font-size: var(--font-size-24);

						&.cur {
							background: url(../images/icon.png) no-repeat 0 var(--margin-40);
							background-size: 5/@vw 5/@vw;
							color: #2b6ad3;
						}

						&:hover {
							background: url(../images/icon.png) no-repeat 0 var(--margin-40);
							background-size: 5/@vw 5/@vw;
							color: #2b6ad3;
							margin-left: var(--margin-20);
						}
					}
				}
			}

		}

		.pro_right {
			.dl {
				justify-content: space-between;
			}

			dl {
				width: 48.2%;
				margin-left: 0;
				margin-bottom: var(--margin-30);
				.radiused();

				&:nth-child(3n+1) {
					margin-left: 0;
				}

				dt {
					border-bottom: 1/@vw #e0e4e6 solid;
					overflow: hidden;
					height: 240/@vw;

					img {
						.transition();
					}
				}

				dd {
					text-align: center;
					padding: var(--margin-20);

					p {
						.ellipsis();
						font-size: var(--font-size-18);
					}
				}
			}
		}
	}

	#pages {
		margin: var(--margin-30) 0;
	}


	.page li {
		border: 1px #e8e8e8 solid;
		width: 50/@vw;
		height: 50/@vw;
		line-height: 48/@vw;
		margin-left: var(--margin-10);
		.radiused();
	}


	.where {
		padding: var(--margin-25);
		font-size: var(--font-size-24);

		i {
			margin: 0 10/@vw;
		}
	}

	.pub_cont {
		.cont_left {
			padding: var(--margin-30);

			.tit {
				h2 {
					font-size: 30/@vw;
				}

				p {
					padding: var(--margin-15) 0 var(--margin-25) 0;
					font-size: var(--font-size-14);
				}
			}

			.test p {
				margin-top: var(--margin-20);
			}
		}

		.cont_right {
			padding: 0 var(--margin-20);
			margin-top: var(--margin-30);

			.tit {
				font-size: var(--margin-30);
				padding-top: var(--margin-30);
			}

			dl {
				padding: var(--margin-40) 0;

				dt {
					height: 295/@vw;
					.radiused();
				}

				h2 {
					font-size: var(--font-size-28);
					margin: var(--margin-15) 0;
					line-height: 1.6;
				}

				p {
					font-size: var(--font-size-20);
				}
			}

		}

		.back {
			width: 200/@vw;
			.radius();
			height: auto;
			padding: var(--margin-10) 0;
			margin: var(--margin-40) auto 0 auto;

			img {
				width: 36/@vw;
			}

			i {
				display: block;
				font-size: 15/@vw;
				margin-top: 15/@vw;
			}

			a {
				color: #fff;
			}
		}

		.pev_net {
			.pop {
				width: 100%;
			}

			padding: var(--margin-15) 0 var(--margin-10) 0;
			margin-top: var(--margin-55);

			p {
				margin-top: var(--margin-25);

				a {
					font-size: var(--font-size-24);
				}
			}
		}
	}



	.solution {
		.test {
			dl {
				.radiused();
				margin-bottom: var(--margin-30);

				dt {
					height: 450/@vw;
				}

				dd {
					p {
						width: 90%;
						margin: var(--margin-25) 0 var(--margin-55) 0;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
					}

					h2 {
						font-size: var(--font-size-32);
					}
				}
			}
		}
	}


	.pt60 {
		padding: var(--margin-30);
	}

	.news {
		.ck {
			margin-top: -40/@vw;

			a {
				width: 240/@vw;
				padding: var(--margin-25) 0;
				font-size: var(--font-size-24);
				.radiused();
				margin: 0 var(--margin-15);

				&:nth-child(1) i,
				&:nth-child(2) i,
				&:nth-child(1).cur i,
				&:nth-child(2).cur i {
					background-size: 18px 18px;
					width: 18px;
					height: 18px;
				}
			}
		}

		.dl {
			justify-content: space-between;
		}

		dl {
			width: 100%;
			.radiused();
			margin-left: 0%;
			padding: 0;
			margin-top: var(--margin-25);

			dt {
				height: 280/@vw;
				-moz-border-radius: 8px 8px 0 0;
				-webkit-border-radius: 8px 8px 0 0;
				border-radius: 8px 8px 0 0;
			}

			dd {
				padding: 0 var(--margin-25);

				h2 {
					font-size: var(--font-size-28);
					font-weight: bold;
				}

				p {
					margin-top: var(--margin-20);
				}

				em {
					color: #787878;
					font-size: var(--font-size-20);
				}
			}
		}

		.page {
			justify-content: center;
		}

		#pages {
			margin: var(--margin-10) 0 var(--margin-70) 0;
		}
	}


	.contact {

		.cont_one {
			dl {
				border: 1px #eeeeee solid;
				.radiused();
				width: 100%;
				padding: var(--margin-40);

				&:nth-child(2) {
					margin: var(--margin-20) 0;
				}

				dt {
					width: var(--margin-70);
					margin-right: var(--margin-25);
				}

				dd {
					width: 85%;

					h2 {
						font-size: var(--font-size-28);
						margin-bottom: var(--margin-10);
						font-weight: bold;
					}

					p {
						line-height: 1.75;
						font-size: var(--font-size-24);
					}
				}
			}
		}

		.cont_tow {
			margin: var(--margin-60) 0;

			.mapeds {
				height: 490/@vw;
			}

			.contact_tc {
				.radiused();
				padding: var(--margin-10);
				min-width: 12%;

				dd {
					font-size: var(--font-size-14);
					padding: 6/@vw;
				}
			}
		}

		.tip {
			font-size: var(--font-size-24);
			line-height: 1.6;
		}

		.cont_th {
			.btn {
				width: 230/@vw;
				.radius();
				padding: var(--margin-20) 0;
				margin: var(--margin-70) auto var(--margin-20) auto;
				font-size: var(--font-size-24);
			}

			p {
				margin-top: var(--margin-20);
				flex-wrap: wrap;

				.text {
					width: 100%;
					padding: var(--margin-20) var(--margin-25);

					&:nth-child(2) {
						margin: var(--margin-20) 0;
					}
				}
			}

			.text {
				border: 1px #eeeeee solid;
				.radiused();

				&.textarea {
					padding: var(--margin-25);
					height: 280/@vw;
				}
			}
		}
	}


	.about {
		.tit {
			h2 {
				font-size: 30/@vw;
				font-weight: bold;
			}

			p {
				padding: 0 var(--margin-10);
				text-align: left;
			}
		}

		.about_one {
			.tit p {
				margin: var(--margin-25) auto var(--margin-55) auto;
			}

			.ck {
				em {
					width: 200/@vw;
					.radiused();
					padding: var(--margin-20) 0;
					margin: 0 var(--margin-20);
				}
			}

			.ck_show {
				margin-top: var(--margin-40);

				ul {
					flex-wrap: wrap;
					margin-top: -25/@vw;

					li {
						width: 48.5%;
						height: 225/@vw;
						.radiused();
						margin-top: var(--margin-25);
					}
				}
			}
		}

		.about_tow {
			.img {
				top: 0;
				width: 100%;
			}

			.pub_dl {
				margin-top: var(--margin-55);
				flex-wrap: wrap;

				.one {
					width: 100%;
					.radiused();

					&:nth-child(2) {
						margin: var(--margin-30) 0;
					}

					&:nth-child(1).cur .dl_dl {
						i {
							width: 115/@vw;
							height: 115/@vw;
							background-size: 115/@vw 115/@vw;
						}
					}

					&:nth-child(2).cur .dl_dl {
						i {
							width: 115/@vw;
							height: 115/@vw;
							background-size: 115/@vw 115/@vw;
						}
					}

					&:nth-child(3).cur .dl_dl {
						i {
							width: 115/@vw;
							height: 115/@vw;
							background-size: 115/@vw 115/@vw;
						}
					}

					&:nth-child(1) .dl_dl {
						i {
							width: 115/@vw;
							height: 115/@vw;
							background-size: 115/@vw 115/@vw;
						}
					}

					&:nth-child(2) .dl_dl {
						i {
							width: 115/@vw;
							height: 115/@vw;
							background-size: 115/@vw 115/@vw;
						}
					}

					&:nth-child(3) .dl_dl {
						i {
							width: 115/@vw;
							height: 115/@vw;
							background-size: 115/@vw 115/@vw;
						}
					}

					.dl_dl {
						h2 {
							font-size: 30/@vw;
							font-weight: bold;
							margin: var(--margin-20) auto var(--margin-15) auto;
						}

						p {
							font-size: var(--font-size-28)
						}
					}

					.dl {
						.radiused();

						dt {
							height: 305/@vw;
							.radiused();
						}
					}
				}
			}
		}

		.about_th {
			background: url(../images/bg_bg.jpg) no-repeat;
			background-size: cover;
			height: auto;
			padding-bottom: var(--margin-20);

			.tit {
				color: #fff;
			}
		}

		.about_four {
			.dl {
				margin-top: var(--margin-40);
			}

			.swiper-button-next,
			.swiper-button-prev {
				width: 60/@vw;
			}
		}

		.about_five {
			.tit {
				margin-bottom: var(--margin-40);
			}

			.one {
				height: 140/@vw;
			}

			.one ul {
				height: 120/@vw;
			}

			.one ul li {
				margin: 0 var(--margin-15);
				width: 280/@vw;
				height: 120/@vw;
				.radiused();

				img {
					height: 120/@vw;
				}
			}
		}
	}

	.event_box .parHd {
		height: 0;
	}

	.parHd .tempWrap {
		display: none;
	}


	.parBd {
		margin-top: 30/@vw;
		height: auto;
	}

	.sPrev,
	.sNext {
		width: 55/@vw;
		height: 55/@vw;
		top: 35%;
	}

	.slideBox {
		width: 76%;
		margin: 0 auto;

		dl {
			display: block;
			justify-content: space-between;

			dt {
				width: 100%;
				height: 280/@vw;
			}

			dd {
				width: 100%;

				h2 {
					font-size: 50/@vw;
					margin: var(--margin-25) 0;
				}
			}
		}
	}

    
    #cont .bg_fff {
    	padding: var(--margin-25);
    	.radiused();
    	.w660 {
    		width: 100%;
    	}
    	.title {
			margin-top: var(--margin-25);
    		h2 {
    			font-size: var(--font-size-32);
    			margin-bottom: var(--margin-20);
				font-weight: bold;
    		}
    		p {
    			line-height: 1.75;
				font-size: var(--font-size-24);
    		}
    	}
    
    	.img {
    		.mySwiper2 {
    			height: 440/@vw;
    			.radiused();
    			margin-bottom: var(--margin-10);
    		}
    		.mySwiper {
    			height: 140/@vw;
    			.swiper-slide {
    				.radiused();
    			}
    		}
    	}
    
    	.text {
    		padding: var(--margin-40) 0 var(--margin-25) 0;
    
    		h2 {
    			font-size: var(--font-size-32);
    			margin-bottom: var(--margin-25);
    		}
    
    		p {
    			background: url(../images/iop.png) no-repeat 0 12/@vw;
    			background-size: var(--margin-25) var(--margin-25);
    			line-height:1.85;
    			padding-left: var(--margin-40);
    		}
    	}
    	.share {
			margin-top: var(--margin-25);
			position: initial;
			.icon{
				a{
					margin-right: var(--margin-10);
				}
				img {
					width: 40/@vw;
					height: 40/@vw;
				}
			}
    		.img {
    			img {
    				width: var(--margin-30);
					height: var(--margin-30);
    			}
    			i {
    				margin-left: var(--margin-10);
    			}
    		}
    	}
    
    }
    .share {
    	.icon{
    		a{
    			margin-right: var(--margin-10);
    		}
    		img {
    			width: 40/@vw;
    			height: 40/@vw;
    		}
    	}
			}
    #cont {
    	.pro_tow {
    		.ck {
    			padding: var(--margin-40) var(--margin-25) ;
				justify-content: space-between;
    			em {
    				width: 31.33%;
    				margin: 0 ;
    				font-size: var(--font-size-28);
    				padding: var(--margin-20) 0;
    				.radiused();
    			}
    		}
    	}
    	.ck_show {
    		margin-bottom: 0;
    		.bg_fff {
    			p {
    				line-height: 1.75;
					font-size: var(--font-size-24);
    				margin-top: var(--margin-25);
    			}
    		}
    	}
    }

.slide-nav ul li:hover .tu {
	background: #2b6ad3
}

.slide-nav ul li:hover .tu .img.white {
	top: 0
}

.slide-nav ul li:hover .tu .img.color {
	top: -100%
}



.slide-nav ul li:hover .txt {
	opacity: 0;
}

.slide-nav ul li:hover.telphone .txt {
    opacity: 0;
}

.index_swiper dd h6 {
    font-size: var(--font-size-24);
    width: 100%;
    line-height: 1.75;
}

}