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




/*gyfs*/
.gyfs{
	padding: 2.5rem 0 0; 
	width:100%;
	float:left;
}
.gyfs_con{height: 47rem;}
.gyfs_con dl{float: left;width: 13%;height: 47rem;overflow: hidden;position: relative;box-sizing: border-box;background: var(--50, rgba(0, 0, 0, 0.70));transition: all 0.5s;}
.gyfs_con dl:last-child{border: 0;}
.gyfs_con dt img{display: block;opacity: 0.3;transition: all 0.3s;}
.gyfs_con dd{position: absolute;left: 0;width: 100%;height: auto;bottom: 0;padding: 5.2rem 1.87rem;box-sizing: border-box;transition: all 0.6s;}
.gyfs_con dd h2{
	margin-top:0;
	display:flex;
	transition: all 0.6s;
}
.gyfs_con dd h2 i{
	width:0px;
	height:0.4rem;
	background-color:#FFF;
	transition: all 0.6s;
}
.gyfs_con dl.cur h2{
	height:0.4rem;
	margin-top:3.0rem;
}
.gyfs_con dl.cur h2 i{
	width:3.0rem;
}
.gyfs_con dd h3{white-space: nowrap; margin-bottom:1.0rem;}
.gyfs_con dd h3 i{display: block;width: 25px;height: 30px;background: url(../images/jia1.png) no-repeat;}
.gyfs_con dd h3 span{display: block;font-size: 2.0rem;color: #fff;font-weight: normal;line-height: 3.0rem;}
.gyfs_con dd h3 em{display: block;font-size: 26px;font-weight: normal;line-height: 42px;color: #76B5FA;}
.gyfs_con dd strong{position: absolute;width: 150px;font-size: 16px;line-height: 27px;left: 2.6vw;bottom: 70px;text-transform: uppercase;font-family: Arial;color: #76B5FA;}
.gyfs_con dd p{
		font-size: 0.75rem;
		color: #fff;
		line-height: 200%; /* 1.75rem */
		opacity: 0.9;
		width:12rem;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		transition: all 0.6s;
}
.gyfs_con dl.cur{width: 48%;}
.gyfs_con dl.cur dt img{opacity: 1; min-width:100%; min-height:100%;}
.gyfs_con dl.cur dd{width: 100%;background: var(--50, rgba(0, 0, 0, 0.50));padding: 5.2rem 3.2rem;}
.gyfs_con dl.cur h3 i{background: url(../images/jia2.png) no-repeat;}
.gyfs_con dl.cur p{
		width:19rem;
}
.gyfs_con dl.cur strong,.gyfs_con dl.cur h3 em{color: #fff;opacity: 0.9;}
@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: 1rem;}
    .gyfs_con dd strong{font-size: 14px;width: 130px;}
}


@media (max-width:999px){
	
.gyfs_con dd{
	padding:3.2rem 0.87rem;
}	
.gyfs_con dl.cur dd{
	padding:3.2rem 0.87rem;
}
.gyfs_con dl.cur p{
	width:100%;
}
.gyfs_con dl{
	height:27rem;
}
.gyfs_con dt img{height: 27rem;}
.gyfs_con{
	height:27rem;
}
	.gyfs_con dd h2{
	margin-top:0;
	display:flex;
	transition: all 0.6s;
}
.gyfs_con dd h2 i{
	width:0px;
	height:0.2rem;
	background-color:#FFF;
	transition: all 0.6s;
}
.gyfs_con dl.cur h2{
	height:0.4rem;
	margin-top:2.0rem;
}
.gyfs_con dl.cur h2 i{
	width:3.0rem;
}

}