@charset "utf-8";
/* PERF-NO-GFONTS 20261014_011018 */
/* =========================================================
   昌江职教中心 · 颠覆性宽屏改版（内容结构不变）
   容器：min(1600px, 96vw)  打破原 1000px 框
   ========================================================= */
:root {
  --school-navy: #0a4f92;
  --school-navy-2: #0c5aa3;
  --school-blue: #0e64b6;
  --school-gold: #d4af37;
  --school-gold-2: #f0d078;
  --school-ink: #142033;
  --school-muted: #667589;
  --school-line: rgba(14, 100, 182, 0.14);
  --school-paper: #eef3f9;
  --school-white: #ffffff;
  --school-shadow: 0 18px 50px rgba(14, 100, 182, 0.14);
  --school-max: min(1280px, 96vw);
  --font-display: "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --font-body: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Noto Sans SC", system-ui, sans-serif;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body) !important;
  color: var(--school-ink) !important;
  background: var(--school-paper) !important;
  background-image:
    radial-gradient(ellipse 80% 40% at 10% -10%, rgba(14,100,182,.18), transparent 55%),
    radial-gradient(ellipse 60% 35% at 90% 0%, rgba(212,175,55,.12), transparent 50%),
    linear-gradient(180deg, #d9e8f6 0%, var(--school-paper) 280px, #e8f0f8 100%) !important;
  line-height: 1.75 !important;
  overflow-x: hidden !important;
}
a { transition: color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease; }
img { max-width: 100%; height: auto; }

