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




/*gyfs*/
.gyfs{
	padding: 0 0 0; 
	width:100%;
	float:left;
	margin-top:3.75rem;
}
.gyfs_con{height: 37.5rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}
.gyfs_con dl{
	float: left;
	width: 14.125%;
	height: 37.5rem;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	transition: all 0.5s;
}
.gyfs_con dt img{
	display: block;
	min-height: 37.5rem;
	opacity: 1;
	transition: all 0.3s; 
	min-width:100%;
	filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.gyfs_con dd{
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
	padding: 3.13rem;
	box-sizing: border-box;
	transition: all 0.6s;
	display: flex;
	flex-flow: column;
	text-align:center;
	background: var(--30, rgba(0, 0, 0, 0.30));
}
.gyfs_con dd .pic01{
	display:inline-block;
}
.gyfs_con dd .pic02{
	display: none;
}
.gyfs_con dd h3{
	white-space: nowrap; 
	font-size: 1.25rem;
	color: #fff;
	font-weight: normal;
	line-height: 150%; /* 1.875rem */
	text-transform: capitalize;
	margin-top:23.37rem;
	transition: all 0.6s;
}
.gyfs_con dl .more{
	position:absolute;
	bottom:0rem;
	left:3.13rem;
	opacity:0;
	transition: all 0.6s;
	z-index:2;
	display:flex;
}
.gyfs_con dl.cur .more{
	opacity:1;
	bottom:5.0rem;
}
.gyfs_con dl .more a{
	width: 15.625rem;
	height: 3.75rem;
	border-radius: 1.875rem;
	background: var(--fcc-827, #FCC827);
	box-shadow: 0px 10px 10px 0px rgba(46, 73, 213, 0.15);
	color: var(--133-a-95, #133A95);
	text-align: center;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.75rem;
}
.gyfs_con dl.cur{width: 42.8%;}
.gyfs_con dl.cur dt img{opacity: 1; filter: grayscale(0%);
  -webkit-filter: grayscale(0%);}
.gyfs_con dl.cur dd{
	width: 100%;
	padding: 3.13rem;
	text-align:left;
	background: linear-gradient(99deg, #0D338C -4.32%, rgba(46, 73, 213, 0.00) 49.9%);
	
}
.gyfs_con dl.cur dd .pic01{
	display:none;
}
.gyfs_con dl.cur dd .pic02{
	display: inline-block;
}
.gyfs_con dl.cur h3{
	margin-top:1.38rem;
}
.gyfs_con dl.cur::before{
	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{font-size: 1.0rem;}
    .gyfs_con dd strong{font-size: 14px;width: 130px;}
	.gyfs_con dd{
		padding:1.0rem;
	}
	.gyfs_con dl .more a{
		width:10rem;
		height:2.5rem;
		line-height:2.5rem;
		font-size:1.0rem;
	}
}


@media (max-width:999px){
.gyfs{
	margin-top:0px;
}
.gyfs_con dl .more{
	left:0.87rem;
}	
.gyfs_con dl.cur .more{
	opacity:1;
	bottom:3.0rem;
}
.gyfs_con dl .more a{
	width:8.0rem;
	height:2.5rem;
	line-height:2.5rem;
	font-size:0.875rem;
}
.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: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 dl::before{
	width:2.0rem;
	height:2.0rem;
	top:1.0rem;
	right:1.0rem;
}
.gyfs{
	padding:3.25rem 0 0;
}

.gyfs_con dd h3{
	white-space: nowrap; 
	font-size: 0.875rem;
	color: #fff;
	font-weight: normal;
	line-height: 150%; /* 1.875rem */
	text-transform: capitalize;
	margin-top:10rem;
	transition: all 0.6s;
}
.gyfs_con dl.cur h3{
	margin-top:1.38rem;
}





}