@charset "utf-8";
/* 校园风采：左 2x2 + 蓝块 + 右上下两图，等高对齐 */

ul{list-style:none;}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0}
.fl{ float:left}

.part6 .con a img:hover{
	filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;
	transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;
	transform:scale(1.05);-webkit-transform:scale(1.05);
}
.part6{text-align:left}
.center-vertical{position:relative;top:50%;transform:translateY(-50%)}
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/*==========================================part6=============================================*/

.part6{
	padding:30px 0;
	margin:0 auto;
	display:grid;
	grid-template-columns:1fr 1fr;
	align-items:stretch;
	gap:8px;
	box-sizing:border-box;
}
.part6 .con{
	float:none;
	width:auto;
	box-sizing:border-box;
	display:flex;
	min-height:0;
	align-self:stretch;
}
.part6 .con img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.part6 .con-left{
	height:auto;
}
/* 左侧 2×2，单图宽高比 3:2 */
.part6 .con-left .fc-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-template-rows:auto auto;
	gap:8px;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.part6 .con-left .fc-grid li{
	float:none;
	width:auto;
	margin:0;
	overflow:hidden;
	min-height:0;
	aspect-ratio:3 / 2;
}
.part6 .con-left .fc-grid li a{
	display:block;
	width:100%;
	height:100%;
}

/* 右侧：蓝块 + 两图（高度与左侧对齐） */
.part6 .con-right{
	gap:8px;
	align-self:stretch;
}
.part6 .con .nav{
	float:none;
	width:34%;
	min-width:150px;
	height:auto;
	align-self:stretch;
	background:#253c9a;
	margin:0;
	padding:75px 0 0 40px;
	position:relative;
	z-index:1;
	box-sizing:border-box;
}
.part6 .con .nav img{
	float:none;
	width:auto!important;
	height:auto!important;
	max-width:72px;
	margin-top:25px;
	display:block;
	object-fit:initial;
}
.part6 .con .nav:hover img,
.part6 .con .nav:hover h1,
.part6 .con .nav:hover h2{
	margin-left:4px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.part6 .con .w{
	float:none;
	width:65%;
	flex:1;
	display:flex;
	flex-direction:column;
	gap:8px;
	margin:0;
	align-self:stretch;
	min-height:0;
	box-sizing:border-box;
}
.part6 .con .w li{
	float:none;
	width:100%;
	margin:0;
	flex:1 1 0;
	overflow:hidden;
	min-height:0;
	position:relative;
}
.part6 .con .w li a{
	display:block;
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
}
.part6 .con .w li a img{
	width:100%;
	height:100%;
	object-fit:cover;
}

@media (max-width: 1440px) {
	.part6{ gap:6px;}
	.part6 .con-left .fc-grid{ gap:6px;}
	.part6 .con-right{ gap:6px;}
	.part6 .con .w{ gap:6px;}
	.part6 .con .nav{ padding:50px 0 0 28px;}
}

@media (max-width: 768px) {
	.part6{
		display:block;
		gap:0;
	}
	.part6 .con{
		float:none;
		width:100%;
		height:auto;
		min-height:0;
		display:block;
		margin-bottom:8px;
	}
	.part6 .con-left .fc-grid{
		height:auto;
	}
	.part6 .con-left .fc-grid li{
		aspect-ratio:3 / 2;
		height:auto;
	}
	.part6 .con-right{
		display:flex;
		flex-direction:column;
	}
	.part6 .con .nav{
		width:100%;
		min-width:0;
		height:auto;
		padding:30px 20px;
		margin-bottom:8px;
	}
	.part6 .con .w{
		width:100%;
		height:auto;
	}
	.part6 .con .w li{
		flex:none;
		height:180px;
		position:relative;
	}
}