@charset "utf-8";

/* =====================内页样式======================== */
/* 关于我们 */
.md-aboutUs-1 .text {
	padding: 0.8rem 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.md-aboutUs-1 .text .layout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.md-aboutUs-1 .text .text-left {
	width: 66.7065868263%;
}

.md-aboutUs-1 .text .text-left .desc {
	margin-top: 0.37rem;
	color: #666666;
	line-height: 2.0555555556;
}

.md-aboutUs-1 .text .text-left .desc:nth-child(1) {
	margin-top: 0;
}

.md-aboutUs-1 .text .text-left .h1 {
	color: #000000;
	line-height: 1.25;
	font-weight: 700;
}

.text-right .num .counter {
	height: 100%;
	font-weight: 700;
}

.md-aboutUs-1 .text .text-right {
	width: 24.1916167665%;
}

.md-aboutUs-1 .text .text-right .icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 0.26rem;
	border-bottom: 1px dashed #bfbfbf;
	margin-top: 0.26rem;
}

.md-aboutUs-1 .text .text-right .icon:last-of-type {
	border-bottom: none;
}

.md-aboutUs-1 .text .text-right .icon:nth-child(1) {
	/* margin-top: 1.14rem; */
}

.md-aboutUs-1 .text .text-right .icon .icon-left .num {
	color: #244ea5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.md-aboutUs-1 .text .text-right .icon .icon-left .p1 {
	font-family: Lettown;
}

.md-aboutUs-1 .text .text-right .icon .icon-left .unit {
	font-weight: bold;
}

.md-aboutUs-1 .text .text-right img {
	width: 1rem;
}

.md-aboutUs-1 .video-wrap {
	width: 100%;
	position: relative;
}

.md-aboutUs-1 .video-wrap img {
	width: 100%;
	display: block;
}

