/* =========================================================
 * 校园文化板块（选项卡 + slick 轮播）— 样式
 * 依赖：slick-carousel 1.8.1 核心样式 slick.min.css（在页面里单独引入）
 * 说明：所有选择器都作用域在 .campus-culture 下，不会影响站点其他部分
 * ========================================================= */
.bottom-blocks {
	text-align: center;
	margin-top: 12px;
}

.block-yellow {
	display: inline-block;
	width: 23px;
	height: 4px;
	background: #d4a058;
	margin-right: 16px;
}

.block-green {
	display: inline-block;
	width: 23px;
	height: 4px;
	background: #106c33;
}

.campus-culture {
	--green-deep: #0e6e5c;
	/* 主深绿 */
	--green-mid: #3a9d7f;
	--green-light: #e8f4ef;
	/* 卡片浅绿底 */
	--green-line: #bfe0d4;
	--red-accent: #c5392e;
	/* 标题红色小装饰 */
	--text-dark: #333;
	--text-gray: #888;
	font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
	color: var(--text-dark);
}

/* 轻量 reset，仅作用于本板块 */
.campus-culture * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.campus-culture img {
	display: block;
	max-width: 100%;
}

.campus-culture ul {
	list-style: none;
}

.campus-culture a {
	text-decoration: none;
	color: inherit;
}

/* ========== 板块容器 ========== */
.campus-culture {
	max-width: 1400px;
	margin: 0 auto;
	padding: 50px 0px 60px;
	position: relative;
}

/* ========== 标题区 ========== */
.campus-culture .sec-head {
	position: relative;
	text-align: center;
	margin-bottom: 8px;
}

.sec-title {
	position: relative;
	display: inline-block;
	font-size: 0.36rem;
	font-weight: bold;
	/* letter-spacing:4px; */
	color: #00544e;
	font-family: SourceHanSerifSCBold;
}

/* 文字背后的浅绿半圆装饰 */
.sec-title::before {
	content: "";
	position: absolute;
	left: 46%;
	top: -19px;
	transform: translateX(-42%);
	width: 76px;
	height: 50px;
	border-radius: 74px 74px 0 0;
	background: url(../image/yxx.png) no-repeat;
	/* z-index:-1; */
/* 	background: linear-gradient(180deg, #07928f4d 0%, #ffffff00 100%); */
}

/* 标题下红色小短横 */
/* .campus-culture .sec-title::after{
  content:"";position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);
  width:26px;height:4px;border-radius:2px;background:var(--red-accent);
} */
/* 右上角 查看更多 */
.campus-culture .sec-more {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	color: var(--text-gray);
	display: flex;
	align-items: center;
	gap: 8px;
	transition: color .2s;
}

.campus-culture .sec-more:hover {
	color: var(--green-deep);
}

.campus-culture .sec-more .line-ico {
	width: 26px;
	height: 12px;
	position: relative;
	flex: none;
}

.campus-culture .sec-more .line-ico::before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 26px;
	height: 1px;
	background: currentColor;
}

.campus-culture .sec-more .line-ico::after {
	content: "";
	position: absolute;
	right: -2px;
	top: 1px;
	border: 5px solid transparent;
	border-left: 7px solid currentColor;
}

/* ========== 选项卡 ========== */
.campus-culture .culture-tabs {
	display: flex;
	justify-content: center;
	gap: 26px;
	margin: 34px 0 40px;
}

.campus-culture .culture-tabs .tab-btn {
	min-width: 128px;
	padding: 9px 30px;
	font-size: 16px;
	color: #0e6e5c;
	background: #f2f9f9;
	border-bottom: 2px solid #00544e;
	cursor: pointer;
	transition: all .25s;
	position: relative;
	font-family: inherit;
}

.campus-culture .culture-tabs .tab-btn:hover {
	border-color: var(--green-deep);
}

/* 选中态：深绿实底 + 外扩细描边框 */
.campus-culture .culture-tabs .tab-btn.active {
	background: #00544e;
	color: #fff;
	border-bottom: 2px solid #ffbd86;
	/* box-shadow: 0 0 0 1px #fff inset, 3px 3px 0 0 #bfe0d4; */
}

