/* S首页 */
/* s banner */
.banner{}
	.banner .banner-container{}
		.banner .banner-container .con{
			max-width: 1920px;
			margin: 0 auto;
		}
			.banner .banner-container .con .wrapper{
				width: 100%;
				/* position: absolute; */
			}
				.banner .banner-container .con .wrapper .item{
					height: 70rem;
					background-position: center;
					background-size: cover;
				}

.banner-swiper{
	--swiper-theme-color: #3997FF;/* 设置Swiper风格 */
	--swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
	--swiper-navigation-size: 60px;/* 设置按钮大小 */
}
/* e banner */

/* s banner响应式 */
@media (max-width: 991.98px) {
	.banner{
		padding-top: 5rem;
	}
	.banner .banner-container .con .wrapper .item{
		height: 20rem;
	}
}
/* e banner响应式 */


/* s产品分类 */
.chanpin{}
.chanpin .chanpin-container{
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.chanpin .tit{
	margin-bottom: 4rem;
}
.chanpin .tit h2{
	font-size: 3rem;
	text-align: center;
}

.chanpin .product{}
.chanpin .product-list{
	
}
.chanpin .product-item{}
.chanpin .pic{
	margin-bottom: 2rem;
}
.chanpin .pic a{
	display: block;
	height: 24rem;
	background-position: center;
	background-size: cover;
	border-radius: 0.4rem;
	overflow: hidden;
}
.chanpin h5{
	text-align: center;
}
.chanpin h5 a{
	font-size: 2rem;
	color: #333;
}
/* e产品分类 */

/* s产品分类响应式 */
@media (max-width: 991.98px){
	.chanpin .chanpin-container{
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.chanpin .tit h2{
		font-size: 2rem;
	}
	.chanpin .tit{
		margin-bottom: 2rem;
	}
	.chanpin .pic a{
		height: 10rem;
	}
	.chanpin .pic{
		margin-bottom: 1rem;
	}
	.chanpin h5 a{
		font-size: 1.4rem;
	}
	.chanpin .product-item{
		margin-bottom: 1rem;
	}
}
/* e产品分类响应式 */

/* s 新闻动态 */
.news{}
	.news .news-container{
		margin: 0 auto;
		padding-top: 44px;
		padding-bottom: 56px;
	}
		.news .news-container .title{
			display: flex;
			justify-content: space-between;
			margin-bottom: 34px;
		}
			.news .news-container .title .title-left{
				display: flex;
				align-items: center;
			}
				.news .news-container .title .title-left h1{
					font-size: 20px;
					font-weight: 600;
					color: #545454;
					margin-right: 10px;
				}
				.news .news-container .title .title-left p{
					font-size: 14px;
					color: #545454;
				}
			.news .news-container .title .title-right{}
				.news .news-container .title .title-right ul{
					display: flex;
				}
					.news .news-container .title .title-right ul>li{
						font-size: 14px;
						color: #545454;
						width: 84px;
						height: 32px;
						text-align: center;
						line-height: 32px;
						background-color: #EBEBEB;
						margin-left: 6px;
						cursor: pointer;
					}
					.news .news-container .title .title-right ul>li:hover{
						background-color: #3997FF;
						color: #fff;
					}
					.news .news-container .title .title-right ul>li.active{
						background-color: #3997FF;
						color: #fff;
					}
					
		.news .news-container .con{
			display: flex;
		}
			.news .news-container .con .con-left{
				width: 50%;
				margin-right: 36px;
			}
				.news .news-container .con .con-left .top-pic{
					height: 260px;
					overflow:hidden;
				}
				.news .news-container .con .con-left .pic{
					height: 260px;
					background-position: center;
					background-size: cover;
					transition:all .4s;
					  -moz-transition:all .4s;
					  -webkit-transition:all .4s;
					  -o-transition:all .4s;
				}
				.news .news-container .con .con-left .pic:hover{
					  transform:scale(1.1);
				}
				.news .news-container .con .con-left .info{
					background-color: #3997FF;
					padding: 16px 40px 28px;
				}
					.news .news-container .con .con-left .info .info-con{
						color: #fff;
						display: flex;
					}
						.news .news-container .con .con-left .info .info-con .date{
							width: 60px;
							height: 60px;
							margin-right: 36px;
							/* background-color: #882525; */
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: center;
						}
							.news .news-container .con .con-left .info .info-con .date .day{
								font-size: 34px;
							}
							.news .news-container .con .con-left .info .info-con .date .month{
								font-size: 12px;
								text-align: center;
							}
						.news .news-container .con .con-left .info .info-con .txt-group{
							flex: 1;
						}
						.news .news-container .con .con-left .info .info-con .txt-group .left-tit{
							border-bottom: 1px solid #fff;
							padding-top: 10px;
							padding-bottom: 20px;
							margin-bottom: 12px;
						}
							.news .news-container .con .con-left .info .info-con .txt-group .left-tit h5{
								font-size: 16px;
								font-weight: 600;
								overflow:hidden;
								  text-overflow:ellipsis;
								  display:-webkit-box;
								  -webkit-box-orient:vertical;
								  -webkit-line-clamp:1;
							}
							.news .news-container .con .con-left .info .info-con .txt-group .des{
								font-size: 12px;
								overflow:hidden;
								  text-overflow:ellipsis;
								  display:-webkit-box;
								  -webkit-box-orient:vertical;
								  -webkit-line-clamp:2;
							}
			.news .news-container .con .con-right{
				width: 50%;
				display: flex;
				flex-direction: column;

			}
			.news .news-container .con .con-qyyw{
				display: none;
			}
				.news .news-container .con .con-right .toutiao{
					background-color: #F7F7F7;
					padding: 34px 30px;
					cursor: pointer;
					margin-bottom: 30px;
				}
					.news .news-container .con .con-right .toutiao .toutiao-con{
						display: flex;
						justify-content: space-between;
					}
						.news .news-container .con .con-right .toutiao .toutiao-con .toutiao-left{
							flex: 1;
						}
						.news .news-container .con .con-right .toutiao .toutiao-con .toutiao-left .left-tit{
							border-bottom: 1px solid #C7C7C7;
							padding-bottom: 20px;
							margin-bottom: 12px;
						}
							.news .news-container .con .con-right .toutiao .toutiao-con .toutiao-left .left-tit h5{
								font-size: 16px;
								color: #545454;
								overflow:hidden;
								  text-overflow:ellipsis;
								  display:-webkit-box;
								  -webkit-box-orient:vertical;
								  -webkit-line-clamp:1;
							}
							.news .news-container .con .con-right .toutiao .toutiao-con .toutiao-left .des{
								font-size: 12px;
								color: #545454;
								overflow:hidden;
								  text-overflow:ellipsis;
								  display:-webkit-box;
								  -webkit-box-orient:vertical;
								  -webkit-line-clamp:2;
							}
						.news .news-container .con .con-right .toutiao .toutiao-con .toutiao-right{
							width: 60px;
							height: 60px;
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: center;
							margin-left: 30px;
						}
							.news .news-container .con .con-right .toutiao .toutiao-con .toutiao-right .day{
								font-size: 34px;
								color: #4a4a4a;
							}
							.news .news-container .con .con-right .toutiao .toutiao-con .toutiao-right .month{
								font-size: 12px;
								color: #4a4a4a;
							}
				.news .news-container .con .con-right .list{}
					.news .news-container .con .con-right .list ul{}
						.news .news-container .con .con-right .list ul>li{
							display: flex;
							justify-content: space-between;
							align-items: center;
							font-size: 14px;
							color: #545454;
							margin-bottom: 24px;
						}
						.news .news-container .con .con-right .list ul>li:nth-last-child(1){
							margin-bottom: 0;
						}
						.news .news-container .con .con-right .list ul>li .list-title{
							width: 80%;
							display: flex;
							align-items: center;
						}
							.news .news-container .con .con-right .list ul>li .icon{
								width: 4px;
								height: 4px;
								border-radius: 505;
								background-color: #4A90E2;
								margin-right: 24px;
							}
							.news .news-container .con .con-right .list ul>li h5{
								flex: 1;
							}
								.news .news-container .con .con-right .list ul>li h5 a{
									color: #545454;
									overflow:hidden;
									  text-overflow:ellipsis;
									  display:-webkit-box;
									  -webkit-box-orient:vertical;
									  -webkit-line-clamp:1;
								}
								.news .news-container .con .con-right .list ul>li h5 a:hover{
									color: #4A90E2;
								}
							.news .news-container .con .con-right .list ul>li .time{}
/* e新闻动态 */

/* s新闻动态-响应式 */
@media (max-width: 991.98px){}
/* e新闻动态-响应式 */

/* s关于我们 */
.about{
	background-position: center;
	background-size: cover;
}
	.about .about-container{
		margin: 0 auto;
		padding-top: 56px;
		padding-bottom: 64px;
	}
		.about .about-container .con{
			display: flex;
			box-shadow: 0 2px 12px rgba(0,0,0,0.2);
		}
			/* s关于协兴 */
			.about .about-container .con .con-left{
				background-color: #fff;
				display: flex;
				align-items: center;
				padding: 50px 60px;
				box-sizing: border-box;
				flex: 1;
			}
				.about .about-container .con .con-left .txt-group{
					width: 50%;
					margin-right: 60px;
				}
					.about .about-container .con .con-left .txt-group h5{
						font-size: 20px;
						color: #41A1FF;
					}
					.about .about-container .con .con-left .txt-group .eng{
						font-size: 14px;
						color: #5E5E5E;
						margin-bottom: 16px;
					}
					.about .about-container .con .con-left .txt-group .des{
						font-size: 14px;
						color: #545454;
						line-height: 28px;
						margin-bottom: 20px;
						text-align: justify;
						overflow:hidden;
						  text-overflow:ellipsis;
						  display:-webkit-box;
						  -webkit-box-orient:vertical;
						  -webkit-line-clamp:5;
					}
					.about .about-container .con .con-left .txt-group .more{
						font-size: 14px;
						color: #545454;
					}
					.about .about-container .con .con-left .txt-group .more:hover{
						color: #41A1FF;
						font-weight: 600;
					}
				.about .about-container .con .con-left .pic{
					flex: 1;
					width: 100%;
					max-height: 200px;
					overflow: hidden;
				}
					.about .about-container .con .con-left .pic img{
						width: 100%;
					}
			/* e关于协兴 */
			/* s资质荣誉 */
			.about .about-container .con .con-right{
				background-color: #3997FF;
				width: 286px;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
				.about .about-container .con .con-right .right-top{
					padding: 58px 30px;
				}
					.about .about-container .con .con-right .right-top h5{
						font-size: 20px;
						font-weight: 600;
						color: #fff;
						margin-bottom: 14px;
					}
					.about .about-container .con .con-right .right-top .eng{
						font-size: 26px;
						font-weight: 600;
						color: #fff;
						line-height: 30px;
					}
				.about .about-container .con .con-right .right-bot{
					display: flex;
					justify-content: space-between;
					align-items: center;
					border-top: 1px solid #fff;
					padding: 10px 14px;
				}
					.about .about-container .con .con-right .right-bot .icon{
						width: 32px;
						height: 32px;
						margin-left: 16px;
					}
						.about .about-container .con .con-right .right-bot .icon img{
							width: 100%;
						}
					.about .about-container .con .con-right .right-bot .bot-more{}
						.about .about-container .con .con-right .right-bot .bot-more a{
							font-size: 14px;
							color: #fff;
						}
						.about .about-container .con .con-right .right-bot .bot-more a:hover{
							font-weight: 600;
						}
			/* e资质荣誉 */
/* e关于我们 */

/* s关于我们-响应式 */
@media (max-width: 991.98px){
	.about .about-container .con{
		flex-direction: column;
	}
	.about .about-container{
		padding: 16px 16px 20px;
	}
	.about .about-container .con .con-left{
		padding: 16px 16px;
	}
	.about .about-container .con .con-left .txt-group{
		width: 100%;
		margin-right: 0;
	}
	.about .about-container .con .con-left .txt-group h5{
		text-align: center;
	}
	.about .about-container .con .con-left .txt-group .eng{
		text-align: center;
	}
}
/* e关于我们-响应式 */

/* s业务范围 */
.business{}
	.business .business-container{
		margin: 0 auto;
		padding-top: 50px;
		padding-bottom: 60px;
	}
		.business .business-container .title{
			display: flex;
			align-items: center;
			margin-bottom: 40px;
		}
			.business .business-container .title h5{
				font-size: 20px;
				font-weight: 600;
				color: #5E5E5E;
				margin-right: 10px;
			}
			.business .business-container .title .eng{
				font-size: 14px;
				color: #545454;
			}
		/* .business .business-container .con{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
			.business .business-container .con>li{
				height: 352px;
				background-position: center;
				background-size: cover;
				width: 49%;
				margin-bottom: 22px;
				display: flex;
				align-items: flex-end;
			}
				.business .business-container .con>li .zhezhao{
					background-color: rgba(57,151,255,0.6);
					width: 100%;
					height: 100%;
					padding: 30px 42px;
					box-sizing: border-box;
					display: none;	
					opacity: 0;
				}
					.business .business-container .con>li .zhezhao h5{
						font-size: 22px;
						font-weight: 600;
						color: #fff;
						margin-bottom: 20px;
					}
					.business .business-container .con>li .zhezhao .des{
						font-size: 14px;
						color: #fff;
						padding-bottom: 24px;
						border-bottom: 1px solid #fff;
						margin-bottom: 24px;
					}
					.business .business-container .con>li .zhezhao a.see{
						display: block;
						width: 112px;
						height: 38px;
						border: 1px solid #fff;
						text-align: center;
						line-height: 38px;
						color: #fff;
						font-weight: 600;
					}
					.business .business-container .con>li .zhezhao a.see:hover{
						background-color: #fff;
						color: #3997FF;
					}
				.business .business-container .con>li .bot-zhezhao{
					width: 100%;
					height: 76px;
					background-color: rgba(57,151,255,0.6);
					line-height: 76px;
					padding-left: 60px;
					font-size: 22px;
					color: #fff;
					font-weight: 400;
				} */
				
		.business .business-container .con{
			display: flex;
		}
			.business .business-container .con .left-menu{
				width: 24%;
			}
				.business .business-container .con .left-menu ul{
					border: 1px solid #9B9B9B;
					border-right: none;
				}
				.business .business-container .con .left-menu ul>li{
					height: 90px;
					font-size: 18px;
					color: #4A4A4A;
					display: flex;
					align-items: center;
					border-bottom: 1px solid #9B9B9B;
					padding: 0 38px;
					box-sizing: border-box;
				}
				.business .business-container .con .left-menu ul>li.active{
					background-color: #3997FF;
					color: #fff;
				}
				.business .business-container .con .left-menu ul>li:nth-last-child(1){
					border-bottom: none;
				}
			
			.business .business-container .con .business-wrapper{
				width: 76%;
				height: 542px;
			}
			.business .business-container .con .right-con{
				position: relative;
				height: 542px;
			}
				.business .business-container .con .right-con .zhezhao{
					background-color: rgba(57,151,255,0.6);
					position: absolute;
					top: 0;
					bottom: 0;
					right: 0;
					width: 286px;
					color: #fff;
					padding: 40px 20px;
					box-sizing: border-box;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
					.business .business-container .con .right-con .zhezhao .tit{
						margin-bottom: 20px;
						font-size: 16px;
					}
					.business .business-container .con .right-con .zhezhao .txt{}
						.business .business-container .con .right-con .zhezhao .txt>li{
							font-size: 14px;
							margin-bottom: 10px;
						}
					.business .business-container .con .right-con .zhezhao .btn{}
						.business .business-container .con .right-con .zhezhao .btn a{
							display: block;
							width: 110px;
							height: 36px;
							color: #fff;
							text-align: center;
							line-height: 36px;
							font-size: 16px;
							border: 1px solid #fff;
							margin: 0 auto;
						}
						.business .business-container .con .right-con .zhezhao .btn a:hover{
							background-color: #fff;
							color: #3997FF;
						}
				.business .business-container .con .right-con .pic{
					height: 100%;
				}
				.business .business-container .con .right-con .pic a{
					display: block;
					background-position: center;
					background-size: cover;
					height: 100%;
				}
/* e业务范围 */

/* s尾部模块 */
.team{
	background-position: center;
	background-size: cover;
}
	.team .team-container{
		padding-top: 64px;
		padding-bottom: 64px;
	}
		.team .team-container .item{
			width: 100%;
			height: 310px;
			padding: 20px 40px 40px;
			background-position: center;
			background-size: cover;
			box-sizing: border-box;
			display: flex;
			flex-wrap: wrap;
			/* flex-direction: column; */
			justify-content: space-between;
			align-content: space-between;
			transition:all .4s;
			  -moz-transition:all .4s;
			  -webkit-transition:all .4s;
			  -o-transition:all .4s;
			cursor: pointer;
		}
		.team .team-container .item:hover{
			  transform:scale(1.05);
		}
		.team .team-container .left{
			overflow:hidden;
		}
		.team .team-container .right{
			overflow:hidden;
		}
		.team .team-container .title{
			width: 100%;
			font-size: 28px;
			color: #fff;
			font-weight: 600;
			text-shadow: 0 2px 4px rgba(0,0,0,0.7);
		}
			.team .team-container .title h5{
				font-weight: 900;
			}
			.team .team-container .title .eng{}
		.team .team-container .icon{
			width: 100%;
			display: flex;
			justify-content: flex-end;
		}
		.team .team-container .team-more{
			display: block;
			width: 40px;
			height: 40px;
			border-radius: 50%;
			background-color: rgba(255,255,255,0.4);
			display: flex;
			justify-content: center;
			align-items: center;
			transition:all .4s;
			  -moz-transition:all .4s;
			  -webkit-transition:all .4s;
			  -o-transition:all .4s;
		}
		.team .team-container .team-more:hover{
			background-color: rgba(255,255,255,0.2);
			border: 1px solid #fff;
			transform:scale(1.2);
		}
			.team .team-container .team-more img{
				width: 70%;
			}
/* e尾部模块 */

	/* s尾部模块-响应式 */
	@media (max-width: 991.98px){
		.team .team-container .item{
			height: 20rem;
			padding: 10px;
		}
		.team .team-container .left{
			margin-bottom: 2rem;
		}
		.team .team-container{
			padding-top: 20px;
			padding-bottom: 20px;
		}
	}
	/* e尾部模块-响应式 */
/* E首页 */


/* S单页 */
	/* s右侧内容区 */
	.content .content-container .right .right-con{}
		.content .content-container .right .right-con p{
			font-size: 14px;
			line-height: 30px;
			color: #5E5E5E;
		}
			.content .content-container .right .right-con img{
				/* display: block; */
				max-width: 100%;
			}
	/* e右侧内容区 */
	
/* E单页 */


/* S category_product */
.product-con{}
.product-con .four-list{
	margin-bottom: 1.4rem;
}
.product-con .four-item{}
.product-con .four-tit{
	font-size: 1.6rem;
	color: #333;
	margin-bottom: 1rem;
}
.product-con .five-list{
	display: flex;
	flex-wrap: wrap;
}
.product-con .five-item{
	width: 20%;
	/* width: 156px; */
	margin-bottom: 1rem;
}
.product-con .five-item .pic{
	margin: 0 0.4rem 0.6rem;
	overflow: hidden;
}
.product-con .five-item .pic a{
	display: block;
	height: 12rem;
	background-position: center;
	background-size: cover;
	transition:all .2s;
	  -moz-transition:all .2s;
	  -webkit-transition:all .2s;
	  -o-transition:all .2s;
}
.product-con .five-item .pic a:hover{
	transform:scale(1.25);
}
.product-con .five-item .pic a img{
	display: none;
}
.product-con .five-item .stonename{
	text-align: center;
	overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
}
.product-con .five-item .stonename a{
	font-size: 1.4rem;
	color: #2b72c2;
}
.product-con .five-item .stonelatin{
	text-align: center;
	overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
}
.product-con .five-item .stonelatin a{
	font-size: 1.4rem;
	color: #2b72c2;
	font-style: italic;
	padding: 0 10px;
}
/* E category_product */

/* S category_product 响应式 */
@media (max-width: 991.98px) {
	.product-con .five-item{
		width: 33.33%;
	}
	.product-con .five-item .pic a{
		height: 8rem;
	}
}
/* E category_product 响应式 */


/* S category_download */
.download-con{}
.download-con .download-list{}
.download-con .download-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 2rem;
	border-bottom: 1px solid #eee;
	margin-bottom: 2rem;
}
.download-con .download-item h2{}
.download-con .download-item h2 a{
	font-size: 1.6rem;
	color: #333;
}
.download-con .download-item h2 a:hover{
	color: #3997FF;
}
.download-con .download-item .clicknum{
	display: flex;
	align-items: center;
}
.download-con .download-item .clicknum img{
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 0.6rem;
}
.download-con .download-item .clicknum span{
	font-size: 1.2rem;
	color: #333;
}
/* E category_download */