/* channel */
.channel {
	
}

.channel-location {
	padding: 2vh 8vw;
	line-height: 2;
	font-size: 1rem;
	color: #828282;
	background-color: #f7f7f7;
	box-shadow: 0 0.0625rem 0.5rem rgba(0, 0, 0, .1);
}

.channel-location a {
	color: #828282;
}

.channel-location a:hover {
	color: firebrick;
}

/* channel-news */
.channel-news {
	padding: 5vh 8vw;
	background-color: #fff;
}

.channel-news-header {
	padding: 1rem;
}
.channel-news-tit {
	display: inline-block;
	
	font-size: var(--channel-cn-tit-fontsize);
	color: var(--channel-cn-tit-color);
	box-sizing: border-box;
	position: relative;
}
.channel-news-tit span {
	font-size: var(--channel-en-tit-fontsize);
	color: var(--channel-en-tit-color);
	opacity: .1;
	text-transform: uppercase;
	margin-top: -1.25rem;
	margin-left: 1rem;
}

.channel-news-tit::after {
	width: 100%;
	height: 0.0625rem;
	position: absolute;
	content: '';
	background-color: #c3c3c3;
	left: 0;
	bottom: -0.3125rem;
}

.channel-news-body {
	padding: 0;
}

.channel-news-body-item {
	
	padding: 2rem 2rem;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	transition: all .4s ease-in-out;
}
/* .channel-news-body-item:last-child{
	border-bottom: 0px;
} */

.channel-news-body-item:hover {
	background-color: #f0f0f0;
	/* transform: translateY(-2%); */
}

.channel-news-body-item:hover h2 {
	color: #187a32;
}

.channel-news-body-item-tit {
	display: flex;
	justify-content: space-between;
	line-height: 1.5rem;
	font-size: 1rem;
	color: #535353;
	font-weight: 600;
	overflow: hidden;
	/* white-space: nowrap; */
	text-overflow: ellipsis;
	margin-bottom: 1rem;
}

.channel-news-body-item-date {
	color: #828282;
	font-size: 14px;
}

.channel-news-body-item-desc {
	line-height: 1.5;
	font-size: 0.875rem;
	color: #828282;
	width: 80%;

}

.channel-news-pages{
	margin-top: 1rem;
	padding: 1rem 0;
	text-align: center;
}


/* channel-about */
.channel-about {
	padding: 5vh 8vw;
	background-color: #fff;
}

.channel-about-header {
	padding: 1rem;
}
.channel-about-tit {
	display: inline-block;
	font-size: var(--channel-cn-tit-fontsize);
	color: var(--channel-cn-tit-color);
	box-sizing: border-box;
	position: relative;
}
.channel-about-tit span {
	font-size: var(--channel-en-tit-fontsize);
	color: var(--channel-en-tit-color);
	opacity: .1;
	text-transform: uppercase;
	margin-top: -1.25rem;
	margin-left: 1rem;
}