.campus-culture .culture-tabs .tab-btn.active::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #00544e;
}



/* ========== slick 轮播区 ========== */
/* 左右各留出箭头专属空白，保证箭头只在两侧外侧，不压卡片 */
.campus-culture .culture-carousel-wrap {
	position: relative;
	padding: 0 56px;
}

.campus-culture .culture-slick .slick-slide {
	margin: 0 12px;
}

.campus-culture .culture-slick .slick-list {
	margin: 0 -12px;
	padding: 20px 0 10px;
}

/* 错落布局：第 2、4 个（偶数索引）卡片整体下移 */
.campus-culture .culture-slick .slick-slide:nth-child(even) .culture-card {
	/* margin-top:56px; */
}

.campus-culture .culture-slick .slick-slide:nth-child(odd) .culture-card {
	margin-top: 0;
}

.campus-culture .culture-slick .slick-slide:nth-child(4n) .culture-card {
	margin-top: 20px;
}

/* ---- 卡片通用 ---- */
.campus-culture .culture-card {
	min-height: 300px;
}

.campus-culture .culture-card .date {
	/* display:flex; */
	/* align-items:baseline; */
	/* gap:2px; */
	color: #00544e;
	font-weight: bold;
	line-height: 1;
	position: relative;
	font-family: Arial, sans-serif;
}

.campus-culture .culture-card .date .d {
	font-size: 30px;
}

.campus-culture .culture-card .date .m {
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 37px;
	font-size: 17px;
}

.campus-culture .culture-card .date .y {
	font-size: 11px;
	font-weight: normal;
	margin-left: 4px;
	/* align-self:flex-end; */
	padding-bottom: 2px;
	position: absolute;
	bottom: -2px;
	left: 33px;
}

/* ---- 文字卡片 ---- */
.campus-culture .card-text {
	background: #f2f9f9;
	border-radius: 6px;
	padding: 26px 22px;
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 260px;
	transition: transform .25s, box-shadow .25s;
}

.campus-culture .card-text:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(14, 110, 92, .14);
}

