/* channel-common */

/* contact */

/* pages */
@media (min-width:1200px) {
	header {
		position: inherit;
	}

	.channel {
		padding: 0 0 1rem 0;
	}

	.channel-banner {}

	.channel-banner img {
		width: 100%;
		vertical-align: bottom;
	}

	.channel-location {
		color: #e2e2e2;
		padding: 1rem 2rem;
		background-color: #0e332d;
	}

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

	.channel-nav {
		padding: 0 10vw;
		display: flex;
		flex-flow: row nowrap;
		justify-content: left;
		align-items: stretch;
		border-bottom: 1px solid #f0f0f0;
	}

	.channel-nav-item {
		line-height: 4;
		flex: 0 0 auto;
		padding: 0 2rem;
		position: relative;
	}

	.channel-nav-item-active {
		position: relative;
	}

	.channel-nav-item-active::after {
		content: '';
		width: 100%;
		height: 0.1875rem;
		left: 0;
		bottom: -0.125rem;
		position: absolute;
		background-color: #e9c7a4;
	}

	.channel-nav-item a {
		color: #626262;
	}

	.channel-nav a {}

	.channel-about {
		padding: 2rem 10vw;
	}

	.channel-about-tit {
		font-size: 2rem;
		font-family: 'Times New Roman', Times, serif;
		font-weight: bold;
		color: #c25326;
		line-height: 2;
	}

	.channel-about-slogan {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		padding: 1rem 0 2rem 0;
	}

	.channel-about-slogan-item {
		text-align: center;
		flex: 1 0;
		font-family: 'Courier New';
		font-size: 1.5rem;
		font-weight: bold;
		color: #c2875f;
		position: relative;
	}

	.channel-about-slogan-item::after {
		position: absolute;
		content: '';
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
		width: 60%;
		height: 0.0625rem;
		background-color: #c2875f;
	}

	.channel-about-content {
		padding: 1rem 0;
		display: flex;
		flex-flow: row nowrap;
		justify-content: left;
	}

	.channel-about-content-thumb {
		flex: 1 0;
		padding: 1rem 1rem;
		overflow: hidden;
	}

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

	.channel-about-content-txt {
		padding: 0 1rem;
		flex: 1 0;
		line-height: 2;
		color: #626262;
	}

	.channel-about-tag {
		padding: 1rem 10vw 4rem 10vw;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
	}

	.channel-about-tag-item {
		border-radius: 0.5rem;
		flex: 0 0 30%;
		background-color: #f0f0f0;
		padding: 1rem;
		transition: all .3s ease-in-out 0s;
	}

	.channel-about-tag-item:hover {
		/* background: linear-gradient(#c2d0ff,#c1ce97,#bfece5); */
		/* background-color: #f0f0f0; */
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	}

	.channel-about-tag-item:hover .channel-about-tag-item-thumb {
		transform: translateY(-2%);
	}

	.channel-about-tag-item:hover .channel-about-tag-item-desc {
		transform: translateY(-2%);
	}

	.channel-about-tag-item-thumb {
		border-radius: 0.5rem;
		background-color: #fff;
		height: 13.75rem;
		overflow: hidden;
		transition: all .3s ease-in-out 0s;
	}

	.channel-about-tag-item-thumb img {
		width: 100%;
		vertical-align: bottom;
	}

	.channel-about-tag-item-desc {
		padding: 1rem 0;
		transition: all .3s ease-in-out 0s;
	}

	.channel-about-tag-item-desc p {
		line-height: 2;
		color: #626262;
		transition: all .5s ease-in-out 0s;
	}

	.channel-about-what {
		text-align: center;
		padding: 4rem 0;
		position: relative;
	}

	.channel-about-what h2 {
		padding: 0 1rem;
		display: inline-block;
		background-color: #fff;
		font-size: 2rem;
		font-family: "楷体";
		font-weight: bold;
		color: #c25326;
	}

	.channel-about-what::after {
		position: absolute;
		content: '';
		width: 50%;
		top: 50%;
		height: 1px;
		background-color: #c25326;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
	}

	.channel-about-culture {
		text-align: center;
		position: relative;
		padding: 2rem 0;

	}

	.channel-about-culture h2 {
		padding: 0 1rem;
		display: inline-block;
		background-color: #fff;
		font-size: 2rem;
		font-family: "楷体";
		font-weight: bold;
		color: #c25326;
	}

	.channel-about-culture::after {
		position: absolute;
		content: '';
		width: 50%;
		top: 50%;
		height: 1px;
		background-color: #c25326;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
	}

	.channel-about-culture-body {
		padding: 2rem 10vw;
		background: url('../images/bobg1.jpg') no-repeat;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-around;
	}

	.channel-about-culture-body-item {
		flex: 0 0 20%;
		text-align: center;
		/* background-color: rgba(255,255,255,.1); */
		padding: 1rem;
		border-radius: 0.5rem;
	}

	.channel-about-culture-body-item h2 {
		color: #fff;
		text-align: center;
		line-height: 2;
		font-size: 1.125rem;
		font-weight: bold;
	}

	.channel-about-culture-body-item p {
		color: #fff;
		line-height: 2;
		text-align: center;
		font-size: 0.875rem;
	}

	.channel-about-culture-body-item i {
		line-height: 1.5;
		padding: 1rem;
		background-color: rgba(200, 145, 100, 1);
		border-radius: 5rem;
	}

	.hnetjiaose,
	.hnetziran-,
	.hneticon-test {
		font-size: 5rem;
		color: #fff;
		/* color: #c2875f; */
	}

	/* channel-products */

	.channel-products {
		padding: 2rem 3vw;
		/* display: flex;
		flex-flow: row nowrap; */
	}

	/* 	.channel-products-nav{
		flex:0 0 20%;
		padding-right:1rem;
	}
	
	.channel-products-nav-item{
		padding: 0.3125rem;
		display: flex;
		background-color:rgba(227, 158, 111, 0.2);
		margin: 1rem 0;
		flex-flow: row nowrap;
		border-radius: 5rem 0 0 5rem;
		justify-content: space-around;
		align-items: center;
		border-bottom: 1px solid #c2875f;
		transition: all 0.3s ease-in-out 0s;
	}
	.channel-products-nav-item-active{
		background-color:rgba(227, 158, 111, 0.4);
	}
	.channel-products-nav-item:hover{
		box-shadow: 1px 1px 10px rgba(0,0,0,.2);
		transform: translate(-2%,-10%);
	}
	.channel-products-nav-item:hover .channel-products-nav-item-more{
		transform: translateX(-50%);
		
	}
	.channel-products-nav-item-thumb{
		flex: 0 0 auto;
		border-radius: 10rem;
		width: 3.125rem;
		height:3.125rem;
		overflow: hidden;
	}
	.channel-products-nav-item-thumb img{
		height: 100%;
		vertical-align: bottom;
	}
	.channel-products-nav-item-tit{
		flex:1 0 auto;
		text-indent: 1rem;
	}
	.channel-products-nav-item a{
		color: #000;
		
	}
	 
	 .channel-products-nav-item-more {
	 	flex: 0 0 auto;
	 	transition: all 0.3s ease-in-out 0s;
	 */

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

	.channel-products-body-li {
		border-radius: 0.5rem;
		flex: 0 0 23%;
		background-color: #f9f9f9;
		padding: 1rem;
		transition: all .3s ease-in-out 0s;
		margin: 0 1%;
		margin-bottom: 1rem;
		border: 1px rgba(0, 0, 0, 0) solid;
	}

	.channel-products-body-li:hover {
		/* background: linear-gradient(#c2d0ff,#c1ce97,#bfece5);
		background-color: #f0f0f0; */
		box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
		border: 1px #9a104c solid;
	}

	/* .channel-products-body-li:hover .channel-products-body-li-thumb {
		transform: translateY(-2%);
	}

	.channel-products-body-li:hover .channel-products-body-li-desc {
		transform: translateY(-2%);
	} */

	.channel-products-body-li-thumb {
		border-radius: 0.2rem;
		background-color: #fff;
		overflow: hidden;
		transition: all .3s ease-in-out 0s;
	}

	.channel-products-body-li-thumb img {
		width: 100%;
		vertical-align: bottom;
	}

	.channel-products-body-li-desc {
		padding: 1rem 0;
		transition: all .3s ease-in-out 0s;
	}

	.channel-products-body-li-desc-tit {
		line-height: 2;
		font-size: 1rem;
		color: #9a104c;
	}

	.channel-products-body-li-desc-txt {
		color: #7f7f7f;
		line-height: 2;
		font-size: 0.875rem;
		text-decoration: underline dotted #ccc;
		text-underline-offset: 0.3125rem;
	}

	/* channel-product-article */
	.channel-product-article {
		padding: 2rem 3vw;
	}

	.channel-product-article-top {
		display: flex;
		flex-flow: row nowrap;
	}

	.channel-product-article-top-thumb {
		max-width: 40%;
		flex: 0 0 auto;
	}

	.channel-product-article-top-thumb img {
		width: 100%;
		vertical-align: bottom;
	}

	.channel-product-article-top-arges {
		padding: 0 0 0 2rem;
		flex: 1 0;
	}

	.channel-product-article-top-arges>li {
		list-style: none;
		display: flex;
		flex-flow: row nowrap;
		line-height: 3;
		border-bottom: 1px dashed #595959;
	}

	.channel-product-article-top-arges>li:last-child {
		border-bottom: 0px;
	}

	.article-btn {
		padding: 1rem 0;

	}

	.article-btn-taobao {
		font-size: 0.875rem;
		/* border: 1px solid #c25326; */
		padding: 0.5rem 1rem;
		background-color: #1f9e70;
		border-radius: 1rem 0 0 1rem;
		color: #fff;
	}

	.article-btn-contact {
		font-size: 0.875rem;
		padding: 0.5rem 1rem;
		background-color: #3860ac;
		border-radius: 0 1rem 1rem 0;
		color: #fff;
	}

	.channel-product-article-top-arges>li>.arges-tit {
		flex: 0 0 7.5rem;
		font-size: 1rem;
		color: #b10483;

	}

	.channel-product-article-top-arges>li>.arges-desc {
		flex: 1 0;

	}

	/* channel-service */
	.channel-sevice {
		padding: 2rem 10vw;
	}

	.channel-contact {
		padding: 2rem 10vw;

	}

	.channel-contact-body-item-map {
		margin: 1rem 0;
		padding: .5rem;
		height: 31.25rem;
		border: 1px solid #f0f0f0;
	}

	#mapcontainer {

		height: 100%;
	}

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

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

	.channel-contact-tit {
		text-align: center;
	}

	.channel-contact-body-item {
		padding: 2rem 0;
		flex: 0 0 auto;
		text-align: center;
	}

	.channel-contact-body-item-txt {
		text-align: center;
	}

	.channel-contact-body-item-icon {}

	.channel-contact-body-item-icon span {
		line-height: 2;
		font-size: 3rem;
		color: #c2875f;
	}
}