@charset "utf-8";
/*初始样式*/




/*gyfs*/
.gyfs{
	padding: 6.25rem 0 0; 
	width:100%;
	float:left;
}
.gyfs_con{height: 34.375rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}
.gyfs_con dl{
	float: left;
	width: 19.4%;
	height: 34.375rem;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	transition: all 0.5s;
	border-radius: 1rem;
	background: var(---black, #000);
}
.gyfs_con dl:last-child{border: 0;}
.gyfs_con dt img{display: block;min-height: 34.375rem;opacity: 1;transition: all 0.3s; min-width:100%;}
.gyfs_con dd{
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
	padding: 2.5rem 1.88rem;
	box-sizing: border-box;
	transition: all 0.6s;
	display: flex;
	flex-flow: column;
	justify-content: space-between;

}
.gyfs_con dd h3{
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
}

.gyfs_con dd .tex{
	opacity: 0;
	width:100%;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	transition: all 0.6s;
	height: auto;
	overflow:hidden;
	color: var(---white, #FFF);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
}
.gyfs_con dl.cur{width: 40%;}
.gyfs_con dl.cur dt img{opacity: 1;}
.gyfs_con dl.cur dd{
	width: 100%;
}

.gyfs_con dl.cur::before{
	opacity:1;
}
.gyfs_con dl.cur .tex{
	width:100%;
	height:auto;
	margin-top:1.0rem;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	opacity:1;
}

@media screen and (max-width:1600px) {
    .gyfs_con dd h3 span,  .gyfs_con dd h3 em{font-size: 22px;}
   
}
@media screen and (max-width:1400px) {
    .gyfs_con dd h3 span,  .gyfs_con dd h3 em{font-size: 18px;}
    .gyfs_con dd strong{font-size: 14px;width: 130px;}
}


@media (max-width:999px){

	
.gyfs_con dd{
	padding:1.5rem 0.87rem;
}	
.gyfs_con dl.cur dd{
	padding:1.5rem 0.87rem;
}
.gyfs_con dl.cur p{
	width:100%;
}
.gyfs_con dl{
	height:20rem;
}
.gyfs_con dt img{height: 20rem;}
.gyfs_con{
	height:20rem;
}
.gyfs_con dl dd img{
	max-height:2.0rem;
}
.gyfs_con dl.cur dd{
	width: 100%;
}
.gyfs_con dd h3{
	margin-top:1.0rem;
	font-size:0.875rem;
}
.gyfs_con dd .tex{
	font-size:0.75rem;
}

.gyfs_con dl::before{
	width:2.0rem;
	height:2.0rem;
	top:1.0rem;
	right:1.0rem;
}
.gyfs{
	padding:2.0rem 0 0;
}








}