.campus-culture .card-text h3 {
	font-size: 16px;
	line-height: 1.55;
	color: #383838;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.campus-culture .card-text p {
	margin-top: 14px;
	font-size: 13px;
	color: var(--text-gray);
	line-height: 1.9;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.campus-culture .card-text .date {
	margin-top: 22px;
	/* padding-top:16px; */
}

/* ---- 图片卡片 ---- */
.campus-culture .card-image {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.campus-culture .card-image .pic {
	flex: 1;
	min-height: 190px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.campus-culture .card-image .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	inset: 0;
	transition: transform .4s;
	border-radius: 20px;
}

.campus-culture .card-image:hover .pic img {
	transform: scale(1.05);
}

/* 带文字说明的图片卡片（标题在图片下方，如设计稿第 4 张） */
.campus-culture .card-image .caption {
	padding-top: 14px;
}

.campus-culture .card-image .caption .date {
	margin-bottom: 8px;
}

.campus-culture .card-image .caption h3 {
	font-size: 15px;
	line-height: 1.55;
	color: var(--text-dark);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 标题在图片上方（如设计稿第 2 张）：日期 + 标题一行，图片在下 */
.campus-culture .card-image .caption-top {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 12px;
}

.campus-culture .card-image .caption-top .date {
	flex: none;
	padding-top: 2px;
	width: 65px;
}

.campus-culture .card-image .caption-top .date .d {
	/* font-size:20px; */
}

.campus-culture .card-image .caption-top .date .m {
	/* font-size:12px; */
}

.campus-culture .card-image .caption-top .date .y {
	/* font-size:10px; */
	margin-left: 2px;
}

.campus-culture .card-image .caption-top h3 {
	font-size: 14px;
	line-height: 1.5;
	color: var(--text-dark);
	font-weight: bold;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.campus-culture .card-image.top-cap .pic {
	flex: 1;
	min-height: 180px;
}

/* 纯图片卡片比文字卡片矮一截，用最小高度模拟设计稿错落感 */
.campus-culture .card-image.solo .pic {
	min-height: 230px;
}

/* ---- 两侧圆形箭头（只在左右两侧，垂直居中；不进入卡片区域） ---- */
/* 未引 slick-theme.css 时按钮无定位，需手动补齐；font-size:0 隐藏 "Previous/Next" 文字 */
.campus-culture .culture-carousel-wrap .slick-arrow {
	position: absolute;
	display: block;
	padding: 0;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	top: 50%;
	margin-top: -20px;
	transform: none;
	background: #fff;
	border: 1px solid #bfe0d4;
	color: #0e6e5c;
	z-index: 2;
	transition: all .25s;
}

/* 箭头放在轮播区外侧空白内（wrap 左右各留 56px），完全不压卡片 */
.campus-culture .culture-carousel-wrap .slick-prev {
	left: -75px;
}

.campus-culture .culture-carousel-wrap .slick-next {
	right: -75px;
	background: #0e6e5c;
	border-color: #0e6e5c;
	color: #fff;
}

.campus-culture .culture-carousel-wrap .slick-arrow:hover {
	opacity: .85;
}

/* 用旋转的 L 形边框画细箭头，不依赖 slick 字体图标，风格更接近设计稿 */
.campus-culture .culture-carousel-wrap .slick-prev::before,
.campus-culture .culture-carousel-wrap .slick-next::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 11px;
	height: 11px;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
}

.campus-culture .culture-carousel-wrap .slick-prev::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.campus-culture .culture-carousel-wrap .slick-next::before {
	transform: translate(-50%, -50%) rotate(-135deg);
}

/* slick 初始化瞬间隐藏，防止闪排成一列 */
.campus-culture .culture-slick:not(.slick-initialized) {
	visibility: hidden;
	height: 320px;
	overflow: hidden;
}

/* tab 隐藏面板 */
.campus-culture .culture-panel {
	display: none;
}

.campus-culture .culture-panel.current {
	display: block;
}


.role-models {
	--green-deep: #0e6e5c;
	/* 主深绿（与校园文化板块一致） */
	--green-mid: #3a9d7f;
	--green-light: #e8f4ef;
	--gold: #f0b13e;
	/* 中心卡片底部金色衬条 */
	--text-dark: #333;
	--text-gray: #8a8a8a;
	font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
	color: var(--text-dark);
}

/* 轻量 reset，仅作用于本板块 */
.role-models * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.role-models img {
	display: block;
	max-width: 100%;
}

.role-models a {
	text-decoration: none;
	color: inherit;
}

/* ========== 板块容器：整块淡山景背景 ========== */
/* 上线时把 background-image 换成站点自己的背景图即可 */
.role-models {
	position: relative;
	padding: 64px 0 72px;
	background: url("../image/xcsm.png") center/cover no-repeat #eef3ee;
	border-top-right-radius: 83px;
}

.role-models .rm-container {
	max-width: 1400px;
	margin: 0 auto;
	/* padding:0 15px; */
}
.sec-head{z-index: 2;}
/* ========== 标题区（与校园文化同一套装饰语言） ========== */
/* .role-models .sec-head{position:relative;text-align:center;margin-bottom:6px;}
.role-models .sec-title{
  position:relative;display:inline-block;
  font-size:36px;font-weight:bold;letter-spacing:4px;color:var(--green-deep);
} */
/* 文字背后的浅绿半圆装饰 */
/* .role-models .sec-title::before{
  content:"";position:absolute;left:50%;top:-16px;transform:translateX(-46%);
  width:74px;height:37px;border-radius:74px 74px 0 0;
  background:var(--green-light);z-index:-1;
} */
/* 标题下绿色小短横 */
/* .role-models .sec-title::after{
  content:"";position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);
  width:26px;height:4px;border-radius:2px;background:var(--green-mid);
} */
/* 右上角 查看更多 */
.role-models .sec-more {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	color: var(--text-gray);
	display: flex;
	align-items: center;
	gap: 8px;
	transition: color .2s;
}

.role-models .sec-more:hover {
	color: var(--green-deep);
}

.role-models .sec-more .line-ico {
	width: 26px;
	height: 12px;
	position: relative;
	flex: none;
}

.role-models .sec-more .line-ico::before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 26px;
	height: 1px;
	background: currentColor;
}

.role-models .sec-more .line-ico::after {
	content: "";
	position: absolute;
	right: -2px;
	top: 1px;
	border: 5px solid transparent;
	border-left: 7px solid currentColor;
}

/* ========== 中心式轮播 ========== */
/* 中心卡片放大后会超出滑块，给滑块上下留呼吸空间，避免被 slick-list 裁掉 */
.role-models .model-slick .slick-slide {
	padding: 26px 0 30px;
}

.role-models .model-slick .slick-slide>div {
	height: 100%;
}

.role-models .model-slick .slick-list {
	overflow: visible;
	padding: 6px 0;
}

/* slick-list 横向裁切交给外层：列表本体可见，用 wrap 的 overflow 裁两侧 */
.role-models .rm-slider {
	position: relative;
	overflow: hidden;
	margin-top: 34px;
}

/* ---- 人物卡片 ---- */
.role-models .model-card {
	position: relative;
	transform: scale(.82);
	opacity: .92;
	transition: transform .45s ease, opacity .45s ease;
	transform-origin: center center;
}

/* 中心卡片：放大 + 提层级，压在两侧卡片之上 */
.role-models .model-slick .slick-center {
	position: relative;
	z-index: 2;
}

.role-models .model-slick .slick-center .model-card {
	transform: scale(1.05);
	opacity: 1;
}

/* 照片：外层 .pic 负责放金色衬条（不裁切），内层 .ph 负责圆角裁切 */
.role-models .model-card .pic {
	position: relative;
}

.role-models .model-card .ph {
	height: 362px;
	border-radius: 4px;
	overflow: hidden;
	background: #d8e5df;
	box-shadow: 0 8px 20px rgba(30, 80, 66, .12);
}

.role-models .model-card .ph img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 中心卡片底部金色衬条 */
.role-models .model-slick .slick-center .pic::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -6px;
	transform: translateX(-50%);
	width: 74%;
	height: 7px;
	border-radius: 3px;
	background: #e0a967;
}

/* 姓名 / 职称 */
.role-models .model-card .name {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-top: 16px;
	line-height: 1.4;
}

.role-models .model-card .role {
	text-align: center;
	font-size: 16px;
	color: #8a8a8a;
	margin-top: 11px;
	transition: opacity .3s;
}

/* 中心卡片：姓名加大、职称隐藏（与设计稿一致） */
.role-models .model-slick .slick-center .name {
	font-size: 21px;
	letter-spacing: 1px;
}

.role-models .model-slick .slick-center .role {
	display: none;
}

/* ========== 底部导航：细线 + 双圆箭头 ========== */
.role-models .model-nav {
	display: flex;
	align-items: center;
	max-width: 1240px;
	margin: 20px auto 0;
	padding: 0 15px;
}

.role-models .nav-line {
	flex: 1;
	height: 1px;
	background: rgba(62, 141, 118, .35);
}

.role-models .model-arrows {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 0 24px;
}

/* 未引 slick-theme.css，按钮样式全部手写；font-size:0 隐藏 Previous/Next 文字 */
.role-models .model-arrows .slick-arrow {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: block;
	padding: 0;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	position: static;
	transform: none;
	background: #fff;
	border: 1px solid #0e6e5c;
	color: #0e6e5c;
	transition: all .25s;
}

/* 左箭头：深绿实底白箭头；右箭头：白底描边绿箭头（与设计稿一致） */
.role-models .model-arrows .slick-prev {
	background: #0e6e5c;
	border-color: #0e6e5c;
	color: #fff;
}

.role-models .model-arrows .slick-arrow:hover {
	opacity: .85;
}

/* 细线条箭头（旋转 L 形边框），不依赖 slick 字体图标 */
.role-models .model-arrows .slick-arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
}

