/* 移动优先 */
/* Author: */
/* Contact: soft@0523cn.com*/
/* WebSite: www.0523cn.com*/

/* ---mobile models--- */
header {
	display: flex;
	flex-flow: row nowrap;
	padding: 1rem 1rem;
}

.header-logo {
	flex: 0 0 auto;
}

.header-menu {
	display: none;
}

.logo {}

.logo img {
	max-width: 100%;
	vertical-align: bottom;
}

.index-banner {
	width: 100%;
	height: auto;
}

.index-about {
	padding: 3rem 2vw;
}

.index-about-thumb {
	background-color: #e9e9e9;
	padding: 0.625rem;
	overflow: hidden;
}

.index-about-thumb img {
	width: 100%;
	vertical-align: bottom;
}

.index-about-content {
	padding: 1rem 1rem;
}

.index-about-tit {
	font-size: 1.5rem;
	font-weight: bold;
	color: #2b2b2b;
	position: relative;
	color: #2e528f;
}

.index-about-tit::after {
	content: 'ABOUT US';
	position: absolute;
	left: .3rem;
	top: .5rem;
	color: rgba(0, 0, 0, .08);
	font-size: 2rem;
}

.index-about-body {
	padding-top: 1rem;
	line-height: 2;
	color: #5d5d5d;
}

.index-about-body p {
	text-indent: 2rem;
}

.index-products {

	background: url('../images/bg.jpg') no-repeat;
	background-size: cover;
}

.index-products-container {
	padding: 3rem 0;
	backdrop-filter: brightness(40%);
}

.index-products-header {
	text-align: center;

}

.index-products-header-tit {
	display: inline-block;
	line-height: 3;
	font-size: 1.5rem;
	font-weight: bold;
	/* color: #2e528f; */
	color: #fff;
	position: relative;
}

.index-products-header-tit::after {
	content: 'PRODUCTS';
	position: absolute;
	transform: translateX(-2.8rem);
	left: 0rem;
	top: .5rem;
	color: rgba(243, 243, 243, 0.2);
	font-size: 2rem;
}

.index-products-body {
	/* display: flex;
	flex-flow: row nowrap; */
	/* justify-content: space-around; */
	padding: 1rem 2vw;
}

.index-product-item {
	overflow: hidden;
	background-color: #fff;
	transition: all 0.5s ease-in-out;
	position: relative;
	border-radius: 0.625rem;
	margin-bottom: 1rem;
}

.index-product-item-thumb {
	/* height: 100%; */
	background-color: #fff;
	overflow: hidden;
	padding: 1rem;
}

.index-product-item-thumb img {
	max-width: 100%;
	vertical-align: bottom;
}

.index-product-item-tit {
	border-radius: 0 0 0.625rem 0.625rem;
	left: 0rem;
	bottom: 0rem;
	text-align: center;
	margin: 0.125rem;
	background-color: rgba(76, 110, 152, 1.0);
}

.index-product-item-tit h2 {
	line-height: 2;
	font-size: 1rem;
	color: #f9f9f9;
}

.index-product-item-desc {
	text-indent: 1rem;
	text-align: left;
	padding: 0.375rem 1rem;
	/* border-top: 0.0625rem dashed #ccc; */
	color: #f0f0f0;
	line-height: 2;
	font-size: 0.75rem;
}

/* news */
.index-news {
	padding: 3rem 0;
}

.index-news-header {
	text-align: center;
}

.index-news-btn,
.index-products-btn {
	position: relative;
	z-index: 10;
	width: fit-content;
	margin: 1rem auto;
	display: block;
	background-color: #dadade;
	color: #525252;
	font-size: 0.875rem;
	border-radius: 1rem;
	padding: .5rem 2rem;
	transition: all 0.3s ease-in-out;
}

.index-news-btn:hover,
.index-products-btn:hover {
	color: #ffffff;
	background-color: #3d7bde;
	box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, .2);
}

.index-news-header-tit {
	display: inline-block;
	line-height: 3;
	font-size: 1.5rem;
	font-weight: bold;
	color: #2e528f;
	position: relative;
}

