/* =========================
   Section Head（栏目头）
   Banner + 底部信息条（栏目导航 + 面包屑）
   ========================= */

.section-head{position:relative;}

/* ===== Banner 主视觉 ===== */
.section-head .p-banner{
  position:relative;
  background:center/cover no-repeat;
  height:525px;
  /*padding:220px 0 90px;*/
  padding:200px 0 120px; /* 上收、下放 */
  color:#fff;
  text-align:center;
}
.section-head .p-banner:before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.25); /* 文字可读性遮罩 */
}
.section-head .p-banner .container{
  position:relative;
  z-index:2;
}

/* 主标题：栏目名 */
.section-head .p-banner h2{
  margin:0;
  font-size:50px;          /* 比你之前 64px 稍收敛 */
  font-weight:700;         /* 稳，不浮夸 */
  line-height:1.2;
  letter-spacing:1.5px;    /* 字距偏克制 */
  color:#fff;
}

/* 副标题：说明性文字 */
.section-head .p-banner h3{
  margin:18px 0 0;         /* 拉开层级感的关键 */
  font-size:18px;          /* 明确降级 */
  font-weight:400;         /* 非标题语气 */
  letter-spacing:5px;      /* 拉开呼吸感 */
  opacity:.8;
  color:#fff;
}

/* ===== 底部信息条（覆盖在 Banner 底部） ===== */
.section-head .page_nav{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:56px;
  line-height:56px; /* 维持你现有“看起来居中”的基准 */
  background:linear-gradient(
    to right,
    rgba(0,0,0,.45),
    rgba(0,0,0,.25) 40%,
    rgba(0,0,0,.15)
  );
  backdrop-filter:blur(6px);
  z-index:3;
}
.section-head .page_nav .container{
  height:56px;
  padding-left:22px; /* 你当前页面左边距的基准 */
}

/* ===== 左侧：面包屑 ===== */
.section-head .page_nav .c-breadcrumb {
  float:left;
  display:flex;               /* 你原补丁：解决图标/文字基线不齐 */
  align-items:center;
}

/* 面包屑项：保留 float（不破旧布局），同时用 flex 做内部垂直对齐 */
.section-head .page_nav .c-breadcrumb li{
  float:left;
  display:flex;
  align-items:center;
  font-size:16px;
}

/* ===== 右侧：栏目导航 ===== */
.section-head .page_nav .r_sec{float:right;}
.section-head .page_nav .r_sec li{
  position:relative;
  float:left;
  margin-left:26px;
  padding:0 22px;
  font-size:16px;
}
.section-head .page_nav .r_sec li a{color:rgba(255,255,255,.85);}
.section-head .page_nav .r_sec li:hover a,
.section-head .page_nav .r_sec li.cur a{font-weight:600;}

/* 分隔线 */
.section-head .page_nav .r_sec li:before{
  content:"";
  position:absolute;
  left:-14px;
  top:50%;
  width:1px;
  height:18px;
  background:rgba(255,255,255,.18);
  transform:translateY(-50%);
}
.section-head .page_nav .r_sec li:first-child:before{display:none;}


/* ===== 响应式 ===== */
@media (max-width:1440px){
  .section-head .p-banner{height:452px;padding:170px 0 86px;}
  .section-head .p-banner h2{font-size:52px;}
  .section-head .p-banner h3{font-size:22px;}
}

@media (max-width:1200px){
  .section-head .p-banner{height:375px;padding:150px 0 100px;}
  .section-head .p-banner h2{font-size:40px;}
  .section-head .page_nav,
  .section-head .page_nav .container{height:52px;line-height:52px;}
}

@media (max-width:992px){
  .section-head .page_nav .c-breadcrumb {display:none;}

  /* 横滑 tabs */
  .section-head .page_nav .r_sec{
    float:none;
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    max-width:100%;
    padding:0 2px;
  }
  .section-head .page_nav .r_sec::-webkit-scrollbar{height:0;}

  .section-head .page_nav .r_sec li{
    float:none;
    flex:0 0 auto;
    margin:0;
    padding:0;
    font-size:14px;
  }
  .section-head .page_nav .r_sec li:before{display:none;}

  .section-head .page_nav .r_sec li a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:32px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.06);
    color:rgba(255,255,255,.88);
    white-space:nowrap;
    transition:background .18s,border-color .18s,color .18s;
  }

  .section-head .page_nav .r_sec li:hover a{
    background:rgba(255,255,255,.10);
    border-color:rgba(255,255,255,.32);
    color:#fff;
  }
  .section-head .page_nav .r_sec li.cur a{
    background:rgba(46,49,146,.20);
    border-color:rgba(46,49,146,.45);
    color:#fff;
  }
}

@media (max-width:768px){
  .section-head .p-banner{height:245px;padding:100px 0 80px;}
  .section-head .p-banner h2{font-size:30px;letter-spacing:1px;}
  .section-head .p-banner h3{font-size:16px;letter-spacing:3px;}
  .section-head .page_nav,
  .section-head .page_nav .container{height:48px;line-height:48px;}
}

@media (max-width:425px){
  .section-head .page_nav .r_sec li{font-size:12px;}
  .section-head .page_nav .r_sec li a{height:30px;padding:0 12px;}
}