.role-models .model-arrows .slick-arrow {
	position: relative;
}

.role-models .model-arrows .slick-prev::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.role-models .model-arrows .slick-next::before {
	transform: translate(-50%, -50%) rotate(-135deg);
}

/* slick 初始化瞬间隐藏，防止闪排成一列 */
.role-models .model-slick:not(.slick-initialized) {
	visibility: hidden;
	height: 380px;
	overflow: hidden;
}

/* ========== 区块 ========== */
/* IE10 兼容说明：本板块不使用 grid / aspect-ratio / object-fit / clip-path / CSS 变量，
   flex 布局补 -ms- 旧语法前缀（IE10 不认新语法，现代浏览器忽略 -ms- 旧属性） */
.media-focus {
	/* 原 var(--bg) 全站未定义，实际渲染即白底，直接写死（IE10 不支持变量） */
	background: #fff;
	padding: 56px 0 84px;
	overflow: hidden;
}

.container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 24px;
}

/* ========== 顶部标题行 ========== */
.mf-header {
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px 28px;
	margin-bottom: 34px;
}

.mf-group {
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-wrap: wrap;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 0.35rem;
}

/* IE10 不支持 flex 的 gap，用相邻兄弟 margin 实现同等间距 */
.mf-group > * + * {
	margin-left: 22px;
}

