#c-placeholder {}
/* ===== 首页专属：覆盖全局 .container 到设计图 1280px 宽度（reset.css 原 container 最大 1600px 保留给内页）===== */
.page-index .container {max-width: 12.8rem; width: 90%;}

/* ===============公用css star!!!!===================*/
.page-index .more1 {position: static; width: .66rem; height: .66rem; min-width: .36rem; min-height: .36rem; margin: 0; background: #1AAF19; color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: opacity 0.3s, background 0.3s;}
.page-index .more1 i {line-height: 1; transition: transform 0.3s;}
.page-index .more1-rotate  {}
@media (any-hover: hover) {
  .page-index .more1:hover {background: #179916;}
  .page-index .more1:hover i {transform: translateX(25%);}
  .page-index .more1-rotate:hover i {transform: translateX(-25%);}
}
/* ===============公用css end!!!!===================*/


/* ===== 首页 Banner ===== */
.page-index .indexBanner {position: relative; overflow: hidden;}
.page-index .indexBanner .banner-bg {width: 19.2rem; height: 6.34rem; margin: 0 auto; position: relative;  background-size: cover; background-position: center;}
.page-index .indexBanner .banner-left {display: flex; align-items: center;height: 100%; }
.page-index .indexBanner .banner-content {color: #fff;}
.page-index .indexBanner .banner-title {font-weight: 600; line-height: 1.3; margin-bottom: .25rem;}
.page-index .indexBanner .banner-line {width: 0.94rem; height: 0.04rem; background: #FFBA03 ; margin-bottom: .3rem;}
.page-index .indexBanner .banner-subtitle {color: rgba(255, 255, 255, 0.9);}
.page-index .indexBanner .banner-desc {color: rgba(255, 255, 255, 0.9); margin-bottom: .6rem;}
.page-index .indexBanner .banner-btn {display: inline-flex; align-items: center; gap: .08rem; padding: .10rem .30rem; background: #FFBA03; color: #fff; border-radius: 1rem; font-weight: 500; transition: all 0.3s;}

/* ===== Banner 入场动画：一进页面依次渐入上浮 ===== */
@keyframes bannerFadeUp {
  0%   {opacity: 0; transform: translateY(.3rem);}
  100% {opacity: 1; transform: translateY(0);}
}
.page-index .indexBanner .banner-title {animation: bannerFadeUp 1s ease-out .1s both;}
.page-index .indexBanner .banner-line  {animation: bannerFadeUp 1s ease-out .28s both;}
.page-index .indexBanner .banner-subtitle {animation: bannerFadeUp 1s ease-out .44s both;}
.page-index .indexBanner .banner-desc {animation: bannerFadeUp 1s ease-out .6s both;}
.page-index .indexBanner .banner-btn  {animation: bannerFadeUp 1s ease-out .76s both;}

/* ===== 其他页面 Banner / 主标题入场动画（同首页 bannerFadeUp 效果） ===== */
/* 内页通用 banner（dongtai/dongtaixq/jianjie/yewu/lianxi 共 5 页） */
.page-index .lianxiBanner .lianxiBanner-title {animation: bannerFadeUp 1s ease-out .1s both;}
/* 报名咨询页（baoming.html）主标题 + 横线 */
.page-index .baomingMain .bm-head-title {animation: bannerFadeUp 1s ease-out .1s both;}
.page-index .baomingMain .bm-head-line  {animation: bannerFadeUp 1s ease-out .28s both;}

@media (any-hover: hover) {
  .page-index .indexBanner .banner-btn:hover {background: #f7b84e;}
}

@media (prefers-reduced-motion: reduce) {
  .page-index .indexBanner .banner-title,
  .page-index .indexBanner .banner-line,
  .page-index .indexBanner .banner-subtitle,
  .page-index .indexBanner .banner-desc,
  .page-index .indexBanner .banner-btn,
  .page-index .lianxiBanner .lianxiBanner-title,
  .page-index .baomingMain .bm-head-title,
  .page-index .baomingMain .bm-head-line {animation: none;}
}

/* ===== 新闻公告 ===== */
.page-index .indexNews {padding: .44rem 0 .2rem; background: #ffffff; }
.page-index .indexNews .container {display: flex; height: 100%;}
.page-index .indexNews .news-left {flex: 1; background: #fff; padding: 0 .64rem 0 0;display: flex;
    flex-direction: column;}
.page-index .indexNews .news-right {flex: 1; background: #fff; padding: 0 0 0 .64rem;}
.page-index .indexNews .news-tabs {display: flex; align-items: center; border-bottom: 1px solid #000; margin-bottom: .22rem;}
.page-index .indexNews .news-tab {color: #333333; padding: .08rem .2rem; position: relative; transition: color 0.3s; white-space: nowrap;}
.page-index .indexNews .news-tab.on {color: #00549D; font-weight: 600;}
.page-index .indexNews .news-tab.on::after {content: ''; position: absolute; left: 50%; bottom: 0; width: .94rem; height: .04rem; background: #00549D; transform: translateX(-50%);}
.page-index .indexNews .news-more {margin-left: auto; flex-shrink: 0; padding: .08rem .2rem; background: #FFBA03; color: #fff; border-radius: 1rem; display: flex; align-items: center; transition: all 0.3s; white-space: nowrap;}
@media (any-hover: hover) {
  .page-index .indexNews .news-more:hover {background: #f7b84e;}
}
.page-index .indexNews .news-content {flex: 1; display: flex; flex-direction: column; justify-content: space-between;}
.page-index .indexNews .news-card {    flex: 1;display: flex; flex-direction: row; margin-bottom: .28rem; align-items: center;}
.page-index .indexNews .news-img {width: 2.28rem; height: 1.39rem; background: linear-gradient(135deg, #e0e0e0 0%, #c8c8c8 100%); flex-shrink: 0;}
.page-index .indexNews .news-img img {width: 100%; height: 100%; object-fit: cover;}
.page-index .indexNews .news-info {flex: 1; display: flex; flex-direction: column; margin-left: .13rem;}
.page-index .indexNews .news-card .news-date {color: #00549D;margin-bottom: .1rem;}
.page-index .indexNews .news-title {color: #333333; font-weight: 500; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.page-index .indexNews .news-list {list-style: none; flex: 1; display: flex; flex-direction: column;}
.page-index .indexNews .news-list li {display: flex; align-items: center; padding-bottom: .08rem;}
.page-index .indexNews .news-list .dot {width: .05rem; height: .05rem; border-radius: 50%; flex-shrink: 0; margin-right: .15rem; background: #999;}
.page-index .indexNews .news-list .dot-blue {background: #00549D;}
.page-index .indexNews .news-list .icon {width: .28rem; height: .28rem; background: #e6f2ff; border-radius: .03rem; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: .08rem;}
.page-index .indexNews .news-list .icon-doc {width: 0; height: 0; border-left: .07rem solid transparent; border-right: .07rem solid transparent; border-bottom: .1rem solid #00549D; position: relative;}
.page-index .indexNews .news-list .icon-doc::after {content: ''; position: absolute; left: -.05rem; top: .03rem; width: 0; height: 0; border-left: .05rem solid transparent; border-right: .05rem solid transparent; border-top: .07rem solid #fff;} 
.page-index .indexNews .news-list li a {color: #333333;     width: 4.36rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color 0.3s;}
.page-index .indexNews .news-list li a:hover {color: #00549D;}
.page-index .indexNews .news-list li .news-date {color: #333333; flex-shrink: 0; margin-left: .2rem;color: #ADADAD;}
.page-index .indexNews .news-right .news-list {height: calc(100% - .7rem);}

/* ===== 新闻公告 Tab 切换显隐 ===== */
.page-index .indexNews [data-tab-content] {display: none;}
.page-index .indexNews .news-content[data-tab-content].on {display: flex;}
.page-index .indexNews .news-list[data-tab-content].on {display: flex;}


/* ===== 公共模块标题 ===== */
.page-index .section-title {text-align: center; color: #fff; font-weight: 600; margin-bottom: .4rem; position: relative; line-height: 1.4;}
.page-index .section-title.title-dark {color: #00549D;}

/* ===== 快速通道 ===== */
.page-index .indexChannel {background: #00549D; padding: .4rem 0; min-height: 3.03rem; display: flex; align-items: center;}
.page-index .indexChannel .container {display: flex; flex-direction: column;}
.page-index .indexChannel .section-title {margin-bottom: .45rem;}
.page-index .channel-list {list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; }
.page-index .channel-item {}
.page-index .channel-item a {display: flex; flex-direction: column; align-items: center; justify-content: center;width: 1.72rem;height: 1.51rem;background: #FFFFFF;border-radius: 0.2rem;transition: transform 0.3s, box-shadow 0.3s;  }
.page-index .channel-item a:hover {transform: translateY(-0.05rem); box-shadow: 0 .1rem .25rem rgba(0,0,0,0.15);}
.page-index .channel-icon {width: .7rem; height: .7rem; border-radius: .1rem; display: flex; align-items: center; justify-content: center; margin-bottom: .15rem;}
.page-index .channel-icon i {color: #fff; line-height: 1;}
.page-index .channel-icon img {width: 100%; height: 100%; object-fit: contain; display: block;}

.page-index .channel-name {color: #333333; text-align: center;}

/* ===== 身边榜样 & 优秀校友 ===== */
.page-index .indexExample {background: #fff; min-height: 3.05rem; padding: 0 0 .4rem 0; }
.page-index .indexExample .container {display: flex; align-items: stretch; justify-content: space-between; height: 100%;}
.page-index .example-left {display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;margin-right: 0.2rem;}
.page-index .example-btn {display: inline-flex; align-items: center; justify-content: center; width: 1.39rem;height: 0.39rem; border: 1px solid #00549D; background: #fff; color: #00549D; border-radius: 1rem; transition: all 0.3s; font-family: var(--font-family-medium);margin-bottom: 0.23rem;}
.page-index .example-btn.on {background: #00549D; color: #fff; border-color: #00549D;}
@media (any-hover: hover) {
  .page-index .example-btn:hover {background: #00549D; color: #fff;}
  .page-index .example-btn.on:hover {opacity: 0.85;}
}
.page-index .example-more {margin-top: .1rem; display: inline-flex; align-items: center; gap: .03rem; padding: .05rem .15rem; background: #f5a623; color: #fff; border-radius: 1rem; transition: all 0.3s;} 
.page-index .example-more i {line-height: 1;}
.page-index .example-more:hover {background: #f7b84e;}

.page-index .example-right {flex: 1; position: relative; min-height: 2.64rem;}
.page-index .example-panel {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; opacity: 0; visibility: hidden; transform: translateX(.15rem); transition: opacity .35s ease, transform .35s ease, visibility .35s ease;}
.page-index .example-panel.is-active {opacity: 1; visibility: visible; transform: translateX(0);}
.page-index .example-panel.is-animating .example-card {animation: exampleCardIn .5s ease-out both;}
.page-index .example-panel.is-animating .example-card:nth-child(1) {animation-delay: .05s;}
.page-index .example-panel.is-animating .example-card:nth-child(2) {animation-delay: .12s;}
.page-index .example-panel.is-animating .example-card:nth-child(3) {animation-delay: .19s;}
.page-index .example-panel.is-animating .example-card:nth-child(4) {animation-delay: .26s;}
@keyframes exampleCardIn {
  0%   {opacity: 0; transform: translateY(.2rem);}
  100% {opacity: 1; transform: translateY(0);}
}
.page-index .example-card {border-radius: 0 0 0.2rem 0.2rem; overflow: hidden; width: 2.7rem;height: 2.64rem;background: #00549D; position: relative; display: flex; flex-direction: column;}
.page-index .example-img {width: 100%; height: 1.81rem;overflow: hidden;}
.page-index .example-img img {width: 100%; height: 100%; object-fit: cover;}

.page-index .example-label {flex: 1;color: #fff;display: flex; align-items: center; justify-content: center;}

/* ===== 主要业务 ===== */
.page-index .indexBusiness {background: url('../img/index/bj.webp')  center center no-repeat;min-height: 5.3rem; padding: .7rem 0 1rem; position: relative; overflow: hidden;}

.page-index .indexBusiness::after {top: 1.2rem; background: rgba(0,84,157,0.05);}
.page-index .indexBusiness .section-title {margin-bottom: .3rem;}

.page-index .business-stage {position: relative; display: flex; align-items: center; justify-content: center; min-height: 4.5rem;}
.page-index .business-nav {position: absolute; top: 50%; transform: translateY(-50%); z-index: 6; width: 0.6rem; height: 0.6rem; min-width: 0.4rem; min-height: 0.4rem; border-radius: 50%; background: #C7C7C7;display: inline-flex; align-items: center; justify-content: center;   transition: all 0.3s; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent;}
.page-index .business-nav:hover {background: #00549D; color: #fff;}
.page-index .business-nav.is-disabled {opacity: 0.35; cursor: not-allowed; pointer-events: none; background: rgba(255,255,255,0.6); color: #aaa;}
.page-index .business-nav.is-disabled:hover {background: rgba(255,255,255,0.6); color: #aaa;}
.page-index .business-prev {left: 0;}
.page-index .business-next {right: 0;}

/* ===== 主要业务卡片：position:absolute 以 business-cards 为舞台，data-state 控制位置（过渡动画 */
.page-index .business-cards {position: relative; width: 100%; height: 4.5rem; display: block;}
.page-index .b-card {
  
  position: absolute; top: 50%; left: 50%;
  min-width: 0; background: #fff; overflow: hidden;
  box-shadow: 0 .1rem .3rem rgba(0,0,0,0.12);
  display: flex; flex-direction: column;
  /* 切换时 transition */
  transform: translate(-50%, -50%) scale(0.92);
  transition:
    transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.35s ease,
    box-shadow 0.4s ease,
    border-color 0.3s ease,
    height 0.4s ease;
  /* will-change: transform, opacity; */
  z-index: 2;
  pointer-events: auto;
  background-color: #fff;
}
/* 中心卡片：默认的尺寸、高亮效果 */
.page-index .b-card[data-state="center"] {
   width: 5.01rem;height: 3.57rem;
  z-index: 4; 
  transform: translate(-50%, -50%) scale(1);
}
/* 左侧展示卡 */
.page-index .b-card[data-state="left"] {
  z-index: 3;
  transform: translate(calc(-50% - 3.7rem), -50%) scale(0.92);
  
  width: 3.8rem;height: 2.71rem;
}
/* 右侧展示卡 */
.page-index .b-card[data-state="right"] {
  z-index: 3;
  transform: translate(calc(-50% + 3.7rem), -50%) scale(0.92);
  
  width: 3.8rem;height: 2.71rem;
}
/* 左飞出屏外（隐藏在左侧更外面）*/
.page-index .b-card[data-state="hidden-left"] {
  z-index: 1;
  transform: translate(calc(-50% - 7.2rem), -50%) scale(0.88);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
/* 右飞出屏外 */
.page-index .b-card[data-state="hidden-right"] {
  z-index: 1;
  transform: translate(calc(-50% + 7.2rem), -50%) scale(0.88);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.page-index .b-img {width: 100%; flex: 0 0 60%; min-height: 2.4rem;  position: absolute; overflow: hidden;top: 0;left: 0;    height: 100%;}
.page-index .b-img a {width: 100%;display: block;height: 100%;}
.page-index .b-img img {width: 100%; height: 100%; object-fit: cover;}
.page-index .b-card[data-state="left"] .b-img,
.page-index .b-card[data-state="right"] .b-img {min-height: 1.8rem; flex: 0 0 55%;}
.page-index .b-info {padding: 0 .25rem; display: flex; flex-direction: column; background: rgba(0,0,0,0.8);flex: 1;position: absolute;bottom: 0;left: 0;height: 1.2rem;    justify-content: center;}
.page-index .b-info > * + * {margin-top: .1rem;}
.page-index .b-card[data-state="left"] .b-info,
.page-index .b-card[data-state="right"] .b-info {padding: 0 .2rem;height: 0.9rem;}
.page-index .b-title {color: #ffffff; font-weight: 600; line-height: 1.3;}
.page-index .b-card[data-state="left"] .b-title,
.page-index .b-card[data-state="right"] .b-title {font-size: var(--font15);}
.page-index .b-desc {
  color: #ffffff; line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.page-index .b-card[data-state="left"] .b-desc,
.page-index .b-card[data-state="right"] .b-desc {font-size: var(--font12);}

/* ===== 联系信息4列卡片 ===== */
.page-index .indexContact {background: #fff; min-height: 3.18rem; padding: .5rem 0;}
.page-index .contact-list {display: grid; grid-template-columns: repeat(4, 1fr); gap: .25rem; align-items: stretch;}
.page-index .contact-cards {width: 3.08rem;height: 1.87rem;background: #F3F3F3;border-radius: 0.2rem;  display: flex; flex-direction: column; transition: box-shadow 0.3s;align-items: center;justify-content: space-around;padding: 0.1rem 0.2rem;} 
.page-index .contact-cards:hover {box-shadow: 0 .12rem .3rem rgba(0,84,157,0.15);}
.page-index .contact-title {color: #00549D; font-weight: 600; line-height: 1.4;}
.page-index .contact-content {color: #333333;}
.page-index .contact-btn { display: inline-flex; align-items: center; justify-content: center; width: 0.99rem;
height: 0.31rem;background: #00549D;border-radius: 0.16rem;color: #fff;
 transition: all 0.3s;}
@media (any-hover: hover) {
  .page-index .contact-btn:hover {background: #004785;}
}

/* ===== 滚动入场动画：快速通道 / 办学实例 / 联系信息 三区块 复用 bannerFadeUp（渐入上浮） ===== */
/* 初始隐藏：JS 给 .in-view 时才触发动画；prefers-reduced-motion 下直接显示 */
.page-index .indexChannel .channel-item,
.page-index .indexExample .example-card,
.page-index .indexContact .contact-cards {
  opacity: 0;
  transform: translateY(.3rem);
  will-change: opacity, transform;
}
.page-index .indexChannel .channel-item.in-view,
.page-index .indexExample .example-card.in-view,
.page-index .indexContact .contact-cards.in-view {
  animation: bannerFadeUp 1s ease-out both;
}

/* 快速通道：6 个方块，每项 +0.08s 波纹延迟 */
.page-index .indexChannel .channel-item.in-view:nth-child(1) {animation-delay: .06s;}
.page-index .indexChannel .channel-item.in-view:nth-child(2) {animation-delay: .14s;}
.page-index .indexChannel .channel-item.in-view:nth-child(3) {animation-delay: .22s;}
.page-index .indexChannel .channel-item.in-view:nth-child(4) {animation-delay: .30s;}
.page-index .indexChannel .channel-item.in-view:nth-child(5) {animation-delay: .38s;}
.page-index .indexChannel .channel-item.in-view:nth-child(6) {animation-delay: .46s;}

/* 办学实例：4 张大图卡片，每项 +0.10s */
.page-index .indexExample .example-card.in-view:nth-child(1) {animation-delay: .06s;}
.page-index .indexExample .example-card.in-view:nth-child(2) {animation-delay: .16s;}
.page-index .indexExample .example-card.in-view:nth-child(3) {animation-delay: .26s;}
.page-index .indexExample .example-card.in-view:nth-child(4) {animation-delay: .36s;}

/* 联系信息：4 列卡片，动画时长 0.5s，每项 +0.05s */
.page-index .indexContact .contact-cards.in-view {animation-duration: .5s;}
.page-index .indexContact .contact-cards.in-view:nth-child(1) {animation-delay: .04s;}
.page-index .indexContact .contact-cards.in-view:nth-child(2) {animation-delay: .09s;}
.page-index .indexContact .contact-cards.in-view:nth-child(3) {animation-delay: .14s;}
.page-index .indexContact .contact-cards.in-view:nth-child(4) {animation-delay: .19s;}

@media (prefers-reduced-motion: reduce) {
  .page-index .indexChannel .channel-item,
  .page-index .indexExample .example-card,
  .page-index .indexContact .contact-cards {
    opacity: 1;
    transform: none;
    animation: none;
  }
}



/* ===== 报名咨询页：baomingMain（1920 × 853，背景 bj.webp，内容宽 1520） ===== */
.baomingMain {width: 100%; height: 8.53rem; min-height: 8.53rem; background-color: #00549D; background-image: url('../img/baoming/bj.webp'); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;}
.bm-inner {max-width: 15.2rem; margin: 0 auto; height: 100%; padding: 0; position: relative; box-sizing: border-box; display: flex; flex-direction: column;}
.bm-head {width: 100%; padding-top: .56rem; padding-bottom: .3rem; display: flex; flex-direction: column; align-items: center;}
.bm-head-title {color: #FFFFFF; font-weight: 700; line-height: 1.2; letter-spacing: .01em;}
.bm-head-line {width: .6rem; height: .04rem; background: #FFBA03; margin-top: .15rem; border-radius: .02rem;}
.bm-body {flex: 1; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: .3rem;}
.bm-left {width: 7.8rem; display: flex; flex-direction: column; align-items: flex-start; padding-right: .2rem; box-sizing: border-box;}
.bm-reason {width: 100%; margin-bottom: .45rem;}
.bm-reason-title {color: #FFFFFF; font-weight: 700; line-height: 1.2; margin-bottom: .36rem;}
.bm-reason-list {display: flex; flex-direction: column;}
.bm-reason-item {color: #FFFFFF; display: inline-flex; align-items: center; line-height: 1.8; margin-bottom: .06rem;}
.bm-reason-item:last-child {margin-bottom: 0;}
.bm-reason-item > i {width: .07rem; height: .07rem; margin-right: .1rem;background: #ffffff;border-radius: 50%;}
.bm-contact {display: flex; justify-content: space-between; width: 100%;}
.bm-contact-card {background: #FFFFFF; border-radius: .1rem; width: 1.95rem;padding: .16rem .14rem ; min-height: 1.48rem;  text-align: center; box-shadow: 0 .06rem .15rem rgba(0,0,0,0.08); transition: transform .25s ease, box-shadow .25s ease;}
@media (any-hover: hover) {.bm-contact-card:hover {transform: translateY(-0.04rem); box-shadow: 0 .1rem .25rem rgba(0,0,0,0.15);}}
.bm-contact-img {width: .3rem; height: .3rem;  display: inline-flex; align-items: center; justify-content: center; margin-bottom: .12rem;}
.bm-contact-img > img {width: 100%; height: 100%; object-fit: contain;}
.bm-contact-text {color: #333333; line-height: 1.5; max-width: 100%; word-break: break-all;}
.bm-right {width: 8.7rem; display: flex; flex-direction: column; align-items: stretch; flex-shrink: 0;}
.bm-form {width: 100%; background: #FFFFFF; border-radius: .15rem; padding: .35rem .35rem .5rem; box-shadow: 0 .12rem .32rem rgba(0,0,0,0.12); box-sizing: border-box;}
.bm-form-row {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: .2rem; margin-bottom: .2rem;}
.bm-form-item {display: flex; flex-direction: column; align-items: flex-start; margin-bottom: .2rem;}
.bm-form-row .bm-form-item {margin-bottom: 0;}
.bm-form-label {color: #3C3C3C; line-height: 1.3; margin-bottom: .08rem;}
.bm-form-label .req {color: #FFBA03; margin-left: .04rem;}
.bm-input,
.bm-select,
.bm-textarea {
  width: 100%; box-sizing: border-box;
  background: #F9FAFC;
  border: 1px solid #E7EAF0;
  border-radius: .06rem;
  color: #333333;
  padding: .1rem .14rem;
  line-height: 1.5;
  outline: none;
  transition: border-color .2s ease, background .2s ease;
  font-family: inherit;
}
.bm-textarea {resize: vertical; min-height: .9rem;}
.bm-input::placeholder,
.bm-select::placeholder,
.bm-textarea::placeholder {color: #A6ABB4;}
.bm-input:focus,
.bm-select:focus,
.bm-textarea:focus {border-color: #00549D; background: #FFFFFF;}

/* === Layui 下拉选择样式覆盖（报名咨询页专属，不影响其他页面）：显示层与 .bm-input 视觉完全一致 === */
.baomingMain .layui-form-select {
  width: 100%;
  box-sizing: border-box;
}
.baomingMain .layui-form-select .layui-select-title {
  position: relative;
  width: 100%;
}
.baomingMain .layui-form-select .layui-select-title .layui-input {
  width: 100%;
  box-sizing: border-box;
  background: #F9FAFC;
  border: 1px solid #E7EAF0;
  border-radius: .06rem;
  color: #333333;
  padding: .1rem .14rem;
  line-height: .38rem;
  outline: none;
  transition: border-color .2s ease, background .2s ease;
  font-family: inherit;
}
/* placeholder 颜色与 .bm-input 一致 */
.baomingMain .layui-form-select .layui-select-title .layui-input::placeholder {
  color: #A6ABB4;
}
/* 下拉展开状态：边框 + 背景，与 .bm-input:focus 完全一致 */
.baomingMain .layui-form-select.layui-form-selected .layui-select-title .layui-input,
.baomingMain .layui-form-select.layui-form-up .layui-select-title .layui-input {
  border-color: #00549D;
  background: #FFFFFF;
}
/* 下拉箭头靠右，避免盖住文字 */
.baomingMain .layui-form-select .layui-edge {
  right: .14rem;
}
.bm-captcha-wrap {margin-bottom: .28rem;}
.bm-captcha {width: 100%; align-items: stretch; justify-content: space-between;}
.bm-captcha-input {flex: 1; margin-right: .12rem; height: .4rem;}
.bm-captcha-img {width: 1.1rem; height: .4rem; border-radius: .06rem; background: #F9FAFC; overflow: hidden; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #E7EAF0; cursor: pointer;}
.bm-captcha-img img {width: 100%; height: 100%; object-fit: cover; display: block;}
.bm-form-submit {width: 100%; display: flex; justify-content: flex-start;}
.bm-btn {
  width: 1.1rem; height: .4rem;
  background: #00549D;
  border: none; outline: none;
  border-radius: .06rem;
  color: #FFFFFF;
  line-height: 1;
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .25s ease, transform .15s ease;
  font-family: inherit; font-weight: 500;
}
@media (any-hover: hover) {.bm-btn:hover {background: #004785;}}
.bm-btn:active {transform: translateY(0.01rem);}

/* ===== 报名咨询页 baoming.html：bm-left 文字 + 卡片 从左边依次滑入（title → 6 reason → 3 contact） ===== */
.page-index .baomingMain .bm-reason-title,
.page-index .baomingMain .bm-reason-item,
.page-index .baomingMain .bm-contact-card {
  opacity: 0;
  transform: translateX(-1.2rem);
  will-change: opacity, transform;
}
/* .in-view 触发 slideInLeft（复用 jianjie/yewu 同名 keyframes，1s ease-out） */
.page-index .baomingMain .bm-reason-title.in-view,
.page-index .baomingMain .bm-reason-item.in-view,
.page-index .baomingMain .bm-contact-card.in-view {
  animation: slideInLeft 1s ease-out both;
}

/* 延迟序列：先出标题 → 6 条理由（步长 0.08s）→ 3 张联系卡（步长 0.12s） */
.page-index .baomingMain .bm-reason-title.in-view       {animation-delay: .06s;}

.page-index .baomingMain .bm-reason-item:nth-child(1).in-view {animation-delay: .14s;}
.page-index .baomingMain .bm-reason-item:nth-child(2).in-view {animation-delay: .22s;}
.page-index .baomingMain .bm-reason-item:nth-child(3).in-view {animation-delay: .30s;}
.page-index .baomingMain .bm-reason-item:nth-child(4).in-view {animation-delay: .38s;}
.page-index .baomingMain .bm-reason-item:nth-child(5).in-view {animation-delay: .46s;}
.page-index .baomingMain .bm-reason-item:nth-child(6).in-view {animation-delay: .54s;}

.page-index .baomingMain .bm-contact-card:nth-child(1).in-view {animation-delay: .62s;}
.page-index .baomingMain .bm-contact-card:nth-child(2).in-view {animation-delay: .74s;}
.page-index .baomingMain .bm-contact-card:nth-child(3).in-view {animation-delay: .86s;}

/* 减动效：直接显示最终位置 */
@media (prefers-reduced-motion: reduce) {
  .page-index .baomingMain .bm-reason-title,
  .page-index .baomingMain .bm-reason-item,
  .page-index .baomingMain .bm-contact-card {
    opacity: 1;
    transform: none;
    animation: none;
  }
}


/* ===== 联系我们页：lianxiBanner（1920 × 532，背景 banner.webp，中央“联系我们”） ===== */
.lianxiBanner {position: relative; width: 100%; overflow: hidden;background-size: cover;
    background-position: center;}
.lianxiBanner-inner {
  width: 100%;
  height: 5.32rem;
  margin: 0 auto;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lianxiBanner-title {
  color: #FFFFFF;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .02rem;
}

/* ===== 联系我们页：lianxiMain（内容宽 12.8rem = 1280，左右各 3.2rem = 320 边距） ===== */
.lianxiMain {width: 100%; position: relative; background: #FFFFFF;}
.lianxi-wrap {
  width: 12.8rem;
  margin: 0 auto;
  padding: .8rem 0 .5rem;
  box-sizing: border-box;
}

/* === 第一部分：3 张联系卡片（4.01rem × 3.36rem，间距 0.39rem = 39px，margin 代替 gap） === */
.lianxi-cards {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: .4rem;
}
.lianxi-card {
  width: 4.01rem;
  height: 3.36rem;
  background: #FFFFFF;
  box-shadow: 0 .07rem .07rem .02rem rgba(48, 48, 48, 0.05);
  border-radius: .06rem;
  border: 1px solid #F2F2F2;
  box-sizing: border-box;
  padding: .7rem .6rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-right: .39rem;
}
.lianxi-card:last-child {
  margin-right: 0;
}
.lianxi-card-img {
  width: .5rem;
  height: .5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .5rem;
  flex-shrink: 0;
}
.lianxi-card-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.lianxi-card-title {
  color: #333333;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: .3rem;
}
.lianxi-card-text {
  color: #00549D;
  line-height: 1.6;
  word-break: break-all;
  max-width: 100%;
}

/* === 第二部分：2 张地图卡片（6.1rem × 4.7rem = 610×470px，间距 0.6rem = 60px，居中） === */
.lianxi-maps {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.lianxi-map {
  width: 6.1rem;
  height: 4.7rem;
  background: #FFFFFF;
  box-shadow: 0 .07rem .07rem .02rem rgba(48, 48, 48, 0.05);
  border-radius: .06rem;
  border: 1px solid #F2F2F2;
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
}
.lianxi-map.map1 {
  margin-right: .6rem;
}
.lianxi-map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ===== 联系我们页 lianxi.html：3 张联系卡 + 2 张地图 依次从下往上弹出（共 5 元素） ===== */
.page-index .lianxiMain .lianxi-card,
.page-index .lianxiMain .lianxi-map {
  opacity: 0;
  transform: translateY(.4rem);
  will-change: opacity, transform;
}
.page-index .lianxiMain .lianxi-card.in-view,
.page-index .lianxiMain .lianxi-map.in-view {
  animation: bannerFadeUp 1s ease-out both;
}

/* 5 元素依次延迟（步长 0.12s，与大卡片/大地图尺寸匹配）：
   .lianxi-cards 父下第 1~3 个 card → 0.06s / 0.18s / 0.30s
   .lianxi-maps  父下第 1~2 个 map  → 0.42s / 0.54s */
.page-index .lianxiMain .lianxi-cards .lianxi-card:nth-child(1).in-view {animation-delay: .06s;}
.page-index .lianxiMain .lianxi-cards .lianxi-card:nth-child(2).in-view {animation-delay: .18s;}
.page-index .lianxiMain .lianxi-cards .lianxi-card:nth-child(3).in-view {animation-delay: .30s;}
.page-index .lianxiMain .lianxi-maps  .lianxi-map:nth-child(1).in-view  {animation-delay: .42s;}
.page-index .lianxiMain .lianxi-maps  .lianxi-map:nth-child(2).in-view  {animation-delay: .54s;}

/* 减动效：直接显示最终位置 */
@media (prefers-reduced-motion: reduce) {
  .page-index .lianxiMain .lianxi-card,
  .page-index .lianxiMain .lianxi-map {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

/* ================================================================ */
/* ===== 学校动态页：dongtaiMain（文章列表 + 分页） ================= */
/* ================================================================ */

/* === 二级分类切换 Tabs：宽 12.8rem 居中，与 dongtai-wrap 对齐 === */
.dongtai-tabs {
  width: 100%;
  box-sizing: border-box;
}
.dongtai-tabs-wrap {
  width: 12.8rem;
  margin: 0 auto;
  padding: .48rem 0 .6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  scrollbar-width: none;
  box-sizing: border-box;
  cursor: grab;
}
.dongtai-tabs-wrap::-webkit-scrollbar {
  display: none;
}
.dongtai-tabs-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: .13rem .3rem;
  margin-right: .28rem;
  min-width: 1.35rem;
  justify-content: center;
  font-size: .16rem;
  color: #333333;
  text-decoration: none;
  line-height: 1.4;
  border-radius: 2.2rem;
  transition: color 0.25s, background 0.25s, border-color 0.25s;
  box-sizing: border-box;
  border: 1px solid #000000;
}
@media (max-width: 767px) {
  .dongtai-tabs-item {
    font-size: .3rem;
    padding: .15rem .35rem;
    min-width: 1.6rem;
    margin-right: .2rem;
  }
}
.dongtai-tabs-item:last-child {
  margin-right: 0;
}
@media (any-hover: hover) {
  .dongtai-tabs-item:hover {
    color: #FFFFFF;
    background: #00549D;
    border-color: #00549D;
  }
}
.dongtai-tabs-item.on {
  color: #FFFFFF;
  background: #00549D;
  border-color: #00549D;
}

/* === 外层容器：宽度 12.8rem（1280px）居中，左右各 320 留白 === */
.dongtaiMain {
  width: 100%;
  background: #FFFFFF;
}
.dongtai-wrap {
  width: 12.8rem;
  margin: 0 auto;
  padding: 0 0 .9rem;
  box-sizing: border-box;
}

/* === 单篇文章项：左右三栏（左图 / 中内容 / 右圆形按钮），上下间距 35px === */
.dongtai-item {
  display: flex;
  align-items: center;
  padding-bottom: .35rem;
  margin-bottom: .35rem;
  border-bottom: 1px solid #F2F2F2;
  box-sizing: border-box;
}
.dongtai-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

/* === 左图：341 × 251，右边距 50px，浅灰渐变背景占位（用户后续替换真实图片） === */
.dongtai-item-img {
  width: 3.41rem;
  height: 2.51rem;
  margin-right: .5rem;
  flex-shrink: 0;
  background: linear-gradient(135deg, #EDEDED 0%, #D5D5D5 50%, #C0C0C0 100%);
  border-radius: .04rem;
  overflow: hidden;
  box-sizing: border-box;
  object-fit: cover;
}
.dongtai-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s;
}

/* === 中间正文区：flex: 1 自适应宽度 === */
.dongtai-item-main {
  flex: 1;
  min-width: 0;
  padding-right: .3rem;
  box-sizing: border-box;
}

/* 时间：18px（tit-18），颜色 #333333 */
.dongtai-item-time {
  color: #333333;
  line-height: 1.4;
}

/* 标题：26px（由 tit-26 统一控制字号），上边距 30px、下边距 10px，颜色 #333333 */
.dongtai-item-title {
  font-weight: 500;
  color: #333333;
  line-height: 1.3;
  margin-top: .3rem;
  margin-bottom: .1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dongtai-item-title a {color: inherit; text-decoration: none; transition: color 0.3s;}
@media (any-hover: hover) {
  .dongtai-item-title a:hover {color: #00549D;}
}

/* 内容：16px（tit-16），颜色 #666666，两行省略 */
.dongtai-item-desc {
  color: #666666;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.dongtai-item-desc a {color: inherit; text-decoration: none;}

/* === 右侧圆形按钮：97 × 97，1px #CFCFCF 边框，hover 背景变 #00549D === */
.dongtai-item-more {
  width: .97rem;
  height: .97rem;
  border-radius: 50%;
  border: 1px solid #CFCFCF;
  background: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  transition: background 0.3s, border-color 0.3s;
  box-sizing: border-box;
  margin-top: .77rem;
  text-decoration: none;
  overflow: hidden;
}
/* 内部箭头：真实图片（初始 jiantou1，hover jiantou2），宽高 18px = 0.18rem */
.dongtai-item-more .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: .18rem;
  height: .18rem;
  transform: translate(-50%, -50%);
  display: inline-block;
  transition: opacity 0.25s;
  object-fit: contain;
}
/* 默认态：灰色箭头（jiantou1）显示 */
.dongtai-item-more .arrow-default {
  opacity: 1;
}
/* Hover 态：白色箭头（jiantou2）隐藏 */
.dongtai-item-more .arrow-hover {
  opacity: 0;
}
/* 鼠标经过：圆形背景变蓝 + 箭头切换为 jiantou2 */
.dongtai-item:hover .dongtai-item-more {
  background: #00549D;
  border-color: #00549D;
}
.dongtai-item:hover .dongtai-item-img img {
  transform: scale(1.05);
  transition: transform 0.3s;
}
.dongtai-item:hover .dongtai-item-more .arrow-default {
  opacity: 0;
}
.dongtai-item:hover .dongtai-item-more .arrow-hover {
  opacity: 1;
}

/* ====== 全站统一图片 hover 放大：scale 1.05 + 0.3s 过渡（与 dongtai-item 同款效果） ======
   适用范围：
   ① index 新闻左大图 .news-img（index.html L159-161）
   ② index 办学实例 4 张 .example-img（index.html L475-495）
   ③ index 主要业务轮播图 .b-img（index.html L514-516）
   ④ jianjie 学校简介左图 .jianjie-main-left（jianjie.html L143-145）
   ⑤ jianjie 荣誉证书轮播图 .jianjie-carousel-img（jianjie.html L239-241）
   ⑥ yewu 业务项左大图 .yewu-item-img（yewu.html L140-142）
   ⑦ 详情页右推荐缩略图 .ta-recommend-img（yewuxq L162-164 / dongtaixq L183-185）
*/

/* 缺 overflow:hidden 的补全，保证放大不溢出 */
.page-index .indexNews .news-img {overflow: hidden;}
.yewu-item-img                      {overflow: hidden;}
.ta-recommend-img                   {overflow: hidden;}

/* 图片本身的过渡（默认态就有，hover 进/出都平滑） */
.page-index .indexNews  .news-img img,
.page-index .example-img img,
.page-index .b-img       img,
.jianjie-main-left       img,
.jianjie-carousel-img    img,
.yewu-item-img           img,
.ta-recommend-img        img {
  transition: transform .3s ease;
  will-change: transform;
}

/* 鼠标悬停（any-hover → 仅支持 hover 的设备，不影响手机触摸端） */
@media (any-hover: hover) {
  .page-index .indexNews .news-img:hover img,
  .page-index .example-img:hover    img,
  .page-index .b-img:hover          img,
  .jianjie-main-left:hover          img,
  .jianjie-carousel-img:hover       img,
  .yewu-item-img:hover              img,
  .ta-recommend-img:hover           img {
    transform: scale(1.05);
  }
}

/* === 分页：页码按钮 + 左右翻页，居中 === */
.dongtai-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: .9rem;
  box-sizing: border-box;
}
.dongtai-pagination .page-btn,
.dongtai-pagination .page-num {
  width: .4rem;
  height: .4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #CFCFCF;
  background: #FFFFFF;
  color: #666666;
  line-height: 1;
  margin-right: .15rem;
  text-decoration: none;
  box-sizing: border-box;
  transition: background 0.25s, color 0.25s, border-color 0.25s;
}
.dongtai-pagination .page-btn img {
  width: .15rem;
  height: .15rem;
  object-fit: contain;
  display: block;
}
/* 左箭头：同一张 gengduo.webp，水平翻转（镜像） */
.dongtai-pagination .page-btn img.page-arrow-flip {
  transform: scaleX(-1);
}
.dongtai-pagination .page-btn:last-child,
.dongtai-pagination .page-num:last-child {
  margin-right: 0;
}
/* 当前页码：深蓝填充 + 白色字体（参照设计图第 1 页选中态） */
.dongtai-pagination .page-num.page-on {
  background: #00549D;
  color: #FFFFFF;
  border-color: #00549D;
}
/* 非当前页 hover：浅蓝边框 + 蓝字 */
.dongtai-pagination .page-btn:hover,
.dongtai-pagination .page-num:hover {
  border-color: #00549D;
  color: #00549D;
}
.dongtai-pagination .page-num.page-on:hover {
  color: #FFFFFF;
  background: #00549D;
}

/* ===== 学校动态详情页：taMain ===== */
.taMain {width: 100%; background: #F7F7F7;}
.ta-wrap {width: 12.8rem; margin: 0 auto; padding: .3rem 0 .9rem; box-sizing: border-box;}

/* --- 第一块：面包屑导航 --- */
.ta-crumb {
  display: flex; align-items: center; justify-content: flex-start;
  padding-bottom: .3rem; box-sizing: border-box;
}
.ta-crumb-icon {width: .23rem; height: .23rem; object-fit: contain; margin-right: .08rem; flex-shrink: 0;}
.ta-crumb-item {
  line-height: 1; color: #3D3D3D;
  display: inline-flex; align-items: center;
}
.ta-crumb-link {text-decoration: none; transition: color 0.2s;}
.ta-crumb-link:hover {color: #00549D;}
.ta-crumb-sep {
  line-height: 1; color: #3D3D3D;
  display: inline-block; margin: 0 .1rem;
}
.ta-crumb-cur {color: #3D3D3D;flex: 1;}
/* positionstr 输出的 a 适配 ta-crumb 样式 */
.ta-crumb a {
  color: #3D3D3D;
  text-decoration: none;
  transition: color 0.2s;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
.ta-crumb a:hover {color: #00549D;}

/* --- 第二块：左详情 + 右热门推荐（左右布局） --- */
.ta-main {display: flex; align-items: flex-start; justify-content: flex-start; box-sizing: border-box;}

/* 左：详情区（外层 ta-detail：宽 835；不设背景/圆角/内边距；内部再分两层） */
.ta-detail {
  width: 8.35rem;
  box-sizing: border-box;
  flex-shrink: 0;
}
/* 第一块：详情卡片（白色背景 + 圆角 20px + 内边距 30px，包标题/时间/正文） */
.ta-detail-card {
  width: 100%;
  background: #FFFFFF;
  border-radius: .2rem;
  padding: .3rem;
  box-sizing: border-box;
}
.ta-detail-title {
  font-weight: bold;
  color: #3D3D3D;
  line-height: 1.4;
  margin: .2rem 0 .1rem;
}
.ta-detail-time {
  color: #777777;
  line-height: 1.4;
  margin-bottom: .14rem;
}
.ta-detail-line {width: 100%; height: 1px; background: #B7B7B7;}
.ta-detail-content {padding-top: .3rem; box-sizing: border-box;}
.ta-detail-content p {
  color: #444444;
  line-height: 1.9;
  margin-bottom: .22rem;
  text-indent: 2em;
}
.ta-detail-content p:last-child {margin-bottom: 0;}
.ta-detail-content img {max-width: 100%; height: auto; display: block;}

/* 右：热门推荐（距左 23；宽 422；白；圆角 30；内边 25） */
.ta-recommend {
  width: 4.22rem;
  margin-left: .23rem;
  background: #FFFFFF;
  border-radius: .3rem;
  padding: .25rem;
  box-sizing: border-box;
  flex-shrink: 0;
  position: sticky;
  top: 1.5rem;
}
.ta-recommend-title {
  font-weight: bold;
  color: #333333;
  line-height: 1.2;
  margin-bottom: .38rem;
}
.ta-recommend-list {list-style: none; padding: 0; margin: 0;}
.ta-recommend-item {
  display: flex; align-items: center; justify-content: flex-start;
  margin-bottom: .14rem;
  box-sizing: border-box;
  text-decoration: none; color: inherit;
}
.ta-recommend-item:last-child {margin-bottom: 0;}
.ta-recommend-img {
  width: 1.74rem;
  height: 1.28rem;
  background: linear-gradient(135deg, #EDEDED 0%, #D5D5D5 50%, #C0C0C0 100%);
  overflow: hidden;
  flex-shrink: 0;
  box-sizing: border-box;
}
.ta-recommend-img img {width: 100%; height: 100%; object-fit: cover; display: block;}
.ta-recommend-text {
  flex: 1;
  min-width: 0;
  margin-left: .16rem;
  color: #333333;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}

/* 热门推荐链接：撑满 li，hover 时文字变蓝 + 图片放大 */
.ta-recommend-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
  transition: color 0.2s;
}
.ta-recommend-link:hover { color: #00549D; }
.ta-recommend-link:hover .ta-recommend-text { color: #00549D; }
.ta-recommend-link .ta-recommend-img img {
  transition: transform 0.3s ease;
}
.ta-recommend-link:hover .ta-recommend-img img {
  transform: scale(1.05);
}

/* --- 第二块：详情外层的底部独立块：上一篇 / 下一篇 切换（无背景色） --- */
.ta-switch {
  display: flex; align-items: center; justify-content: space-between;
  padding-top: .3rem;
  box-sizing: border-box;
}
.ta-switch-item {
  display: inline-flex; align-items: center;
  max-width: 48%;
  line-height: 1.4; color: #333333;
  text-decoration: none;
  box-sizing: border-box;
  overflow: hidden;
  transition: color 0.2s;
}
.ta-switch-item:hover {color: #00549D;}
.ta-switch-prev:hover .ta-switch-arrow {content: url(../img/dongtai/zuojiantou2.webp);background: #013A95;}
.ta-switch-next:hover .ta-switch-arrow {content: url(../img/dongtai/youjiantou2.webp);background: #013A95;}

.ta-switch-arrow {
  width: .5rem; height: .5rem;padding: .1rem;background: #D8D8D8;
  object-fit: contain; flex-shrink: 0;
}
.ta-switch-prev .ta-switch-arrow {margin-right: .08rem;}
.ta-switch-next .ta-switch-arrow {margin-left: .08rem;}
.ta-switch-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1;
}

/* ===== 主要业务页：yewuMain ===== */
.yewuMain {width: 100%; background: #FFFFFF;}
.yewu-wrap {width: 12.8rem; margin: 0 auto; padding: .9rem 0 .9rem; box-sizing: border-box;}

/* 业务 Banner 背景图（lianxiBanner 尺寸 1920×532 复用，只换背景） */
/* .yewuBanner {background-image: url(../img/yewu/banner.webp);} */

/* 单个业务项：左图 682×354 右距 90，下面距 55（最后一项无 mb） */
.yewu-item {
  display: flex; align-items: center; justify-content: flex-start;
  margin-bottom: .55rem;
  box-sizing: border-box;
}
.yewu-item:last-child {margin-bottom: 0;}

/* 左图 682×354（未指定图片，渐变占位，用户替换） */
.yewu-item-img {
  width: 6.82rem; height: 3.54rem;
  background: linear-gradient(135deg, #EFEFEF 0%, #D8D8D8 50%, #C4C4C4 100%);
  overflow: hidden;
  margin-right: .9rem;
  flex-shrink: 0;
  box-sizing: border-box;
}
.yewu-item-img img {width: 100%; height: 100%; object-fit: cover; display: block;}

/* 右侧内容（自适应占剩下宽度） */
.yewu-item-main {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
}

/* ① 顶部标题行：tu1.webp 40×40 右距 18 + 标题 26px #333（字号由 tit-26 统一控制） */
.yewu-item-head {
  display: flex; align-items: center; justify-content: flex-start;
}
.yewu-item-icon {
  width: .4rem; height: .4rem;
  object-fit: contain;
  margin-right: .18rem;
  flex-shrink: 0;
}
.yewu-item-title {
  font-weight: bold;
  color: #333333;
  line-height: 1.2;
}

/* ② 介绍段落 16px #000 上下边距 20px（字号由 tit-16 统一控制） */
.yewu-item-desc {
  color: #000000;
  line-height: 1.85;
  margin-top: .2rem;
  margin-bottom: .2rem;
}

/* ③ 了解详情按钮 127×44 border1px #A9A9A9 + 字16px #333 + jiantou1 21×15；hover 背景#00549D 白字 + jiantou2 */
.yewu-item-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 1.27rem; height: .44rem;
  border: 1px solid #A9A9A9;
  box-sizing: border-box;
  text-decoration: none;
  transition: background 0.25s, border-color 0.25s;
}
.yewu-btn-text {
  color: #333333;
  line-height: 1;
  margin-right: .08rem;
  transition: color 0.25s;
  flex-shrink: 0;
}
.yewu-btn-arrow {
  width: .21rem; height: .15rem;
  object-fit: contain;
  flex-shrink: 0;
  transition: opacity 0.25s;
}
.yewu-btn-arrow-default {opacity: 1;}
.yewu-btn-arrow-hover {opacity: 0; margin-left: -0.21rem;} /* 用负 margin 叠在 default 上，不重复占宽 */

/* Hover 态：背景#00549D + 文字白 + 箭头换 jiantou2（opacity 切换） */
.yewu-item-btn:hover {
  background: #00549D;
  border-color: #00549D;
}
.yewu-item-btn:hover .yewu-btn-text {color: #FFFFFF;}
.yewu-item-btn:hover .yewu-btn-arrow-default {opacity: 0;}
.yewu-item-btn:hover .yewu-btn-arrow-hover {opacity: 1;}

/* ===== yewu.html 4 个业务项滚动入场动画：左图从左滑入 + 右侧内容从右滑入，逐项 0.12s 递增 ===== */
.page-index .yewuMain .yewu-item-img,
.page-index .yewuMain .yewu-item-main {
  opacity: 0;
  will-change: opacity, transform;
}
.page-index .yewuMain .yewu-item-img  {transform: translateX(-1.2rem);}
.page-index .yewuMain .yewu-item-main {transform: translateX(1.2rem);}

/* 激活：.in-view 后触发 slideInLeft / slideInRight（复用 jianjie 同名 keyframes） */
.page-index .yewuMain .yewu-item-img.in-view  {animation: slideInLeft  1s ease-out both;}
.page-index .yewuMain .yewu-item-main.in-view {animation: slideInRight 1s ease-out both;}

/* 4 个业务项依次延迟：步长 0.12s，img 与 main 同一 item 同延迟（同时滑入） */
.page-index .yewuMain .yewu-item:nth-child(1) .yewu-item-img.in-view,
.page-index .yewuMain .yewu-item:nth-child(1) .yewu-item-main.in-view {animation-delay: .06s;}

.page-index .yewuMain .yewu-item:nth-child(2) .yewu-item-img.in-view,
.page-index .yewuMain .yewu-item:nth-child(2) .yewu-item-main.in-view {animation-delay: .18s;}

.page-index .yewuMain .yewu-item:nth-child(3) .yewu-item-img.in-view,
.page-index .yewuMain .yewu-item:nth-child(3) .yewu-item-main.in-view {animation-delay: .30s;}

.page-index .yewuMain .yewu-item:nth-child(4) .yewu-item-img.in-view,
.page-index .yewuMain .yewu-item:nth-child(4) .yewu-item-main.in-view {animation-delay: .42s;}

/* 减动效 → 直接显示最终位置 */
@media (prefers-reduced-motion: reduce) {
  .page-index .yewuMain .yewu-item-img,
  .page-index .yewuMain .yewu-item-main {
    opacity: 1;
    transform: none;
    animation: none;
  }
}


/* ===== 学校简介页：jianjie（3 大模块）===== */
/* ---------------- 公共：.jianjie-wrap 宽 12.8rem + .jianjie-title / .jianjie-line ---------------- */
.jianjie {width: 100%;}
.jianjie-wrap {width: 12.8rem; margin: 0 auto; box-sizing: border-box;}

/* 标题：38（第一块）/ 48（二、三块）共用基础样式，数字类保留作模块差异（margin/色值）；tit-xx 管字号由 reset.css tit-38/tit-48 控制 */
.jianjie-title {
  font-weight: bold; color: #333333; line-height: 1.2; text-align: left;
}
.jianjie-title-38 {margin-top: .6rem; margin-bottom: .2rem;} /* 上 60 / 下 20；字号 tit-38 */
.jianjie-title-48 {padding-top: .6rem; margin-bottom: .2rem;} /* 上 60 / 下 20；字号 tit-48 */

/* 横线：80×5 #00549D 圆角 2px，下 50px */
.jianjie-line {
  width: .8rem; height: .05rem;
  background: #00549D;
  border-radius: .02rem;
  margin-bottom: .5rem;
}

/* ---------------- 模块一（jianjie1）：白底 → 左图 + 右简介 + 4 数据 ---------------- */
.jianjie1 {background: #FFFFFF; padding-bottom: .9rem;}

/* jianjie-main：左图 + 右文字，flex 上下居中（用户要求） */
.jianjie-main {display: flex; align-items: center; justify-content: flex-start; margin-bottom: .8rem; box-sizing: border-box;}
.jianjie-main-left {
  width: 5.6rem; 
  height: auto; min-height: 2.5rem;
  background: linear-gradient(135deg, #E8F0F8 0%, #D4D9E2 50%, #BDC4D2 100%); /* 未加载图前渐变占位 */
  margin-right: .29rem; /* 右距 29 */
  flex-shrink: 0;
  border-radius: .4rem;
  overflow: hidden;
}
.jianjie-main-left img {width: 100%; height: 100%; object-fit: cover; display: block;}

/* 右简介：高度 250px；字号 tit-16 控制；颜色 #333（用户要求 16px #333 高 250） */
.jianjie-main-right {
  flex: 1; min-width: 0;
  height: 2.5rem; /* 250px */
  color: #333333; line-height: 1.9;
  overflow: hidden;
  margin: 0;
  box-sizing: border-box;
}

/* 4 数据块：等宽 4 列 */
.jianjie-data {display: flex; align-items: flex-start; justify-content: space-between; gap: 0; box-sizing: border-box;}
.jianjie-data-item {flex: 1; min-width: 0; text-align: center; box-sizing: border-box;}
.jianjie-data-item + .jianjie-data-item {margin-left: .2rem;}

/* 图 45×45（未给路径，线性渐变占位） */
.jianjie-data-icon {
  width: .45rem; height: .45rem;
  margin: 0 auto .18rem;
  border-radius: 50%;
}
.jianjie-data-icon img {width: 100%; height: 100%; object-fit: contain; display: block;}

/* 数字：颜色 #00549D；字号由 tit-42 统一控制 */
.jianjie-data-num {
  font-weight: bold; color: #00549D;
  line-height: 1.1; margin: 0 0 .06rem;
}

/* 文字：颜色 #333；字号由 tit-16 统一控制 */
.jianjie-data-text {
  color: #333333;
  line-height: 1.4; margin: 0;
}

/* ---------------- 模块二（jianjie2）：高 1106px + bg: ./img/yewu/bj.webp → 3 卡片 ---------------- */
.jianjie2 {
  min-height: 6.06rem; /* 606px 高 */
  background: #F2F5FA url(../img/jianjie/bj.jpg) no-repeat center center / cover;
  padding-bottom: .8rem;
}
.jianjie2 .jianjie-wrap {position: relative; z-index: 1;}

/* 3 张卡片：410×322 → 4.1×3.22rem，默认白底黑字，hover 蓝底白字 */
.jianjie-cards {display: flex; align-items: stretch; justify-content: space-between; box-sizing: border-box;}
.jianjie-card {
  width: 4.1rem; height: 3.22rem;
  background: #FFFFFF;
  box-shadow: 0 .04rem .11rem .02rem rgba(48, 48, 48, 0.26); /* 0px 4 11 2 */
  border-radius: .2rem; /* 20px */
  box-sizing: border-box;
  padding: 0 .3rem; /* 内边距左右 30px，控制文字宽度 */
  text-align: center;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
  transition: background 0.3s, box-shadow 0.3s;
}
.jianjie-card + .jianjie-card {margin-left: .25rem;}

/* hover 蓝底白字 #00549D */
@media (any-hover: hover) {
  .jianjie-card:hover {background: #00549D; box-shadow: 0 .06rem .16rem .03rem rgba(0, 84, 157, 0.35);}
  .jianjie-card:hover .jianjie-card-title {color: #FFFFFF;}
  .jianjie-card:hover .jianjie-card-desc {color: rgba(255, 255, 255, 0.95);}
}

/* 卡内图 50×50，上 50 / 下 26 */
.jianjie-card-icon {
  width: .5rem; height: .5rem;
  margin-top: .5rem; margin-bottom: .2rem; /* 上 50 / 下 26 */
  
  flex-shrink: 0;
}
.jianjie-card-icon img {width: 100%; height: 100%; object-fit: contain; display: block;}
/* 卡标题：下边距 30；字号 tit-24 统一控制 */
.jianjie-card-title {
  font-weight: bold;
  color: #333333; line-height: 1.3;
  margin: 0 0 .2rem; /* 下 30 */
  padding: 0 .1rem;
  text-align: center;
  transition: color 0.3s;
}

/* 卡描述：颜色 #333；字号 tit-18 统一控制 */
.jianjie-card-desc {
  color: #333333;
  line-height: 1.8;
  margin: 0; padding: 0 .1rem;
  text-align: center;
  transition: color 0.3s;
}

/* ---------------- 模块三（jianjie3）：白底 → 轮播 4 卡 图 266×212 + 字 20 ---------------- */
.jianjie3 {background: #FFFFFF; padding-bottom: 1rem;}

.jianjie-carousel {width: 100%; box-sizing: border-box; overflow: hidden;}
.jianjie-carousel-list {
  display: flex; flex-wrap: nowrap; align-items: stretch;
  list-style: none; margin: 0; padding: 0;
  box-sizing: border-box;
  user-select: none; touch-action: pan-y; cursor: grab;
  transform: translate3d(0, 0, 0);
  transition: transform .6s cubic-bezier(0.22,0.61,0.36,1);
  will-change: transform;
}
.jianjie-carousel-item {
  /* 12.8rem 容器 - 3 个间隙（0.3rem×3）= 11.9rem，四等分 = 2.975rem */
  width: calc((100% - 0.9rem) / 4);
  flex: 0 0 auto; min-width: 0;
  text-align: center; box-sizing: border-box;
}
.jianjie-carousel-item + .jianjie-carousel-item {margin-left: .3rem;}

/* 图 266×212（用户要求）*/
.jianjie-carousel-img {
  width: 100%; aspect-ratio: 266 / 212;
  max-height: 2.12rem;
  border: 1px solid #D5D5D5;
  border-radius: .08rem;
  overflow: hidden;
  margin: 0 auto;
  box-shadow: 0 0.04rem 0.15rem rgba(0,0,0,0.08);
      padding: .07rem .1rem;
}
.jianjie-carousel-img img {width: 100%; height: 100%; object-fit: cover; display: block;}

/* 图下字：颜色 #333；字号由 tit-20 统一控制（用户要求 20px）*/
.jianjie-carousel-text {
  color: #333333; line-height: 1.3;
  margin: .15rem 0 0;
  text-align: center;
}

/* ===== 轮播分页圆点：8 条真实 item → 8 个可点击小圆点 ===== */
.jianjie-carousel-dots {
  display: flex; align-items: center; justify-content: center;
  list-style: none; margin: .3rem 0 0; padding: 0;
}
.jianjie-carousel-dots > li {
  width: .18rem; height: .18rem;
  display: inline-flex; align-items: center; justify-content: center;
  margin: 0 .08rem; cursor: pointer;
  border-radius: 50%;
  transition: background .22s ease, transform .22s ease;
}
.jianjie-carousel-dots > li > i {
  display: inline-block; width: .1rem; height: .1rem;
  background: #CCCCCC;   /* 默认灰 */
  border-radius: 50%;
  transition: background .22s ease, width .22s ease, height .22s ease;
}
/* 激活状态：蓝底 + 圆点放大（视觉突出当前页） */
.jianjie-carousel-dots > li.on > i {
  background: #00549D;
  width: .12rem; height: .12rem;
}
/* 悬停：灰 → 蓝 过渡（无 .on 时也有反馈） */
@media (any-hover: hover) {
  .jianjie-carousel-dots > li:hover > i { background: #7FB0D8; }
}

/* ===== 学校简介页滚动入场动画：jianjie1（左右滑入 + 数据从下 + countUp）/ jianjie2（3 卡依次从下） ===== */
/* 新 keyframes：左/右滑入；从下渐入复用已有的 bannerFadeUp */
@keyframes slideInLeft {
  0%   {opacity: 0; transform: translateX(-1.2rem);}
  100% {opacity: 1; transform: translateX(0);}
}
@keyframes slideInRight {
  0%   {opacity: 0; transform: translateX(1.2rem);}
  100% {opacity: 1; transform: translateX(0);}
}

/* 初始隐藏态：等 JS 给 .in-view 再出现 */
.page-index .jianjie-main-left,
.page-index .jianjie-main-right,
.page-index .jianjie-data-item,
.page-index .jianjie-card {
  opacity: 0;
  will-change: opacity, transform;
}
.page-index .jianjie-main-left  {transform: translateX(-1.2rem);}
.page-index .jianjie-main-right {transform: translateX(1.2rem);}
.page-index .jianjie-data-item  {transform: translateY(.4rem);}
.page-index .jianjie-card       {transform: translateY(.4rem);}

/* 进入视口 → 加 .in-view → 动画 */
.page-index .jianjie-main-left.in-view  {animation: slideInLeft  1s ease-out .08s both;}
.page-index .jianjie-main-right.in-view {animation: slideInRight 1s ease-out .08s both;}
.page-index .jianjie-data-item.in-view  {animation: bannerFadeUp 1s ease-out both;}
.page-index .jianjie-card.in-view       {animation: bannerFadeUp 1s ease-out both;}

/* jianjie-data：4 项依次延迟 0.08s */
.page-index .jianjie-data-item.in-view:nth-child(1) {animation-delay: .06s;}
.page-index .jianjie-data-item.in-view:nth-child(2) {animation-delay: .14s;}
.page-index .jianjie-data-item.in-view:nth-child(3) {animation-delay: .22s;}
.page-index .jianjie-data-item.in-view:nth-child(4) {animation-delay: .30s;}

/* jianjie-card：3 张依次延迟 0.12s */
.page-index .jianjie-card.in-view:nth-child(1) {animation-delay: .06s;}
.page-index .jianjie-card.in-view:nth-child(2) {animation-delay: .18s;}
.page-index .jianjie-card.in-view:nth-child(3) {animation-delay: .30s;}

/* 减动效模式：直接显示，不做任何动画/countUp */
@media (prefers-reduced-motion: reduce) {
  .page-index .jianjie-main-left,
  .page-index .jianjie-main-right,
  .page-index .jianjie-data-item,
  .page-index .jianjie-card {
    opacity: 1;
    transform: none;
    animation: none;
  }
}