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




/*gyfs*/
.gyfs{
	padding: 3.75rem 0 0 0; 
	width:100%;
	float:left;
}
.gyfs_con{height: 35.6rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}
.gyfs_con dl{
	float: left;
	width: 19.4%;
	height: 35.6rem;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	transition: all 0.5s;
}
.gyfs_con dl::before{
	width: 3rem;
	height: 3rem;
	content:'';
	display:inline-block;
	background-image:url(../img/fx.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	right:2.5rem;
	top:2.5rem;
	z-index:1;
	opacity:0;
}
.gyfs_con dl:last-child{border: 0;}
.gyfs_con dt img{display: block;min-height: 35.6rem;opacity: 1;transition: all 0.3s; min-width:100%;}
.gyfs_con dd{
	position: absolute;
	left: 0;
	width: 100%;
	height: auto;
	bottom: 0;
	padding: 2.5rem;
	box-sizing: border-box;
	transition: all 0.6s;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	padding-top:0px;

}
.gyfs_con dd h3{
	white-space: nowrap; 
	font-size: 1.5rem;
	color: #fff;
	font-weight: normal;
	line-height: 150%; /* 1.875rem */
	text-transform: capitalize;
	font-family: zt4;
}

.gyfs_con dd p{
	font-size: 0.875rem;
	color: #fff;
	line-height: 200%; /* 1.75rem */
	opacity: 0.9;
	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;
	margin-top:1.0rem;
}
.gyfs_con dl.cur{width: 40%;}
.gyfs_con dl.cur dt img{opacity: 1;}
.gyfs_con dl.cur dd{
	width: 100%;
	padding: 2.5rem;
	background: linear-gradient(180deg, rgba(198, 34, 25, 0.00) 0%, #C62219 100%);
	padding-top:0px;
}

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

@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;}
	.gyfs_con dd h3{
	font-size:1.0rem;
}
}


@media (max-width:999px){
	
.gyfs_con dd{
	padding:1.0rem 0.87rem;
}	
.gyfs_con dl.cur dd{
	padding:1.0rem 0.87rem;
}
.gyfs_con dl.cur p{
	width:100%;
}
.gyfs_con dl{
	height:15rem;
}
.gyfs_con dt img{height: 15rem;}
.gyfs_con{
	height:15rem;
}
.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 p{
	display:none;
}
.gyfs_con dl.cur p{
	display:none;
}
.gyfs_con dl::before{
	width:2.0rem;
	height:2.0rem;
	top:1.0rem;
	right:1.0rem;
}
.gyfs{
	padding:0 0 0 0;
}
.gyfs_con dt img{
	min-height:15rem;
}







}