.md-aboutUs-1 .video-wrap .controls {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.md-aboutUs-1 .video-wrap .controls img {
	display: block;
	width: 1.18rem;
}

.md-aboutUs-1 .Culture,
.md-aboutUs-1 .page-dynamic-1 {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 0.8rem;
	padding-bottom: 1.46rem;
}

.md-aboutUs-1 .Culture .h1,
.md-aboutUs-1 .page-dynamic-1 h1 {
	text-align: center;
	font-weight: bold;
	margin-bottom: 0.6rem;
}

.md-aboutUs-1 .Culture .Culture-tent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.md-aboutUs-1 .Culture .Culture-tent .swiper-slide {
	position: relative;
	width: 3.05rem;
	min-width: 200px;
}

.md-aboutUs-1 .Culture .Culture-tent .swiper-slide .item {
	display: block;
	background-color: #02448e;
	height: 300px;
}

/* .md-aboutUs-1 .Culture .Culture-tent .swiper-slide .item img {
	width: 100%;
	display: block;
} */

.md-aboutUs-1 .Culture .Culture-tent .swiper-slide .item .Stext {
	text-align: center;
	position: absolute;
	color: #fff;
	top: 2.5%;
	left: 2.5%;
	width: 94.375%;
	height: 94.8571428571%;
	border: 1px solid #fff;
	padding: 0 9.2715231788%;
}

.md-aboutUs-1 .Culture .Culture-tent .swiper-slide .item .Stext .p1 {
	margin-top: 30.081300813%;
	margin-bottom: 23.5772357724%;
	position: relative;
}

.md-aboutUs-1 .Culture .Culture-tent .swiper-slide .item .Stext .p1::after {
	content: "";
	width: 9.3495934959%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	bottom: -0.16rem;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.md-aboutUs-1 .Culture .Culture-tent .swiper-slide .item .Stext .p2 {
	line-height: 0.32rem;
}

.c-pic {
	overflow: hidden;
}

.c-pic .img img {
	display: none;
}

.c-pic .img {
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}

.bg-contain {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.honor {
	background-color: rgba(231, 231, 231, 0.5);
}

.page-dynamic-1 {
	padding-bottom: 1.26rem;
}

.honor {
	padding-bottom: 0.8rem;
}

.page-dynamic-1 .md-dynamic-title {
	padding: 0.49rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: 1px solid #f4f4f4;
}

.page-dynamic-1 .md-dynamic-title .t1 {
	position: relative;
	margin-right: 1.78rem;
}

.page-dynamic-1 .md-dynamic-title .t1:hover {
	color: #02448e;
}

.page-dynamic-1 .md-dynamic-title .t1:hover::after {
	content: "";
	width: 50%;
	height: 0.03rem;
	background-color: #02448e;
	position: absolute;
	bottom: -0.5rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.page-dynamic-1 .md-dynamic-title .t1:last-of-type {
	margin-right: 0;
}

.page-dynamic-1 .md-dynamic-title .t1-active {
	color: #02448e;
}

.page-dynamic-1 .md-dynamic-title .t1-active::after {
	content: "";
	width: 50%;
	height: 0.03rem;
	background-color: #02448e;
	position: absolute;
	bottom: -0.5rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.page-dynamic-1 .md-dynamic-1 {
	margin: 0.57rem 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.honor .md-dynamic-1 {
	margin: 0;
	padding-top: 0.57rem;
}


.page-dynamic-1 .md-dynamic-1 .item {
	width: 30.8383233533%;
	margin-bottom: 0.8rem;
}

.page-dynamic-1 .md-dynamic-1 .item .c-pic {
	border: 1px solid #eee;
	border-bottom: none;
	background-color: #fff;
}

.page-dynamic-1 .md-dynamic-1 .item .img {
	padding-top: 52.427184466%;
}

.construction .md-dynamic-1 .item .img {
	padding-top: 100%;
	background-color: #fff;
}

.page-dynamic-1 .md-dynamic-1 .item:hover .img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.construction {
	background-color: rgba(231, 231, 231, 0.5);
}


.page-dynamic-1 .md-dynamic-1 .item .e_pic .img {
	padding-top: 66.427184466%;
}

.page-dynamic-1 .md-dynamic-1 .item .text {
	padding: 0.3rem 0.35rem;
	border: solid 1px #eeeeee;
	background-color: #fff;
}

.construction .md-dynamic-1 .item .text .h1 {
	color: #fff;
}

.construction .md-dynamic-1 .item:hover .h1 {
	color: #fff !important;
}

.construction .md-dynamic-1 .item .text {
	background-color: #02448e;
	padding: 0.3rem 0.35rem;
	border: solid 1px #02448e;
}

.construction .md-dynamic-1 .item .c-pic {
	border: 1px solid #fff;
}

.page-dynamic-1 .md-dynamic-1 .item .text .h1 {
	font-weight: bold;
	/* margin-bottom: 0.19rem; */
	text-align: center;
	line-height: 1.2em;
	height: 1.2em;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	
}

.page-dynamic-1 .md-dynamic-1 .item .text .time {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 0.26rem;
	display: none;
	margin-top: .19rem;
}

.page-dynamic-1 .md-dynamic-1 .item .text .time img {
	width: 0.14rem;
	min-width: 14px;
	margin-right: 0.07rem;
	display: block;
}

.page-dynamic-1 .md-dynamic-1 .item .text .time p {
	color: #999999;
}

.page-dynamic-1 .md-dynamic-1 .item .text .p1 {
	line-height: 1.7777777778;
}

.page-dynamic-1 .md-dynamic-1 .item:hover .img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.page-dynamic-1 .md-dynamic-1 .item:hover .text {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3490196078);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3490196078);
}

.page-dynamic-1 .md-dynamic-1 .item:hover .h1 {
	color: #02448e;
}

@media (min-width: 1001px) {
	.page-dynamic-1 .md-dynamic-1 .item {
		margin-right: 3.7125748503%;
	}

	.page-dynamic-1 .md-dynamic-1 .item:nth-of-type(3n) {
		margin-right: 0;
	}
}

@media (max-width: 1000px) and (min-width: 451px) {
	.page-dynamic-1 .md-dynamic-1 {
		margin: 0.5rem 0;
	}

	.page-dynamic-1 .md-dynamic-1 .item {
		width: 48%;
		margin-bottom: 0.7rem;
		margin-right: 4%;
	}

	.page-dynamic-1 .md-dynamic-1 .item:nth-of-type(2n) {
		margin-right: 0;
	}
}

@media (max-width: 450px) {
	.page-dynamic-1 .md-dynamic-1 .item {
		width: 100%;
		margin-bottom: 0.5rem;
	}

	.page-dynamic-1 .md-dynamic-title .t1 {
		margin-right: 0.5rem;
	}
}

.md-aboutUs-1 .page-dynamic-1 {
	padding-bottom: 0;
	padding-top: 0.8rem;
}

.md-aboutUs-1 .page-dynamic-1 .md-dynamic-1 {
	margin: 0.5rem 0 0;
}


.md-aboutUs-1 .page-dynamic-1 .md-dynamic-1 .item .c-pic {
	background-color: #f5f5f5;
}

.md-aboutUs-1 .page-dynamic-1 .md-dynamic-1 .item .text {
	background-color: #fff;
	padding: 0.3rem 0.35rem;
}

.md-aboutUs-1 .page-dynamic-1 .md-dynamic-1 .item:hover .text {
	box-shadow: none;
}

@media (max-width: 900px) {
	.md-aboutUs-1 .text .layout {
		display: block;
	}

	.md-aboutUs-1 .text .text-left {
		width: 100%;
	}

	.md-aboutUs-1 .text .text-right {
		width: 100%;
	}

	.md-aboutUs-1 .Culture .Culture-tent .swiper-slide .item {
		height: 275px;
	}

}

/* 产品中心 s */
/* 产品页search */
.pro_box {
	background-color: #f7faff;
}

.pro_box .search {
	background-color: #fff;
}

.search .met-col-search {
	padding: 10px 0px;
}

input,
select,
textarea {
	box-shadow: none;
	outline: none;
	border: none;
	border-radius: 0;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 0;
}

.input-search {
	position: relative;
}

.input-search-btn {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 0 20px;
	border: none;
	border-radius: 0 200px 200px 0;
	background: 0 0;
}

.input-search-btn .iconfont {
	font-size: 20px;
	margin: 0 3px;
	cursor: pointer;
}

.form-control {
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	display: block;
	width: 100%;
	padding: 20px;
	color: #000;
	border: 1px solid #e4eaec;
	border-radius: 4px;
	background-color: #fff;
	background-image: none;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: -webkit-box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
	-o-transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
	transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
	border-color: #e4eaec;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.input-search-dark .form-control {
	background: #f3f7f9;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.input-search-btn+.form-control {
	padding-right: 50px;
}

.input-search-dark .form-control {
	background: #f3f7f9;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 100%;
}

.input-search .form-control {
	border-radius: 200px;
}

/* 列表 */
.product-list {
	padding-bottom: .8rem;
}


.product-list .list {
	margin-left: -1.33%;
	margin-right: -1.33%;
	margin-bottom: 0.8rem;
}

.product-list .list li {
	padding: 0 1.33%;
	margin-top: 45px;
}

.product-list .list a {
	display: block;
	text-decoration: none;
}


.product-list .list .con-box {
	top: 0;
	display: block;
	position: relative;
	border: 1px solid #dfdfdf;
	transition: all .4s;
}

.product-list .list .con-box:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0;
	height: 2px;
	background-color: #02448e;
	transition: all .3s;
}

.product-list .list .item-img {
	overflow: hidden;
	background: #fff;
	position: relative;
}

.product-list .list .item-img .img {
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
}

.css3l {
	-webkit-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	transition-duration: 1s;
}

.mix {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.product-list .list .item-img .img img {
	max-width: 100%;
	max-height: 100%;
}

.product-list .list .item-img .mask {
	opacity: 0;
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
}

.product-list .list .item-img .mask .icon {
	position: absolute;
	left: 8.2%;
	top: 11.54%;
	width: 35px;
	height: 35px;
	background: url(../images/icon-pro.png) no-repeat left top;
}

.product-list .list .text {
	padding: 20px 7.65% 0;
	line-height: 1;
	background-color: #fff;
}

.product-list .list .text .series-tit {
	font-size: 12px;
	color: #8a8a8a;
	margin-bottom: 10px;
}

.product-list .list .text .tit {
	color: #000;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: center;
	line-height: 1.2em;
	height: 1.2em;
    display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.product-list .list .text .area-box {
	color: #000;
	text-align: center;
	padding: 16px;
	border-top: 1px solid #efefef;
	margin-top: 22px;
	font-size: 16px;
}

.product-list .list .con-box:hover {
	top: -8px;
	box-shadow: 0 9px 18px 0 rgba(0, 0, 0, .15);
}

.product-list .list .con-box:hover:before {
	width: 100%;
}

.product-list .list .con-box:hover .img {
	transform: scale(1.14);
}

.product-list .list .con-box:hover .item-img .mask {
	opacity: 1;
}

/* 产品详情 s */
.n_pro_det {
	background-color: #f7faff
}

.n_pro_det .top {
	padding: 0.4rem 0.4rem 0.2rem;
	background-color: white;
	margin-bottom: 0.2rem;
}

.n_pro_det .top img {
	width: 100%;
}

.n_pro_det .top .fl {
	width: 40%;
}

.n_pro_det .top .fl .product_det_pic {
	margin-bottom: 0.15rem;
	border: 1px solid #dddddd;
}

.n_pro_det .top .fl .product_det_ico {
	/* padding: 0 25px; */
}

.n_pro_det .top .fl .product_det_ico li {
	cursor: pointer;
}

.n_pro_det .top .fl .product_det_ico li .pic {
	border: 1px solid #ddd;
}

.n_pro_det .top .fl .product_det_ico li.swiper-slide-thumb-active .pic {
	border-color: #02448e;
}

.n_pro_det .top .fl .product_det_ico li img {}

.n_pro_det .top .fl .product_det_ico .swiper-button-next:after,
.n_pro_det .top .fl .product_det_ico .swiper-button-prev:after {
	display: none;
}

.n_pro_det .top .fl .product_det_ico .swiper-button-next,
.n_pro_det .top .fl .product_det_ico .swiper-button-prev {
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 9px;
	height: 15px;
	text-indent: 60px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	margin-top: -7px;
}

.n_pro_det .top .fl .product_det_ico .swiper-button-next {
	background: url(../images/right3.png) center center no-repeat;
	float: right;
	right: -24px;
}

.n_pro_det .top .fl .product_det_ico .swiper-button-prev {
	background: url(../images/left3.png) center center no-repeat;
	float: left;
	left: -24px;
}

.n_pro_det .top .fr {
	width: 60%;
	padding: 0.35rem 2.5% 0;
}

.n_pro_det .top .fr .tit {
	font-weight: bold;
	line-height: 40px;
	color: #000000;
	overflow: hidden;
	font-size: 34px;
}

.n_pro_det .top .fr .des {
	overflow: hidden;
	color: #666666;
	font-size: 16px;
	line-height: 32px;
	margin-top: 0.35rem;
}

.n_pro_det .top .fr .link {
	margin-top: 0.45rem;
	overflow: hidden;
}

.n_pro_det .top .fr .link a {
	float: left;
	display: block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	color: #999;
	background: url("../images/product_pic3.png") #ffffff 22px center no-repeat;
	font-size: 16px;
	text-align: left;
	border-radius: 4px;
	border: 1px solid #eee;
	padding-left: 50px;
	padding-right: 33px;
	background-size: 18px 14px;
	margin-right: 14px;
}

.n_pro_det .top .fr .link a:hover {
	background-image: url("../images/product_pic3_on.png");
	background-color: #02448e;
	border-color: #02448e;
	color: #fff;
}

.n_pro_det .top .fr .link a:first-child {
	color: white;
	border: 1px solid #02448e;
	background: url("../images/product_pic2.png") #02448e 27px center no-repeat;
	background-size: 13px 15px;
}

.n_pro_det .top .fr .tel {
	font-size: 20px;
	color: #666666;
	margin-top: 0.8rem;
}

.n_pro_det .top .fr .tel p {}

.n_pro_det .top .fr .tel a {
	color: #02448e;
	overflow: hidden;
	font-size: 32px;
	font-weight: 700;
	margin-top: 0.12rem;
	display: inline-block;
}

.n_pro_det .bot {}

.n_pro_det .bot .product_l {
	float: left;
	width: calc(98% - 380px);
	width: -webkit-calc(98% - 380px);
	width: -moz-calc(98% - 380px);
	/* max-width: 990px; */
	overflow: hidden;
	background: #fff;
	margin-bottom: 4%;
	padding-bottom: 3%;
	min-height:1500px;
}

.n_pro_det .bot .pro_tab {
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #eeeeee;
	padding: 0 0.3rem;
	overflow: hidden;
}

.n_pro_det .bot .pro_tab a {
	float: left;
	position: relative;
	overflow: hidden;
	margin-right: 6%;
	color: #666666;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
}

.n_pro_det .bot .pro_tab a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	transition: all 0.3s;
	height: 2px;
	background: #02448e;
}

.n_pro_det .bot .pro_tab a.active {
	color: #02448e;
}

.n_pro_det .bot .pro_tab a.active::after,
.n_pro_det .bot .pro_tab a:hover::after {
	width: 100%;
}

.n_pro_det .bot .pro_xq {
	font-size: 14px;
	line-height: 1.75;
	color: #666666;
	padding-left: 0.36rem;
	padding-right: 0.2rem;
}

.n_pro_det .bot .pro_xq table {
	width: 100%;
}

.n_pro_det .bot .pro_xq table td {
	padding: 0.1rem 0.05rem 0.1rem 0.2rem !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
	color: #333 !important;
	font-family: "PingFang SC" !important;
	background-color: transparent !important;
}

.n_pro_det .bot .pro_xq table tr {
	background-color: #e1e1e1 !important;
}

.n_pro_det .bot .pro_xq table tr:nth-child(2n) {
	background-color: white !important;
}

.n_pro_det .bot .pro_xq h3 {
	overflow: hidden;
	position: relative;
	padding-left: 22px;
	background: url(../images/product_bg2.png) left 11px no-repeat;
	font-size: 18px;
	padding-bottom: 12px;
	border-bottom: 1px dashed #ddd;
	font-family: '微软雅黑';
	color: #02448e;
	margin: 3% 0;
	line-height: 1.75;
	font-weight: bold;
}

/* .n_pro_det .bot .pro_xq h3:after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    height: 13px;
    margin-top: -6px;
    width: calc(100% - 115px);
    width: -webkit-calc(100% - 115px);
    width: -moz-calc(100% - 115px);
    background: url(../images/product_bg1.png) right center no-repeat;
} */
.n_pro_det .bot .pro_xq .item {}

.n_pro_det .bot .pro_xq .item img {
	max-width: 100%;
}

.n_pro_det .bot .product_r {
	float: right;
	width: 380px;
	overflow: hidden;
	margin-bottom: 4%;
}

.n_pro_det .bot .product_r .tit {
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #eeeeee;
	text-align: center;
	background: #fff;
}

.n_pro_det .bot .product_r .tit span {
	font-size: 18px;
	color: #000000;
	display: inline-block;
	vertical-align: top;
	padding-left: 22px;
	padding-right: 22px;
	position: relative;
}

.n_pro_det .bot .product_r .tit span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 14px;
/*	background: url(../images/product_bg4.png) center center no-repeat;*/
	background-size: 100% auto;
}

.n_pro_det .bot .product_r .tit span:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 14px;
/*	background: url(../images/product_bg5.png) center center no-repeat;*/
	background-size: 100% auto;
}

.n_pro_det .bot .product_r ul {}

.n_pro_det .bot .product_r ul li {
	display: block;
	margin-bottom: 26px;
	overflow: hidden;
	background: #fff;
	text-align: center;
}

.n_pro_det .bot .product_r ul li a {
	display: block;
	padding: 27px 0 30px;
}

.n_pro_det .bot .product_r ul li:hover a {
	padding: 7px 0 0;
}

.n_pro_det .bot .product_r ul li .img {}

.n_pro_det .bot .product_r ul li .img .pic {
	/* height: 100%; */
}

.n_pro_det .bot .product_r ul li .img .pic img {
	height: 220px;
	margin: 0 auto;
}

.n_pro_det .bot .product_r ul li h3 {
	font-weight: bold;
	color: #333333;
	font-size: 16px;
	overflow: hidden;
	height: 32px;
	line-height: 32px;
}

.n_pro_det .bot .product_r ul li p {
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	color: #999999;
	font-size: 14px;
	margin-bottom: 15px;
}

.n_pro_det .bot .product_r ul li em {
	background: #02448e;
	height: 0px;
	line-height: 50px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	transition: all 0.3s;
	display: block;
	overflow: hidden;
	transition-delay: 0.3s;
}

.n_pro_det .bot .product_r ul li:hover em {
	height: 50px;
}

/* 产品详情 e */


/* 产品中心 e */

/* 新闻资讯 */
.md-news_list .newslist {
	padding-bottom: 0.5rem;
	padding-top: 0.8rem;
	background-color: #f7faff;
}

.md-news_list .list {
	display: none;
	flex-wrap: wrap;
}

.md-news_list .list.on {
	display: flex;
}

.md-news_list .n_i {
	width: 30.8%;
	margin-right: 3.8%;
	margin-bottom: 0.7rem;
	background-color: #f5f6f7;
	transition: all 0.3s linear;
	position: relative;
	overflow: hidden;
}

.md-news_list .n_i .img {
	overflow: hidden;
}

.md-news_list .n_i .img img {
	transition: all .3s;
}

.md-news_list .n_i::after {
	content: "";
	width: 0;
	height: 4px;
	background-color: #02448e;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: width 0.3s linear;
}

.md-news_list .n_i:nth-child(3n) {
	margin-right: 0;
}

.md-news_list .n_i .img img:hover {
	transform: scale(1.1);
}

.md-news_list .n_i:hover::after {
	width: 100%;
	transition: width 0.3s linear;
}

.md-news_list .n_i .text {
	box-sizing: border-box;
	padding: 0.3rem 0.25rem;
	padding-right: 0.19rem;
	background-color: #fff;
}

.md-news_list .n_i .text .time {
	color: #646774;
	margin-bottom: 0.28rem;
}

.md-news_list .n_i .text .t1 {
	color: #191f35;
	margin-bottom: 0.08rem;
	font-weight: 500;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.md-news_list .n_i .text .t2 {
	color: #666b7d;
	line-height: 1.875;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media (max-width: 900px) {
	.md-news_list .n_i::after {
		height: 2px;
	}
}

@media (max-width: 500px) {
	.md-news_list .n_i {
		width: 100%;
		transform: scale(1) !important;
		margin-right: 0;
	}

	.md-news_list .n_i .img img {
		width: 100%;
	}
}

.md-news_detail .page {
	padding-top: .8rem;
	padding-bottom: 0.8rem;
	background-color: #f7faff;
}

.md-news_detail .p80 {
	padding-left: 8%;
	padding-right: 8%;
}

.md-news_detail .det_box {
	background-color: #fff;
}

.md-news_detail .det_title {
	padding-top: 0.68rem;
	padding-bottom: 0.34rem;
	color: #13202c;
	font-weight: 500;
	border-bottom: 1px solid #e8e8e8;
}

.md-news_detail .det_title .tit {
	padding-left: 0.4rem;
	box-sizing: border-box;
	position: relative;
}

.md-news_detail .det_title .tit::after {
	content: "";
	width: 8px;
	height: 8px;
	background-color: #fbbdb0;
	position: absolute;
	top: 0;
	left: 0;
}

.md-news_detail .det_title .tit::before {
	content: "";
	width: 8px;
	height: 8px;
	background-color: #02448e;
	position: absolute;
	top: 8px;
	left: 0;
}

.md-news_detail .det_tt {
	padding-top: 0.26rem;
	padding-bottom: 0.18rem;
	color: #65717b;
	border-bottom: 1px solid #e8e8e8;
	display: flex;
}

.md-news_detail .det_tt .eye {
	display: flex;
	align-items: center;
	font-family: Mont_M;
}

.md-news_detail .det_tt .eye img {
	margin-right: 0.1rem;
}

.md-news_detail .det_tt .share {
	display: inline-flex;
	align-items: center;
	margin-left: 0.3rem;
}

.md-news_detail .det_tt .share .href {
	margin-left: 0.16rem;
}

.md-news_detail .text {
	padding-top: 0.7rem;
	padding-bottom: 1.3rem;
	line-height: 1.67;
	color: #666b7d;
}

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

.md-news_detail .flex .ff {
	width: 49%;
}

.md-news_detail .det_pag {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #eeeeee;
	position: relative;
}

.md-news_detail .det_pag .aa {
	width: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0.3rem 0.4rem;
	padding-top: 0.28rem;
	padding-bottom: 0.24rem;
	box-sizing: border-box;
	color: #65717b;
}

.md-news_detail .det_pag .aa:hover {
	color: #02448e;
}

.md-news_detail .det_pag .aa:hover .img img:nth-child(2n-1) {
	display: none;
}

.md-news_detail .det_pag .aa:hover .img img:nth-child(2n) {
	display: block;
}

.md-news_detail .det_pag .prev .img img {
	margin-right: 0.4rem;
}

.md-news_detail .det_pag .next .img img {
	margin-left: 0.4rem;
}

.md-news_detail .det_pag .img {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}

.md-news_detail .det_pag .img img:nth-child(2n-1) {
	display: block;
}

.md-news_detail .det_pag .img img:nth-child(2n) {
	display: none;
}

.md-news_detail .det_pag .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.md-news_detail .det_pag .sp2 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media (max-width: 900px) {
	.md-news_detail .det_pag .aa {
		width: 100%;
	}

	.md-news_detail .det_pag .icon {
		display: none;
	}
}

/* 行业解决方案 */
.md-solution-1 {
	position: relative;
}

.md-solution-1 .pics .img {
	padding-top: calc(940 / 1920 * 100%);
}

.md-solution-1 .pics .img img {
	display: none;
}

.md-solution-1 .text {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.md-solution-1 .text .lf {
	padding-left: 1.25rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.md-solution-1 .text .lf .icon {
	width: .8rem;
	margin-left: -.1rem;
}

.md-solution-1 .text .lf .tit {
	line-height: 1.25;
}

.md-solution-1 .text .lf .mark {
	line-height: 1.25;
	margin-top: .07rem;
}

.md-solution-1 .text .lf.active {
	background-color: rgba(31, 72, 157, 0.5);
}

.md-solution-1 .text .rg {
	width: calc(1020 / 1920 * 100%);
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.md-solution-1 .text .rg .swiper-container {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}

.md-solution-1 .text .rg .swiper-slide {
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.md-solution-1 .text .rg .swiper-slide .item {
	width: calc(1 / 3 * 100%);
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: rgba(0, 0, 0, 0.3);
}

.md-solution-1 .text .rg .swiper-slide .item.active,
.md-solution-1 .text .rg .swiper-slide .item:hover {
	background-color: rgba(31, 72, 157, 0.5);
}

.md-solution-1 .text .rg .arrow {
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid #fff;
	margin-top: -1px;
	height: 0.9rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 2;
}

.md-solution-1 .text .rg .arrow .btn {
	width: 0.46rem;
	height: 0.46rem;
	border: 1px solid #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.md-solution-1 .text .rg .arrow .btn:hover {
	background-color: #02448e;
	border-color: #244ea5;
}

.md-solution-1 .text .rg .arrow .prev {
	background-image: url(../images/arr3.png);
	margin-right: 1.27rem;
}

.md-solution-1 .text .rg .arrow .next {
	background-image: url(../images/arr4.png);
}

.md-solution-1 .text .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	height: 100%;
	padding-bottom: 0.19rem;
}

.md-solution-1 .text .item .icon {
	width: 0.8rem;
	margin-left: 0.2rem;
}

.md-solution-1 .text .item .tit {
	line-height: 1.25;
	padding-left: 0.36rem;
}

.md-solution-1 .text .item .mark {
	line-height: 1.25;
	margin-top: 0.07rem;
	padding-left: 0.36rem;
}

@media (max-width: 1300px) {
	.md-solution-1 .text .rg {
		width: 60%;
	}
}

@media (max-width: 700px) {
	.md-solution-1 .pics {
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
	}

	.md-solution-1 .pics .swiper-container {
		height: 100%;
	}

	.md-solution-1 .pics .img {
		min-height: 100%;
	}

	.md-solution-1 .text {
		display: block;
		position: static;
		z-index: 2;
		padding: 1rem 4%;
	}

	.md-solution-1 .text .lf {
		padding: 0 0 0.5rem;
	}

	.md-solution-1 .text .rg {
		width: 100%;
		height: 400px;
	}

	.md-solution-1 .text .item {
		padding-right: 0.1rem;
	}

	.md-solution-1 .text .item .tit {
		padding-left: 0.2rem;
	}

	.md-solution-1 .text .item .mark {
		padding-left: 0.2rem;
	}
}

.q-a {
	width: 100%;
	padding-top: .8rem;
	padding-bottom: 1rem;
	background-color: rgba(231, 231, 231, 0.5);
}

.q-cont {
	width: 100%;
	font-size: 0;
	padding-bottom: .1rem;
}

.q-item {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	width: 31.58%;
	margin-right: 2.63%;
	margin-bottom: .4rem;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: .1rem;
}

.q-item:nth-child(3n) {
	margin-right: 0;
}

.q-img {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: calc(270/480*100%);
}

.q-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.00);
	transition: all ease .5s;
}

.q-text {
	width: 100%;
	padding: .35rem .4rem;
}

.q-name {
	color: #333333;
	line-height: 1.33;
	font-weight: bold;
	margin-bottom: .1rem;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.q-intro {
	color: #666666;
	line-height: 2.1em;
	height: 4.2em;
	margin-bottom: .2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.q-more {
	color: #666666;
}

.q-more:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: .2rem;
	transform: rotate(-180deg);
	border-radius: 50%;
	width: .4rem;
	height: .4rem;
	border: solid 1px #dddddd;
	background-image: url('../images/a10.png');
	background-size: .08rem auto;
	background-position: center center;
	background-repeat: no-repeat;
}


.q-item:hover .q-img img {
	transform: scale(1.05);
}

.q-item:hover .q-name {
	color: #02448e;
}

.q-item:hover .q-more {
	color: #02448e;
}

.q-item:hover .q-more:before {
	border: 1px solid #02448e;
	background-color: #02448e;
	background-image: url('../images/a10-c.png');
}

@media(max-width:900px) {
	.q-main {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.q-item {
		width: calc(50% - 5px);
		margin-right: 10px;
	}

	.q-item:nth-child(3n) {
		margin-right: 10px;
	}

	.q-item:nth-child(2n) {
		margin-right: 0;
	}

	.q-text {
		padding: .25rem 10px;
	}

	.q-intro {
		margin-bottom: .3rem;
	}
}

/* 案例介绍 */
.page-case-1 {
	padding-bottom: .8rem;
	padding-top: 0.8rem;
	background-color: rgba(231, 231, 231, 0.5);
}

.page-case-1 .md-case-1 {
	/* margin: 0.95rem 0 0.09rem; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.page-case-1 .md-case-1 .item {
	margin-bottom: 0.73rem;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.page-case-1 .md-case-1 .item img {
	width: 100%;
	vertical-align: top;
}

.page-case-1 .md-case-1 .item .text {
	background-color: #fff;
	padding: 0.26rem 0.3rem;
}

.page-case-1 .md-case-1 .item .date {
	color: #646774;
	margin-bottom: 0.29rem;
}

.page-case-1 .md-case-1 .item .tit {
	/* margin-bottom: 0.1rem; */
}

.page-case-1 .md-case-1 .item .desc {
	line-height: 1.7647058824;
}

.page-case-1 .md-case-1 .item:hover {
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.page-case-1 .md-case-1 .item:hover::after {
	content: "";
	width: 100%;
	height: 4px;
	background-color: #02448e;
	position: absolute;
	bottom: 0;
	left: 0;
}

@media (min-width: 1001px) {
	.page-case-1 .md-case-1 .item {
		width: 30.8383233533%;
		margin-right: 3.7125748503%;
	}

	.page-case-1 .md-case-1 .item:nth-of-type(3n) {
		margin-right: 0;
	}
}

@media (max-width: 1000px) and (min-width: 451px) {
	.page-case-1 .md-case-1 {
		margin-top: 0.5rem;
	}

	.page-case-1 .md-case-1 .item {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 0.5rem;
	}

	.page-case-1 .md-case-1 .item:nth-of-type(2n) {
		margin-right: 0;
	}

	.solution_img img {
		height: 400px;
	}
}

@media (max-width: 450px) {
	.page-case-1 .md-case-1 .item {
		width: 100%;
		margin-bottom: 4%;
	}

	.solution_img img {
		height: 205px;
	}
}

/* 工厂环境 s */
.environment .con {
	padding-bottom: 0.6rem;
}

.environment .swiper {
	padding-bottom: 0.6rem;
}

.environment ul {}

.environment ul li {}

.environment ul li a {}

.environment ul li p {
	background-color: #000;
	font-size: 16px;
	color: white;
	padding: 0.16rem 2%;
	text-align: center;
	font-size: 16px;
	text-transform: capitalize;
}

.environment ul li:hover p {
	background-color: #02448e;
}

.environment .swiper-pagination {
	bottom: 0 !important;
}

/* 工厂环境 e */


/* 联系我们 */
.md-contact_us .page_1 {
	padding-top: 0.8rem;
	/* padding-bottom: 1rem; */
	background-position: center;
	background-size: cover;
}

.md-contact_us .map_i {
	display: flex;
	flex-wrap: wrap;
	box-shadow: 0px 9px 16px 5px rgba(5, 22, 63, 0.08);
}

.md-contact_us .map_i+.map_i {
	margin-top: 0.75rem;
}

.md-contact_us .map_i .m_te {
	width: 34.5294117647%;
	background-color: #02448e;
	color: #fff;
	display: flex;
	align-items: flex-start;
	padding-top: 1rem;
	padding-left: 0.65rem;
	padding-right: 0.4rem;
}

.md-contact_us .map_i .m_te .te {
	margin-left: 0.13rem;
}

.md-contact_us .map_i .m_te .t2 {
	line-height: 1.8;
	margin-top: 0.25rem;
}

.md-contact_us .map_i .m_te .share {
	margin-top: 1.35rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.md-contact_us .map_i .m_te .href {
	display: flex;
}

.md-contact_us .map_i .m_te .hr {
	margin-left: 0.15rem;
}

.md-contact_us .map_i .m_te .code {
	display: flex;
	/* justify-content: center; */

	margin-top: 0.3rem;
}

.md-contact_us .map_i .m_te .code_ {
	text-align: center;
	width: 1rem;
	min-width: 80px;
}

.md-contact_us .map_i .m_te .code_+.code_ {
	margin-left: 0.2rem;
}

.md-contact_us .map_i .m_te .code_ .img {
	margin-bottom: 0.1rem;
}

.md-contact_us .map_i .map {
	width: 65.4705882353%;
}

.md-contact_us .map_i .map img {
	max-width: none;
}

.md-contact_us .map_i .map_box {
	height: 5.8rem;
	min-height: 480px;
}

@media (max-width: 900px) {
	.md-contact_us .map_i .m_te {
		width: 100%;
		padding: 0.4rem;
		order: 2;
	}

	.md-contact_us .map_i .m_te .icon {
		max-width: 20px;
	}

	.md-contact_us .map_i .m_te .share {
		margin-top: 0.5rem;
	}

	.md-contact_us .map_i .map {
		width: 100%;
		order: 1;
	}

	.md-contact_us .map_i .map_box {
		height: 5.8rem;
		min-height: 300px;
	}
}

.md-contact_us .page_2 {
	padding-top: 0.84rem;
	padding-bottom: 0.3rem;
}

.md-contact_us .page_2 .title {
	text-align: center;
	color: #191f35;
	font-size: .4rem;
	font-weight: bold;
	line-height: 1.333;
}

.md-contact_us .page_2 .text {
	margin-top: 0.44rem;
	margin-bottom: 0.44rem;
	text-align: center;
	color: #666666;
	line-height: 2;
}

.md-contact_us .page_2 .text a {
	color: #02448e;
}

.md-contact_us .page_2 .f1 {
	display: flex;
	flex-wrap: wrap;
}

.md-contact_us .page_2 .fyan {
	margin-top: 0.3rem;
}

.md-contact_us .page_2 .fyan img {
	margin-left: 0.1rem;
	width: auto;
}

.md-contact_us .page_2 .lab {
	display: flex;
	align-items: center;
	width: 25%;
	box-sizing: border-box;
	padding-right: 0.3rem;
	margin-bottom: 0.24rem;
}

.md-contact_us .page_2 .lab:last-child {
	padding-right: 0;
}

.md-contact_us .page_2 .tt {
	flex-shrink: 0;
	padding-right: 0.16rem;
	color: #666666;
}

.md-contact_us .page_2 .tt .sp1 {
	color: #dc0000;
}

.md-contact_us .page_2 input {
	width: 100%;
	height: 58px;
	background-color: #ffffff;
	border: solid 1px #dcdcdc;
	padding: 0 0.2rem;
	box-sizing: border-box;
}

.md-contact_us .page_2 .f2 {
	display: flex;
}

.md-contact_us .page_2 .f2 .tt {
	line-height: 2;
}

.md-contact_us .page_2 textarea {
	width: 100%;
	background-color: #ffffff;
	border: solid 1px #dcdcdc;
	padding: 0.2rem;
	box-sizing: border-box;
}

.md-contact_us .page_2 .f3 {
	display: flex;
	justify-content: center;
	margin-top: 0.5rem;
}

.md-contact_us .page_2 .f3 .btn {
	padding: 0.1rem 0.75rem;
	border-radius: 1rem;
	background-color: #02448e;
	color: #fff;
	border: none;
	cursor: pointer;
	transition: all 0.3s linear;
}

.md-contact_us .page_2 .f3 .btn:hover {
	transform: translateY(5px);
	transition: all 0.3s linear;
}

@media (max-width: 1280px) {
	.md-contact_us .page_2 .f1 {
		justify-content: space-between;
	}

	.md-contact_us .page_2 .lab {
		width: 48%;
		padding-right: 0;
	}
}

@media (max-width: 900px) {
	.md-contact_us .page_2 .lab {
		width: 100%;
	}

	.md-contact_us .page_2 input {
		height: 30px;
	}

	.md-contact_us .page_2 .tt {
		min-width: 75px;
	}
}

/* 招贤纳士 */
.col-page {
	padding: 0.6rem 0 0.8rem;
	background-color: rgba(231, 231, 231, 0.5);
}

.col-page .namemark {
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
}

.col-page-recruit .namemark,
.col-page-recruit h2 {
	text-align: center;
}

.col-page-recruit h2 {
	font-size: .4rem;
	font-weight: bold;
	line-height: 1.333;
	margin: 0 0 6.2vh;
	padding-bottom: 2.1vh;
	position: relative;
}


.col-page-recruit h2::after {
	content: '';
	width: 35px;
	height: 2px;
	background: #02448e;
	position: absolute;
	left: 0;
	bottom: 0;
}

.col-page-recruit h2::after {
	left: 50%;
	transform: translateX(-50%);
}


.col-page-recruit .job ul li {
	transition: 0.3s;
	position: relative;
	z-index: 1;
	/* margin-bottom: 9px; */
	/* background: #f6f7f9; */
}

.col-page-recruit .job ul li table {
	width: 100%;
}

.col-page-recruit .job ul li table tr th {
	padding: 20px 0;
	font-size: 18px;
	font-weight: bold;
	width: 20%;
	background: #02448e;
	text-align: center;
	color: #fff;
}

.col-page-recruit .job ul li .jobtit {
	color: #000;
	position: relative;
	transition: 0.36s;
}

.col-page-recruit .job ul li .jobtit table tr td {
	width: 20%;
	padding: 15px 0;
	font-size: 16px;
	text-align: center;
}

.col-page-recruit .job ul li .jobtit table tr td:first-child {
	text-align: left;
	padding-left: 2.5vw;
}

.col-page-recruit .job ul li .jobtit table tr td h3 {
	font-size: 18px;
	font-weight: bold;
}

.col-page-recruit .job ul li .jobtit table tr td a {
	transition: .3s;
}

.col-page-recruit .job ul li .jobtit table tr td a span {
	display: inline-block;
	vertical-align: middle;
}

.col-page-recruit .job ul li .jobtit table tr td a i.iconfont {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid #333333;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	margin-left: 8px;
}

.col-page-recruit .job ul li .jobtit table tr td a:hover {
	color: #02448e;
}

.col-page-jobdetail {
	padding: 6vh 0 20vh
}

.col-page-jobdetail h1 {
	font-size: 24px;
	padding: 15px 5px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	font-weight: bold;
}

.col-page-jobdetail ul {
	background: #8c989f;
	padding: 5px 10px;
	color: #fff;
	margin-top: 30px;
}

.col-page-jobdetail ul li {
	list-style: none;
	padding: 8px 5px 8px 120px;
	min-height: 20px;
	position: relative;
	border-bottom: 1px solid #ddd;
}

.col-page-jobdetail ul li:last-child {
	border: none;
}

.col-page-jobdetail ul li span {
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
	padding: 8px 3px;
	overflow: hidden;
}

.col-page-jobdetail h3 {
	margin: 30px 0 10px;
	padding: 0 10px;
	font-size: 16px;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ddd;
}

.col-page-jobdetail .content {
	padding: 0 10px;
	line-height: 2;
}

.col-page-jobdetail .sub {
	margin-top: 30px;
	margin-left: 10px;
}

.col-page-jobdetail .sub a {
	display: inline-block;
	background: #02448e;
	height: 35px;
	line-height: 35px;
	padding: 0 35px;
	color: #fff;
	border-radius: 2px;
}

.col-page-jobdetail .met_tools {
	border-top: 1px solid #ddd;
	margin-top: 30px;
	position: relative;
	padding: 10px 10px 0;
	height: 50px;
	line-height: 50px;
}

.col-page-jobdetail .met_tools .bdshare-button-style1-16 .bds_more {
	color: #333;
	float: left;
}

.job_list {
	margin-bottom: 0.5rem;
}

.job_list>ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.job_list>ul>li {
	display: block;
	margin-top: 15px
}

.job_list>ul>li .item_t {
	background-color: #ebeef2;
	cursor: pointer;
	-webkit-transition: all .5s;
	transition: all .5s
}

.job_list>ul>li .item_t>ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.job_list>ul>li .item_t>ul,
.job_list>ul>li .item_t>ul>li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.job_list>ul>li .item_t>ul>li {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	color: #333;
	font-size: .16rem;
	-webkit-justify-content: center;
	justify-content: center;
	line-height: 1.5em;
	padding: 10px;
	text-align: center;
	-webkit-transition: all .5s;
	transition: all .5s;
	width: 25%
}

@media (max-width:668px) {
	.job_list>ul>li .item_t>ul>li {
		width: 23%
	}

	.job_list>ul>li .item_t>ul>li:first-of-type {
		width: 31%
	}
}

.job_list>ul>li .item_t>ul>li .icon,
.job_list>ul>li .item_t>ul>li:nth-of-type(4) {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center
}

.job_list>ul>li .item_t>ul>li .icon {
	background-color: #02448e;
	border-radius: 100%;
	height: 30px;
	-webkit-transition: all .5s;
	transition: all .5s;
	width: 30px;
	color: #fff;
}

.job_list>ul>li.active .item_t>ul>li .icon {
	color: #02448e;
}

@media (max-width:668px) {
	.job_list>ul>li .item_t>ul>li .icon {
		height: 24px;
		width: 24px
	}
}

.job_list>ul>li .item_t>ul>li .icon i.iconfont {
	color: #fff;
	font-size: 12px;
	height: 12px;
	line-height: 1em;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all .5s;
	transition: all .5s;
	width: 12px
}

.job_list>ul>li .item_col {
	box-shadow: 0 5px 5px 0 rgba(51, 51, 51, .1);
	display: none;
	padding: 0.5rem
}

@media (max-width:668px) {
	.job_list>ul>li .item_col {
		padding: 20px 20px 0
	}
}

.job_list>ul>li .item_col>ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin: 0 -0.25rem;
	padding: 0
}

@media (max-width:668px) {
	.job_list>ul>li .item_col>ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.col-index-about {
		padding: 8vh 0;
	}

	.col-index-product .slide .swiper-container {
		padding-top: 3vh;
	}

	.col-index-product {
		padding-top: 6vh;
		padding-bottom: 6vh;
	}

	.col-index-news {
		padding: 20vh 0 8vh;
	}

	.vicenav ul.list li a h3,
	.col-page-equipment .col-1 .tab-nav .item .title {
		font-size: 14px !important;
	}
}

.job_list>ul>li .item_col>ul>li {
	min-height: 2rem;
	padding: 0 0.25rem;
	width: 50%
}

@media (max-width:668px) {
	.job_list>ul>li .item_col>ul>li {
		margin-bottom: 20px;
		min-height: auto;
		width: 100%
	}
}

.job_list>ul>li .item_col>ul>li .item_col_info {
	color: #666;
	font-size: 14px;
	line-height: 2em
}

.job_list>ul>li .item_col>ul>li .item_col_info .t {
	display: block;
	font-size: clamp(16px, 100vw, .16rem);
	line-height: 1.5em;
	margin-bottom: 10px
}

.job_list>ul>li .item_col>ul>li .item_col_info ol,
.job_list>ul>li .item_col>ul>li .item_col_info ul {
	padding: 0 0 0 1em
}

.job_list>ul>li.active .item_t {
	background-color: #02448e
}

.job_list>ul>li.active .item_t>ul>li {
	color: #fff
}

.job_list>ul>li.active .item_t>ul>li .icon {
	background-color: #fff
}

.job_list>ul>li.active .item_t>ul>li .icon i.iconfont {
	color: #02448e;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
	/* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {

	/* 1440 × (900/1050) */
	.md-aboutUs-1 .Culture .Culture-tent .swiper-slide {
		width: 3.5rem;
	}
}

@media all and (max-width:1439px) {

	/* 1360 × (768) */
	.md-aboutUs-1 .Culture .Culture-tent .swiper-slide .item {
		height: 230px;
	}

}

@media all and (max-width:1359px) {
	/* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
	/* 1152 × (864) */
}

@media all and (max-width:1151px) {
	/* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
	/* 平板设备 720 适配 */
}

@media all and (max-width:991px) {

	/* head */
	.Header-container .nav_item {
		display: none;
	}

	.product-list .inner-title-box {
		margin-bottom: 30px;
	}

	.product-list .list li {
		margin-top: 35px;
	}

	.product-list {
		padding: 65px 0 50px;
	}
}

@media all and (max-width:768px) {
	.product-list {
		padding: 55px 0 40px;
	}

	.product-list .inner-title-box {
		margin-bottom: 20px;
	}

	.product-list .list li {
		margin-top: 20px;
	}

	.product-list .list .text .tit {
		font-size: 15px;
		letter-spacing: 0;
	}

	.product-list .list .text .area-box {
		padding: 12px;
		margin-top: 15px;
	}
}

@media all and (max-width:640px) {
	/* 移动终端以上 360 适配 */
}

@media all and (max-width:480px) {
	.n_pro_det .top .fl,
	.n_pro_det .top .fr{
		width: 100%;
	}
	.n_pro_det .top .fr .tit{
		font-size: 26px;
	}
	.n_pro_det .top .fr .link a{
		margin-right: 10px;
	}
	.col-page-recruit .job ul li table tr th{
		font-size: 16px;
		font-weight: 100;
	}
}

@media all and (max-width:420px) {}

@media all and (max-width:376px) {}

#tags_title {
	color: #1a4b96;
	margin-top: 30px;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	border-bottom: 1px solid #DDD;
}

	#tags_title a {
		border: 1px solid #DDD;
		display: inline-block;
		background: #FFF;
		padding: 4px 12px;
		margin-bottom: -1px;
		position: relative;
		outline: none;
	}

		#tags_title a.A {
			border-bottom: 1px solid #FFF;
			color: #FF6600;
			font-weight: bold;
		}

#tags_content {
	margin-top: 30px;
	min-height: 300px;
}

	#tags_content div {
		padding: 0px 5px;
		line-height: 200%;
	}

		#tags_content div img {
			max-width: 100%;
		}