/* 标题：淡绿圆 + 绿色衬线字 */
.sec-title {
	position: relative;
	font-family: "Noto Serif SC", "STZhongsong", "SimSun", serif;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: 3px;
	color: var(--green);
	line-height: 1.2;
	padding: 4px 2px 4px 6px;
	z-index: 0;
	white-space: nowrap;
}

/* .sec-title::before {
	content: "";
	position: absolute;
	left: 73px;
	top: -9px;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #e8f4ef;
	z-index: -1;
} */
.title2,.title2 .bottom-blocks{text-align: left;}
.title2 .bottom-blocks{margin-top: 0px;margin-left: 46px;}
.title2 .block-yellow{margin-right: 3px;}
/* .sec-title::after {
	content: "";
	position: absolute;
	right: -2px;
	bottom: -2px;
	width: 26px;
	height: 3px;
	background: var(--green);
} */

/* 本板块标题配色兜底：var(--green)/--green-pale 未在任何地方定义
   （此前实际渲染为继承色/透明），写死站点主绿，IE10 亦生效 */
.media-focus .sec-title {
	color: #0e6e5c;
}

.media-focus .sec-title::before {
	/* background: #e8f4ef; */
}

.media-focus .sec-title::after {
	background: #0e6e5c;
}

/* ◆—— 查看更多 */
.more-link {
	display: -ms-flexbox;
	-ms-flex-align: center;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #7d998d;
	transition: color .2s;
	white-space: nowrap;
}

.more-link .dm {
	width: 7px;
	height: 7px;
	background: transparent;
	border: 1px solid #9db8ac;
	transform: rotate(45deg);
}

.more-link .ln {
	width: 56px;
	height: 1px;
	background: #b9cfc5;
	margin-left: 8px;
}

.more-link:hover {
	color: #0e6e5c;
}

.more-link:hover .dm {
	background: #0e6e5c;
	border-color: #0e6e5c;
}

/* ========== 查看更多（设计稿样式：花形图标 + 细线 + 绿字） ==========
   覆盖 index.css 的 .title1 .more（右箭头背景图），作用域仅限本板块；
   IE10：多背景/linear-gradient/SVG 背景均支持，无需前缀 */
.more {
	padding-right: 0;
	background: none;
	font-size: 14px;
	color: #0e6e5c;
	line-height: 20px;
	white-space: nowrap;
	transition: color .2s;
}