/* ========== 全局加宽：打碎 1000px ========== */
.mianw,
.header,
.headbanner,
.indexad,
.main,
.main2,
.main.mianw {
  width: var(--school-max) !important;
  max-width: var(--school-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.main {
  border: none !important;
  background: transparent !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  width: var(--school-max) !important;
}
.main2 {
  width: var(--school-max) !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.main .con { padding: 0 !important; width: 100% !important; }
.main100 { width: 100% !important; }

/* ========== 顶栏 ========== */
body::before {
  content: "";
  position: fixed;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--school-gold), var(--school-blue), var(--school-navy));
  z-index: 200;
}

.header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  padding: 22px 8px 18px !important;
  float: none !important;
  height: auto !important;
  background: transparent !important;
}
.header::after {
  content: none !important;
}
.header > a {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  float: none !important;
  text-decoration: none !important;
}
.header > a img {
  height: 78px !important;
  width: auto !important;
  max-width: 78px !important;
  object-fit: contain !important;
}
.header > a::after {
  content: none !important;
  display: none !important;
}
.header .right {
  width: auto !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 10px !important;
}
.header .right .box1 {
  width: auto !important;
  height: auto !important;
  text-align: right !important;
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}
.header .right .box1 a,
.header .right .box1 span {
  color: var(--school-muted) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  background: none !important;
  padding: 0 !important;
}
.header .right .box1 a:hover { color: var(--school-blue) !important; }
.header .right .box2 {
  width: min(340px, 32vw) !important;
  height: 44px !important;
  margin: 0 !important;
  display: flex !important;
  border: 1px solid var(--school-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(7,24,40,.06) !important;
  overflow: hidden !important;
}
.header .right .box2 input[type=text] {
  flex: 1 !important;
  width: auto !important;
  height: 44px !important;
  padding: 0 18px !important;
  color: var(--school-ink) !important;
}
.header .right .box2 input[type=submit] {
  width: 48px !important;
  height: 44px !important;
  background-color: var(--school-navy) !important;
  background-position: center !important;
  border: none !important;
  cursor: pointer !important;
}

/* ========== 导航全宽条 + 宽内容 ========== */
.headbanner {
  width: var(--school-max) !important;
  max-width: var(--school-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  background: transparent !important;
}
.headbanner > nav {
  width: 100% !important;
  background: linear-gradient(90deg, #083a6c 0%, #0e64b6 48%, #1574c9 100%) !important;
  border-top: 3px solid var(--school-gold) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.28) !important;
  position: relative;
  z-index: 30;
}
.headbanner > nav .level {
  width: var(--school-max) !important;
  margin: 0 auto !important;
  display: flex !important;
  float: none !important;
  justify-content: stretch !important;
  list-style: none !important;
  padding: 0 !important;
}
.headbanner nav .level > li {
  float: none !important;
  width: auto !important;
  flex: 1 1 0 !important;
  text-align: center !important;
  position: relative !important;
}
.headbanner nav .level > li:first-child:empty,
.headbanner nav .level > li:first-child:not(:has(a)) {
  display: none !important;
}
.headbanner nav .level > li > a {
  display: block !important;
  color: #fff !important;
  font-size: clamp(14px, 1.05vw, 16px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  line-height: 68px !important;
  padding: 0 6px !important;
  position: relative !important;
}
.headbanner nav .level > li > a::after {
  content: "";
  position: absolute;
  left: 50%; bottom: 10px;
  width: 0; height: 2px;
  background: var(--school-gold);
  transform: translateX(-50%);
  transition: width .28s ease;
}
.headbanner nav .level > li:hover > a,
.headbanner nav .level > li > a:hover {
  color: var(--school-gold-2) !important;
  background: rgba(255,255,255,.04) !important;
}
.headbanner nav .level > li:hover > a::after { width: 40%; }

.headbanner nav .two {
  display: none !important;
  position: absolute !important;
  left: 0 !important;
  top: 100% !important;
  min-width: 180px !important;
  width: max(100%, 180px) !important;
  background: #fff !important;
  box-shadow: var(--school-shadow) !important;
  border-radius: 0 0 8px 8px !important;
  z-index: 50 !important;
  padding: 6px 0 !important;
}
.headbanner nav .level > li:hover .two { display: block !important; }
.headbanner nav .two li {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  float: none !important;
  text-align: left !important;
}
.headbanner nav .two li a {
  color: var(--school-ink) !important;
  line-height: 42px !important;
  padding: 0 18px !important;
  font-size: 14px !important;
  border-bottom: 1px solid var(--school-line) !important;
}
.headbanner nav .two li:hover,
.headbanner nav .two li a:hover {
  background: rgba(212,175,55,.14) !important;
  color: var(--school-navy) !important;
}

/* 轮播全宽加高 */
.headbanner > center {
  display: block !important;
  width: 100% !important;
  position: relative !important;
}
#rt-showcase-surround,
#rt-showcase,
.slider-container,
.rt-container,
.rt-grid-12,
.csslider1 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
.csslider1,
.csslider1 > ul {
  height: clamp(360px, 42vw, 560px) !important;
}
.csslider1 > ul > li,
.csslider1 > ul > li img,
.csslider1 img {
  width: 100% !important;
  height: clamp(360px, 42vw, 560px) !important;
  object-fit: cover !important;
}
#rt-showcase-surround::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(105deg, rgba(7,24,40,.72) 0%, rgba(7,24,40,.25) 48%, rgba(7,24,40,.45) 100%),
    linear-gradient(180deg, transparent 50%, rgba(7,24,40,.55));
  z-index: 3;
  pointer-events: none;
}
.school-hero-brand {
  position: absolute !important;
  left: max(24px, calc((100% - var(--school-max)) / 2)) !important;
  bottom: 14% !important;
  z-index: 5 !important;
  color: #fff !important;
  max-width: min(640px, 48vw) !important;
  pointer-events: none !important;
  animation: schoolRise .9s ease both;
}
.school-hero-brand .eyebrow {
  display: inline-block;
  padding: 6px 14px;
  margin-bottom: 16px;
  border: 1px solid rgba(212,175,55,.75);
  color: var(--school-gold-2);
  font-size: 12px;
  letter-spacing: .22em;
  background: rgba(7,24,40,.35);
}
.school-hero-brand h1 {
  font-family: var(--font-display);
  font-size: clamp(32px, 3.6vw, 52px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 14px;
  text-shadow: 0 10px 36px rgba(0,0,0,.4);
}
.school-hero-brand p {
  margin: 0;
  font-size: clamp(15px, 1.2vw, 18px);
  color: rgba(255,255,255,.9);
  letter-spacing: .06em;
}
@keyframes schoolRise {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: translateY(0); }
}

.indexad { display: none !important; }

/* ========== 首页主体：宽屏网格 ========== */
.main.mianw {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.headnews {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  height: auto !important;
  min-height: 64px !important;
  margin: 0 0 28px !important;
  background: #fff !important;
  border: 1px solid var(--school-line) !important;
  border-left: 5px solid var(--school-gold) !important;
  border-radius: 6px !important;
  box-shadow: var(--school-shadow) !important;
  overflow: hidden !important;
}
.headnews .left {
  width: 180px !important;
  float: none !important;
  background: linear-gradient(160deg, #0a4f92, #0e64b6) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.headnews .left span {
  background: none !important;
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: .2em !important;
  color: #fff !important;
  line-height: 1.2 !important;
}
.headnews .rights {
  width: auto !important;
  flex: 1 !important;
  float: none !important;
  display: grid !important;
  grid-template-columns: 1fr 1.2fr !important;
  gap: 0 !important;
  height: auto !important;
  text-align: left !important;
}
.headnews .rights a {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 16px 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  border-right: 1px solid var(--school-line) !important;
}
.headnews .rights a:last-child { border-right: none !important; }
.headnews .rights a h1 {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--school-ink) !important;
  float: none !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}
.headnews .rights a span {
  float: none !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  color: var(--school-gold) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}
.headnews .rights a:hover h1 { color: var(--school-blue) !important; }

/* 焦点图 + 资讯：宽屏双栏 */
.bannews {
  display: grid !important;
  grid-template-columns: minmax(0, 38%) minmax(0, 62%) !important;
  gap: 28px !important;
  width: 100% !important;
  margin: 0 0 28px !important;
  background: transparent !important;
}
.bannews .ban,
.bannews .demo1 {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  height: auto !important;
}
.bannews .ban {
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: var(--school-shadow) !important;
  background: #0b1f35 !important;
}
.yx-rotaion,
.rotaion_list,
.rotaion_list li,
.rotaion_list li img {
  width: 100% !important;
  height: clamp(340px, 28vw, 460px) !important;
}
.rotaion_list li img {
  object-fit: cover !important;
}

.bannews .demo1 {
  background: #fff !important;
  border: 1px solid var(--school-line) !important;
  border-radius: 8px !important;
  box-shadow: var(--school-shadow) !important;
  padding: 8px 8px 12px !important;
  min-height: clamp(340px, 28vw, 460px) !important;
}
.demo1 .tab_menu,
.demo2 .tab_menu,
.notice .tab {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 56px !important;
  padding: 8px 12px 0 !important;
  border-bottom: 1px solid var(--school-line) !important;
  background: linear-gradient(180deg, #f7f9fc, #fff) !important;
  margin: 0 !important;
}
.demo1 .tab_menu li,
.demo2 .tab_menu li {
  float: none !important;
  width: auto !important;
}
.demo1 .tab_menu li a,
.demo2 .tab_menu li a,
.demo1 .tab_menu li.current a,
.demo2 .tab_menu li.current a,
.notice .tab a.on {
  width: auto !important;
  display: inline-block !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  font-family: var(--font-display) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--school-navy) !important;
  background: transparent !important;
  position: relative !important;
}
.demo1 .tab_menu li.current a::after,
.demo2 .tab_menu li.current a::after,
.notice .tab a.on::after {
  content: "";
  position: absolute;
  left: 14px; right: 14px; bottom: 0;
  height: 3px;
  background: var(--school-gold);
}
.demo1 .tab_menu .more,
.demo2 .tab_menu .more,
.notice .tab .more {
  margin-left: auto !important;
  color: var(--school-muted) !important;
  font-size: 13px !important;
  line-height: 56px !important;
}
.tab_box,
.hide {
  padding: 8px 14px 10px !important;
}
.tab_box ul,
.hide ul,
.notice ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.tab_box ul li,
.hide ul li,
.notice ul li {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 12px 4px !important;
  border-bottom: 1px dashed rgba(7,24,40,.08) !important;
  width: 100% !important;
  float: none !important;
}
.tab_box ul li a,
.hide ul li a,
.notice ul li a,
.tab_box ul li a font,
.hide ul li a font,
.notice ul li a font {
  color: var(--school-ink) !important;
  font-size: 15px !important;
  flex: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.tab_box ul li a:hover,
.hide ul li a:hover,
.notice ul li a:hover,
.tab_box ul li a:hover font {
  color: var(--school-blue) !important;
}
.tab_box ul li span,
.hide ul li span,
.notice ul li span {
  color: var(--school-muted) !important;
  font-size: 13px !important;
  flex-shrink: 0 !important;
}

/* 快捷入口：加宽五列大按钮 */
.icons {
  width: 100% !important;
  margin: 0 0 28px !important;
  background: transparent !important;
}
.icons ul {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.icons li {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  background:
    linear-gradient(145deg, rgba(212,175,55,.18), transparent 40%),
    linear-gradient(160deg, #0a4f92, #0e64b6) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-top: 3px solid var(--school-gold) !important;
  box-shadow: var(--school-shadow) !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
}
.icons li:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 48px rgba(7,24,40,.28) !important;
}
.icons li a {
  display: block !important;
  color: #fff !important;
  font-size: clamp(15px, 1.15vw, 18px) !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  padding: 34px 12px !important;
  text-align: center !important;
}

/* 下方新闻区：宽双栏 */
.wnnews {
  display: grid !important;
  grid-template-columns: minmax(0, 40%) minmax(0, 60%) !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 0 0 24px !important;
  background: transparent !important;
  clear: both !important;
}
.wnnews .demo2,
.wnnews .notice {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid var(--school-line) !important;
  border-radius: 8px !important;
  box-shadow: var(--school-shadow) !important;
  overflow: hidden !important;
  min-height: 0 !important;
  height: auto !important;
}
.wnnews .notice.margin0 { margin: 0 !important; }

/* 数字化校园 */
.main2 .meili {
  display: flex !important;
  width: 100% !important;
  min-height: 220px !important;
  margin: 0 0 24px !important;
  background: #fff !important;
  border: 1px solid var(--school-line) !important;
  border-radius: 8px !important;
  box-shadow: var(--school-shadow) !important;
  overflow: hidden !important;
}
.main2 .meili .left {
  width: 220px !important;
  float: none !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(165deg, #0a4f92, #1574c9) !important;
  border-right: 4px solid var(--school-gold) !important;
  padding: 24px 12px !important;
}
.main2 .meili .left br { display: none !important; }
.main2 .meili .left span {
  display: block !important;
  font-family: var(--font-display) !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: .18em !important;
  line-height: 1.45 !important;
}
.main2 .meili .rights {
  flex: 1 !important;
  float: none !important;
  width: auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  padding: 20px !important;
  align-content: center !important;
}
.main2 .meili .rights li {
  list-style: none !important;
  float: none !important;
  width: auto !important;
  text-align: center !important;
  padding: 16px 8px !important;
  border-radius: 8px !important;
  transition: background .25s ease, transform .25s ease !important;
}
.main2 .meili .rights li:hover {
  background: rgba(27,95,170,.06) !important;
  transform: translateY(-3px) !important;
}
.main2 .meili .rights li img {
  width: 52px !important;
  height: 52px !important;
  object-fit: contain !important;
}
.main2 .meili .rights li p {
  margin: 10px 0 0 !important;
  color: var(--school-ink) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

#marquee2 {
  width: 100% !important;
  padding: 16px !important;
}
#marquee2 ul {
  display: flex !important;
  gap: 14px !important;
}
#marquee2 li {
  border-radius: 6px !important;
  overflow: hidden !important;
}
#marquee2 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
#marquee2 li:hover img { transform: scale(1.04) !important; }

/* ========== 页脚全宽 ========== */
.footer.main100,
.footer {
  width: 100% !important;
  max-width: none !important;
  background:
    linear-gradient(180deg, rgba(212,175,55,.15), transparent 30%),
    linear-gradient(180deg, #0e64b6, #0a4f92) !important;
  color: rgba(255,255,255,.78) !important;
  padding: 28px 16px 20px !important;
  margin-top: 20px !important;
  border-top: 3px solid var(--school-gold) !important;
  text-align: center !important;
}
.footer p,
.footer span,
.footer a {
  color: rgba(255,255,255,.78) !important;
  font-size: 14px !important;
  line-height: 2 !important;
}
.footer a:hover { color: var(--school-gold-2) !important; }

/* ========== 内页同步加宽 ========== */
.main .con .left,
.main .con .right,
.nyleft,
.nyright,
.content,
.listbox {
  max-width: none;
}
/* 常见内页左右栏若存在固定宽度则拉伸 */
.main .left[style],
.left.ny,
.ny_left {
  width: 280px !important;
}

/* 浮动侧广告 */
#move_port {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(7,24,40,.28);
}

/* ========== 手机菜单按钮 / 抽屉 ========== */
.school-menu-btn {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid var(--school-line);
  border-radius: 10px;
  background: #fff;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(7,24,40,.08);
  z-index: 80;
}
.school-menu-btn span {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--school-navy);
  border-radius: 2px;
  transition: transform .25s ease, opacity .25s ease;
}
.school-menu-btn.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.school-menu-btn.is-open span:nth-child(2) { opacity: 0; }
.school-menu-btn.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.school-nav-mask {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(7,24,40,.45);
  z-index: 90;
}
body.school-nav-open .school-nav-mask { display: block; }
body.school-nav-open { overflow: hidden !important; }

/* ========== 响应式：平板 / 手机 ========== */
@media (max-width: 1200px) {
  :root { --school-max: min(1280px, 96vw); }
  .header > a::after { content: none !important; display: none !important; }
  .main2 .meili .rights { grid-template-columns: repeat(4, 1fr) !important; }
}

@media (max-width: 992px) {
  :root { --school-max: 96vw; }
  .bannews,
  .wnnews { grid-template-columns: 1fr !important; }
  .bannews .ban,
  .bannews .demo1,
  .wnnews .demo2,
  .wnnews .notice {
    width: 100% !important;
    float: none !important;
    margin: 0 0 16px !important;
  }
  .icons ul { grid-template-columns: repeat(3, 1fr) !important; }
  .icons li { width: auto !important; float: none !important; margin: 0 !important; height: auto !important; }
  .headnews .rights { grid-template-columns: 1fr !important; }
  .headnews .rights a {
    width: 100% !important;
    float: none !important;
    border-right: none !important;
    border-bottom: 1px solid var(--school-line) !important;
  }
  .main2 .meili { flex-direction: column !important; height: auto !important; }
  .main2 .meili .left {
    display: flex !important;
    width: 100% !important;
    flex-direction: row !important;
    gap: 12px !important;
    min-height: 72px !important;
  }
  .main2 .meili .rights {
    width: 100% !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
  .school-hero-brand { max-width: 86vw !important; bottom: 10% !important; }
  .csslider1,
  .csslider1 > ul,
  .csslider1 > ul > li,
  .csslider1 > ul > li img,
  .yx-rotaion,
  .rotaion_list,
  .rotaion_list li,
  .rotaion_list li img {
    height: 280px !important;
  }
  .bannews .demo1 { min-height: 0 !important; }
}

@media (max-width: 768px) {
  :root { --school-max: 100vw; }

  /* 顶栏：logo + 菜单按钮一行 */
  .header {
    width: 100% !important;
    max-width: 100% !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 85 !important;
    background: rgba(238,242,247,.96) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--school-line) !important;
  }
  .header > a { gap: 10px !important; min-width: 0 !important; flex: 1 !important; }
  .header > a img { height: 48px !important; max-width: 48px !important; }
  .header > a::after { content: none !important; display: none !important; }
  .header .right {
    display: none !important; /* 搜索放进抽屉 */
  }
  .school-menu-btn { display: inline-flex !important; }

  /* 导航：抽屉 */
  .headbanner {
    width: 100% !important;
    max-width: 100% !important;
  }
  .headbanner > nav {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: min(84vw, 320px) !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: linear-gradient(180deg, #0a4f92, #12325c) !important;
    border: none !important;
    border-left: 3px solid var(--school-gold) !important;
    box-shadow: -16px 0 40px rgba(0,0,0,.35) !important;
    transform: translateX(105%);
    transition: transform .3s ease;
    z-index: 95 !important;
    overflow-y: auto !important;
    padding: 72px 0 24px !important;
  }
  body.school-nav-open .headbanner > nav {
    transform: translateX(0);
  }
  .headbanner nav .level {
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .headbanner nav .level > li {
    flex: none !important;
    width: 100% !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }
  .headbanner nav .level > li > a {
    line-height: 48px !important;
    font-size: 15px !important;
    letter-spacing: .04em !important;
    padding: 0 20px !important;
    text-align: left !important;
  }
  .headbanner nav .level > li > a::after { display: none !important; }
  .headbanner nav .two {
    display: none !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    background: rgba(0,0,0,.2) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  .headbanner nav .level > li.is-open .two,
  .headbanner nav .level > li:hover .two {
    display: block !important;
  }
  .headbanner nav .two li a {
    color: rgba(255,255,255,.88) !important;
    line-height: 40px !important;
    padding-left: 32px !important;
    border-bottom-color: rgba(255,255,255,.06) !important;
  }
  .headbanner nav .two li:hover,
  .headbanner nav .two li a:hover {
    background: rgba(212,175,55,.16) !important;
    color: #fff !important;
  }

  /* 抽屉内搜索 */
  .school-mobile-search {
    display: block;
    padding: 0 16px 16px;
  }
  .school-mobile-search form {
    display: flex;
    background: #fff;
    border-radius: 999px;
    overflow: hidden;
  }
  .school-mobile-search input[type=text] {
    flex: 1;
    border: 0;
    height: 40px;
    padding: 0 14px;
    outline: none;
  }
  .school-mobile-search input[type=submit] {
    width: 44px;
    border: 0;
    background: var(--school-gold) url(/static/images/iconSearch.png) center no-repeat;
    background-size: 16px;
    cursor: pointer;
  }

  /* 轮播 / 品牌 */
  .csslider1,
  .csslider1 > ul,
  .csslider1 > ul > li,
  .csslider1 > ul > li img,
  .yx-rotaion,
  .rotaion_list,
  .rotaion_list li,
  .rotaion_list li img {
    height: 220px !important;
  }
  .school-hero-brand {
    left: 16px !important;
    right: 16px !important;
    bottom: 8% !important;
    max-width: none !important;
  }
  .school-hero-brand .eyebrow { font-size: 10px; letter-spacing: .12em; margin-bottom: 8px; }
  .school-hero-brand h1 { font-size: 22px !important; margin-bottom: 6px !important; }
  .school-hero-brand p { display: none !important; }

  /* 主体区 */
  .main,
  .main.mianw,
  .main2,
  .mianw {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .main.mianw { margin-top: 0 !important; margin-bottom: 0 !important; }

  .headnews {
    flex-direction: column !important;
    min-height: 0 !important;
  }
  .headnews .left {
    display: flex !important;
    width: 100% !important;
    min-height: 44px !important;
  }
  .headnews .left span { font-size: 14px !important; letter-spacing: .12em !important; }
  .headnews .rights a {
    padding: 12px 14px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }
  .headnews .rights a h1 {
    font-size: 14px !important;
    white-space: normal !important;
  }

  .icons { margin-bottom: 16px !important; }
  .icons ul {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .icons li {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
    background:
      linear-gradient(145deg, rgba(212,175,55,.18), transparent 40%),
      linear-gradient(160deg, #0a4f92, #0e64b6) !important;
  }
  .icons li a {
    padding: 18px 8px !important;
    font-size: 14px !important;
    letter-spacing: .08em !important;
    line-height: 1.3 !important;
  }

  .wnnews { gap: 14px !important; margin-bottom: 14px !important; }
  .wnnews .demo2,
  .wnnews .notice { min-height: 0 !important; }
  .demo1 .tab_menu li a,
  .demo2 .tab_menu li a,
  .notice .tab a.on {
    font-size: 17px !important;
    padding: 8px 10px !important;
  }
  .tab_box ul li a,
  .hide ul li a,
  .notice ul li a,
  .tab_box ul li a font,
  .hide ul li a font,
  .notice ul li a font {
    white-space: normal !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
  .tab_box ul li,
  .hide ul li,
  .notice ul li {
    align-items: flex-start !important;
    padding: 10px 2px !important;
  }

  .main2 .meili .left { display: flex !important; }
  .main2 .meili .left span { font-size: 20px !important; }
  .main2 .meili .rights {
    grid-template-columns: repeat(2, 1fr) !important;
    padding: 12px !important;
  }
  .main2 .meili .rights li { width: auto !important; float: none !important; margin: 0 !important; }
  .main2 .meili .rights li img { width: 40px !important; height: 40px !important; }

  #marquee2 { padding: 10px !important; height: auto !important; }
  #marquee2 img { height: 110px !important; }

  .footer.main100,
  .footer {
    padding: 28px 14px 88px !important;
  }
  .footer p,
  .footer span,
  .footer a { font-size: 12px !important; line-height: 1.8 !important; }

  /* 隐藏桌面悬浮广告，避免挡内容 */
  #move_port { display: none !important; }

  /* 覆盖旧 media.css 残留 float/固定宽 */
  .main .con .bannews .ban,
  .main .con .bannews .news,
  .main .con .wnnews .notice,
  .demo1, .demo2, .demo3 {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 480px) {
  .header > a::after { content: none !important; display: none !important; }
  .icons ul { grid-template-columns: 1fr 1fr !important; }
  .csslider1,
  .csslider1 > ul,
  .csslider1 > ul > li,
  .csslider1 > ul > li img,
  .yx-rotaion,
  .rotaion_list li,
  .rotaion_list li img {
    height: 190px !important;
  }
  .school-hero-brand h1 { font-size: 20px !important; }
}

/* 桌面隐藏移动搜索壳 */
.school-mobile-search { display: none; }
@media (max-width: 768px) {
  .school-mobile-search { display: block; }
}

/* ===== 手机导航手风琴 ===== */
@media (max-width: 768px) {
  .headbanner nav .level > li.has-sub > a {
    padding-right: 48px !important;
    position: relative !important;
  }
  .headbanner nav .level > li.has-sub > a::before {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid rgba(255,255,255,.75);
    border-bottom: 2px solid rgba(255,255,255,.75);
    transform: translateY(-70%) rotate(45deg);
    transition: transform .25s ease;
  }
  .headbanner nav .level > li.has-sub.is-open > a::before {
    transform: translateY(-30%) rotate(225deg);
    border-color: var(--school-gold-2, #f0d078);
  }
  .headbanner nav .level > li.has-sub.is-open > a {
    color: var(--school-gold-2, #f0d078) !important;
    background: rgba(255,255,255,.06) !important;
  }
  /* 禁用 hover 展开，只靠手风琴 */
  .headbanner nav .level > li:hover .two {
    display: none !important;
  }
  .headbanner nav .two {
    display: block !important;
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0;
    transition: max-height .35s ease, opacity .25s ease;
    background: rgba(0,0,0,.22) !important;
    position: static !important;
    width: 100% !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  .headbanner nav .level > li.is-open > .two {
    max-height: 480px !important;
    opacity: 1;
    display: block !important;
  }
  .headbanner nav .two li a {
    display: block !important;
    padding: 0 20px 0 28px !important;
    line-height: 44px !important;
    color: rgba(255,255,255,.88) !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
    font-size: 14px !important;
  }
  .headbanner nav .two li a::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--school-gold, #d4af37);
    margin-right: 10px;
    vertical-align: middle;
    opacity: .85;
  }
}

/* ===== FIX1280：整站1280 + 列表右侧拉满 + 手机导航手风琴不遮挡 ===== */

:root { --school-max: min(1280px, 96vw) !important; }
.mianw,
.header,
.headbanner,
.indexad,
.main,
.main2,
.main.mianw {
  width: var(--school-max) !important;
  max-width: var(--school-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 列表/栏目：干掉 705px + float 收缩 */
.zhuanti,
.main .con .zhuanti {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  gap: 24px !important;
  box-sizing: border-box !important;
}
@media (min-width: 769px) {
.zhuanti .left,
.main .con .zhuanti .left {
  flex: 0 0 240px !important;
  width: 240px !important;
  max-width: 240px !important;
  float: none !important;
}
}
.zhuanti .right,
.main .con .zhuanti .right {
  flex: 1 1 auto !important;
  width: calc(100% - 264px) !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  margin: 0 !important;
  margin-left: 0 !important;
}
.zhuanti .right .title,
.zhuanti .right .zhuanlan,
.zhuanti .right .zhuanlan li {
  width: 100% !important;
  max-width: 100% !important;
}
.zhuanti .right .zhuanlan li a {
  width: calc(100% - 100px) !important;
  max-width: none !important;
}
.zhuanti .right .zhuanlan li span {
  width: 90px !important;
  text-align: right !important;
}

@media (min-width: 993px) {
  .bannews,
  .main .con .bannews {
    display: grid !important;
    grid-template-columns: minmax(0, 48%) minmax(0, 52%) !important;
    gap: 20px !important;
    width: 100% !important;
  }
  .bannews .ban,
  .bannews .demo1,
  .bannews .news,
  .main .con .bannews .ban,
  .main .con .bannews .demo1,
  .main .con .bannews .news {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
  }
  .wnnews {
    display: grid !important;
    grid-template-columns: minmax(0, 48%) minmax(0, 52%) !important;
    gap: 20px !important;
    width: 100% !important;
  }
  .wnnews .demo2,
  .wnnews .notice,
  .main .con .wnnews .notice,
  .main .con .wnnews .demo2 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }
}

@media (max-width: 992px) {
  .zhuanti,
  .main .con .zhuanti {
    flex-direction: column !important;
    gap: 16px !important;
  }
  .zhuanti .left,
  .main .con .zhuanti .left {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .zhuanti .right,
  .main .con .zhuanti .right {
    width: 100% !important;
    flex: none !important;
  }
}

/* 手机导航：二级走文档流，禁止 absolute 盖住其它菜单 */
@media (max-width: 768px) {
  :root { --school-max: 100vw !important; }

  .headbanner nav .level {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    float: none !important;
  }
  .headbanner nav .level > li,
  nav .level > li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    display: block !important;
    overflow: visible !important;
    flex: none !important;
    text-align: left !important;
  }
  .headbanner nav .level > li > .two,
  .headbanner nav .two,
  nav .level .two,
  nav .level > li .two {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: none !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
    z-index: auto !important;
    transform: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: rgba(0, 0, 0, 0.22) !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .headbanner nav .level > li:hover > .two,
  .headbanner nav .level > li:hover .two,
  nav .level > li:hover .two {
    display: none !important;
  }
  .headbanner nav .level > li.is-open > .two,
  .headbanner nav .level > li.has-sub.is-open > .two {
    display: block !important;
    position: static !important;
    width: 100% !important;
  }
  .headbanner nav .two li,
  nav .two li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
  }
  .headbanner nav .two li a,
  nav .two li a {
    display: block !important;
    width: 100% !important;
    color: rgba(255, 255, 255, 0.9) !important;
    line-height: 44px !important;
    padding: 0 20px 0 28px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-sizing: border-box !important;
  }
  .headbanner nav .level > li.has-sub > a {
    padding-right: 48px !important;
  }
}

/* ===== CENTERFIX：导航 + 幻灯在 1280 内水平居中 ===== */
.header.mianw,
.header,
.mianw {
  width: var(--school-max) !important;
  max-width: var(--school-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

/* 导航条 + 幻灯容器：与主体同宽并居中（覆盖之前 margin:0 / 100% 贴左） */
.headbanner {
  width: var(--school-max) !important;
  max-width: var(--school-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
}

.headbanner > nav {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.headbanner > nav .level,
.headbanner nav .level {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: center !important;
  float: none !important;
}

.headbanner > center {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  text-align: left !important; /* center 标签默认居中文字，避免幻灯错位 */
  position: relative !important;
}

#rt-showcase-surround,
#rt-showcase,
.slider-container,
.rt-container,
.rt-grid-12,
.csslider1 {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  left: auto !important;
  right: auto !important;
}

/* 品牌文案相对 1280 幻灯容器左对齐，不再按全屏算偏移 */
.school-hero-brand {
  left: 28px !important;
  right: auto !important;
  transform: none !important;
  max-width: min(560px, 70%) !important;
}

.main,
.main.mianw,
.main2 {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 768px) {
  .headbanner,
  .header,
  .header.mianw,
  .mianw {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .school-hero-brand {
    left: 16px !important;
    right: 16px !important;
    max-width: none !important;
  }
}

/* ===== SEARCHFIX：右上角搜索框比例 + 去掉黑块 ===== */
.header .right {
  width: auto !important;
  min-width: 260px !important;
  align-items: flex-end !important;
}
.header .right .box2 {
  width: 280px !important;
  max-width: 36vw !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 3px 3px 3px 14px !important;
  display: flex !important;
  align-items: center !important;
  border: 1px solid rgba(7, 24, 40, 0.12) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 6px 18px rgba(7, 24, 40, 0.06) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
/* 关键因 form 未拉伸导致比例错乱 */
.header .right .box2 form {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
}
.header .right .box2 input[type=text],
.header .right .box2 input[type=text]#testl {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 34px !important;
  line-height: 34px !important;
  margin: 0 !important;
  padding: 0 4px 0 2px !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  color: var(--school-ink) !important;
  font-size: 14px !important;
  font-family: var(--font-body) !important;
  float: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.header .right .box2 input[type=text]::placeholder {
  color: #8a96a8 !important;
  opacity: 1 !important;
}
.header .right .box2 input[type=submit],
.header .right .box2 input[type=submit]#shoushuo {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  float: none !important;
  cursor: pointer !important;
  background-color: var(--school-navy) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 16px 16px !important;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
  line-height: 0 !important;
  box-shadow: 0 4px 12px rgba(7, 24, 40, 0.2) !important;
  transition: background-color .2s ease, transform .2s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.header .right .box2 input[type=submit]:hover {
  background-color: #0e64b6 !important;
  transform: scale(1.04) !important;
}

/* 手机抽屉内搜索同步美化 */
.school-mobile-search form {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 3px 3px 3px 14px !important;
  background: #fff !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}
.school-mobile-search input[type=text] {
  flex: 1 !important;
  border: 0 !important;
  height: 36px !important;
  padding: 0 !important;
  background: transparent !important;
  outline: none !important;
}
.school-mobile-search input[type=submit] {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background-color: var(--school-navy) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 16px 16px !important;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
  cursor: pointer !important;
}

@media (max-width: 1100px) {
  .header .right .box2 {
    width: 240px !important;
    max-width: 42vw !important;
  }
}

/* ===== SEARCHFIX2：消灭黑块 + 再精修比例 ===== */
.header .right .box2 {
  width: 268px !important;
  max-width: 34vw !important;
  height: 42px !important;
  padding: 4px 4px 4px 16px !important;
  border: 1px solid rgba(7, 24, 40, 0.1) !important;
  background: rgba(255, 255, 255, 0.96) !important;
}
.header .right .box2 form {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  gap: 6px !important;
  position: relative !important;
}
/* 隐藏域参与 flex 时会出现空白/黑块 */
.header .right .box2 input[type=hidden],
.header .right .box2 input[name=method],
.school-mobile-search input[type=hidden] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
  flex: 0 0 0 !important;
  pointer-events: none !important;
  background: none !important;
  box-shadow: none !important;
}
.header .right .box2 input[type=text],
.header .right .box2 #testl {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px !important;
  color: #1a2740 !important;
}
.header .right .box2 input[type=submit],
.header .right .box2 #shoushuo {
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #0c5aa3, #0a4f92) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16.8 16.8L21 21'/%3E%3C/svg%3E"), linear-gradient(145deg, #0c5aa3, #0a4f92) !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: center, center !important;
  background-size: 15px 15px, cover !important;
  box-shadow: 0 3px 10px rgba(7, 24, 40, 0.22) !important;
  color: transparent !important;
  text-indent: 0 !important;
  font-size: 0 !important;
  line-height: 34px !important;
  overflow: hidden !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.header .right .box2 input[type=submit]:hover,
.header .right .box2 #shoushuo:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16.8 16.8L21 21'/%3E%3C/svg%3E"), linear-gradient(145deg, #0e64b6, #0c5aa3) !important;
  transform: scale(1.05) !important;
}
.header .right .box1 {
  margin-bottom: 2px !important;
}
.header .right .box1 a {
  color: #5a6b82 !important;
}
.header .right .box1 a:hover {
  color: var(--school-blue) !important;
}

/* ===== BRANDEN：Logo 旁中文 + 同宽小号英文 ===== */
.header > a {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  text-decoration: none !important;
}
.header > a::after {
  content: none !important;
  display: none !important;
}
.header .school-brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  min-width: 0 !important;
  gap: 4px !important;
}
.header .school-brand-zh {
  display: block !important;
  font-family: var(--font-display) !important;
  font-size: clamp(22px, 2.1vw, 34px) !important;
  font-weight: 700 !important;
  color: var(--school-navy) !important;
  letter-spacing: 0.06em !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}
.header .school-brand-en {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6a7a90 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  text-align: justify !important;
  text-align-last: justify !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
/* justify 单行英文铺满中文宽度 */
.header .school-brand-en::after {
  content: "" !important;
  display: inline-block !important;
  width: 100% !important;
}

@media (max-width: 1100px) {
  .header .school-brand-zh {
    font-size: clamp(18px, 2vw, 26px) !important;
    letter-spacing: 0.04em !important;
  }
  .header .school-brand-en {
    font-size: 10px !important;
  }
}
@media (max-width: 768px) {
  .header .school-brand {
    gap: 2px !important;
  }
  .header .school-brand-zh {
    font-size: 14px !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
    max-width: none !important;
    line-height: 1.3 !important;
  }
  .header .school-brand-en {
    font-size: 9px !important;
    white-space: normal !important;
    text-align: left !important;
    text-align-last: left !important;
    letter-spacing: 0.04em !important;
    line-height: 1.25 !important;
  }
  .header .school-brand-en::after { display: none !important; }
}

/* ===== HOMEREDESIGN：通知公告 / 五入口 / 招生就业去蓝 / 数字化校园 / 滚动风采 ===== */

/* ---------- 1) 通知公告 ---------- */
.headnews,
.headnews.school-notice {
  display: grid !important;
  grid-template-columns: 148px 1fr !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 72px !important;
  height: auto !important;
  margin: 0 0 24px !important;
  background:
    linear-gradient(90deg, rgba(212,175,55,.08), transparent 28%),
    #fff !important;
  border: 1px solid rgba(7,24,40,.08) !important;
  border-left: none !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 28px rgba(7,24,40,.06) !important;
  overflow: hidden !important;
}
.headnews .left,
.headnews.school-notice .left {
  width: auto !important;
  min-width: 0 !important;
  float: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 16px 18px !important;
  background: transparent !important;
  position: relative !important;
}
.headnews .left::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 14px !important;
  bottom: 14px !important;
  width: 4px !important;
  border-radius: 0 4px 4px 0 !important;
  background: linear-gradient(180deg, var(--school-gold), #b8891f) !important;
}
.headnews .left span,
.headnews.school-notice .left span {
  background: none !important;
  padding: 0 0 0 10px !important;
  font-family: var(--font-display) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  color: var(--school-navy) !important;
  line-height: 1.2 !important;
}
.headnews .left::after {
  content: "NOTICE" !important;
  display: block !important;
  padding-left: 10px !important;
  font-size: 10px !important;
  letter-spacing: .28em !important;
  color: #8a96a8 !important;
  font-weight: 600 !important;
}
.headnews .rights,
.headnews.school-notice .rights {
  width: auto !important;
  float: none !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  height: auto !important;
  align-items: stretch !important;
}
.headnews .rights a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 16px 22px !important;
  margin: 0 !important;
  width: auto !important;
  float: none !important;
  border-left: 1px solid rgba(7,24,40,.06) !important;
  text-decoration: none !important;
  transition: background .2s ease !important;
}
.headnews .rights a:hover {
  background: rgba(27,95,170,.04) !important;
}
.headnews .rights a h1,
.headnews .rights a h1 font {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--school-ink) !important;
  float: none !important;
  margin: 0 !important;
  line-height: 1.45 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.headnews .rights a span {
  flex: 0 0 auto !important;
  float: none !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: rgba(7,24,40,.05) !important;
  color: #6a7a90 !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

/* ---------- 2) 五个快捷入口 ---------- */
.icons,
.icons.school-quick {
  width: 100% !important;
  margin: 0 0 28px !important;
  background: transparent !important;
}
.icons ul {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: inherit !important;
}
.icons li,
.icons ul li,
.icons ul li:nth-child(n) {
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  text-align: center !important;
  background: #fff !important;
  border: 1px solid rgba(7,24,40,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgba(7,24,40,.05) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  overflow: hidden !important;
  position: relative !important;
}
.icons li::before {
  content: "" !important;
  display: block !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--school-gold), rgba(27,95,170,.55)) !important;
}
.icons li:hover,
.icons ul li:nth-child(n):hover {
  transform: translateY(-4px) !important;
  border-color: rgba(212,175,55,.55) !important;
  box-shadow: 0 14px 32px rgba(7,24,40,.1) !important;
  background: #fff !important;
}
.icons li a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 108px !important;
  padding: 22px 12px 20px !important;
  color: var(--school-navy) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
  background: none !important;
}
.icons li a::before {
  content: "" !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background:
    linear-gradient(145deg, rgba(212,175,55,.2), rgba(27,95,170,.1)),
    #f3f6fb !important;
  border: 1px solid rgba(7,24,40,.06) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px, auto !important;
}
.icons li:nth-child(1) a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e2f55' stroke-width='1.8'%3E%3Cpath d='M3 10.5L12 4l9 6.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1v-9.5z'/%3E%3C/svg%3E"),
    linear-gradient(145deg, rgba(212,175,55,.2), rgba(27,95,170,.1)) !important;
}
.icons li:nth-child(2) a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e2f55' stroke-width='1.8'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='16' cy='9' r='2.5'/%3E%3Cpath d='M3.5 19c.8-3 2.8-4.5 5.5-4.5s4.7 1.5 5.5 4.5'/%3E%3Cpath d='M14 19c.4-2 1.6-3.2 3.5-3.2 1.3 0 2.3.6 3 1.7'/%3E%3C/svg%3E"),
    linear-gradient(145deg, rgba(212,175,55,.2), rgba(27,95,170,.1)) !important;
}
.icons li:nth-child(3) a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e2f55' stroke-width='1.8'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3'/%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3C/svg%3E"),
    linear-gradient(145deg, rgba(212,175,55,.2), rgba(27,95,170,.1)) !important;
}
.icons li:nth-child(4) a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e2f55' stroke-width='1.8'%3E%3Cpath d='M6 4h9l3 3v13a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z'/%3E%3Cpath d='M8 10h8M8 14h6'/%3E%3C/svg%3E"),
    linear-gradient(145deg, rgba(212,175,55,.2), rgba(27,95,170,.1)) !important;
}
.icons li:nth-child(5) a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e2f55' stroke-width='1.8'%3E%3Cpath d='M4 19V6.5A1.5 1.5 0 0 1 5.5 5H14v14H5.5A1.5 1.5 0 0 0 4 19z'/%3E%3Cpath d='M14 5h4.5A1.5 1.5 0 0 1 20 6.5V19a1.5 1.5 0 0 0-1.5-1.5H14'/%3E%3C/svg%3E"),
    linear-gradient(145deg, rgba(212,175,55,.2), rgba(27,95,170,.1)) !important;
}
/* 清掉旧蓝底图标背景图 */
.icons ul li:nth-child(1),
.icons ul li:nth-child(2),
.icons ul li:nth-child(3),
.icons ul li:nth-child(4),
.icons ul li:nth-child(5),
.icons ul li:nth-child(1):hover,
.icons ul li:nth-child(2):hover,
.icons ul li:nth-child(3):hover,
.icons ul li:nth-child(4):hover,
.icons ul li:nth-child(5):hover {
  background-image: none !important;
  background-color: #fff !important;
}

/* ---------- 3) 招生就业：去掉蓝色背景 ---------- */
.wnnews .demo2,
.demo2.school-enroll {
  background: #fff !important;
  border: 1px solid rgba(7,24,40,.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 22px rgba(7,24,40,.05) !important;
  overflow: hidden !important;
}
.demo2 .tab_menu,
.demo2.school-enroll .tab_menu {
  background: #fff !important;
  border-bottom: 1px solid rgba(7,24,40,.08) !important;
  min-height: 54px !important;
  padding: 0 14px !important;
}
.demo2 .tab_menu li,
.demo2 .tab_menu li.current,
.demo2.school-enroll .tab_menu li,
.demo2.school-enroll .tab_menu li.current {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--school-navy) !important;
}
.demo2 .tab_menu li a,
.demo2 .tab_menu li.current a,
.demo2.school-enroll .tab_menu li a,
.demo2.school-enroll .tab_menu li.current a {
  color: var(--school-navy) !important;
  background: transparent !important;
  background-color: transparent !important;
  font-family: var(--font-display) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}
.demo2 .tab_menu li.current a::after,
.demo2.school-enroll .tab_menu li.current a::after {
  background: var(--school-gold) !important;
}
.demo2 .tab_box {
  background: #fff !important;
  padding: 6px 8px 10px !important;
}

/* ---------- 4) 数字化校园 ---------- */
.school-digital-wrap,
.main2.school-digital-wrap {
  width: var(--school-max) !important;
  max-width: var(--school-max) !important;
  margin: 0 auto 24px !important;
  padding: 0 !important;
  background: transparent !important;
}
.meili.school-digital,
.school-digital {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background:
    linear-gradient(180deg, #f7f9fc 0%, #fff 40%) !important;
  border: 1px solid rgba(7,24,40,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(7,24,40,.06) !important;
  overflow: hidden !important;
}
.school-digital .left,
.main2 .school-digital .left {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  float: none !important;
  flex: none !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 20px 22px 14px !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(7,24,40,.06) !important;
  border-right: none !important;
}
.school-digital .left br,
.main2 .school-digital .left br {
  display: none !important;
}
.school-digital .left span,
.main2 .school-digital .left span {
  display: inline !important;
  font-family: var(--font-display) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--school-navy) !important;
  letter-spacing: .12em !important;
  line-height: 1.2 !important;
}
.school-digital .left::after {
  content: "DIGITAL CAMPUS" !important;
  margin-left: auto !important;
  font-size: 11px !important;
  letter-spacing: .22em !important;
  color: #8a96a8 !important;
  font-weight: 600 !important;
}
.school-digital .rights,
.main2 .school-digital .rights {
  display: grid !important;
  grid-template-columns: repeat(8, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  float: none !important;
  padding: 18px 18px 20px !important;
  margin: 0 !important;
  background: transparent !important;
}
.school-digital .rights li,
.main2 .school-digital .rights li {
  list-style: none !important;
  width: auto !important;
  height: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 18px 10px 16px !important;
  text-align: center !important;
  background: #fff !important;
  border: 1px solid rgba(7,24,40,.07) !important;
  border-radius: 12px !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
.school-digital .rights li:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(212,175,55,.55) !important;
  box-shadow: 0 10px 24px rgba(7,24,40,.08) !important;
}
.school-digital .rights li img,
.main2 .school-digital .rights li img {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  margin: 0 auto 8px !important;
  display: block !important;
}
.school-digital .rights li p,
.main2 .school-digital .rights li p {
  margin: 0 !important;
  font-size: 14px !important;
  color: var(--school-ink) !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
}

/* ---------- 5) 底部滚动广告条 / 校园风采 ---------- */
.school-gallery-wrap,
.main2.school-gallery-wrap {
  width: var(--school-max) !important;
  max-width: var(--school-max) !important;
  margin: 0 auto 36px !important;
  padding: 0 !important;
  background: transparent !important;
}
.meili.school-gallery,
.school-gallery {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 18px 18px 20px !important;
  background: #fff !important;
  border: 1px solid rgba(7,24,40,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(7,24,40,.06) !important;
  overflow: hidden !important;
}
.school-gallery-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
  padding: 0 2px 12px !important;
  border-bottom: 1px solid rgba(7,24,40,.06) !important;
}
.school-gallery-head span {
  font-family: var(--font-display) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--school-navy) !important;
  letter-spacing: .12em !important;
}
.school-gallery-head em {
  font-style: normal !important;
  font-size: 11px !important;
  letter-spacing: .22em !important;
  color: #8a96a8 !important;
  font-weight: 600 !important;
}
.school-gallery #marquee2,
#marquee2 {
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
.school-gallery #marquee2::before,
.school-gallery #marquee2::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 48px !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
.school-gallery #marquee2::before {
  left: 0 !important;
  background: linear-gradient(90deg, #fff, transparent) !important;
}
.school-gallery #marquee2::after {
  right: 0 !important;
  background: linear-gradient(270deg, #fff, transparent) !important;
}
#marquee2 ul {
  display: flex !important;
  gap: 14px !important;
  align-items: stretch !important;
}
#marquee2 li {
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(7,24,40,.08) !important;
  box-shadow: 0 8px 18px rgba(7,24,40,.08) !important;
  background: #0b1c30 !important;
}
#marquee2 img {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  object-fit: cover !important;
}
#marquee2 li:hover img {
  transform: scale(1.05) !important;
  filter: saturate(1.15) !important;
}

/* 移动端 */
@media (max-width: 768px) {
  .headnews,
  .headnews.school-notice {
    grid-template-columns: 1fr !important;
  }
  .headnews .rights {
    grid-template-columns: 1fr !important;
  }
  .headnews .rights a {
    border-left: none !important;
    border-top: 1px solid rgba(7,24,40,.06) !important;
  }
  .icons ul {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .icons li:last-child {
    grid-column: 1 / -1 !important;
  }
  .school-digital .rights,
  .main2 .school-digital .rights {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .school-digital .left::after {
    display: none !important;
  }
  #marquee2 img {
    height: 120px !important;
    min-width: 180px !important;
  }
}

/* ===== LOGOTWEAK：Logo 上移（英文字号改由 BRANDEN2 控制） ===== */
.header > a img {
  position: relative !important;
  top: 0 !important;
  margin-top: 0 !important;
}


/* ===== NAVGAP：去掉导航与轮播之间黑条 ===== */
.headbanner {
  background: transparent !important;
  background-color: transparent !important;
  gap: 0 !important;
  font-size: 0 !important; /* 消除 center 标签缝隙 */
}
.headbanner > nav {
  margin: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
.headbanner > center {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: medium !important;
  line-height: 0 !important;
  background: transparent !important;
}
#rt-showcase-surround,
#rt-showcase,
.slider-container,
.rt-container,
.rt-grid-12,
.csslider1 {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: transparent !important;
  line-height: normal !important;
}
.csslider1 > ul,
.csslider1 > ul > li {
  margin: 0 !important;
  padding: 0 !important;
}

/* ===== DIGIMARQ：数字化一排 + 滚动图不变形 ===== */

/* 数字化校园：8 项一排 */
.school-digital .rights,
.main2 .school-digital .rights,
.meili.school-digital .rights {
  display: grid !important;
  grid-template-columns: repeat(8, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 16px 14px 18px !important;
}
.school-digital .rights li,
.main2 .school-digital .rights li {
  padding: 14px 6px 12px !important;
}
.school-digital .rights li img,
.main2 .school-digital .rights li img {
  width: 40px !important;
  height: 40px !important;
  object-fit: contain !important;
  margin: 0 auto 6px !important;
}
.school-digital .rights li p,
.main2 .school-digital .rights li p {
  font-size: 13px !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
}

/* ===== ICONSNAVY：五入口与导航同色深蓝重设计 ===== */
.icons,
.icons.school-quick {
  width: 100% !important;
  margin: 0 0 28px !important;
  background: transparent !important;
}
.icons ul {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.icons li,
.icons ul li,
.icons ul li:nth-child(n),
.icons ul li:nth-child(n):hover {
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  text-align: center !important;
  background: linear-gradient(160deg, #083a6c 0%, #0c5aa3 45%, #1574c9 100%) !important;
  background-image: none !important;
  background-color: transparent !important;
  background: linear-gradient(160deg, #083a6c 0%, #0c5aa3 45%, #1574c9 100%) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-top: 3px solid var(--school-gold) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 28px rgba(7,24,40,.22) !important;
  overflow: hidden !important;
  position: relative !important;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
}
.icons li::before {
  content: none !important;
  display: none !important;
}
.icons li:hover,
.icons ul li:nth-child(n):hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(7,24,40,.32) !important;
  filter: brightness(1.08) !important;
  border-color: rgba(212,175,55,.45) !important;
  background: linear-gradient(160deg, #0a4f92 0%, #12406f 50%, #0e64b6 100%) !important;
}
.icons li a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 112px !important;
  padding: 22px 10px 20px !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: .16em !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
  background: none !important;
  position: relative !important;
  z-index: 1 !important;
}
.icons li a:hover {
  color: var(--school-gold-2) !important;
}
.icons li a::before {
  content: "" !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(212,175,55,.45) !important;
  background-color: rgba(255,255,255,.06) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  box-shadow: 0 0 0 4px rgba(212,175,55,.08) !important;
}
.icons li:nth-child(1) a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0d078' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5L12 4l9 6.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1v-9.5z'/%3E%3C/svg%3E") !important; }
.icons li:nth-child(2) a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0d078' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='16' cy='9' r='2.5'/%3E%3Cpath d='M3.5 19c.8-3 2.8-4.5 5.5-4.5s4.7 1.5 5.5 4.5'/%3E%3Cpath d='M14 19c.4-2 1.6-3.2 3.5-3.2 1.3 0 2.3.6 3 1.7'/%3E%3C/svg%3E") !important; }
.icons li:nth-child(3) a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0d078' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3'/%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3C/svg%3E") !important; }
.icons li:nth-child(4) a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0d078' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h9l3 3v13a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z'/%3E%3Cpath d='M8 10h8M8 14h6'/%3E%3C/svg%3E") !important; }
.icons li:nth-child(5) a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0d078' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V6.5A1.5 1.5 0 0 1 5.5 5H14v14H5.5A1.5 1.5 0 0 0 4 19z'/%3E%3Cpath d='M14 5h4.5A1.5 1.5 0 0 1 20 6.5V19a1.5 1.5 0 0 0-1.5-1.5H14'/%3E%3C/svg%3E") !important; }

/* 覆盖旧白卡规则 */
.icons ul li:nth-child(1),
.icons ul li:nth-child(2),
.icons ul li:nth-child(3),
.icons ul li:nth-child(4),
.icons ul li:nth-child(5) {
  background: linear-gradient(160deg, #083a6c 0%, #0c5aa3 45%, #1574c9 100%) !important;
}

@media (max-width: 768px) {
  .icons ul {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .icons li:last-child {
    grid-column: 1 / -1 !important;
  }
  .icons li a {
    min-height: 96px !important;
    font-size: 14px !important;
    letter-spacing: .1em !important;
  }
}


/* ===== NAVH10：导航条增高 10px ===== */
@media (min-width: 769px) {
  .headbanner > nav .level > li > a,
  .headbanner nav .level > li > a {
    line-height: 68px !important;
    min-height: 68px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .headbanner > nav,
  .headbanner nav {
    min-height: 68px !important;
  }
}


/* ===== NOTICENAVY：通知公告深蓝重设计（呼应导航） ===== */
.headnews,
.headnews.school-notice {
  display: grid !important;
  grid-template-columns: 168px 1fr !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 76px !important;
  height: auto !important;
  margin: 0 0 24px !important;
  background: linear-gradient(90deg, #083a6c 0%, #0e64b6 45%, #1574c9 100%) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-left: none !important;
  border-top: 3px solid var(--school-gold) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 28px rgba(7,24,40,.22) !important;
  overflow: hidden !important;
}
.headnews .left,
.headnews.school-notice .left {
  width: auto !important;
  min-width: 0 !important;
  float: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 16px 18px 16px 22px !important;
  background: transparent !important;
  position: relative !important;
}
.headnews .left::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 16px !important;
  bottom: 16px !important;
  width: 4px !important;
  border-radius: 0 4px 4px 0 !important;
  background: linear-gradient(180deg, var(--school-gold), #b8891f) !important;
}
.headnews .left span,
.headnews.school-notice .left span {
  background: none !important;
  padding: 0 0 0 10px !important;
  font-family: var(--font-display) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: .2em !important;
  color: #fff !important;
  line-height: 1.2 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.25) !important;
}
.headnews .left::after {
  content: "NOTICE" !important;
  display: block !important;
  padding-left: 10px !important;
  font-size: 10px !important;
  letter-spacing: .3em !important;
  color: var(--school-gold-2) !important;
  font-weight: 600 !important;
  opacity: .9 !important;
}
.headnews .rights,
.headnews.school-notice .rights {
  width: auto !important;
  float: none !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  height: auto !important;
  align-items: stretch !important;
  background: transparent !important;
}
.headnews .rights a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 16px 20px !important;
  margin: 0 !important;
  width: auto !important;
  float: none !important;
  border-left: 1px solid rgba(255,255,255,.1) !important;
  text-decoration: none !important;
  transition: background .2s ease !important;
  background: transparent !important;
}
.headnews .rights a:hover {
  background: rgba(212,175,55,.1) !important;
}
.headnews .rights a h1,
.headnews .rights a h1 font {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.95) !important;
  float: none !important;
  margin: 0 !important;
  line-height: 1.45 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.headnews .rights a:hover h1,
.headnews .rights a:hover h1 font {
  color: var(--school-gold-2) !important;
}
.headnews .rights a span {
  flex: 0 0 auto !important;
  float: none !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(212,175,55,.35) !important;
  color: var(--school-gold-2) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

@media (max-width: 768px) {
  .headnews,
  .headnews.school-notice {
    grid-template-columns: 1fr !important;
  }
  .headnews .rights {
    grid-template-columns: 1fr !important;
  }
  .headnews .rights a {
    border-left: none !important;
    border-top: 1px solid rgba(255,255,255,.1) !important;
  }
  .headnews .rights a h1,
  .headnews .rights a h1 font {
    white-space: normal !important;
  }
}

/* ===== DEMO1TABS：校内新闻/通知公告/中职动态 深蓝选项卡 ===== */
.bannews .demo1,
.demo1 {
  background: #fff !important;
  border: 1px solid rgba(7,24,40,.08) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 26px rgba(7,24,40,.08) !important;
}
.bannews .demo1 .tab_menu,
.demo1 .tab_menu {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  height: auto !important;
  min-height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: none !important;
  background: linear-gradient(90deg, #083a6c 0%, #0c5aa3 45%, #1574c9 100%) !important;
  border-top: 3px solid var(--school-gold) !important;
}
.bannews .demo1 .tab_menu li,
.demo1 .tab_menu li {
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  background: transparent !important;
  position: relative !important;
}
.bannews .demo1 .tab_menu li a,
.demo1 .tab_menu li a,
.bannews .demo1 .tab_menu li.current a,
.demo1 .tab_menu li.current a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  color: rgba(255,255,255,.78) !important;
  background: transparent !important;
  border: none !important;
  position: relative !important;
  transition: color .2s ease, background .2s ease !important;
}
.bannews .demo1 .tab_menu li a:hover,
.demo1 .tab_menu li a:hover {
  color: #fff !important;
  background: rgba(255,255,255,.06) !important;
}
.bannews .demo1 .tab_menu li.current a,
.demo1 .tab_menu li.current a,
.demo1 .tab_menu li.current {
  color: var(--school-gold-2) !important;
  background: rgba(212,175,55,.12) !important;
}
.bannews .demo1 .tab_menu li.current a,
.demo1 .tab_menu li.current a {
  color: var(--school-gold-2) !important;
}
.bannews .demo1 .tab_menu li.current a::after,
.demo1 .tab_menu li.current a::after,
.demo1 .tab_menu li.current a::after {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  bottom: 0 !important;
  height: 3px !important;
  background: var(--school-gold) !important;
  border-radius: 3px 3px 0 0 !important;
}
.bannews .demo1 .tab_menu .more,
.demo1 .tab_menu .more {
  margin-left: auto !important;
  margin-right: 14px !important;
  color: rgba(255,255,255,.7) !important;
  font-size: 13px !important;
  line-height: 48px !important;
  background: none !important;
  white-space: nowrap !important;
}
.bannews .demo1 .tab_menu .more:hover,
.demo1 .tab_menu .more:hover {
  color: var(--school-gold-2) !important;
  background: none !important;
}
.bannews .demo1 .tab_box,
.demo1 .tab_box {
  background: #fff !important;
  padding: 8px 10px 12px !important;
}

@media (max-width: 768px) {
  .bannews .demo1 .tab_menu,
  .demo1 .tab_menu {
    flex-wrap: wrap !important;
  }
  .bannews .demo1 .tab_menu li a,
  .demo1 .tab_menu li a {
    padding: 0 12px !important;
    font-size: 13px !important;
    min-height: 42px !important;
  }
  .bannews .demo1 .tab_menu .more,
  .demo1 .tab_menu .more {
    line-height: 42px !important;
  }
}

/* ===== BRANDUP：顶部中英文整体上移 8px ===== */
.header .school-brand {
  position: relative !important;
  top: -8px !important;
}
@media (max-width: 768px) {
  .header .school-brand {
    top: -4px !important;
  }
}

/* ===== PAGEBOX：列表页 / 文章页 整宽白底边框 ===== */
.main.school-pagebox,
.main.mianw.school-pagebox,
.main:has(.zhuanti),
.main:has(.shownews),
.main.mianw:has(.zhuanti),
.main.mianw:has(.shownews) {
  width: var(--school-max) !important;
  max-width: var(--school-max) !important;
  margin: 24px auto 40px !important;
  padding: 22px 24px 28px !important;
  background: #fff !important;
  border: 1px solid rgba(7, 24, 40, 0.12) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 28px rgba(7, 24, 40, 0.06) !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
}
.main.school-pagebox .con,
.main:has(.zhuanti) .con,
.main:has(.shownews) .con {
  padding: 0 !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
}

/* 列表内布局保持白底内显示 */
.main.school-pagebox .zhuanti,
.main:has(.zhuanti) .zhuanti {
  background: transparent !important;
}

/* 文章内容页 */
.main.school-pagebox .shownews,
.main:has(.shownews) .shownews {
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  padding: 8px 8px 16px !important;
  box-sizing: border-box !important;
}
.main.school-pagebox .shownews h1,
.main:has(.shownews) .shownews h1 {
  font-family: var(--font-display) !important;
  font-size: clamp(22px, 2.2vw, 30px) !important;
  font-weight: 700 !important;
  color: var(--school-navy) !important;
  text-align: center !important;
  line-height: 1.4 !important;
  margin: 8px 0 16px !important;
}
.main.school-pagebox .shownews .date,
.main:has(.shownews) .shownews .date {
  text-align: center !important;
  color: #7a8799 !important;
  font-size: 13px !important;
  padding-bottom: 16px !important;
  margin-bottom: 20px !important;
  border-bottom: 1px solid rgba(7, 24, 40, 0.08) !important;
}
.main.school-pagebox .shownews .detail,
.main:has(.shownews) .shownews .detail {
  color: var(--school-ink) !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
  word-wrap: break-word !important;
}
.main.school-pagebox .shownews .detail img,
.main:has(.shownews) .shownews .detail img {
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 768px) {
  .main.school-pagebox,
  .main.mianw.school-pagebox,
  .main:has(.zhuanti),
  .main:has(.shownews) {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin: 12px auto 24px !important;
    padding: 14px 12px 18px !important;
    border-radius: 8px !important;
  }
}

/* ===== SLIDELLIP：首页轮播图标题超宽省略 ===== */
.yx-rotaion {
  position: relative !important;
  overflow: hidden !important;
}
.yx-rotation-title,
.yx-rotaion .yx-rotation-title {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 40px !important;
  line-height: 40px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  z-index: 3 !important;
}
.yx-rotation-title p,
.yx-rotaion .yx-rotation-title p {
  width: auto !important;
  max-width: calc(100% - 90px) !important; /* 给右侧圆点留位 */
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  box-sizing: border-box !important;
}
.yx-rotation-t,
.yx-rotaion .yx-rotation-t {
  display: block !important;
  max-width: calc(100% - 100px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 40px !important;
  bottom: 0 !important;
  left: 12px !important;
  right: auto !important;
  padding: 0 !important;
  z-index: 4 !important;
  box-sizing: border-box !important;
}

/* 右侧新闻列表标题同样省略，保持整齐 */
.bannews .demo1 .tab_box li a,
.bannews .demo1 .tab_box li a font {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
.bannews .demo1 .tab_box ul li a {
  width: calc(100% - 70px) !important;
  float: left !important;
}

/* ===== PAGER5：列表分页 5 页码 + 下一页 ===== */
.pagination,
.school-pagebox .pagination {
  width: 100% !important;
  margin: 24px 0 8px !important;
  text-align: center !important;
  clear: both !important;
}
.pagination .pages,
.pages {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pages li {
  display: inline-block !important;
  float: none !important;
  margin: 0 !important;
  list-style: none !important;
}
.pages li a,
.pagination a,
.pages a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(7,24,40,.12) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--school-navy) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  transition: background .2s ease, color .2s ease, border-color .2s ease !important;
}
.pages li a:hover,
.pagination a:hover {
  background: rgba(14,47,85,.06) !important;
  border-color: rgba(14,47,85,.25) !important;
  color: var(--school-navy) !important;
}
.pages li.active a,
.pages li.thisclass a,
.pages li a.cur,
.pagination a.cur {
  background: linear-gradient(160deg, #083a6c, #0c5aa3 55%, #1574c9) !important;
  border-color: transparent !important;
  color: #fff !important;
}
/* 「下一页」稍宽 */
.pages li:last-child a {
  min-width: 72px !important;
  padding: 0 16px !important;
}



/* ===== GALROW：校园风采五图一排、有间隔、占满宽度 ===== */
.school-gallery #marquee2,
#marquee2 {
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
}
.school-gallery #marquee2::before,
.school-gallery #marquee2::after {
  display: none !important;
  content: none !important;
}
#marquee2 ul {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  white-space: normal !important;
  font-size: inherit !important;
}
#marquee2 li {
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: 79px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(7,24,40,.08) !important;
  background: #e8edf4 !important;
  box-sizing: border-box !important;
}
#marquee2 li a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
#marquee2 img,
#marquee2 li img {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

@media (max-width: 768px) {
  #marquee2 ul {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  #marquee2 li:last-child {
    grid-column: 1 / -1 !important;
  }
  #marquee2 li {
    height: 64px !important;
  }
}

/* ===== TITLEGOLD：数字化校园 / 校园风采 标题下金线（同政教德育等） ===== */

/* 去掉整块底部金条 */
.meili.school-digital,
.school-digital,
.meili.school-gallery,
.school-gallery {
  border-bottom-color: rgba(7,24,40,.08) !important;
  border-bottom-width: 1px !important;
}
.meili.school-digital::after,
.school-digital::after,
.meili.school-gallery::after,
.school-gallery::after {
  content: none !important;
  display: none !important;
}

/* 数字化校园：标题文字下方 3px 金线 */
.school-digital .left,
.main2 .school-digital .left {
  font-size: inherit !important;
  border-bottom: 1px solid rgba(7,24,40,.08) !important;
  padding-bottom: 0 !important;
  min-height: 56px !important;
  align-items: center !important;
}
.school-digital .left span,
.main2 .school-digital .left span {
  display: inline-block !important;
  position: relative !important;
  font-family: var(--font-display) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--school-navy) !important;
  letter-spacing: .08em !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  padding: 14px 4px 12px !important;
}
.school-digital .left span::after,
.main2 .school-digital .left span::after {
  content: "" !important;
  position: absolute !important;
  left: 4px !important;
  right: 4px !important;
  bottom: 0 !important;
  height: 3px !important;
  background: var(--school-gold) !important;
  border-radius: 2px 2px 0 0 !important;
}
/* 英文副标不要盖住金线 */
.school-digital .left::after {
  align-self: center !important;
  margin-bottom: 0 !important;
}

/* 校园风采：标题文字下方 3px 金线 */
.school-gallery-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
  padding: 0 2px !important;
  min-height: 56px !important;
  border-bottom: 1px solid rgba(7,24,40,.08) !important;
}
.school-gallery-head span {
  display: inline-block !important;
  position: relative !important;
  font-family: var(--font-display) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--school-navy) !important;
  letter-spacing: .08em !important;
  line-height: 1.2 !important;
  padding: 14px 4px 12px !important;
}
.school-gallery-head span::after {
  content: "" !important;
  position: absolute !important;
  left: 4px !important;
  right: 4px !important;
  bottom: 0 !important;
  height: 3px !important;
  background: var(--school-gold) !important;
  border-radius: 2px 2px 0 0 !important;
}
.school-gallery-head em {
  font-style: normal !important;
  font-size: 11px !important;
  letter-spacing: .22em !important;
  color: #8a96a8 !important;
  font-weight: 600 !important;
  padding-bottom: 8px !important;
}

/* ===== WNBLANK：招生就业等栏目去掉底部空白 ===== */
.wnnews {
  align-items: start !important;
}
.wnnews .demo2,
.wnnews .notice,
.demo2.school-enroll,
.main .con .wnnews .demo2,
.main .con .wnnews .notice {
  min-height: 0 !important;
  height: auto !important;
  align-self: start !important;
}
.wnnews .demo2 .tab_box,
.wnnews .notice ul,
.demo2 .tab_box,
.notice ul {
  min-height: 0 !important;
  height: auto !important;
  padding-bottom: 8px !important;
}
.wnnews .demo2 .tab_box ul li,
.wnnews .notice ul li,
.tab_box ul li,
.notice ul li {
  height: auto !important;
  min-height: 0 !important;
  line-height: 1.5 !important;
  padding: 8px 4px !important;
}


/* ===== HOMEGAP10：首页块与块横向间距统一 10px ===== */
:root {
  --school-gap-x: 10px;
}

/* 首页主体内：双栏/多栏横向 gap */
.main .con .bannews,
.bannews,
.main .con .wnnews,
.wnnews,
.icons ul,
.icons.school-quick ul,
.school-digital .rights,
.main2 .school-digital .rights,
.meili.school-digital .rights,
.school-gallery #marquee2 ul,
#marquee2 ul,
.headnews .rights,
.headnews.school-notice .rights {
  column-gap: 10px !important;
  -moz-column-gap: 10px !important;
}

/* grid/flex 的 gap 统一横向 10（纵向可另控时也先统一为 10 保持整齐） */
.bannews,
.main .con .bannews {
  gap: 10px !important;
}
.wnnews,
.main .con .wnnews {
  gap: 10px !important;
}
.icons ul,
.icons.school-quick ul {
  gap: 10px !important;
}
.school-digital .rights,
.main2 .school-digital .rights,
.meili.school-digital .rights {
  gap: 10px !important;
}
#marquee2 ul,
.school-gallery #marquee2 ul {
  gap: 10px !important;
}

/* 覆盖此前更大的横向 gap（14/16/20/24/28）在首页网格上 */
@media (min-width: 993px) {
  .bannews,
  .main .con .bannews,
  .wnnews,
  .main .con .wnnews {
    gap: 10px !important;
    column-gap: 10px !important;
  }
}

/* 通知公告双列 */
.headnews .rights,
.headnews.school-notice .rights {
  gap: 0 !important; /* 内部用分割线，不加横向空隙 */
}

/* 区块之间若有 margin-left 旧浮动残留清掉 */
.wnnews .notice,
.wnnews .demo2,
.bannews .ban,
.bannews .demo1,
.icons li {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ===== BRANDEN2：英文校名加大，尽量与中文同宽对齐 ===== */
.header .school-brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 2px !important;
}
.header .school-brand-zh {
  display: block !important;
  font-family: var(--font-display) !important;
  font-size: clamp(22px, 2.1vw, 34px) !important;
  font-weight: 700 !important;
  color: var(--school-navy) !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.header .school-brand-en {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  font-family: var(--font-body) !important;
  /* 加大字号，接近中文视觉宽度 */
  font-size: clamp(13px, 1.05vw, 17px) !important;
  font-weight: 600 !important;
  color: #5a6b82 !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-align: justify !important;
  text-align-last: justify !important;
}
/* 单行英文 justify 铺满中文宽度 */
.header .school-brand-en::after {
  content: "" !important;
  display: inline-block !important;
  width: 100% !important;
}

@media (max-width: 1100px) {
  .header .school-brand-en {
    font-size: clamp(12px, 1.1vw, 15px) !important;
  }
}
@media (max-width: 768px) {
  .header .school-brand-zh {
    white-space: nowrap !important;
    max-width: none !important;
    font-size: 14px !important;
  }
  .header .school-brand-en {
    font-size: 11px !important;
    white-space: normal !important;
    text-align: left !important;
    text-align-last: left !important;
    letter-spacing: 0.03em !important;
  }
  .header .school-brand-en::after {
    display: none !important;
  }
}

/* ===== MAINMARGIN0：去掉 .main.mianw 上下 36px 外边距 ===== */
.main.mianw {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ===== MOBAUDIT：手机版总检修复（置后覆盖） ===== */
@media (max-width: 768px) {
  :root {
    --school-max: 100vw !important;
    --school-gap-x: 10px !important;
  }
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* 容器全宽 */
  .mianw,
  .header,
  .header.mianw,
  .headbanner,
  .main,
  .main.mianw,
  .main2,
  .indexad,
  .school-digital-wrap,
  .school-gallery-wrap,
  .main2.school-digital-wrap,
  .main2.school-gallery-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  .main.mianw {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .main2 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* 顶栏 + 汉堡 */
  .header {
    position: sticky !important;
    top: 0 !important;
    z-index: 90 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    background: rgba(238,242,247,.97) !important;
    border-bottom: 1px solid var(--school-line) !important;
  }
  .header .right { display: none !important; }
  .school-menu-btn {
    display: inline-flex !important;
    flex-shrink: 0 !important;
  }
  .header .school-brand-zh {
    font-size: 14px !important;
    max-width: none !important;
  }
  .header .school-brand-en {
    font-size: 10px !important;
  }

  /* 导航深蓝抽屉 + 手风琴不遮挡 */
  .school-nav-mask {
    display: none;
  }
  body.school-nav-open .school-nav-mask {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.45) !important;
    z-index: 94 !important;
  }
  .headbanner {
    background: transparent !important;
  }
  .headbanner > nav {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: min(84vw, 320px) !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: linear-gradient(180deg, #0a4f92, #12325c) !important;
    border-left: 3px solid var(--school-gold) !important;
    transform: translateX(105%) !important;
    transition: transform .3s ease !important;
    z-index: 95 !important;
    overflow-y: auto !important;
    padding: 72px 0 28px !important;
    box-shadow: -16px 0 40px rgba(0,0,0,.35) !important;
  }
  body.school-nav-open .headbanner > nav {
    transform: translateX(0) !important;
  }
  .headbanner nav .level {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    float: none !important;
  }
  .headbanner nav .level > li,
  nav .level > li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    flex: none !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }
  .headbanner nav .level > li > a {
    color: #fff !important;
    line-height: 48px !important;
    min-height: 48px !important;
    padding: 0 20px !important;
    text-align: left !important;
    font-size: 15px !important;
  }
  .headbanner nav .level > li > .two,
  .headbanner nav .two,
  nav .level .two {
    position: static !important;
    display: none !important;
    width: 100% !important;
    max-height: none !important;
    float: none !important;
    background: rgba(0,0,0,.22) !important;
    box-shadow: none !important;
  }
  .headbanner nav .level > li:hover > .two,
  .headbanner nav .level > li:hover .two {
    display: none !important;
  }
  .headbanner nav .level > li.is-open > .two {
    display: block !important;
    position: static !important;
  }
  .headbanner nav .two li a {
    color: rgba(255,255,255,.9) !important;
    line-height: 44px !important;
    padding: 0 20px 0 28px !important;
    display: block !important;
  }

  /* 首页块纵向堆叠 */
  .bannews,
  .wnnews,
  .main .con .bannews,
  .main .con .wnnews {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  .bannews .ban,
  .bannews .demo1,
  .wnnews .demo2,
  .wnnews .notice {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    min-height: 0 !important;
  }
  .yx-rotaion,
  .rotaion_list,
  .rotaion_list li,
  .rotaion_list li img,
  .csslider1,
  .csslider1 > ul,
  .csslider1 > ul > li,
  .csslider1 > ul > li img {
    height: 200px !important;
    width: 100% !important;
  }
  .headnews,
  .headnews.school-notice {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
  .headnews .rights {
    grid-template-columns: 1fr !important;
  }
  .icons ul {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .icons li:last-child {
    grid-column: 1 / -1 !important;
  }
  .school-digital .rights {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .school-digital .left::after {
    display: none !important;
  }
  #marquee2 ul {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  #marquee2 li {
    height: 64px !important;
  }
  #marquee2 li:last-child {
    grid-column: 1 / -1 !important;
  }

  /* 列表页 */
  .zhuanti,
  .main .con .zhuanti {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .zhuanti .left,
  .zhuanti .right,
  .main .con .zhuanti .left,
  .main .con .zhuanti .right {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }
  .main.school-pagebox,
  .main:has(.zhuanti),
  .main:has(.shownews) {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin: 10px auto 20px !important;
    padding: 12px !important;
  }

  /* 幻灯品牌文案 */
  .school-hero-brand {
    left: 12px !important;
    right: 12px !important;
    bottom: 8% !important;
    max-width: none !important;
  }
  .school-hero-brand h1 {
    font-size: 20px !important;
  }
  .school-hero-brand p {
    display: none !important;
  }
}

/* ===== NAVGOLD：导航当前/点击后金黄色 ===== */
.headbanner nav .level > li.is-current > a,
.headbanner nav .level > li.on > a,
.headbanner nav .level > li.active > a,
.headbanner nav .level > li.current > a {
  color: var(--school-gold-2) !important;
}
.headbanner nav .level > li.is-current > a::after,
.headbanner nav .level > li.on > a::after,
.headbanner nav .level > li.active > a::after,
.headbanner nav .level > li.current > a::after {
  width: 40% !important;
  background: var(--school-gold) !important;
  opacity: 1 !important;
}
/* 二级当前项 */
.headbanner nav .two li.is-current > a,
.headbanner nav .two li.on > a,
.headbanner nav .two li.active > a {
  color: var(--school-gold-2) !important;
  background: rgba(212,175,55,.14) !important;
}

@media (max-width: 768px) {
  .headbanner nav .level > li.is-current > a,
  .headbanner nav .level > li.on > a,
  .headbanner nav .level > li.active > a {
    color: var(--school-gold-2) !important;
    background: rgba(255,255,255,.06) !important;
  }
  .headbanner nav .level > li.is-current.has-sub > a::before,
  .headbanner nav .level > li.on.has-sub > a::before {
    border-color: var(--school-gold-2) !important;
  }
  .headbanner nav .two li.is-current > a,
  .headbanner nav .two li.on > a {
    color: var(--school-gold-2) !important;
    background: rgba(212,175,55,.16) !important;
  }
}

/* ===== BR1LINE：手机顶栏中文校名一行显示 ===== */
@media (max-width: 768px) {
  .header > a {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    gap: 8px !important;
    overflow: hidden !important;
  }
  .header > a img {
    height: 40px !important;
    max-width: 40px !important;
    flex-shrink: 0 !important;
  }
  .header .school-brand {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    top: 0 !important;
  }
  .header .school-brand-zh {
    white-space: nowrap !important;
    max-width: none !important;
    width: 100% !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .header .school-brand-en {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 9px !important;
    letter-spacing: 0 !important;
  }
}

/* ===== FOOTBLANK：去掉网页最底部多余空白 ===== */
.footer.main100,
.footer,
.school-footer {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  padding: 28px 16px 18px !important;
  min-height: 0 !important;
  height: auto !important;
}
.footer p {
  margin: 0 0 6px !important;
  padding: 0 !important;
  line-height: 1.7 !important;
  min-height: 0 !important;
}
.footer p:last-child {
  margin-bottom: 0 !important;
}
.school-footer-badge {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  text-align: center !important;
}
.school-footer-badge img,
.school-footer-badge span,
#_ideConac,
#_ideConac {
  display: inline-block !important;
  max-height: 48px !important;
  vertical-align: middle !important;
}
/* 校园风采与页脚之间别留大空 */
.school-gallery-wrap,
.main2.school-gallery-wrap,
.main2:last-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.school-gallery,
.meili.school-gallery {
  margin-bottom: 0 !important;
}
body {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
html, body {
  min-height: 0 !important;
}

@media (max-width: 768px) {
  .footer.main100,
  .footer,
  .school-footer {
    margin-top: 12px !important;
    padding: 20px 12px 14px !important;
  }
  .main2 {
    margin-bottom: 0 !important;
  }
}

/* ===== MOBLOGO：手机顶栏 Logo 不被挡 + 中英文与 Logo 垂直对齐 ===== */
@media (max-width: 768px) {
  .header,
  .header.mianw {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 12px 12px !important;
    overflow: visible !important;
    min-height: 64px !important;
    box-sizing: border-box !important;
  }
  .header > a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    text-decoration: none !important;
  }
  .header > a img {
    position: static !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 44px !important;
    width: auto !important;
    max-width: 44px !important;
    max-height: 44px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
    display: block !important;
  }
  .header .school-brand {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 2px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    position: static !important;
    top: 0 !important;
    margin: 0 !important;
    transform: none !important;
    overflow: hidden !important;
  }
  .header .school-brand-zh,
  .header .school-brand-en {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
    text-align-last: left !important;
    line-height: 1.25 !important;
  }
  .header .school-brand-zh {
    font-size: 13px !important;
    letter-spacing: 0 !important;
  }
  .header .school-brand-en {
    font-size: 9px !important;
    letter-spacing: 0 !important;
  }
  .header .school-brand-en::after {
    display: none !important;
    content: none !important;
  }
  .school-menu-btn {
    flex-shrink: 0 !important;
    align-self: center !important;
    margin: 0 !important;
  }
}


/* ===== TITLEFULLWIDTH：首页文章标题用满剩余宽度 ===== */
/* 覆盖 style.css 里 70%/77% 固定宽，避免右侧空一大截却提前 … */
.main .con .wnnews .notice ul li a,
.main .con .wnnews .wn ul li a,
.main .con .wnnews .demo2 .tab_box ul li a,
.main .con .bannews .demo1 .tab_box ul li a,
.main .con .bannews .news ul li a,
.wnnews .notice ul li a,
.wnnews .demo2 .tab_box ul li a,
.bannews .demo1 .tab_box ul li a,
.tab_box ul li a,
.hide ul li a,
.notice ul li a {
  width: auto !important;
  max-width: none !important;
  float: none !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding-left: 0 !important;
}

.main .con .wnnews .notice ul li span,
.main .con .wnnews .wn ul li span,
.main .con .wnnews .demo2 .tab_box ul li span,
.main .con .bannews .demo1 .tab_box ul li span,
.main .con .bannews .news ul li span,
.wnnews .notice ul li span,
.wnnews .demo2 .tab_box ul li span,
.tab_box ul li span,
.hide ul li span,
.notice ul li span {
  width: auto !important;
  max-width: none !important;
  float: none !important;
  flex: 0 0 auto !important;
  padding-right: 0 !important;
  text-align: right !important;
}

/* 取消留给圆点/日期的过大预留 */
.bannews .demo1 .tab_box ul li a {
  width: auto !important;
  max-width: none !important;
  float: none !important;
}


/* ===== LISTTITLEFULL：列表页标题完整显示不截断 ===== */
.zhuanti .right .zhuanlan li,
.main .con .zhuanti .right .zhuanlan li {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 48px !important;
  padding: 10px 4px !important;
  box-sizing: border-box !important;
  float: none !important;
}

.zhuanti .right .zhuanlan li a,
.main .con .zhuanti .right .zhuanlan li a {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: auto !important;
  line-height: 1.55 !important;
  padding: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: break-word !important;
  font-size: 15px !important;
  color: var(--school-ink, #1a2433) !important;
}

.zhuanti .right .zhuanlan li span,
.main .con .zhuanti .right .zhuanlan li span {
  float: none !important;
  width: auto !important;
  flex: 0 0 auto !important;
  line-height: 1.55 !important;
  padding: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
  color: #8a94a6 !important;
  font-size: 13px !important;
}


/* ===== THEME #0e64b6：顶栏 / 栏目 / 内容左侧 ===== */
:root {
  --school-navy: #0a4f92 !important;
  --school-navy-2: #0c5aa3 !important;
  --school-blue: #0e64b6 !important;
  --school-line: rgba(14, 100, 182, 0.14) !important;
  --school-shadow: 0 18px 50px rgba(14, 100, 182, 0.14) !important;
}

body::before {
  background: linear-gradient(90deg, #083a6c, #0e64b6, #1574c9) !important;
}

/* 顶部导航条 */
.headbanner > nav {
  background: linear-gradient(90deg, #083a6c 0%, #0e64b6 46%, #1574c9 100%) !important;
  box-shadow: 0 10px 28px rgba(14, 100, 182, 0.28) !important;
}
.headbanner nav .level > li:hover > a,
.headbanner nav .level > li > a:hover {
  background: rgba(255,255,255,.12) !important;
}
.headbanner nav .two {
  background: linear-gradient(180deg, #0e64b6 0%, #0a4f92 100%) !important;
  border-top: 2px solid rgba(255,255,255,.2) !important;
}
.headbanner nav .two li a:hover,
.headbanner nav .two li:hover {
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
}

/* 首页通知条 / 区块标题条 */
.headnews,
.headnews.school-notice {
  background: linear-gradient(90deg, #083a6c 0%, #0e64b6 48%, #1574c9 100%) !important;
  border-top-color: rgba(255,255,255,.35) !important;
}
.headnews .left,
.icons li a,
.demo2 .title,
.wnnews .title,
.main2 .title {
  background-image: linear-gradient(160deg, #0a4f92, #0e64b6) !important;
}

/* Tab / 栏目强调色 */
.demo1 .tab_menu,
.notice .tab,
.tab_menu {
  border-bottom-color: #0e64b6 !important;
}
.demo1 .tab_menu li a:hover,
.demo1 .tab_menu .current a,
.demo1 .tab_menu li.current a,
.notice .tab a.on,
.tab_menu .on a {
  color: #0e64b6 !important;
  border-bottom-color: #0e64b6 !important;
}

/* 内容页左侧栏目 */
.det_l .detNavBox,
.detNavBox,
.main .con .det_l .detNavBox {
  background: linear-gradient(165deg, #0a4f92 0%, #0e64b6 55%, #1574c9 100%) !important;
  border: none !important;
  box-shadow: 0 12px 28px rgba(14, 100, 182, 0.22) !important;
}
.detNavBox .cn,
.detNavBox h3.cn,
.det_l .detNavBox h3 {
  color: #fff !important;
  background: transparent !important;
}
.detNavBox .en,
.det_l .detNavBox .en {
  color: rgba(255,255,255,.7) !important;
}
.detNav li a,
.detNavBox .detNav li a,
.main .con .det_l .detNav li a {
  color: rgba(255,255,255,.92) !important;
  border-color: rgba(255,255,255,.12) !important;
}
.detNav li a:hover,
.detNav li.active a,
.detNav li .active,
.detNavBox .detNav li.active a,
.detNavBox .detNav li a:hover {
  background: rgba(255,255,255,.16) !important;
  color: #fff !important;
}

/* 列表/正文标题点缀 */
.detName .title_i,
.det_r .title_i,
.news_title,
.list_title,
.position a:hover {
  color: #0e64b6 !important;
}
.pglist a:hover,
.pglist .hover,
.pagination > .active > span,
.pagination > li > a:hover {
  background: #0e64b6 !important;
  border-color: #0e64b6 !important;
  color: #fff !important;
}

/* 页脚略呼应 */
.footer,
.foot,
.school-footer {
  background: linear-gradient(180deg, #0a4f92 0%, #083a6c 100%) !important;
}

@media (max-width: 767px) {
  .headbanner > nav {
    background: linear-gradient(180deg, #0a4f92 0%, #0e64b6 100%) !important;
  }
}





/* ===== DROPDOWN：下级栏目文字改为白色，可读 ===== */
.headbanner nav .two,
.headbanner > nav .two {
  background: linear-gradient(180deg, #0a4f92 0%, #0e64b6 100%) !important;
  border-top: 2px solid rgba(255,255,255,.25) !important;
  box-shadow: 0 12px 28px rgba(8, 58, 108, 0.35) !important;
}
.headbanner nav .two li,
.headbanner nav .two li a,
.headbanner > nav .two li a,
.headbanner nav .level > li .two li a {
  color: #ffffff !important;
  background: transparent !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.headbanner nav .two li a:link,
.headbanner nav .two li a:visited,
.headbanner nav .two li a:active {
  color: #ffffff !important;
}
.headbanner nav .two li:hover,
.headbanner nav .two li a:hover,
.headbanner nav .two li:hover a,
.headbanner > nav .two li a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,.18) !important;
}

/* 手机端侧栏下拉同理 */
@media (max-width: 767px) {
  .headbanner nav .two,
  .headbanner nav .level > li .two {
    background: rgba(8, 58, 108, 0.55) !important;
  }
  .headbanner nav .two li a,
  .headbanner nav .two li a:hover {
    color: #ffffff !important;
  }
}


/* ===== HOMEBLOCKS：通知滚动 + 纯色选项卡/快捷入口 ===== */

/* 通知公告横向滚动（无渐变条可保留主题实色底） */
.headnews.school-notice,
.headnews {
  background: #0e64b6 !important;
  background-image: none !important;
  border-top: none !important;
}
.headnews .left,
.headnews.school-notice .left {
  background: #0e64b6 !important;
  background-image: none !important;
}
.headnews .rights.notice-marquee,
.headnews.school-notice .rights {
  display: block !important;
  grid-template-columns: none !important;
  overflow: hidden !important;
  position: relative !important;
  height: 52px !important;
  align-self: center !important;
  mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
}
.headnews .notice-track {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  white-space: nowrap !important;
  height: 52px !important;
  animation: noticeMarquee 40s linear infinite;
  will-change: transform;
}
.headnews.school-notice:hover .notice-track {
  animation-play-state: paused;
}
.headnews .notice-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  height: 52px !important;
  padding: 0 28px 0 18px !important;
  margin: 0 !important;
  color: #fff !important;
  text-decoration: none !important;
  border-right: 1px solid rgba(255,255,255,.22) !important;
  box-sizing: border-box !important;
}
.headnews .notice-item em,
.headnews .notice-item h1,
.headnews .notice-item font {
  display: inline !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-style: normal !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #fff !important;
  line-height: 52px !important;
  max-width: 420px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.headnews .notice-item span {
  float: none !important;
  display: inline-block !important;
  padding: 0 !important;
  font-size: 12px !important;
  color: rgba(255,255,255,.82) !important;
  line-height: 52px !important;
  white-space: nowrap !important;
}
.headnews .notice-item:hover em,
.headnews .notice-item:hover font {
  color: #fff7d6 !important;
  text-decoration: underline !important;
}
@keyframes noticeMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* 校内新闻/通知公告/中职动态 选项卡：纯主题色，无渐变 */
.demo1 .tab_menu,
.bannews .demo1 .tab_menu {
  background: #0e64b6 !important;
  background-image: none !important;
  border-bottom: none !important;
  border-radius: 8px 8px 0 0 !important;
  overflow: hidden !important;
}
.demo1 .tab_menu li,
.demo1 .tab_menu li a,
.bannews .demo1 .tab_menu li a {
  background: transparent !important;
  background-image: none !important;
  color: rgba(255,255,255,.88) !important;
  border: none !important;
  border-bottom: none !important;
}
.demo1 .tab_menu li.current a,
.demo1 .tab_menu li.current,
.demo1 .tab_menu .current a,
.demo1 .tab_menu li a:hover,
.demo1 .tab_menu li:hover a {
  background: #0c5aa3 !important;
  background-image: none !important;
  color: #fff !important;
  border-bottom: none !important;
}
.demo1 .tab_menu a.more,
.demo1 .tab_menu .more {
  color: #fff !important;
  background: transparent !important;
}

/* 五个快捷按钮：纯主题色，无渐变 */
.icons.school-quick li a,
.icons li a,
.school-quick li a {
  background: #0e64b6 !important;
  background-image: none !important;
  background-color: #0e64b6 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
.icons.school-quick li a:hover,
.icons li a:hover,
.school-quick li a:hover {
  background: #0c5aa3 !important;
  background-image: none !important;
  color: #fff !important;
}

@media (max-width: 767px) {
  .headnews .rights.notice-marquee,
  .headnews.school-notice .rights {
    height: 44px !important;
  }
  .headnews .notice-track,
  .headnews .notice-item,
  .headnews .notice-item em,
  .headnews .notice-item span {
    height: 44px !important;
    line-height: 44px !important;
  }
  .headnews .notice-item em {
    max-width: 240px !important;
    font-size: 13px !important;
  }
  .headnews .notice-track {
    animation-duration: 32s;
  }
}


/* ===== LEFTSIMPLE：栏目左侧简洁版（主题色底 + 金黄头标） ===== */
.zhuanti .left,
.main .zhuanti .left,
.main .con .zhuanti .left,
.school-pagebox .zhuanti .left {
  background: #0e64b6 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 20px rgba(14, 100, 182, 0.18) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* 金黄色头标标题 */
.zhuanti .left h1,
.zhuanti .left h2,
.zhuanti .left h3,
.zhuanti .left > h1,
.main .zhuanti .left h1,
.main .con .zhuanti .left h1,
.main .con .zhuanti .left h2,
.school-pagebox .zhuanti .left h1 {
  display: block !important;
  margin: 0 !important;
  padding: 14px 16px 14px 18px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  background: #c9a227 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: none !important;
  border-left: none !important;
  position: relative !important;
}
.zhuanti .left h1::before,
.main .con .zhuanti .left h1::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: #f0d078 !important;
  border-radius: 0 !important;
}

/* 下级栏目列表 */
.zhuanti .left ul,
.main .con .zhuanti .left ul {
  margin: 0 !important;
  padding: 8px 0 !important;
  list-style: none !important;
  background: transparent !important;
}
.zhuanti .left ul li,
.main .con .zhuanti .left ul li {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  line-height: normal !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  overflow: visible !important;
  transition: background .15s ease !important;
}
.zhuanti .left ul li a,
.main .con .zhuanti .left ul li a,
.school-pagebox .zhuanti .left ul li a {
  display: block !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  min-height: 0 !important;
  height: auto !important;
  line-height: 1.5 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  box-sizing: border-box !important;
  position: relative !important;
}
.zhuanti .left ul li:last-child a {
  border-bottom: none !important;
}

/* 去掉旧箭头装饰，改简洁右侧指示 */
.zhuanti .left ul li a::after,
.main .con .zhuanti .left ul li a::after {
  content: "" !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  width: 6px !important;
  height: 6px !important;
  margin-top: -3px !important;
  border-right: 2px solid rgba(255,255,255,.55) !important;
  border-bottom: 2px solid rgba(255,255,255,.55) !important;
  transform: rotate(-45deg) !important;
  background: none !important;
  opacity: 1 !important;
}

/* 悬停 / 当前：略亮一档，仍保持简洁 */
.zhuanti .left ul li:hover,
.zhuanti .left ul li.on,
.zhuanti .left ul li.active,
.main .con .zhuanti .left ul li:hover,
.main .con .zhuanti .left ul li.on,
.main .con .zhuanti .left ul li.active {
  background: rgba(255,255,255,.12) !important;
  background-image: none !important;
  border: none !important;
}
.zhuanti .left ul li:hover a,
.zhuanti .left ul li.on a,
.zhuanti .left ul li.active a,
.main .con .zhuanti .left ul li:hover a,
.main .con .zhuanti .left ul li.on a {
  color: #ffffff !important;
  background: transparent !important;
}

@media (max-width: 767px) {
  .zhuanti .left,
  .main .con .zhuanti .left {
    border-radius: 6px !important;
    margin-bottom: 14px !important;
  }
  .zhuanti .left h1,
  .main .con .zhuanti .left h1 {
    font-size: 16px !important;
    padding: 12px 14px !important;
  }
  .zhuanti .left ul li a {
    padding: 11px 14px !important;
    font-size: 14px !important;
  }
}


/* ===== MOBILEFIX：通知条 + 左侧二级（压过 media.css） ===== */
@media screen and (max-width: 768px) {
  /* media.css 曾隐藏通知条 */
  .headnews,
  .headnews.school-notice,
  .main .con .headnews {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 8px 0 12px !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 40 !important;
    border-radius: 6px !important;
    background: #0e64b6 !important;
    box-sizing: border-box !important;
  }
  .headnews .left,
  .main .con .headnews .left {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 78px !important;
    max-width: none !important;
    height: 44px !important;
    float: none !important;
    align-items: center !important;
    justify-content: center !important;
    background: #0e64b6 !important;
  }
  .headnews .left span { color:#fff !important; font-size:12px !important; line-height:1.15 !important; background:none !important; padding:0 !important; }
  .headnews .left::before, .headnews .left::after { display:none !important; content:none !important; }
  .headnews .rights,
  .headnews .rights.notice-marquee,
  .main .con .headnews .rights {
    display: block !important;
    flex: 1 1 auto !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 44px !important;
    float: none !important;
    overflow: hidden !important;
    visibility: visible !important;
  }
  .headnews .notice-track { display:inline-flex !important; height:44px !important; }
  .headnews .notice-item { display:inline-flex !important; height:44px !important; color:#fff !important; }
  .headnews .notice-item em,
  .headnews .notice-item span { color:#fff !important; line-height:44px !important; height:44px !important; font-size:12px !important; }

  /* media.css 曾把二级栏目做成 25% 浮动，只露一字 */
  .zhuanti,
  .main .con .zhuanti {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }
  .zhuanti .left,
  .main .con .zhuanti .left {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 0 10px !important;
    background: #0e64b6 !important;
  }
  .zhuanti .left ul {
    width: 100% !important;
    display: block !important;
    font-size: 0; /* reset old float row quirks */
  }
  .zhuanti .left ul li,
  .main .con .zhuanti .left ul li {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    font-size: 15px !important;
  }
  .zhuanti .left ul li a,
  .main .con .zhuanti .left ul li a {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
    padding: 12px 40px 12px 16px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #ffffff !important;
    background: transparent !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: break-word !important;
  }
  .zhuanti .left ul li.on,
  .zhuanti .left ul li:hover {
    background: rgba(255,255,255,.14) !important;
  }
  .zhuanti .left ul li.on a,
  .zhuanti .left ul li:hover a {
    color: #ffffff !important;
  }
  .zhuanti .right {
    width: 100% !important;
    margin-left: 0 !important;
    float: none !important;
  }
}


/* ===== NOTICETITLE：标题强制可见（修复手机只见日期） ===== */
.headnews .rights.notice-marquee,
.headnews.school-notice .rights.notice-marquee {
  display: block !important;
  overflow: hidden !important;
  height: 52px !important;
  background: #0e64b6 !important;
}
.headnews .notice-track {
  display: inline-flex !important;
  align-items: center !important;
  height: 52px !important;
  white-space: nowrap !important;
}
.headnews a.notice-item,
.headnews .rights a.notice-item,
.main .con .headnews .rights a.notice-item {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  height: 52px !important;
  padding: 0 22px 0 16px !important;
  margin: 0 !important;
  gap: 10px !important;
  background: transparent !important;
  border: none !important;
  border-right: 1px solid rgba(255,255,255,.25) !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.headnews a.notice-item .notice-title,
.headnews a.notice-item em,
.headnews a.notice-item h1,
.headnews a.notice-item font,
.headnews .rights a.notice-item .notice-title {
  display: inline-block !important;
  float: none !important;
  flex: 0 1 auto !important;
  max-width: 70vw !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 52px !important;
  height: 52px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  background: none !important;
}
.headnews a.notice-item .notice-date,
.headnews a.notice-item span.notice-date,
.headnews a.notice-item > span:not(.notice-title) {
  display: inline-block !important;
  float: none !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 0 0 4px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 52px !important;
  height: 52px !important;
  color: #ffe08a !important;
  -webkit-text-fill-color: #ffe08a !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@media screen and (max-width: 768px) {
  .headnews,
  .headnews.school-notice {
    height: 44px !important;
    min-height: 44px !important;
    background: #0e64b6 !important;
  }
  .headnews .rights.notice-marquee {
    height: 44px !important;
    background: #0e64b6 !important;
  }
  .headnews .notice-track {
    height: 44px !important;
  }
  .headnews a.notice-item,
  .headnews .rights a.notice-item {
    height: 44px !important;
    padding: 0 14px 0 10px !important;
    gap: 8px !important;
  }
  .headnews a.notice-item .notice-title,
  .headnews a.notice-item em {
    font-size: 13px !important;
    line-height: 44px !important;
    height: 44px !important;
    max-width: 58vw !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
  .headnews a.notice-item .notice-date,
  .headnews a.notice-item span.notice-date {
    font-size: 11px !important;
    line-height: 44px !important;
    height: 44px !important;
    color: #ffe08a !important;
    -webkit-text-fill-color: #ffe08a !important;
  }
}


/* ===== NOTICEVISIBLE：彻底修复手机只见日期（.rights font-size:0） ===== */
.main .con .headnews .rights,
.headnews .rights,
.headnews.school-notice .rights,
.headnews .rights.notice-marquee,
.main .con .headnews .rights.notice-marquee {
  font-size: 14px !important;
}
.headnews .notice-track,
.headnews a.notice-item,
.main .con .headnews .rights a.notice-item {
  font-size: 14px !important;
  color: #ffffff !important;
}
.headnews a.notice-item .notice-title,
.headnews a.notice-item b.notice-title,
.headnews a.notice-item em.notice-title,
.headnews a.notice-item span.notice-title,
.main .con .headnews .rights a.notice-item .notice-title {
  display: inline !important;
  float: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.headnews a.notice-item .notice-date,
.main .con .headnews .rights a.notice-item .notice-date,
.main .con .headnews .rights a.notice-item span.notice-date {
  display: inline !important;
  float: none !important;
  font-size: 12px !important;
  color: #ffe08a !important;
  -webkit-text-fill-color: #ffe08a !important;
}
@media screen and (max-width: 768px) {
  .main .con .headnews .rights,
  .headnews .rights.notice-marquee {
    font-size: 13px !important;
    height: 44px !important;
  }
  .headnews a.notice-item .notice-title,
  .headnews a.notice-item b.notice-title {
    font-size: 13px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
  .headnews a.notice-item .notice-date {
    font-size: 11px !important;
    color: #ffe08a !important;
  }
}


/* ===== NOTICEONELINE：标题为 a 文本节点，日期仅作点缀 ===== */
.main .con .headnews .rights,
.headnews .rights,
.headnews .rights.notice-marquee {
  font-size: 14px !important;
}
.headnews a.notice-item,
.main .con .headnews .rights a.notice-item {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.headnews a.notice-item .notice-date {
  color: #ffe08a !important;
  -webkit-text-fill-color: #ffe08a !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}


/* ===== NOTICELABEL：通知公告横排单行，整条高度收紧 ===== */
.headnews,
.headnews.school-notice,
.main .con .headnews {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  overflow: hidden !important;
  margin-bottom: 10px !important;
  padding: 0 !important;
  background: #0e64b6 !important;
  box-sizing: border-box !important;
}
.headnews .left,
.headnews.school-notice .left,
.main .con .headnews .left {
  display: flex !important;
  flex-direction: row !important;
  flex: 0 0 auto !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  gap: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  background: #0c5aa3 !important;
  writing-mode: horizontal-tb !important;
  -webkit-writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  box-sizing: border-box !important;
}
.headnews .left::before,
.headnews .left::after,
.headnews.school-notice .left::before,
.headnews.school-notice .left::after,
.main .con .headnews .left::before,
.main .con .headnews .left::after {
  content: none !important;
  display: none !important;
}
.headnews .left span,
.headnews.school-notice .left span,
.main .con .headnews .left span {
  display: inline !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 40px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.06em !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
  -webkit-writing-mode: horizontal-tb !important;
  background: none !important;
  transform: none !important;
}
.headnews .rights,
.headnews .rights.notice-marquee,
.headnews.school-notice .rights,
.main .con .headnews .rights {
  display: block !important;
  flex: 1 1 auto !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  height: 40px !important;
  overflow: hidden !important;
  background: #0e64b6 !important;
  font-size: 14px !important;
}
.headnews .notice-track,
.headnews a.notice-item {
  height: 40px !important;
  line-height: 40px !important;
}
@media screen and (max-width: 768px) {
  .headnews,
  .headnews.school-notice,
  .main .con .headnews {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }
  .main .con .headnews .left,
  .headnews .left,
  .headnews.school-notice .left {
    display: flex !important;
    flex-direction: row !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    height: 36px !important;
    padding: 0 10px !important;
  }
  .main .con .headnews .left span,
  .headnews .left span {
    display: inline !important;
    font-size: 13px !important;
    line-height: 36px !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
  }
  .headnews .rights,
  .headnews .rights.notice-marquee,
  .main .con .headnews .rights,
  .headnews .notice-track,
  .headnews a.notice-item {
    height: 36px !important;
    line-height: 36px !important;
  }
}