.index-news-header-tit::after {
	content: 'NEWSCENTER';
	position: absolute;
	transform: translateX(-2.8rem);
	left: 0rem;
	top: .5rem;
	color: rgba(0, 0, 0, .08);
	font-size: 2rem;
}

.index-news-body {
	padding: 1rem 2vw;
}

.index-news-body-item {
	margin: 0.2%;
	background-color: #f9f9f9;
	transition: all 0.5s ease-in-out;
}

.index-news-body-item-thumb {
	padding: 0.625rem;
	min-width: 0;
	overflow: hidden;
}

.index-news-body-item-thumb img {
	max-width: 100%;
	vertical-align: bottom;
}

.index-news-body-item-body {
	min-width: 0;
	padding: 0.625rem;
	font-weight: bold;
	color: #626262;
	overflow: hidden;
}

.index-news-body-item-datetime {
	font-size: 0.75rem;
	color: #a0a0a0;
	line-height: 2;
}

.index-news-body-item-tit h2 {
	font-size: 1rem;
	line-height: 2;
	color: #727272;
	transition: all 0.5s ease-in-out;
	white-space: nowrap;
	/* 保证文本在一行内显示 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 使用省略号表示文本溢出 */
}

.index-news-body-item-txt {
	display: none;
	/* line-height: 2;
	font-size: 0.875rem;
	transition: all 0.5s ease-in-out;
	color: #727272; */
}


footer {
	background-color: #ebebeb;
	padding: 2rem 5vw;
}

.index-footer-body {
	padding: 1rem 0;
	border-top: 1px solid #ccc;
	line-height: 2;
}

.index-footer-body-item {
	flex: 1 0 auto;

}

.index-footer-body-item p {
	font-size: 0.875rem;
	color: #828282;
}

.index-footer-body-item:nth-child(2n) {
	flex: 0 0 auto;
	padding: 0 2rem;
	/* background-color: #ba1818; */

}

.index-footer-qrcode {
	width: 120px;
	height: 120px;
}

.index-footer-qrcode img {
	width: 100%;
	vertical-align: bottom;
}

.index-footer-qrcode-tit {
	line-height: 2;
	text-align: center;
	font-size: 0.875rem;
	color: #7e7e7e;
}

/*current location */
.current-location {
	padding: 1rem 5vw;
	border-bottom: 1px solid #efefef;
	background-color: #f9f9f9;
}

.current-location a {
	color: #424242;
	transition: color 0.3s ease-in-out;
}

.current-location a:hover {
	color: #ba1818;
}

.swiper {
	width: 100%;
	height: 100%;
	--swiper-pagination-color: #ff6600;
	/* 两种都可以 */
}