.channel-about-tit::after {
	width: 100%;
	height: 0.0625rem;
	position: absolute;
	content: '';
	background-color: #c3c3c3;
	left: 0;
	bottom: -0.3125rem;
}
.channel-about-body{
	padding:1rem 0 0 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.channel-about-us {
}
.channel-about-us img{
	width: 100%;
	vertical-align: bottom;
}

.channel-about-us-txt {
	flex: 0 0 60%;
	padding: 0 0 0 2rem;
}

.channel-about-us-txt p {
	margin-top: 1rem;
	line-height: 2;
	color: #626262;
	text-indent: 2rem;
}

.channel-about-honor {
	padding: 5vh 8vw;
	background-color: #f7f7f7;
}

.channel-about-honor-body {
	padding: 1rem 0 0 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.channel-about-honor-body-item {
	flex: 0 0 24%;
	padding:0.5rem;
	background-color: #fff;
	transition: all 0.3s 0s ease-in-out;
}
.channel-about-honor-body img{
	width: 100%;
	vertical-align: bottom;
}
.channel-about-honor-body-item:hover{
	box-shadow: 0 0.9375rem 1.875rem rgba(0, 0, 0, .1);
	transform: translate3d(0, -0.125rem, 0);
}


/* channel-honor */
.channel-honor {
	padding: 5vh 8vw;
	background-color: #fff;
}

.channel-honor-header {
	padding: 1rem;
}

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

.channel-honor-body-item {
	flex: 0 0 23%;
	display: flex;
	margin: 1rem 1%;
	padding: 0.5rem;
	border: 1px solid #f0f0f0;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}

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

.channel-honor-body-item:hover {
	cursor: pointer;
	box-shadow: 0 0.0625rem 1.25rem rgba(0, 0, 0, .1);
}

/* channel-about-solution */


/* channel-common */


/* channel-products */
.channel-products {
	padding: 5vh 8vw;
	background-color: #f9f9f9;
}

.channel-products-head {
	/* padding: 5rem 0rem 3rem 3rem; */
}

.channel-products-tit {
	font-size: 2rem;
	color: #424242;
	font-weight: 600;
	display: flex;
	flex-direction: column;
	padding-left: 1.875rem;
	box-sizing: border-box;
	position: relative;
}

.channel-products-tit::before {
	width: 0.375rem;
	height: 80%;
	position: absolute;
	content: '';
	background-color: #1e983f;
	left: 0;
	top: 10%
}

.channel-products-body {
	padding: 3rem 0 0 0;
	display: flex;
	flex-flow: row wrap;

}

.channel-products-body-item {
	background: #fff;
	border: 0.0625rem solid #f7f7f7;
	flex: 0 0 22%;
	padding: 0.5rem;
	margin: 1.5%;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}

.channel-products-body-item:hover {
	border: 0.0625rem solid #1e983f;

}


.channel-products-body-item-thumb {
	width: 90%;
	margin: 1rem auto 0 auto;
	padding: 1rem;
}

.channel-products-body-item-thumb img {
	width: 100%;
	vertical-align: bottom;
	transition: all 0.3s ease-in-out;
}

.channel-products-body-item:hover img {
	transform: scale(1.1);

}

.channel-products-body-item-tit {}

.channel-products-body-item-tit p {
	line-height: 2;
	font-size: 0.875rem;
	color: #626262;
	text-align: center;
}

/* contact */
.channel-contact {
	padding: 5vh 8vw;
	background-color: #fff;
}

.channel-contact-body {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.channel-contact-body h2 {
	font-size: 1.25rem;
	line-height: 3;
	border-bottom: 1px dashed #e2e2e2;
}

.channel-contact-body p {
	font-size: 1rem;
	line-height: 3;
	border-bottom: 1px dashed #e2e2e2;
}

.channel-contact-map {
	flex: 0 0 50%;
	/* height: 25rem; */

}

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

.channel-contact-txt {
	padding: 0 2rem;
	flex: 1 0;
}



/* pages */
.page_wrap {}

.paginator {}

.paginator,
.paginator input,
.paginator button {
	font-family: Tahoma, "宋体";
	font-size: 0.875rem;
}

.paginator a,
.paginator span {
	display: inline-block;
	text-align: center;
	margin: 0rem 0.3125rem;
	white-space: nowrap;
	vertical-align: middle;
	line-height: 2;
	background: #fff;
}

.paginator a {
	color: #085C9B;
}

.paginator a:link,
.paginator a:visited,
.paginator a:hover,
.paginator a:active {
	text-decoration: none;
}

.paginator .page-start,
.paginator a,
.paginator .page-end {
	padding: 0 0.5rem;
	border: 0.0625rem solid #D3D3D3;
	background: #ffffff;
}

.paginator .page-start {
	border-color: #d9d9d9;
	color: #d9d9d9;
}

.paginator .page-end {
	border-color: #d9d9d9;
	color: #d9d9d9;
}

.paginator .page-this,
.paginator .page-break {
	padding: 0 0.1875rem;
}

.paginator .page-break {
	border: 0.0625rem solid #fff;
}

.paginator .page-this {
	border: 0.0625rem solid #D3D3D3;
	background-color: #E9E9E9;
	color: #D4105A;
	padding: 0px 0.5rem;
	font-weight: bold;
}

.paginator .page-skip {

	line-height: 2;
	padding: 0 0.1875rem;
	margin: 0;
	background: none;
}

.paginator .page-skip input {
	width: 26px;
	*width: 23px;
	height: 19px;
	line-height: 19px;
	border: 1px #D3D3D3 solid;
	font-size: 12px;
	margin: -1px 6px 0px 6px;
	#margin-top: 1px;
	_margin-top: 0px;
	padding: 0px 0px 0px 2px;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
}

.paginator .page-skip button {
	font-size: 12px;
	padding: 0 5px 5px 5px;
	_padding: 0 5px 0 5px;
	width: auto;
	_width: 0;
	height: 22px;
	*height: 23px;
	*line-height: 20px;
	_height: 16px;
	_line-height: 16px;
	margin-left: 10px;
	*margin-top: -1px;
	overflow: visible;
	vertical-align: top;
}

.paginator a:hover {
	border: 1px solid #A6A6A6;
	color: #868688;
}


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