@charset "utf-8";
.section{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
}
.tb{
	display:block;
	overflow:hidden;
	margin:auto;
	max-width:var(--max_width);
	padding:10px;
	margin-top:40px;
	margin-bottom:40px;
}
.thead{
	text-align: center;
}
.about_content img{
	max-width:100%;
	clear:both;
	height:auto;
	overflow:hidden;
}
.ti{
	color:#eee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:3rem;
	text-transform:uppercase;
	line-height:1.5;
}
.jianshu{
	position:absolute;
	text-align:center;
	font-size:2.2rem;
	margin:auto;
	display:block;
	left:0px;
	right:0px;
	top:0px;
	letter-spacing:2px;
}
.work_list{
	display:grid;
	grid-template-columns:calc(50% - 40px/3) calc(25% - 40px/3) calc(25% - 40px/3);
	row-gap:20px;
	column-gap:20px;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	max-width:var(--max_width);
	padding:10px;
	margin-top:40px;
	margin-bottom:40px;
}
@media (max-width:767px)
{
	.work_list{
		grid-template-columns:calc(50% - 10px/2);
		row-gap:10px;
		column-gap:10px;
	}
}
.work_tb{
	position:relative;
	padding-bottom:75%;
}
.work_tb:first-child{
	grid-row-start:1;
	grid-row-end:3;
}
@media (max-width:767px)
{
	.work_tb:first-child{
		grid-row-start:1;
		grid-row-end:1;
		grid-column-start:1;
		grid-column-end:3;
	}
}
.work_pic{
	width:100%;
	height:100%;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items:flex-end;
	background-size:cover;
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
}
.work_title{
	color:#fff;
}
.work_pic:hover>.work_title{opacity:1;}
.cert_list{
	display:grid;
	grid-template-columns:calc(25% - 60px/4) calc(25% - 60px/4) calc(25% - 60px/4)  calc(25% - 60px/4);
	row-gap:20px;
	column-gap:20px;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	max-width:var(--max_width);
	margin-top:40px;
	margin-bottom:40px;
}
@media (max-width:767px){
	.cert_list{
		grid-template-columns:calc(50% - 10px/2) calc(50% - 10px/2);
		row-gap:10px;
		column-gap:10px;
		padding:10px;
	}
}
.cert_tb{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	text-align:center;
}
a.cert_pic{
	position:relative;
	padding-bottom:75%;
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	overflow:hidden;
}

.zeren_back{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	background-color:#f5f5f5;
	margin:auto;
	padding-top:50px;
	padding-bottom:50px;
}
.zeren_title{color:#fff;}
.zeren_list{
	display:grid;
	grid-template-columns:calc(33.3% - 10%/3) calc(33.3% - 10%/3) calc(33.3% - 10%/3);
	row-gap:20px;
	column-gap:5%;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	margin-top:50px;
}
@media (max-width:767px){
	.zeren_list{
		grid-template-columns:auto;
		padding:10px;
	}
}
.ze_tb{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
}
.ze_pic{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	background-size:cover;
	padding-bottom:50%;
	background-position:top center;
	background-repeat:no-repeat;
	margin-bottom:10px;
	position:relative;
}
.ze_pic:hover>.ze_modal{transform:scale(1,1);}
.ze_modal{
	width:auto;
	height:auto;
	overflow:hidden;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items:center;
	margin:auto;
	transition:all 0.4s;
	box-sizing:border-box;
	transition:all 0.4s;
	transform:scale(0,0);
	color:#fff;
	background-color:rgba(51,112,255,0.8);
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
}
.ze_flex{
	width:80%;
	height:auto;
	display:block;
	margin:auto;
	overflow:hidden;
	text-align:center;
}
.ze_name{
	font-size:1.2rem;
}
.ze_miaoshu{
	display:-webkit-box;
	text-overflow:ellisps;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	line-height:1.8;
	margin-top:10px;
}
.ze_title{
	font-size:1rem;
}
.ze_miaoshu{
	color:#888;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}