/* ---pc models--- */
@media (min-width:1200px) {
	header {
		display: flex;
		flex-flow: row nowrap;
		padding: 1rem 1rem;
	}

	.header-logo {
		flex: 0 0 auto;
	}

	.header-menu {
		flex: 1 0;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: end;
		padding: 0;
	}

	.header-menu-item {
		flex: 0 0 auto;
		padding: 0 2em;
	}

	.header-menu-item a {
		color: #000;
		transition: color .3s ease-in-out;
	}

	.header-menu-item a:hover {
		color: #ba1818;
	}

	.logo {}

	.logo img {
		vertical-align: bottom;
	}

	.index-banner {
		width: 100%;
		height: 18.75rem;
	}

	.index-btn {
		display: inline-block;
		background-color: #dadade;
		color: #2a3c79;
		font-size: 0.875rem;
		box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, .2);
	}

	.index-about-btn {
		border-radius: 1rem;
		padding: .2rem 1rem;
		transition: all 0.3s ease-in-out;
	}

	.index-about-btn:hover {
		background-color: #4880df;
		color: #fff;
		padding: .2rem 2rem;
		/* 
		box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, .2);
		 */
	}

	/* 	.index-banner {
		width: 100vw;
		height: 40vh;
		background-color: beige;
	} */

	.index-about {
		padding: 3rem 5vw;
		display: flex;
		flex-flow: row nowrap;
	}

	.index-about-thumb {
		background-color: #e9e9e9;
		flex: 0 0 40vw;
		padding: 0.625rem;
		overflow: hidden;
	}

	.index-about-thumb img {
		width: 100%;
		vertical-align: bottom;
	}

	.index-about-content {
		flex: 1 0;
		padding: 0 1rem;
	}

	.index-about-tit {
		font-size: 1.5rem;
		font-weight: bold;
		color: #2b2b2b;
		position: relative;
		color: #2e528f;
	}

	.index-about-tit::after {
		content: 'ABOUT US';
		position: absolute;
		left: .3rem;
		top: .5rem;
		color: rgba(0, 0, 0, .08);
		font-size: 2rem;
	}

	.index-about-body {
		padding-top: 1rem;
		line-height: 2;
		color: #5d5d5d;
	}

	.index-about-body p {
		text-indent: 2rem;
	}


	/* 
	index-products
	 */
	.index-products {

		background: url('../images/bg.jpg') no-repeat;
		background-size: cover;
	}

	.index-products-container {
		padding: 3rem 0;
		/* 
		-webkit-backdrop-filter: brightness(30%);
		backdrop-filter: brightness(30%); 
		*/
		/* filter: grayscale(50%); */
		backdrop-filter: brightness(40%);
	}

	.index-products-header {
		text-align: center;

	}

	.index-products-header-tit {
		display: inline-block;
		line-height: 3;
		font-size: 1.5rem;
		font-weight: bold;
		/* color: #2e528f; */
		color: #fff;
		position: relative;
	}

	.index-products-header-tit::after {
		content: 'PRODUCTS';
		position: absolute;
		transform: translateX(-2.8rem);
		left: 0rem;
		top: .5rem;
		color: rgba(243, 243, 243, 0.2);
		font-size: 2rem;
	}

	.index-products-body {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-around;
		padding: 1rem 5vw;
	}

	.index-product-item {
		flex: 0 0 28%;
		overflow: hidden;
		background-color: #fff;
		transition: all 0.5s ease-in-out;
		position: relative;
		border-radius: 0.625rem;
	}

	.index-product-item:hover {
		box-shadow: 0 15px 30px rgba(255, 255, 255, 0.3);
	}

	.index-product-item-thumb {
		/* height: 100%; */
		background-color: #fff;
		overflow: hidden;
		padding: 1rem;
	}

	.index-product-item-thumb img {
		width: 100%;
		vertical-align: bottom;
	}

	.index-product-item-tit {
		border-radius: 0 0 0.625rem 0.625rem;
		left: 0rem;
		bottom: 0rem;
		text-align: center;
		margin: 0.125rem;
		background-color: rgba(76, 110, 152, 1.0);
	}

	.index-product-item-tit h2 {
		line-height: 2;
		font-size: 1rem;
		color: #f9f9f9;
	}

	.index-product-item-desc {
		text-indent: 1rem;
		text-align: left;
		padding: 0.375rem 1rem;
		/* border-top: 0.0625rem dashed #ccc; */
		color: #f0f0f0;
		line-height: 2;
		font-size: 0.75rem;
	}

	/* news */
	.index-news {
		padding: 3rem 0;
	}

	.index-news-header {
		text-align: center;
	}

	.index-news-btn,
	.index-products-btn {
		position: relative;
		z-index: 10;
		width: fit-content;
		margin: 1rem auto;
		display: block;
		background-color: #dadade;
		color: #525252;
		font-size: 0.875rem;
		border-radius: 1rem;
		padding: .5rem 2rem;
		transition: all 0.3s ease-in-out;
	}

	.index-news-btn:hover,
	.index-products-btn:hover {
		color: #ffffff;
		background-color: #3d7bde;
		box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, .2);
	}

	.index-news-header-tit {
		display: inline-block;
		line-height: 3;
		font-size: 1.5rem;
		font-weight: bold;
		color: #2e528f;
		position: relative;
	}

	.index-news-header-tit::after {
		content: 'NEWSCENTER';
		position: absolute;
		transform: translateX(-2.8rem);
		left: 0rem;
		top: .5rem;
		color: rgba(0, 0, 0, .08);
		font-size: 2rem;
	}

	.index-news-body {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		/* 
		justify-content: space-around; 
		*/
		padding: 1rem 5vw;
	}

	.index-news-body-item {
		flex: 0 0 49.6%;
		margin: 0.2%;
		display: flex;
		flex-flow: row nowrap;
		background-color: #f9f9f9;
		transition: all 0.5s ease-in-out;
	}

	.index-news-body-item:nth-child(2n+1):hover {
		background-color: rgba(64, 147, 255, 0.1);
	}

	.index-news-body-item:nth-child(2n):hover {
		background-color: rgba(52, 144, 101, 0.1);
	}

	.index-news-body-item:hover .index-news-body-item-tit h2 {
		color: #222222;
	}

	.index-news-body-item:hover .index-news-body-item-tit .index-news-body-item-datetime {
		color: #222222;
	}

	.index-news-body-item:hover .index-news-body-item-txt {
		color: #222222;
	}

	.index-news-body-item-thumb {
		padding: 0.625rem;
		min-width: 0;
		overflow: hidden;
	}

	.index-news-body-item-thumb img {
		width: 100%;
		vertical-align: bottom;
	}

	.index-news-body-item-body {
		flex: 0 0 65%;
		min-width: 0;
		padding: 0.625rem;
		font-weight: bold;
		color: #626262;
		overflow: hidden;
	}

	/* 	
	.index-news-body-item-body a {
		
	}
	 */

	/* 
	.index-news-body-item-tit{
	} 
	*/

	.index-news-body-item-datetime {
		font-size: 0.75rem;
		color: #a0a0a0;
		line-height: 2;
	}

	.index-news-body-item-tit h2 {
		font-size: 1.125rem;
		line-height: 2;
		color: #727272;
		transition: all 0.5s ease-in-out;
		font-weight: bold;
		white-space: nowrap;
		/* 保证文本在一行内显示 */
		overflow: hidden;
		/* 隐藏溢出的内容 */
		text-overflow: ellipsis;
		/* 使用省略号表示文本溢出 */
	}

	.index-news-body-item-txt {
		line-height: 2;
		font-size: 0.875rem;
		transition: all 0.5s ease-in-out;
		color: #727272;
	}


	footer {
		background-color: #ebebeb;
		padding: 2rem 5vw;
	}

	.index-footer-body {
		display: flex;
		flex-flow: row nowrap;
		padding: 1rem 0;
		border-top: 1px solid #ccc;
		line-height: 2;
	}

	.index-footer-body-item {
		flex: 1 0 auto;

	}

	.index-footer-body-item p {
		font-size: 0.875rem;
		color: #828282;
	}

	.index-footer-body-item:nth-child(2n) {
		flex: 0 0 auto;
		padding: 0 2rem;
		/* background-color: #ba1818; */

	}

	.index-footer-qrcode {
		width: 120px;
		height: 120px;
	}

	.index-footer-qrcode img {
		width: 100%;
		vertical-align: bottom;
	}

	.index-footer-qrcode-tit {
		line-height: 2;
		text-align: center;
		font-size: 0.875rem;
		color: #7e7e7e;
	}

	/*current location */
	.current-location {
		padding: 1rem 5vw;
		border-bottom: 1px solid #efefef;
		background-color: #f9f9f9;
	}

	.current-location a {
		color: #424242;
		transition: color 0.3s ease-in-out;
	}

	.current-location a:hover {
		color: #ba1818;
	}


	/* channels */

	.channels {}

	/* about */
	.channels-about {
		padding: 3rem 5vw;
	}

	.channels-about-header {
		text-align: center;
	}

	.channels-about-header h2 {
		display: inline-block;
		font-size: 2rem;
		line-height: 2;
		position: relative;
	}

	.channels-about-header>h2::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 0.1875rem;
		left: 0px;
		bottom: 0rem;
		border-radius: 1rem;
		background-color: #2e528f;
	}

	.channels-about-desc {
		line-height: 2;
		padding: 1rem 0;
		width: 50%;
		margin: auto;
		font-size: 0.875rem;
		color: #b0b0b0;
	}

	.channels-about-body {
		padding: 2rem 0;
		display: flex;
		flex-flow: row nowrap;
	}

	.channels-about-thumb {
		flex: 0 0 45%;
		overflow: hidden;
	}

	.channels-about-thumb img {
		width: 100%;
		vertical-align: bottom;
	}

	.channels-about-content {
		flex: 1 0;
		padding: 0 1rem;
		line-height: 2;
		text-indent: 2rem;
		justify-content: space-between;
	}

	.channels-about-hz {
		padding: 3rem 5vw;
		background-color: #f0f0f0;
	}

	.channels-about-hz-header {
		text-align: center;
	}

	.channels-about-hz-header h2 {
		display: inline-block;
		font-size: 2rem;
		line-height: 2;
		position: relative;
	}

	.channels-about-hz-header>h2::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 0.1875rem;
		left: 0px;
		bottom: 0rem;
		border-radius: 1rem;
		background-color: #2e528f;
	}

	.channels-about-hz-desc {
		line-height: 2;
		padding: 1rem 0;
		width: 50%;
		margin: auto;
		font-size: 0.875rem;
		color: #b0b0b0;
	}

	.channels-about-hz-body {
		padding: 1rem 0 0 0;
		display: flex;
		flex-flow: row wrap;
	}

	.channels-about-hz-item {
		flex: 0 0 18%;
		margin: 1% 1%;
		/* border: 0.0625rem solid #e0e0e0; */
		transition: all 0.3s ease-in-out;

	}

	.channels-about-hz-item img {
		width: 100%;
		vertical-align: bottom;
	}

	.channels-about-hz-item:hover {
		box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, .1);
	}


	/* culture */
	.channels-culture {
		padding: 3rem 5vw;
	}

	.channels-culture-header {
		text-align: center;
	}

	.channels-culture-header h2 {
		display: inline-block;
		font-size: 2rem;
		line-height: 2;
		position: relative;
	}

	.channels-culture-header>h2::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 0.1875rem;
		left: 0px;
		bottom: 0rem;
		border-radius: 1rem;
		background-color: #2e528f;
	}

	.channels-culture-body {
		display: flex;
		flex-flow: row nowrap;
		padding: 2rem 0 1rem 0;
	}

	.channels-cluture-body-item {
		flex: 0 0 24%;
		background-color: #065B7D;
		/* #008295 */
		margin: 0 0.5%;
		padding: 0 1rem 1rem 1rem;
		border-radius: 0.5rem;
		transition: all 0.3s ease-in-out;
	}

	.channels-cluture-body-item:nth-child(2) {
		background-color: #008295;
	}

	.channels-cluture-body-item:nth-child(4) {
		background-color: #008295;
	}

	.channels-cluture-body-item-thumb {
		text-align: center;
		padding: 1rem 0 0 0;
	}

	.channels-cluture-body-item-tit {
		line-height: 2;
		text-align: center;
		font-size: 1.5rem;
		font-weight: bold;
		color: rgba(255, 255, 255, .8);
		border-bottom: 0.0625rem dashed rgba(255, 255, 255, .3);
		transition: all 0.3s ease-in-out;
	}

	.channels-cluture-body-item-desc {
		line-height: 2;
		color: rgba(255, 255, 255, .8);
		padding: 1rem;
		text-align: center;
		transition: all 0.3s ease-in-out;
	}

	.channels-cluture-body-item-thumb .hneticon-test,
	.hnetjiqixuexiyinqing,
	.hnetjiejuefangan,
	.hnetjiaose {
		display: inline-block;
		font-size: 4rem;
		color: rgba(255, 255, 255, .8);
		transition: all 0.3s ease-in-out;
	}

	.channels-cluture-body-item:hover {
		transform: translateY(-5%);
	}

	.channels-cluture-body-item:hover .hneticon-test,
	.channels-cluture-body-item:hover .hnetjiqixuexiyinqing,
	.channels-cluture-body-item:hover .hnetjiejuefangan,
	.channels-cluture-body-item:hover .hnetjiaose {
		color: #fff;
		transform: translateY(-10%);
	}

	.channels-cluture-body-item:hover .channels-cluture-body-item-tit {
		color: rgba(255, 255, 255, 1);

	}

	.channels-cluture-body-item:hover .channels-cluture-body-item-desc {
		color: rgba(255, 255, 255, 1);
	}


	/* manage */
	.channels-manage {
		padding: 3rem 5vw;
		background-color: #f7f7f7;
	}

	.channels-manage-header {
		text-align: center;
	}

	.channels-manage-header h2 {
		display: inline-block;
		font-size: 2rem;
		line-height: 2;
		position: relative;
	}

	.channels-manage-header>h2::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 0.1875rem;
		left: 0px;
		bottom: 0rem;
		border-radius: 1rem;
		background-color: #2e528f;
	}

	.channels-manage-body {
		display: flex;
		flex-flow: row nowrap;
		padding: 2rem 0 1rem 0;
	}

	.channels-manage-body-item {
		flex: 0 0 24%;
		/* #008295 */
		margin: 0 0.5%;
		padding: 0 1rem 1rem 1rem;
		transition: all 0.3s ease-in-out;
		position: relative;
		background-color: #fff;
		border-radius: 0.5rem;
	}

	.channels-manage-body-item::after {
		content: '';
		position: absolute;
		height: 100%;
		top: 0;
		right: 0;
		width: 0.0625rem;
	}

	.channels-manage-body-item:hover {
		border-right: 0px;
		box-shadow: 0 0.0625rem 0.9375rem rgba(0, 0, 0, .1);
	}

	.channels-manage-body-item:last-child {
		border: 0;
	}

	.channels-manage-body-item-thumb {
		text-align: center;
		padding: 1rem 0 0 0;
	}

	.channels-manage-body-item-tit {
		line-height: 3;
		text-align: center;
		font-size: 1.5rem;
		color: #008295;
		border-bottom: 0.0625rem dashed rgba(255, 255, 255, .3);
		transition: all 0.3s ease-in-out;
	}

	.channels-manage-body-item-desc {
		line-height: 2;
		color: #008295;
		padding: 0 1rem;
		transition: all 0.3s ease-in-out;
	}

	.channels-manage-body-item-thumb>.hnetredianzixun,
	.channels-manage-body-item-thumb>.hnetrenzheng,
	.channels-manage-body-item-thumb>.hnetwoyaoxingxiangshengji,
	.channels-manage-body-item-thumb>.hnetwode {
		display: inline-block;
		text-align: center;
		width: 6rem;
		height: 6rem;
		line-height: 4rem;
		border: 0.125rem solid #008295;
		font-size: 4rem;
		color: #008295;
		transition: all 0.3s ease-in-out;
		border-radius: 10rem;
		padding: 1rem;
	}

	/* honor */
	.channels-honor {
		padding: 3rem 5vw;
	}

	.channels-honor-header {}

	.channels-honor-header h2 {
		display: inline-block;
		text-align: left;
		font-weight: bold;
		font-size: 2rem;
		line-height: 2;
		position: relative;
	}

	.channels-honor-header>h2::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 0.1875rem;
		left: 0px;
		bottom: 0rem;
		border-radius: 1rem;
		background-color: #2e528f;
	}

	.channels-honor-body {
		padding: 2rem 0;
		display: flex;
		flex-flow: row wrap;
	}

	.channels-honor-body-item {
		flex: 0 0 23%;
		margin: 1%;
		background-color: #f9f9f9;
		transition: all 0.3s ease-in-out;
	}

	.channels-honor-body-item:hover {
		box-shadow: 0 0.0625rem 0.9375rem rgba(0, 0, 0, .1);
	}

	.channels-honor-body-item-thumb {
		padding: 1rem 1rem 0 1rem;
		overflow: clip;
	}

	.channels-honor-body-item-thumb img {
		width: 100%;
		vertical-align: bottom;
	}

	.channels-honor-body-item-tit {
		line-height: 3;
		text-align: center;
		padding: 0 1rem;
	}

	/* news */
	.channels-news {
		padding: 3rem 5vw;
	}

	.channels-news-header {}

	.channels-news-header h2 {
		display: inline-block;
		text-align: left;
		font-weight: bold;
		font-size: 2rem;
		line-height: 2;
		position: relative;
	}

	.channels-news-header>h2::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 0.1875rem;
		left: 0px;
		bottom: 0rem;
		border-radius: 1rem;
		background-color: #2e528f;
	}

	.channels-news-body {
		padding: 1rem 0;
		display: flex;
		flex-flow: row nowrap;
	}

	/* product */
	.channels-product {
		padding: 3rem 5vw;
	}

	.channels-product-header {}

	.channels-product-header h2 {
		line-height: 2;
		font-size: 22px;
		font-weight: bold;
		position: relative;
		width: fit-content;
	}

	.channels-product-header h2::after {
		content: '';
		position: absolute;
		height: 0.25rem;
		border-radius: 1rem;
		background-color: #2a3c79;
		width: 0.3125rem;
		height: 1.375rem;
		top: 50%;
		transform: translateY(-50%);
		left: -1rem;
	}

	.channels-products-gmzb {
		display: flex;
		flex-flow: row nowrap;
	}

	.channels-products-gmzb-lf {
		flex: 0 0;
		padding: 2rem 0;
	}

	.channels-products-gmzb-lf-thumb {
		padding: 0.375rem;
		background-color: #f0f0f0;
	}

	.channels-products-gmzb-rt {
		flex: 0 auto;
		padding: 1rem 2rem;
	}

	.channels-products-gmzb-rt-item {
		display: flex;
		flex-flow: row nowrap;

	}

	.channels-products-gmzb-rt-item-no {
		flex: 0 0 auto;
		padding: 1rem;
	}

	.channels-products-gmzb-rt-item-no-number {
		width: 4rem;
		height: 4rem;
		border-radius: 4rem;
		background-color: #2a3c79;
		text-align: center;
		line-height: 4rem;
		color: #fff;
	}

	.channels-products-gmzb-rt-li {
		flex: 1 0;
		padding: 1rem;

	}

	.channels-products-gmzb-rt-li-tit {
		font-size: 1.125rem;
		line-height: 2;
		font-weight: bold;
	}

	.channels-products-gmzb-rt-li-desc {
		line-height: 2;
	}

	/* 绝缘成型 */
	.channels-product-header-desc {
		line-height: 2;
	}

	.channels-products-jycx {
		padding: 2rem 0;

	}

	.channels-products-jycx-li {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;

	}

	.channels-products-jycx-li-item {
		flex: 0 0 22%;
		background-color: #6f6f6f;

	}

	.channels-products-jycx-item-thumb {}

	.channels-products-jycx-item-thumb img {
		width: 100%;
		vertical-align: bottom;
	}

	.channels-products-jycx-item-tit {
		text-align: center;
		line-height: 3;
		color: #fff;
	}

	/* channels-contact */
	.channels-contact {
		padding: 3rem 5vw;
	}

	.channels-contact-content {
		padding: 1rem 0 2rem 0;
		display: flex;
		flex-flow: row nowrap;
	}

	.channels-contact-content-item {
		flex: 0 0 33.3333%;
		text-align: center;

		border-right: 0.0625rem dashed #ccc;
	}

	.channels-contact-content-item:last-child {
		border: 0;
	}

	.channels-contact-content-item-tit {
		font-size: 1rem;
	}

	.channels-contact-content-item span {
		font-size: 5rem;
		color: #ff6600;
		line-height: 1.5;
	}

	.channels-contact-map {
		border: 1px solid #f9f9f9;

	}

	.channel-contact-map-body {
		height: 28.125rem;
	}

	/* contents */



	/* content */
	.content {
		padding: 3rem 5vw;
	}

	.content-header {
		text-align: center;
	}

	.content-header a {
		color: #ba1818;
	}

	.content-desc {
		line-height: 2;
	}

	.content-header h2 {
		line-height: 2;
		font-size: 1.625rem;
		font-weight: bold;
		color: #444444;
	}

	.content-desc {
		color: #888888;
		font-size: 0.875rem;
	}

	.content-body {
		padding: 5vh 0vw;
		line-height: 2;
	}

	.content-footer {
		margin-top: 5vh;
		padding: 1vh 0vw;
		border-top: 0.0625rem dashed #ccc;
		line-height: 2;
	}

	.content-footer a {
		color: #444444;
		transition: all 0.5s ease-in-out;
	}

	.content-footer a:hover {
		color: #ba1818;
	}


	.swiper {
		width: 100%;
		height: 100%;
		--swiper-pagination-color: #ff6600;
		/* 两种都可以 */
	}

	/* 
	.swiper-slide{
		overflow: hidden;
	}
	.swiper-slide img{
		height: 100%;
		vertical-align: bottom;
	} 
	*/





}

​