.more::before {
	content: "";
	display: inline-block;
	width: 76px;
	height: 21px;
	margin-right: 10px;
	vertical-align: middle;
	/* 两层背景：左 16px 花形图标（SVG），右 56px 细线（渐变模拟 1px 线） */
	background-image:url("../image/tit.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left center, right center;
	/* background-size: 16px 16px, 56px 1px; */
}

.more:hover {
	color: #068987;
}
.box2 .title1 h2.sec-title span{color: #e0a967;}
.box2 .title1 .block-green{color: #fff;}
/* ========== 社媒图标 ========== */
.social-icons {
	display: -ms-flexbox;
	-ms-flex-align: center;
	display: flex;
	align-items: center;
	position: absolute;
	right: 26%;
	top: 10px;
}

.social-icons > * + * {
	margin-left: 16px;
}

.s-icon {
	position: relative;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform .2s, box-shadow .2s;
}
.s-icon:hover{background-color: #0e6e5c;}
/* 图标为图片文件，后续直接替换同名图片即可 */
.s-icon .s-img {
	width: 35px;
	height: 35px;
	display: block;
	pointer-events: none;
	-ms-user-select: none;
	user-select: none;
}

.s-icon.wechat {
	background: #f0b13e;
}

.s-icon.weibo,
.s-icon.douyin,
.s-icon.mail {
	background: #f0b13e;
}

.s-icon:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 14px rgba(0, 0, 0, .15);
	background: #05807d;
}

/* 微信二维码弹层 */
.qr-pop {
	position: absolute;
	top: calc(100% + 14px);
	left: 50%;
	transform: translateX(-50%) translateY(6px);
	width: 132px;
	padding: 10px 10px 6px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
	opacity: 0;
	visibility: hidden;
	transition: all .25s ease;
	z-index: 50;
	text-align: center;
}

.qr-pop::before {
	/* 小三角 */
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 12px;
	height: 12px;
	background: #fff;
}

.qr-pop .qr-img {
	width: 100%;
	height: auto;
	display: block;
}

.qr-pop p {
	font-size: 12px;
	color: #666;
	padding: 6px 0 2px;
}

.s-icon.has-qr:hover .qr-pop {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

/* ========== 主体两栏 ========== */
/* IE10 无 grid：旧语法 flex 两栏，space-between 撑出 28px 栏间距 */
.mf-body {
	display: -ms-flexbox;
	-ms-flex-align: start;
	-ms-flex-pack: justify;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

/* ---- 左侧新闻列表 ---- */
.news-panel_1 {
	width: 40%;
	box-sizing: border-box;
	/* 层叠上下文建在包裹层：.news-panel::before 的 z-index:-1 落在这里的负层级，
	   画在 .news-panel 纸纹背景之下、板块白底之上（折角绶带效果，IE10 行为一致） */
	position: relative;
	z-index: 1;
}
.news-panel {
	position: relative;
	padding: 32px 28px 50px;
	/* 纸纹背景不能放在元素自身：wow.js 动画期间元素带 transform/opacity<1，
	   会临时变成层叠上下文，此时 ::before 的 z-index:-1 会被画到自身背景之上，
	   三角盖住纸纹左上角。改为 ::after 承载纸纹（见下），层级与动画状态无关 */
	background: none;
	margin-top: 60px;
}

/* 纸纹层：与 ::before 同在负层级（z-index:-1），树序在 ::before 之后
   → 恒定盖住三角内侧，只露左上角折角边带；列表文字画在负层级之上 */
.news-panel::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../image/jx1.png) no-repeat;
	/* 纸纹背景随面板拉伸铺满（原固定 591x620，窄屏会露白） */
	background-size: 100% 100%;
	z-index: -1;
}

/* 左侧深绿绶带（折角三角） */
.news-panel::before {
	content: "";
	position: absolute;
	left: -22px;
	top: -22px;
	width: 278px;
	background: url(../image/sjx.png) no-repeat left top;
	z-index: -1;
	display: inline-block;
	height: 291px;
}

.news-list li {
	position: relative;

}
.news-list li:after{
	content: '';
	display: inline-block;
	width: 383px;
	max-width: 100%;
	height: 6px;
	background: url(../image/zx1.png) no-repeat;
	position: absolute;
	right:0;
	bottom: 17px;
}


.news-list a {
	display: block;
	padding: 15px 6px 13px 0;
}

.news-list .t {
	/* IE10 不支持 -webkit-line-clamp：块级 + max-height 截两行（无省略号） */
	display: block;
	max-height: 60px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 18px;
	line-height: 1.65;
	color: #333;
	transition: color .2s;
}

.news-list .date {
	display: block;
	margin-top: 8px;
	font-size: 14px;
	color: #9aa39e;
}

.news-list a:hover .t,
.news-list li.active .t {
	color: #068987;
	font-weight: 600;
}

/* ---- 右侧媒体区 ---- */

.media-panel_1{
	width: calc(60% - 28px);
	box-sizing: border-box;
}

.media-panel {
	position: relative;
	margin-top: 60px;
}

/* 右下角金色斜角装饰：IE10 不支持 clip-path，改用等价 SVG 形状背景 */
.gold-corner {
	position: absolute;
	right: -18px;
	bottom: -18px;
	width: 278px;
	height: 267px;
	background: url("../image/sj2.png") no-repeat;
	background-size: 100% 100%;
	z-index: 0;
}

/* IE10 无 grid：flex 换行 + space-between 撑出 14px 间距 */
.media-grid {
	position: relative;
	z-index: 1;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	-ms-flex-pack: justify;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.img-card {
	position: relative;
	overflow: hidden;
	display: block;
}

.video-card.img-card {
	width: 100%;
	height: 370px;
	margin-bottom: 14px;
}

/* IE10 不支持 aspect-ratio：::before 的 padding-top 撑出 16:10 比例
   （padding 百分比相对父级宽度，故放在自身 ::before 上） */
.img-card.small {
	width: calc(50% - 7px);
}

.img-card.small::before {
	content: "";
	display: block;
	padding-top: 62.5%;
}

/* IE10 不支持 object-fit:cover：绝对定位 + min宽高 + 50%位移等效实现 */
.img-card img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	max-width: none;
	max-height: none;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
	transition: transform .4s ease;
}

.img-card:hover img {
	transform: translate(-50%, -50%) scale(1.05);
}

/* 播放按钮 */
.play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 58px;
	height: 58px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: rgba(0, 0, 0, .25);
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s;
}

.play-btn::after {
	content: "";
	margin-left: 5px;
	border-style: solid;
	border-width: 11px 0 11px 18px;
	border-color: transparent transparent transparent #fff;
}

.img-card:hover .play-btn {
	background: rgba(0, 0, 0, .45);
}

/* 底部说明条 */
.cap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 30px 14px 10px;
	background: linear-gradient(transparent, rgba(0, 0, 0, .62));
	color: #fff;
	font-size: 17px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width:1500px) {
	.campus-culture .culture-carousel-wrap .slick-prev {
		left: -28px;
	}

	.campus-culture .culture-carousel-wrap .slick-next {
		right: -28px;
	}
}

/* ========== 响应式 ========== */
@media (max-width:1200px) {

	.sec-title,
	.role-models .sec-title {
		font-size: 32px;
	}

	.mf-group {
		gap: 16px;
	}

	.more-link .ln {
		width: 36px;
	}

}

@media (max-width:1080px) {

	/* 宽度控制在外层包裹列上（HTML 已重构为 _1 包裹层） */
	.news-panel_1 {
		width: 42%;
	}

	.media-panel_1 {
		width: calc(58% - 20px);
	}

	.news-list .t {
		font-size: 15px;
		max-height: 50px;
	}
    .social-icons{right: 28%;}
}








@media (max-width:992px) {
	.campus-culture .culture-slick .slick-slide:nth-child(even) .culture-card {
		margin-top: 36px;
	}

	.campus-culture .card-text {
		min-height: 280px;
	}

	.role-models .model-card .ph {
		height: 250px;
	}

	.mf-header {
		-ms-flex-pack: center;
		justify-content: center;
		/* 此宽度下标题行必然换行堆叠：去掉 gap（IE10 本就不支持），行距用 margin */
		gap: 0;
	}

	.mf-header .mf-group + .mf-group {
		margin-top: 16px;
	}

	/* 上下堆叠：媒体在上、列表在下（宽度作用在包裹层） */
	.mf-body {
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.media-panel_1 {
		width: 100%;
		-ms-flex-order: -1;
		order: -1;
	}

	.news-panel_1 {
		width: 100%;
		margin-top: 28px;
	}

	/* 右侧标题行的「查看更多」是绝对定位（index.css .title1 .more），
	   窄屏标题行换行后它会压到社媒图标上，改为流内排列 */
	.media-focus .sec-head .more {
		/* position: static; */
		-ms-transform: none;
		/* transform: none; */
		/* display: inline-block; */
		/* margin-top: 10px; */
	}

	.gold-corner {
		right: -16px;
		bottom: -22px;
		width: 180px;
		height: 110px;
	}
}

@media (max-width:768px) {
	.campus-culture {
		padding: 36px 12px 0px;
	}

	.sec-title {
		font-size: 26px;
		letter-spacing: 2px;
	}

	.sec-title::before {
		/* width: 56px; */
		/* height: 28px; */
		/* top: -12px; */
	}

	.campus-culture .sec-more {
		position: static;
		transform: none;
		display: flex;
		width: -moz-fit-content;
		width: fit-content;
		margin: 16px auto 0;
	}

	.campus-culture .sec-head {
		text-align: left;
	}

	.campus-culture .culture-tabs {
		gap: 14px;
		margin: 26px 0 30px;
		flex-wrap: wrap;
	}

	.campus-culture .culture-tabs .tab-btn {
		min-width: 112px;
		padding: 8px 22px;
		font-size: 15px;
	}

	.campus-culture .culture-carousel-wrap {
		padding: 0 20px;
	}

	.campus-culture .culture-carousel-wrap .slick-arrow {
		width: 32px;
		height: 32px;
		margin-top: -48px;
	}

	.campus-culture .culture-carousel-wrap .slick-prev {
		left: -20px;
	}

	.campus-culture .culture-carousel-wrap .slick-next {
		right: -18px;
	}

	.campus-culture .culture-slick .slick-slide {
		margin: 0 8px;
	}

	.campus-culture .culture-slick .slick-list {
		margin: 0 -8px;
	}

	.role-models {
		padding: 44px 0 52px;
	}

	.role-models .sec-title {
		font-size: 26px;
		letter-spacing: 2px;
	}

	.role-models .sec-title::before {
		/* width: 56px; */
		/* height: 28px; */
		/* top: -12px; */
	}

	.role-models .sec-more {
		position: static;
		transform: none;
		display: flex;
		width: -moz-fit-content;
		width: fit-content;
		margin: 16px auto 0;
	}

	.role-models .sec-head {
		text-align: center;
	}

	.role-models .rm-slider {
		margin-top: 26px;
	}

	.role-models .model-card .ph {
		height: 300px;
	}

	.role-models .model-card {
		transform: scale(.9);
	}

	.role-models .model-slick .slick-center .model-card {
		transform: scale(1);
	}

	.role-models .model-arrows .slick-arrow {
		width: 32px;
		height: 32px;
	}
}

@media (max-width:576px) {
	.campus-culture .culture-slick .slick-slide:nth-child(even) .culture-card {
		margin-top: 0;
	}

	.campus-culture .card-text,
	.campus-culture .culture-card {
		min-height: auto;
	}

	.campus-culture .card-text {
		padding: 20px 18px;
	}

	.campus-culture .card-image .pic {
		min-height: 200px !important;
	}

	.campus-culture .card-text p {
		-webkit-line-clamp: 2;
	}

	.media-focus {
		padding: 36px 0 56px;
	}

	.sec-title {
		font-size: 26px;
		letter-spacing: 2px;
	}

	.sec-title::before {
		/* width: 42px; */
		/* height: 42px; */
		/* left: -6px; */
		/* top: -8px; */
	}

	.more-link .ln {
		width: 24px;
	}

	.more-link {
		font-size: 13px;
	}

	.s-icon {
		width: 40px;
		height: 40px;
	}

	.s-icon .s-img {
		/* width: 20px; */
		/* height: 20px; */
	}

	.social-icons > * + * {
		margin-left: 12px;
	}

	.mf-group {
		-ms-flex-pack: center;
		justify-content: center;
	}

	.mf-group > * + * {
		margin-left: 12px;
	}

	/* 窄屏三角折角等比缩小（背景随盒子拉伸），避免超出纸卡右缘 */
	.news-panel::before {
		width: 200px;
		height: 210px;
		background-size: 100% 100%;
	}

	.news-list .t {
		font-size: 15px;
		max-height: 50px;
	}

	.cap {
		font-size: 12px;
		padding: 24px 10px 8px;
	}

	.play-btn {
		width: 46px;
		height: 46px;
	}

	.play-btn::after {
		border-width: 9px 0 9px 14px;
	}
	.social-icons{top:63px;right: 19%;}
	.video-card.img-card{height: 220px;}
	.news-list li:after{max-width: 65%;}
}

/* IE10（Win8 分屏/窄窗口）视口修正：按设备宽度渲染响应式布局 */
@-ms-viewport {
	width: device-width;
}