@charset "UTF-8";
/* =========================================================================
   广西民族大学国际合作与交流处（国交处 gjc）站点样式
   风格：大学蓝 #3661a7（与 logo 底色一致）+ 深海军蓝 + 湖青点缀
   布局：一体化深色页头 / 卡片式轮播 / 日期块新闻列表 —— 与国教院官网区分
   rem 弹性布局：PC 以 1920 设计稿为基准（1rem = 100px）；
   ≤768px 切换为移动端基准（1rem = 50px @ 375 设计稿）。
   ========================================================================= */

/* ---------- rem 基准 ---------- */
html { font-size: max(min(calc(100vw / 19.2), 120px), 54px); }
@media (max-width: 768px) { html { font-size: calc(100vw / 7.5); } }

:root {
	--blue: #3661a7;        /* 页头大学蓝（logo 底色） */
	--blue-dark: #24477e;
	--navy: #07376f;        /* 深海军蓝 */
	--cyan: #1a9bb5;        /* 湖青点缀 */
	--cyan-light: #e5f4f7;
	--gold: #d9a441;
	--text: #333;
	--text-light: #75808f;
	--line: #e4e9f0;
	--bg-soft: #f4f7fb;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
	font-size: .16rem; color: var(--text); background: #fff; line-height: 1.7;
}
a { color: inherit; text-decoration: none; transition: color .2s; }
a:hover { color: var(--cyan); }
ul, ol { list-style: none; }
img { max-width: 100%; display: block; }
button { font-family: inherit; }

.container { width: 15.2rem; max-width: 100%; margin: 0 auto; padding: 0 .2rem; }

/* ===================== 页头（一体化深色，区别于国教院白底页头） ===================== */
.topbar { background: var(--navy); color: #a8bdd8; font-size: .13rem; }
.topbar .container { display: flex; align-items: center; justify-content: space-between; height: .4rem; }
.topbar a { color: #a8bdd8; } .topbar a:hover { color: #fff; }
.tb-links { display: flex; align-items: center; gap: .16rem; }
.tb-links .sep { color: #2c4a75; }
.tb-links .hot { color: var(--gold); font-weight: bold; }

.header { background: /*linear-gradient(115deg, var(--blue) 0%, #2c528f 55%, #1f3f72 100%)*/ var(--navy); position: relative; z-index: 100; }
.header::after { content: ""; display: block; height: .05rem; background: linear-gradient(90deg, /*var(--cyan)*/ #1a9bb5,#07376f /*var(--gold) 55%, var(--cyan)*/); } 
.header-inner { display: flex; align-items: center; justify-content: space-between; height: .96rem; position: relative; }
.brand img { /*height: .66rem;*/ width: 90%; }
.main-nav { display: flex; align-items: stretch; height: .96rem; }
.main-nav > li { position: relative; }
.main-nav > li > a {
	display: flex; align-items: center; height: .96rem; padding: 0 .12rem;
	font-size: .17rem; color: #eaf1fb; white-space: nowrap; position: relative;
}
.main-nav > li > a::after {
	content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: .04rem;
	background: var(--gold); transition: all .25s; transform: translateX(-50%);
}
.main-nav > li:hover > a::after, .main-nav > li.active > a::after { width: 62%; }
.main-nav > li:hover > a, .main-nav > li.active > a { color: #fff; }
.main-nav .caret { font-size: .1rem; color: #9db8dd; margin-left: .05rem; }
.main-nav .sub {
	position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(.1rem);
	min-width: 2rem; background: #fff; border-top: .03rem solid var(--cyan);
	box-shadow: 0 .08rem .24rem rgba(14,47,85,.2); padding: .06rem 0;
	opacity: 0; visibility: hidden; transition: all .22s;
}
.main-nav > li:hover .sub { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.main-nav .sub a { display: block; padding: .09rem .18rem; font-size: .14rem; color: #41506a; text-align: center; }
.main-nav .sub a:hover { background: var(--cyan-light); color: var(--cyan); }

/* 汉堡按钮（移动端右上角） */
#navToggle {
	display: none; width: .84rem; height: .84rem; border: 1px solid rgba(255,255,255,.4); border-radius: .08rem;
	background: transparent; cursor: pointer;
}
#navToggle span { display: block; width: .4rem; height: .04rem; background: #fff; margin: .08rem auto; transition: all .25s; }
#navToggle.open span:nth-child(1) { transform: translateY(.12rem) rotate(45deg); }
#navToggle.open span:nth-child(2) { opacity: 0; }
#navToggle.open span:nth-child(3) { transform: translateY(-.12rem) rotate(-45deg); }
#mobileNav {
	display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff;
	border-top: 1px solid var(--line); box-shadow: 0 .24rem .48rem rgba(14,47,85,.18);
	max-height: 0; overflow: hidden; transition: max-height .3s ease;
}
#mobileNav.show { max-height: calc(100vh - 1.1rem); overflow-y: auto; }
.m-group { border-bottom: 1px solid #f0f3f7; }
.m-link { display: flex; align-items: center; justify-content: space-between; padding: .26rem .36rem; font-size: .3rem; color: #22344e; }
.m-link.has-sub .caret { transition: transform .2s; }
.m-group.open .m-link.has-sub .caret { transform: rotate(180deg); }
.m-sub { display: none; background: var(--bg-soft); }
.m-sub a { display: block; padding: .2rem .36rem .2rem .68rem; font-size: .28rem; color: #41506a; }
.m-sub a.cur { color: var(--cyan); font-weight: bold; }

/* ===================== 首页大图轮播（卡片式字幕） ===================== */
.hero { position: relative; background: var(--navy); }
.hero .swiper-slide { height: 5.4rem; position: relative; overflow: hidden; }
.hero-slide { position: absolute; inset: 0; background-size: cover; background-position: center; }
.hero-slide::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,34,64,.62), rgba(10,34,64,.1)); }
/*.bg-1 { background-image: url("../images/hero-1.jpg"); }
.bg-2 { background-image: url("../images/hero-2.jpg"); }*/
.hero-caption {
	position: absolute; left: calc((100% - 15.2rem) / 2 + .2rem); bottom: .9rem; z-index: 5;  padding: .1rem .1rem; max-width: 8.4rem;
	/*background: rgba(255,255,255,0.8); border-radius: .1rem;
	box-shadow: 0 .14rem .34rem rgba(10,34,64,.28); border-left: .06rem solid var(--cyan);*/
}
.hero-caption .tag { display: inline-block; font-size: .13rem; letter-spacing: .03rem; color: /*var(--cyan)*/#aaa; font-weight: bold; margin-bottom: .06rem; }
.hero-caption h2 { font-size: .34rem; /*color: #16233a;*/ color:#fff; letter-spacing: .02rem; line-height: 1.4; }
.hero-caption p { font-size: .15rem; color: var(--text-light); margin-top: .08rem; }
.hero .swiper-pagination { text-align: right; padding-right: calc((100% - 15.2rem) / 2 + .2rem); bottom: .34rem !important; }
.hero .swiper-pagination-bullet { width: .28rem; height: .05rem; border-radius: .03rem; background: rgba(255,255,255,.5); opacity: 1; }
.hero .swiper-pagination-bullet-active { background: var(--gold); }
.hero .swiper-button-next, .hero .swiper-button-prev { width: .5rem; height: .5rem; border-radius: 50%; color: #fff; background: rgba(255,255,255,.14); transition: background .2s; }
.hero .swiper-button-next:hover, .hero .swiper-button-prev:hover { background: rgba(255,255,255,.3); }
.hero .swiper-button-next::after, .hero .swiper-button-prev::after { font-size: .18rem; }

/* ===================== 服务导航条（圆形图标，浅色带） ===================== */
.svc-band { background: var(--bg-soft); border-bottom: 1px solid var(--line); padding: .3rem 0; }
.svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .16rem; }
.svc-item { text-align: center; padding: .16rem .08rem; border-radius: .1rem; transition: all .22s; }
.svc-item:hover { background: #fff; box-shadow: 0 .08rem .2rem rgba(14,47,85,.1); transform: translateY(-.04rem); }
.svc-item .iconfont {
	width: .72rem; height: .72rem; margin: 0 auto .1rem; border-radius: 50%;
	display: flex; align-items: center; justify-content: center; font-size: .34rem; color: #fff;
}
.svc-1 .iconfont { background: linear-gradient(135deg, #3661a7, #5b85c8); }
.svc-2 .iconfont { background: linear-gradient(135deg, #12808f, #1a9bb5); }
.svc-3 .iconfont { background: linear-gradient(135deg, #0e5b8a, #2b83bd); }
.svc-4 .iconfont { background: linear-gradient(135deg, #a47030, #d9a441); }
.svc-5 .iconfont { background: linear-gradient(135deg, #4c5f80, #7387a8); }
.svc-item b { display: block; font-size: .2rem; color: #22344e; }
.svc-item span { display: block; font-size: .12rem; color: #94a2b5; margin-top: .02rem; letter-spacing: .02rem; }

/* ===================== 通用版块 ===================== */
.section { padding: .64rem 0; }
.section.soft { background: var(--bg-soft); }
.sec-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: .3rem; }
.sec-title { font-size: .28rem; color: #16233a; font-weight: bold; letter-spacing: .02rem; line-height: 1.3; position: relative; padding-bottom: .1rem; }
.sec-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: .5rem; height: .04rem; background: var(--cyan); border-radius: .02rem; }
.sec-title small { display: block; font-size: .12rem; color: #94a2b5; font-weight: normal; letter-spacing: .04rem; margin-top: .05rem; text-transform: uppercase; }
.sec-more { font-size: .14rem; color: #8b98a8; }
.sec-more .iconfont { font-size: .12rem; }
.sec-more:hover { color: var(--cyan); }
/* 居中版块标题（业务板块等）：标题+英文副题居中，装饰线跟随居中 */
.sec-head.sec-center { display: block; text-align: center; }
.sec-head.sec-center .sec-title { display: inline-block; text-align: center; }
.sec-head.sec-center .sec-title::after { left: 50%; transform: translateX(-50%); }

/* ===================== 处内活动新闻 + 通知公告（日期块版式） ===================== */
.news-grid { display: grid; grid-template-columns: 1.45fr 1fr; gap: .4rem; align-items: start; }
.date-news li { display: flex; gap: .18rem; padding: .15rem 0; border-bottom: 1px dashed var(--line); align-items: flex-start; }
.date-news .dbox {
	width: .74rem; flex: none; text-align: center; border-radius: .06rem; overflow: hidden;
	border: 1px solid var(--line); background: #fff;
}
.date-news .dbox b { display: block; font-size: .26rem; line-height: 1.25; font-family: Georgia, serif; color: var(--blue); background: var(--cyan-light); padding: .03rem 0 .01rem; }
.date-news .dbox span { display: block; font-size: .12rem; color: #94a2b5; padding: .02rem 0; }
.date-news h3 { font-size: .18rem; line-height: 1.5; margin-top: .02rem; }
.date-news h3 a:hover { color: var(--cyan); }
.date-news p { font-size: .13rem; color: var(--text-light); margin-top: .04rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.notice-panel { /*background: var(--navy);*/ border-radius: .1rem; overflow: hidden; color: #c6d6ea; position: relative; }
/* 底纹：半透明点阵 */
.notice-panel::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background-image: radial-gradient(rgba(255,255,255,.07) .01rem, transparent .01rem);
	background-size: .24rem .24rem;
}
.notice-panel > * { position: relative; z-index: 2; }
.notice-panel .np-head {
	/*background: linear-gradient(90deg, var(--cyan), #157c92);*/ color: #000;
	padding: .14rem .24rem; font-size: .18rem; font-weight: bold; letter-spacing: .02rem;
	display: flex; align-items: center; justify-content: space-between;
}
.notice-panel .np-head a { font-size: .12rem; color: rgba(255,255,255,.85); font-weight: normal; }
.notice-panel ul { /*padding: .12rem .24rem .18rem;*/ }
.notice-panel li { border-bottom: 1px dashed rgba(255,255,255,.14); }
.notice-panel a { display: flex; align-items: center; gap: .1rem; padding: .17rem 0; /*color: #c6d6ea;*/ color:#000; }
.notice-panel a:hover { color: var(--cyan);; }
.notice-panel .tag { flex: none; font-size: .11rem; padding: 0 .07rem; border-radius: .03rem; background: var(--gold); color: #3c2a05; }
.notice-panel .tag.b { background: var(--cyan); color: #fff; }
.notice-panel .t { flex: 1; font-size: .16rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notice-panel .d { flex: none; font-size: .12rem; opacity: .7; }

/* ===================== 合作交流（实景图数据带） ===================== */
.coop-band { position: relative; overflow: hidden; background-image: url("../images/hero-2.jpg"); background-size: cover; background-position: center; color: #fff; padding: .7rem 0; }
.coop-band::before { content: ""; position: absolute; inset: 0; background: linear-gradient(95deg, rgba(10,34,64,.92) 0%, rgba(14,47,85,.82) 55%, rgba(26,155,181,.55) 100%); }
/* 底纹：半透明点阵 */
.coop-band::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background-image: radial-gradient(rgba(255,255,255,.08) .01rem, transparent .01rem);
	background-size: .28rem .28rem;
}
.coop-inner { position: relative; z-index: 2; text-align: center; }
.coop-inner h2 { font-size: .34rem; letter-spacing: .03rem; }
.coop-inner .sub { font-size: .15rem; opacity: .85; margin-top: .06rem; letter-spacing: .02rem; }
.coop-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: .2rem; margin-top: .34rem; text-align: center; }
.coop-stats b { font-size: .46rem; font-family: Georgia, serif; color: var(--gold); }
.coop-stats b i { font-style: normal; font-size: .16rem; color: #fff; opacity: .85; margin-left: .04rem; }
.coop-stats span { display: block; font-size: .14rem; margin-top: .04rem; opacity: .9; letter-spacing: .02rem; }
.partner-chips { margin-top: .34rem; display: flex; flex-wrap: wrap; justify-content: center; gap: .1rem; }
.partner-chips a {
	font-size: .13rem; padding: .06rem .18rem; border: 1px solid rgba(255,255,255,.4); border-radius: .3rem;
	color: rgba(255,255,255,.9); transition: all .2s;
}
.partner-chips a:hover { background: #fff; color: var(--navy); border-color: #fff; }

/* ===================== 三大业务卡片（孔院/合作办学/港澳台） ===================== */
.biz-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .26rem; }
.biz-card { background: #fff; border: 1px solid var(--line); border-radius: .1rem; overflow: hidden; transition: all .25s; position: relative; }
.biz-card::before { content: ""; display: block; height: .06rem; }
.biz-card.b1::before { background: linear-gradient(90deg, #3661a7, #6f95d1); }
.biz-card.b2::before { background: linear-gradient(90deg, #12808f, #3cc0d4); }
.biz-card.b3::before { background: linear-gradient(90deg, #a47030, #e0b45a); }
.biz-card:hover { transform: translateY(-.06rem); box-shadow: 0 .14rem .3rem rgba(14,47,85,.14); }
.biz-card .inner { padding: .26rem .28rem .28rem; }
.biz-card .iconfont { font-size: .4rem; }
.biz-card.b1 .iconfont { color: #3661a7; }
.biz-card.b2 .iconfont { color: #12808f; }
.biz-card.b3 .iconfont { color: #a47030; }
.biz-card h3 { font-size: .22rem; color: #16233a; margin: .1rem 0 .06rem; letter-spacing: .02rem; }
.biz-card h3 em { font-style: normal; font-size: .12rem; color: #94a2b5; margin-left: .08rem; font-weight: normal; }
.biz-card p { font-size: .13rem; color: var(--text-light); }
.biz-card .go { margin-top: .14rem; display: inline-flex; align-items: center; gap: .06rem; font-size: .14rem; font-weight: bold; color: var(--cyan); }
.biz-card .go .iconfont { font-size: .13rem; color: var(--cyan); }

/* ===================== 内页：页头横幅 + 面包屑 ===================== */
.page-banner {
	position: relative; height: 2.6rem; color: #fff; overflow: hidden;
	background-image: url("../images/banner-inner.jpg"); background-size: cover; background-position: center;
	display: flex; align-items: center;
}
.page-banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,34,64,.85), rgba(10,34,64,.4)); }
/* 底纹：半透明经纬网格（国际交流风格） */
.page-banner::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background-image: linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.032) 1px, transparent 1px);
	background-size: .52rem .52rem;
}
/* 文字居中（区别于国教院左对齐） */
.page-banner .container { position: relative; z-index: 2; display: block; text-align: center; }
.page-banner h1 { font-size: .34rem; letter-spacing: .04rem; }
.page-banner h1::after { content: ""; display: block; width: .5rem; height: .04rem; background: var(--cyan); border-radius: .02rem; margin: .14rem auto 0; }
.page-banner .sub { font-size: .14rem; opacity: .8; letter-spacing: .02rem; margin-top: .06rem; }
.page-banner .en-big {
	position: absolute; right: .2rem; top: 50%; transform: translateY(-50%); white-space: nowrap;
	font-family: Georgia, serif; font-size: .5rem; opacity: .14; letter-spacing: .05rem; text-transform: uppercase;
}
.crumb { background: #fff; border-bottom: 1px solid var(--line); font-size: .13rem; color: #8b98a8; }
.crumb .container { height: .46rem; display: flex; align-items: center; gap: .08rem; flex-wrap: wrap; }
.crumb .iconfont { font-size: .13rem; }
.crumb a:hover { color: var(--cyan); }

/* ===================== 内页：左右结构布局 ===================== */
.layout { display: grid; grid-template-columns: 2.8rem 1fr; gap: .36rem; align-items: start; padding: .36rem 0 .6rem; }

/* ---------- 左侧栏目导航（最多 3 级，国交处风格：直角 + 青色高亮） ---------- */
.side-nav { background: #fff; border: 1px solid var(--line); border-top: .04rem solid var(--blue); }
.sn-title {
	background: var(--blue); color: #fff; font-size: .2rem; font-weight: bold; letter-spacing: .03rem;
	padding: .17rem .24rem; display: flex; align-items: center; gap: .1rem;
}
.sn-title .iconfont { font-size: .16rem; }
.sn-tree { padding: .08rem 0 .14rem; }
/* 一级栏目 */
.lv1 > a {
	display: flex; align-items: center; justify-content: space-between; gap: .08rem;
	padding: .13rem .24rem; font-size: .16rem; color: #33445e;
	border-left: .04rem solid transparent; transition: all .2s;
}
.lv1 > a:hover { color: var(--cyan); background: var(--cyan-light); }
.lv1 > a.cur { color: var(--blue); font-weight: bold; background: var(--cyan-light); border-left-color: var(--blue); }
.lv1.has-sub > a .arrow { font-size: .12rem; color: #b6c3d4; transition: transform .2s; }
.lv1.has-sub.open > a .arrow { transform: rotate(180deg); }
/* 二级栏目：缩进 + 实心圆点（与国教院的箭头图标区分） */
.lv2 { display: none; margin: .02rem 0 .1rem .36rem; }
.lv1.open > .lv2 { display: block; }
.lv2 > li { position: relative; }
.lv2 > li > a {
	display: flex; align-items: center; gap: .08rem;
	padding: .08rem .06rem; font-size: .15rem; color: #5a6a80; transition: color .2s;
}
.lv2 > li > a::before { content: "\e1324"; font-family: "iconfont"; font-size: .09rem; color: var(--cyan); opacity: .55; line-height: 1; flex: none; transition: opacity .2s; }
.lv2 > li > a:hover { color: var(--cyan); }
.lv2 > li > a:hover::before { opacity: 1; }
.lv2 > li > a.cur { color: var(--blue); font-weight: bold; }
.lv2 > li > a.cur::before { opacity: 1; color: var(--blue); }
.lv2 > li.has-sub > a .arrow { font-size: .1rem; color: #c3cfde; transition: transform .2s; margin-left: auto; }
.lv2 > li.has-sub.open > a .arrow { transform: rotate(180deg); }
/* 三级栏目：再缩进 + 空心小圆圈 */
.lv3 { display: none; margin: 0 0 .06rem .24rem; }
.lv2 > li.has-sub.open > .lv3 { display: block; }
.lv3 a { display: flex; align-items: center; gap: .08rem; padding: .07rem .06rem; font-size: .14rem; color: #6d7c92; transition: color .2s; }
.lv3 a::before { content: "\e1161"; font-family: "iconfont"; font-size: .08rem; color: #a9bdd8; line-height: 1; flex: none; transition: color .2s; }
.lv3 a:hover { color: var(--cyan); }
.lv3 a:hover::before { color: var(--cyan); }
.lv3 a.cur { color: var(--cyan); font-weight: bold; }
.lv3 a.cur::before { color: var(--cyan); }

/* 右侧内容区 */
.content-box { background: #fff; min-width: 0; border: 1px solid var(--line); border-top: .04rem solid var(--blue); }
.content-title {
	display: flex; align-items: baseline; gap: .14rem; padding: .2rem .28rem;
	border-bottom: 1px solid var(--line); position: relative;
}
.content-title::after { content: ""; position: absolute; left: .28rem; bottom: -1px; width: .6rem; height: .03rem; background: var(--cyan); }
.content-title h2 { font-size: .22rem; color: #16233a; letter-spacing: .01rem; }
.content-title span { font-size: .12rem; color: #94a2b5; letter-spacing: .03rem; text-transform: uppercase; }

/* ---------- 列表页（文字） ---------- */
.text-list { padding: .08rem .28rem 0; }
.text-list li { border-bottom: 1px dashed var(--line); }
.text-list a { display: flex; align-items: center; gap: .14rem; padding: .16rem .02rem; }
.text-list .idx {
	width: .28rem; height: .28rem; flex: none; border-radius: .05rem; background: var(--cyan-light);
	color: var(--blue); font-size: .14rem; display: flex; align-items: center; justify-content: center;
}
.text-list li:nth-child(-n+3) .idx { background: var(--blue); color: #fff; }
.text-list .t { flex: 1; font-size: .15rem; color: #33445e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.text-list a:hover .t { color: var(--cyan); }
.text-list .d { font-size: .13rem; color: #a5b0bd; flex: none; }
.pages { display: flex; justify-content: center; gap: .08rem; padding: .32rem 0 .1rem; }
.pages a, .pages span {
	min-width: .36rem; height: .36rem; padding: 0 .1rem; display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid var(--line); border-radius: .05rem; font-size: .13rem; color: #5a6a80;
}
.pages .cur { background: var(--blue); border-color: var(--blue); color: #fff; }
.pages a:hover { border-color: var(--blue); color: var(--blue); }

/* ---------- 列表页（图片+文字） ---------- */
.imgtext-list { padding: .08rem .28rem 0; }
.imgtext-list li { display: flex; gap: .22rem; padding: .2rem .02rem; border-bottom: 1px dashed var(--line); align-items: flex-start; }
.imgtext-list .cover { width: 2.2rem; height: 1.38rem; flex: none; border-radius: .08rem; overflow: hidden; background-size: cover; background-position: center; position: relative; }
.imgtext-list .cover .ph { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: .4rem; opacity: .85; }
.ph-1 { background: linear-gradient(120deg, #3661a7, #6f95d1); }
.ph-2 { background: linear-gradient(120deg, #12808f, #3cc0d4); }
.ph-3 { background: linear-gradient(120deg, #0e5b8a, #2b83bd); }
.cv-1 { background-image: url("../images/hero-1.jpg"); }
.cv-2 { background-image: url("../images/hero-2.jpg"); }
.imgtext-list .info { flex: 1; min-width: 0; }
.imgtext-list h3 { font-size: .17rem; line-height: 1.5; margin-bottom: .06rem; }
.imgtext-list h3 a:hover { color: var(--cyan); }
.imgtext-list p { font-size: .13rem; color: var(--text-light); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.imgtext-list .meta { margin-top: .08rem; font-size: .12rem; color: #a5b0bd; display: flex; gap: .2rem; }
.imgtext-list .meta .iconfont { font-size: .13rem; margin-right: .04rem; }
/* 无封面条目：仅标题 + 日期（小图标，区别于国教院） */
.imgtext-list li.no-cover { align-items: center; gap: .1rem; padding: .15rem .02rem; }
.imgtext-list li.no-cover::before { content: "\e1154"; font-family: "iconfont"; font-size: .14rem; color: var(--cyan); flex: none; line-height: 1; }
.imgtext-list li.no-cover .t { flex: 1; font-size: .15rem; color: #33445e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.imgtext-list li.no-cover a:hover .t { color: var(--cyan); }
.imgtext-list li.no-cover .d { font-size: .12rem; color: #a5b0bd; flex: none; }

/* ---------- 列表页（图片） ---------- */
.pic-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .24rem; padding: .08rem 0 0; }
.pic-card { border: 1px solid var(--line); border-radius: .08rem; overflow: hidden; transition: all .25s; background: #fff; }
.pic-card:hover { transform: translateY(-.05rem); box-shadow: 0 .1rem .24rem rgba(14,47,85,.14); }
.pic-card .ph { height: 1.8rem; display: flex; align-items: center; justify-content: center; color: #fff; position: relative; background-size: cover; background-position: center; }
.pic-card .ph .iconfont { font-size: .5rem; opacity: .8; }
.pic-card .ph .ph-tag { position: absolute; left: .1rem; top: .1rem; font-size: .11rem; padding: .02rem .1rem; background: rgba(0,0,0,.4); border-radius: .14rem; color: #fff; letter-spacing: .01rem; }
.pic-card .cap { padding: .14rem .16rem; }
.pic-card .cap h3 { font-size: .15rem; color: #33445e; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pic-card:hover .cap h3 { color: var(--cyan); }
.pic-card .cap .d { font-size: .12rem; color: #a5b0bd; margin-top: .04rem; }
.pg-1 { background-image: url("../images/hero-1.jpg"); }
.pg-2 { background-image: url("../images/hero-2.jpg"); }
.ph-4 { background: linear-gradient(120deg, #4c5f80, #7387a8); }
.ph-5 { background: linear-gradient(120deg, #a47030, #e0b45a); }

/* ---------- 文章页 ---------- */
.article { padding: .28rem .32rem .4rem; }
.article h1 { font-size: .26rem; color: #16233a; line-height: 1.5; text-align: center; }
.article .a-meta { display: flex; justify-content: center; flex-wrap: wrap; gap: .26rem; margin: .16rem 0 .1rem; padding-bottom: .16rem; border-bottom: 1px solid var(--line); font-size: .13rem; color: #8b98a8; }
.article .a-meta .iconfont { margin-right: .05rem; }
.article .a-body { font-size: .16rem; line-height: 2; color: #3c4a60; padding-top: .1rem; }
.article .a-body p { margin-bottom: .14rem; text-indent: 2em; }
.article .a-body h3 { font-size: .17rem; margin: .2rem 0 .1rem; color: var(--blue); }
.article .a-body .img-holder { margin: .18rem auto; border-radius: .08rem; overflow: hidden; background-size: cover; background-position: center; height: 3.2rem; }
.ih-1 { background-image: url("../images/hero-1.jpg"); }
.ih-2 { background-image: url("../images/hero-2.jpg"); }
.article .a-body blockquote { margin: .16rem 0; padding: .14rem .2rem; background: var(--cyan-light); border-left: .04rem solid var(--cyan); border-radius: 0 .06rem .06rem 0; color: #1c4550; text-indent: 0; }
.a-attach { margin-top: .2rem; padding: .14rem .18rem; background: #fbf7ee; border: 1px solid #efe3c8; border-radius: .06rem; font-size: .14rem; }
.a-attach h4 { font-size: .14rem; color: #8a5a10; margin-bottom: .06rem; display: flex; align-items: center; gap: .06rem; }
.a-attach li { padding: .04rem 0; }
.a-attach a { color: #41506a; }
.a-attach a:hover { color: var(--cyan); }
.a-attach .iconfont { font-size: .13rem; margin-right: .05rem; color: #b08a2e; }
.a-pager { display: grid; grid-template-columns: 1fr 1fr; gap: .14rem; margin-top: .3rem; padding-top: .18rem; border-top: 1px solid var(--line); font-size: .14rem; }
.a-pager a { color: #5a6a80; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.a-pager a:hover { color: var(--cyan); }
.a-pager .prev::before { content: "上一篇："; color: #a5b0bd; }
.a-pager .next { text-align: right; }
.a-pager .next::before { content: "下一篇："; color: #a5b0bd; }

/* ===================== 页脚（深海军蓝，居中品牌行） ===================== */
.footer { background: var(--navy); color: #a8bdd8; margin-top: .6rem; position: relative; overflow: hidden; }
/* 底纹：半透明经纬网格 */
.footer::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
	background-size: .62rem .62rem;
}
.footer > * { position: relative; z-index: 2; }
.footer-brand {
	display: flex; align-items: center; justify-content: center; gap: .3rem;
	padding: .36rem 0rem .36rem 0rem; border-bottom: 1px solid rgba(255,255,255,.1);
}
.footer-brand img { height: .7rem; }
.footer-brand .fb-txt { font-size: .18rem; color: #fff; letter-spacing: .04rem; text-align: center; line-height: 1.6; }
.footer-brand .fb-txt small { display: block; font-size: .11rem; color: #7d97b8; letter-spacing: .06rem; text-transform: uppercase; }
.footer-top { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: .36rem; padding: .4rem 0 .3rem; }
.footer h4 { color: #fff; font-size: .17rem; letter-spacing: .02rem; margin-bottom: .16rem; position: relative; padding-bottom: .1rem; }
.footer h4::after { content: ""; position: absolute; left: 0; bottom: 0; width: .28rem; height: .03rem; background: var(--cyan); border-radius: .02rem; }
.footer .f-contact li { font-size: .13rem; line-height: 2.1; display: flex; gap: .08rem; }
.footer .f-contact .iconfont { margin-top: .05rem; color: var(--cyan); font-size: .14rem; }
.f-quick a, .f-svc a { display: block; font-size: .13rem; line-height: 2.2; color: #a8bdd8; }
.f-quick a:hover, .f-svc a:hover { color: #fff; }
.footer .flink-select {
	width: 100%; height: .38rem; border: 1px solid #2c4a75; background: #0a2440; color: #a8bdd8;
	padding: 0 .1rem; font-size: .13rem; border-radius: .04rem; margin-bottom: .1rem; outline: none; cursor: pointer;
}
.footer-bottom { border-top: 1px solid #1a3a63; padding: .16rem 0; font-size: .12rem; text-align: center; color: #6f89aa; }
.footer-bottom a { color: #6f89aa; }

/* 返回顶部 */
#backTop {
	position: fixed; right: .24rem; bottom: .6rem; width: .46rem; height: .46rem; border-radius: 50%;
	background: var(--blue); color: #fff; border: none; cursor: pointer; font-size: .18rem;
	box-shadow: 0 .06rem .16rem rgba(14,47,85,.35); opacity: 0; visibility: hidden; transition: all .25s; z-index: 99;
}
#backTop.show { opacity: 1; visibility: visible; }
#backTop:hover { background: var(--cyan); }

/* ===================== 导航搜索框 ===================== */
.main-nav .nav-search { display: flex; align-items: center; }
#searchToggle {
	background: none; border: none; color: inherit; width:0.24rem; height:0.24rem; font-size: .2rem; color:#fff; border:0.01rem solid #fff; border-radius:100%;
	cursor: pointer; padding: 0rem .02rem; opacity: .92; transition: opacity .2s, transform .2s;
}
#searchToggle:hover { opacity: 1; transform: scale(1.12); }
.search-bar {
	display: none; position: absolute; top: .68rem; right: .16rem; z-index: 400;
	align-items: center; gap: .12rem; padding: .07rem .08rem .07rem .28rem;
	background: #fff; border: 1px solid rgba(120,150,190,.2); border-radius: .4rem;
	box-shadow: 0 .14rem .36rem rgba(6,30,58,.26);
}
.search-bar.show { display: flex; }
.search-bar input { border: none; outline: none; background: transparent; height: .36rem; width: 3.1rem; font-size: .15rem; color: #33445e; }
.search-bar input::placeholder { color: #a5b0bd; }
.search-bar .sb-go {
	width: .38rem; height: .38rem; flex: none; border: none; border-radius: 50%;
	background: var(--blue); color: #fff; font-size: .16rem; cursor: pointer; transition: background .2s;
}
.search-bar .sb-go:hover { background: var(--cyan); }

/* ===================== 列表条目：鼠标经过右移动效 ===================== */
.text-list li, .imgtext-list li, .date-news li, .notice-panel li {
	transition: transform .25s ease;
}
.text-list li:hover, .imgtext-list li:hover, .date-news li:hover, .notice-panel li:hover {
	transform: translateX(.08rem);
}

/* =========================================================================
   移动端适配（≤768px，1rem = 50px @ 375 设计稿）
   ========================================================================= */
@media (max-width: 768px) {
	.topbar{ display:none;}
	.topbar .container { height: .56rem; }
	.tb-welcome { display: none; }
	.tb-links { gap: .14rem; font-size: .20rem; text-align:right; }

	.header-inner { height: 1.1rem; }
	.brand img { /*height: .68rem;*/ }
	.main-nav { display: none; }
	#navToggle { display: block; border:none; }
	#mobileNav { display: block; }
	/* 汉堡按钮：尺寸对齐国教院（.5rem，三横线 .3rem） */
	#navToggle { width: .5rem; height: .5rem; border-radius: .08rem; }
	#navToggle span { width: .3rem; height: .04rem; margin: .08rem auto; }
	/* 汉堡菜单字号：对齐国教院 */
	.m-link { padding: .24rem .32rem; font-size: .22rem; }
	.m-sub a { padding: .2rem .32rem .2rem .64rem; font-size: .2rem; }
	/* 移动端搜索（汉堡菜单底部） */
	.m-search { display: flex; align-items: center; gap: .14rem; padding: .24rem .32rem .32rem; border-bottom: 1px solid #f0f3f7; }
	.m-search input {
		flex: 1; min-width: 0; height: .64rem; border: 1px solid #d4dde8; border-radius: .32rem;
		background: #f5f8fb; padding: 0 .24rem; font-size: .2rem; color: #33445e; outline: none;
	}
	.m-search input:focus { border-color: var(--blue); background: #fff; }
	.m-search button {
		width: .64rem; height: .64rem; flex: none; border: none; border-radius: 50%;
		background: var(--blue); color: #fff; font-size: .28rem; cursor: pointer;
	}
	/* 移动端隐藏桌面搜索浮层 */
	.search-bar { display: none !important; }

	.hero .swiper-slide { height: 3.4rem; }
	.hero-caption { left: .24rem; right: .24rem; bottom: .5rem; padding: .2rem .26rem; }
	.hero-caption h2 { font-size: .3rem; }
	.hero-caption p { font-size: .22rem; }
	.hero-caption .tag { font-size: .21rem; }
	.hero .swiper-pagination { padding-right: .3rem; bottom: .18rem !important; }
	.hero .swiper-button-next, .hero .swiper-button-prev { display: none; }

	.svc-grid { grid-template-columns: repeat(3, 1fr); gap: .12rem; }
	/* 服务带字号对齐国教院快捷卡 */
	.svc-item b { font-size: .25rem; }
	.svc-item span { font-size: .18rem; }
	.svc-item .iconfont { width: .68rem; height: .68rem; font-size: .28rem; }

	.section { padding: .48rem 0; }
	.sec-head { margin-bottom: .26rem; }
	.sec-title { font-size: .34rem; }
	.sec-more { font-size: .18rem; }
	.news-grid { grid-template-columns: 1fr; gap: .5rem; }
	/* 日期块新闻：字号与日期块比例对齐国教院通知公告 */
	.date-news h3 { font-size: .24rem; }
	.date-news p { font-size: .2rem; }
	.date-news .dbox { width: 1rem; }
	.date-news .dbox b { font-size: .3rem; }
	.date-news .dbox span { font-size: .16rem; }
	.notice-panel .t { font-size: .24rem; }

	.coop-stats { grid-template-columns: repeat(2, 1fr); gap: .28rem .1rem; }
	.coop-stats b { font-size: .52rem; }
	.coop-stats span { font-size: .22rem; }
	.partner-chips a { font-size: .22rem; }
	.coop-inner h2 { font-size: .4rem; }

	.biz-grid { grid-template-columns: 1fr; gap: .18rem; }
	.biz-card h3 { font-size: .32rem; }
	.biz-card p { font-size: .18rem; }

	.page-banner { height: 2rem; }
	.page-banner h1 { font-size: .38rem; }
	.page-banner .sub { font-size: .24rem; }
	.page-banner .en-big { display: none; }
	.crumb .container { height: .6rem; font-size: .2rem; }
	.layout { grid-template-columns: 1fr; gap: .24rem; padding: .26rem 0 .44rem; }
	/* 左侧导航（移动端折叠面板）字号对齐国教院 */
	.sn-title { padding: .2rem .28rem; font-size: .26rem; }
	.lv1 > a { padding: .2rem .28rem; font-size: .26rem; }
	.lv2 { margin: .04rem .3rem .08rem .4rem; padding-left: .2rem; }
	.lv2 > li > a { padding: .14rem .1rem; font-size: .24rem; }
	.lv3 a { padding: .12rem .1rem; font-size: .22rem; }

	.content-title { padding: .22rem .26rem; }
	.content-title h2 { font-size: .3rem; }
	.text-list { padding: .08rem .26rem 0; }
	.text-list .t { font-size: .24rem; }
	.text-list .d { font-size: .22rem; }
	.imgtext-list li { flex-direction: column; gap: .14rem; }
	.imgtext-list .cover { width: 100%; height: 3rem; }
	.imgtext-list li.no-cover .t { font-size: .26rem; }
	.pic-grid { grid-template-columns: repeat(2, 1fr); gap: .16rem; }
	.pic-card .ph { height: 2rem; }
	.pic-card .cap h3 { font-size: .24rem; font-weight: normal; }
	.pic-card .cap .d { font-size: .2rem; }
	.pages .cur { font-size: .2rem; }
	.pages a,
	.pages span { font-size: .2rem; padding: .2rem .1rem; }

	.article { padding: .24rem .26rem .34rem; }
	.article h1 { font-size: .32rem; }
	.article .a-body h3 { font-size: .24rem; }
	.article .a-meta { font-size: .22rem; gap: .2rem; }
	.article .a-body { font-size: .24rem; }
	.article .a-body .img-holder { height: 3.4rem; }
	.a-pager { grid-template-columns: 1fr; font-size: .22rem; }
	.a-pager .next { text-align: left; }
	.a-attach { font-size: .2rem; }
	.a-attach h4 { font-size: .24rem; }

	.footer { margin-top: .4rem; }
	.footer-brand { flex-direction: column; gap: .16rem; padding: .3rem 0 .12rem; text-align: center; }
	.footer h4 { font-size: .22rem; }
	.footer .f-contact li { font-size: .2rem; }
	.f-quick a, .f-svc a { font-size: .18rem; }
	.footer .flink-select { font-size: .2rem; }
	.footer-bottom { font-size: .16rem; }
	.footer-top { /*grid-template-columns: 1fr 1fr;*/ grid-template-columns: 1fr 1fr; gap: .26rem; padding: .3rem 0 .2rem; }
	#backTop { right: .2rem; bottom: .5rem; }
}
@media (max-width: 400px) {
	.svc-grid { grid-template-columns: repeat(2, 1fr); }
	.pic-grid { grid-template-columns: 1fr; }
	.footer-top { grid-template-columns: 1fr; }
}

/* =========================================================================
   展开箭头：CSS 实心三角（区别于国教院的字体箭头图标）
   元素仍保留 <i class="iconfont icon-triangle ...">，此处隐藏字形并用边框绘制
   ========================================================================= */
.main-nav .caret,
.m-link .caret,
.lv1.has-sub > a .arrow,
.lv2 > li.has-sub > a .arrow {
	font-size: 0; line-height: 0; width: 0; height: 0; flex: none;
	border-left: .05rem solid transparent;
	border-right: .05rem solid transparent;
	border-top: .055rem solid currentColor;
	transition: transform .22s;
}
.main-nav .caret { color: #9db8dd; margin-left: .06rem; }
.m-link .caret { color: #8fa2bd; }
.lv1.has-sub > a .arrow { color: #93a6c0; }
.lv2 > li.has-sub > a .arrow {
	color: #b6c3d4; margin-left: auto;
	border-left-width: .042rem; border-right-width: .042rem; border-top-width: .048rem;
}
.main-nav > li:hover .caret { color: #fff; }
.lv1.has-sub.open > a .arrow,
.lv2 > li.has-sub.open > a .arrow,
.m-group.open .m-link.has-sub .caret { transform: rotate(180deg); }