/*通用*/
.index-h1{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;}

.index-section{
  padding:60px 0;
}

@media (max-width:1200px){
  .index-section{
    padding:60px 0;
  }
}

@media (max-width:768px){
  .index-section{
    padding:36px 0;
  }
}
/* 首页区块标题（合并最终版：保留“—”装饰 + 收敛间距与字号） */
.index-tit{
  text-align:center;
  margin-bottom:56px;
}

.index-tit .tit-e{
  position:relative;
  font-size:42px;
  line-height:1.2;
  font-weight:700;
  color:#ccc;
}

.index-tit .tit-e::before{content:"—";}
.index-tit .tit-e::after{content:"—";}

.index-tit h3{
  margin-top:10px;
  font-size:34px;
  font-weight:700;
}

/* 响应 */
@media (max-width:1024px){
  .index-tit{margin-bottom:40px;}
  .index-tit .tit-e{font-size:32px;line-height:1.2;}
  .index-tit h3{font-size:26px;}
}

@media (max-width:768px){
  .index-tit{margin-bottom:24px;}
  .index-tit .tit-e{font-size:24px;line-height:1.2;}
  .index-tit h3{font-size:20px;}
}

/* ===============================
   index-banner（精简稳态版）
   - 保持原视觉/动画不变
   - 去掉重复断点
   - Swiper 主题色限定在 banner
=============================== */

/* 只影响 Banner 的 Swiper 主题色（不污染全站） */
.index-banner{
  --swiper-theme-color:#fff;
}

/* 容器高度 */
.index-banner .swiper-container{height:100vh;}

/* 箭头颜色 */
.index-banner .swiper-button-next:after,
.index-banner .swiper-button-prev:after{color:#fff;}

/* 轮播高度链路 */
.index-banner .swiper-container .swiper-wrapper,
.index-banner .swiper-container .swiper-slide,
.index-banner .swiper-container .swiper-slide .container{height:100%;}

/* 有链接时的可点击层 */
.index-banner .swiper-container .swiper-slide .container a{
  display:block;
  position:relative;
  height:100%;
}

/* 文案动画：隐藏溢出 */
.index-banner .swiper-container .swiper-slide .banner-txt .text4,
.index-banner .swiper-container .swiper-slide .banner-txt .text3,
.index-banner .swiper-container .swiper-slide .banner-txt .text1{overflow:hidden;}

/* 统一的入场位移（保持原效果） */
.index-banner .swiper-container .swiper-slide .banner-txt .text3>*,
.index-banner .swiper-container .swiper-slide .banner-txt .text1>*,
.index-banner .swiper-container .swiper-slide .banner-txt .text5>*{
  transform:translateY(100px);
  transition:all 1s;
  display:inline-block;
  opacity:0;
}
.index-banner .swiper-container .swiper-slide .banner-txt .text6>*{
  transform:translateY(70px);
  transition:all 1s;
  display:inline-block;
  opacity:0;
}
.index-banner .swiper-container .swiper-slide .banner-txt .text4>.banner-more{
  transform:translateY(50px);
  transition:all 1s;
  opacity:0;
}
.index-banner .swiper-container .swiper-slide .banner-txt .text2>strong{
  transform:translateY(100px);
  transition:all .5s;
  display:inline-block;
  opacity:0;
}

/* 激活态：归位 */
.index-banner .swiper-container .swiper-slide-active .banner-txt .text4>.banner-more,
.index-banner .swiper-container .swiper-slide-active .banner-txt .text2>strong,
.index-banner .swiper-container .swiper-slide-active .banner-txt .text3>*,
.index-banner .swiper-container .swiper-slide-active .banner-txt .text1>*,
.index-banner .swiper-container .swiper-slide-active .banner-txt .text5>*,
.index-banner .swiper-container .swiper-slide-active .banner-txt .text6>*{
  transform:none !important;
  opacity:1;
}

/* 文案定位（保留你原 top/阴影） */
.index-banner .swiper-container .swiper-slide .container a .banner-txt{
  position:absolute;
  top:51%;
  transform:translateY(-50%);
  color:#fff;
  text-shadow:2px 2px 5px rgba(0,0,0,.75);
}

/* 两种文案样式（保持原来 45%） */
.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1,
.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt3{
  text-align:center;
  margin:0 auto;
  left:0;
  top:45%;
  width:100%;
}

/* banner-txt3 里图标行（原来这个选择器写错了：你写成了 .banner-txt .banner-txt3） */
.index-banner .swiper-container .swiper-slide .container a .banner-txt3{
  font-size:20px;
  margin-top:20px;
}
.index-banner .swiper-container .swiper-slide .container a .banner-txt3 span:last-child{margin-right:0;}
.index-banner .swiper-container .swiper-slide .container a .banner-txt3 span,
.index-banner .swiper-container .swiper-slide .container a .banner-txt3 span img{margin-right:15px;}

/* CTA 按钮与文本（原值不动） */
.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-more{
  width:450px;
  height:66px;
  line-height:66px;
  background-color:#208740;
  border-radius:15px;
  padding:0 30px;
  color:#fff;
  text-shadow:none;
  margin:20px 0;
  font-size:32px;
}
.index-banner .swiper-container .swiper-slide .container a .banner-txt p{font-size:24px;}
.index-banner .swiper-container .swiper-slide .container a .banner-txt strong{
  font-size:54px;
  font-weight:700;
  letter-spacing:2px;
  margin-bottom:10px;
}
.index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 p{font-size:32px;letter-spacing:2px;}
.index-banner .swiper-container .swiper-slide .container a .banner-txt .text5 p{font-size:18px;width:75%;}
.index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  line-height:45px;
  font-size:28px;
  text-align:center;
  width:550px;
  padding:7px 10px;
  margin:10px 0;
}

/* ===== 响应（保持原逻辑，去掉重复 left:0%） ===== */
@media (max-width:1200px){
  .index-banner{padding-top:60px;}
}

@media (max-width:992px){
  .index-banner .swiper-container .swiper-slide .container a .banner-txt p{font-size:20px;}
}

@media (max-width:700px){
  .index-banner .swiper-container .swiper-slide .container a .banner-txt p{font-size:15px;}
}


/*================================
               产品区            
==================================*/
.index-pro{position:relative;background:#fff;}
.index-pro-stage{position:relative;margin-top:26px;}

.pro-fade-wrap{position:relative;opacity:0;transition:opacity .35s ease;}
.pro-fade-wrap.is-active{opacity:1;}

.pro-viewport{position:relative;overflow:hidden;width:100%;}
.pro-track{
  display:flex;align-items:stretch;
  gap:28px;
  padding:4px 10px 12px; /* 克制留白 + 防hover切边 */
  will-change:transform;
  transform:translate3d(0,0,0);
}

/* PC：4张；卡片 3:4 */
.pro-card{flex:0 0 auto;width:calc((100% - 28px * 3) / 4);}
.pro-card a{
  display:flex;flex-direction:column;
  width:100%;aspect-ratio:3/3.8;
  background:#fff;border-radius:16px;
  border:1px solid rgba(0,0,0,.06);
  overflow:visible;
  transform:translateZ(0);
  box-shadow:0 5px 14px rgba(0,0,0,.055); /* 只下阴影，克制 */
  transition:transform .2s ease, box-shadow .2s ease;
}

/* hover：轻浮动 + 克制下阴影（无发光/无描边强化） */
@media (hover:hover){
  .pro-card a:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(0,0,0,.085);
  }
}

/* 图片 4:3（不缩放，避免切断） */
.pro-card-img{padding:10px 10px 0;}
.pro-card-img .img-box{
  width:100%;
  aspect-ratio:4/3;
  border-radius:14px;
  background:#f5f6f8;
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.pro-card-img img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transform:none!important;
}

/* 文本（更聚合） */
.pro-card-body{
  padding:12px 14px 14px;
  display:flex;flex-direction:column;
  gap:9px;
  flex:1 1 auto;
  min-height:0;
}
.pro-card-title{
  margin:0;
  font-size:15.5px;
  line-height:1.45;
  color:#1f2328;
  font-weight:600;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* “了解详情”提示式（无品牌底纹） */
.pro-card-more{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0;
  background:none;
  border-radius:0;
  font-size:12.5px;
  font-weight:600;
  color:var(--brand,#2e3192);
  letter-spacing:.2px;
  opacity:.9;
  transition:opacity .18s ease, transform .18s ease;
}
@media (hover:hover){
  .pro-card a:hover .pro-card-more{
    opacity:1;
    transform:translateY(-1px);
  }
}

/* 按钮：大、默认灰色，hover 品牌色 */
.pro-nav-btn{
  position:absolute;top:50%;
  width:52px;height:52px;
  border:0;background:transparent;
  cursor:pointer;
  transform:translateY(-50%);
  z-index:6;
  opacity:.92;
  transition:opacity .18s ease, transform .18s ease, filter .18s ease;
}
.pro-prev{left:-20px;}
.pro-next{right:-20px;}

.pro-nav-btn::before{
  content:"";
  display:block;
  width:20px;height:20px;
  margin:auto;
  border-top:3px solid rgba(120,120,120,.95);
  border-right:3px solid rgba(120,120,120,.95);
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.18));
}
.pro-prev::before{transform:rotate(-135deg);}
.pro-next::before{transform:rotate(45deg);}

@media (hover:hover){
  .pro-nav-btn:hover{
    opacity:1;
    transform:translateY(-50%) scale(1.06);
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.16));
  }
  .pro-nav-btn:hover::before{
    border-top-color:var(--brand,#2e3192);
    border-right-color:var(--brand,#2e3192);
  }
}

/* 空状态 */
.pro-empty{padding:56px 0;text-align:center;color:#999;font-size:14px;}

/* 菜单：间距更大 + 品牌元素（下划线） + 当前态常显 */
.index-pro-nav{margin-top:26px;text-align:center;}
.pro-nav-list{
  display:inline-flex;
  gap:36px;
  flex-wrap:wrap;
  justify-content:center;
}
.pro-nav-item a{
  position:relative;
  font-size:15px;
  font-weight:500;
  color:#444;
  padding:6px 2px 10px;
  letter-spacing:.2px;
  transition:color .18s ease;
}
.pro-nav-item a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:0;
  height:2px;
  background:linear-gradient(90deg, transparent, var(--brand,#2e3192), transparent);
  transform:translateX(-50%);
  transition:width .22s ease;
  opacity:.9;
}
.pro-nav-item.is-active a{color:var(--brand,#2e3192);}
.pro-nav-item.is-active a::after{width:100%;}
@media (hover:hover){
  .pro-nav-item a:hover{color:var(--brand,#2e3192);}
  .pro-nav-item a:hover::after{width:100%;}
}

/* Pad：2张 */
@media (max-width:991px){
  .pro-track{gap:20px;padding:4px 8px 10px;}
  .pro-card{width:calc((100% - 20px) / 2);}
  .pro-card-img{padding:10px 10px 0;}
  .pro-card-body{padding:12px 12px 12px;}
  .pro-card-title{font-size:15px;}
  .pro-nav-list{gap:28px;}
  .pro-nav-btn{width:46px;height:46px;}
  .pro-nav-btn::before{width:18px;height:18px;border-top-width:2.6px;border-right-width:2.6px;}
  .pro-prev{left:-6px;}
  .pro-next{right:-6px;}
}

/* Mobile：1张 */
@media (max-width:767px){
  .pro-track{gap:16px;padding:4px 6px 10px;}
  .pro-card{width:100%;}
  #proNav{display:none;}
  .pro-nav-btn{width:40px;height:40px;}
  .pro-nav-btn::before{width:16px;height:16px;border-top-width:2.2px;border-right-width:2.2px;}
  .pro-prev{left:4px;}
  .pro-next{right:4px;}
}




/* =========================
   index-about（完整区 CSS）
   - 以你给的 HTML 为准
   - 清理 clearfix/float 干扰，Grid 稳定
   - PC：单行 4 个；iPad/手机：2×2；整体居中两端留白
========================= */

/* 区域本体：首屏背景区 */
.index-about{position:relative;overflow:visible;min-height:80vh}

/* 背景图层 */
.index-about .index-about-bkg{position:fixed;inset:0;z-index:-1}
.index-about .index-about-bkg img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s ease}
.index-about .index-about-bkg .pc{display:block}
.index-about .index-about-bkg .mob{display:none}

/* 清理 about 区内 clearfix 伪元素 & float-left（避免幽灵高度/掉队） */
.index-about .clearfix::before,
.index-about .clearfix::after{content:none;display:none}
.index-about .float-left{float:none}

/* 内容区：流式布局（内容变长不截断、不掉） */
.index-about .container{position:relative}
.index-about .about-content{padding:35px 0 90px}

/* 标题 */
.index-about .index-tit{margin-bottom:50px;text-align:center}
.index-about .index-tit .tit-e{color:rgba(255,255,255,.5)}
.index-about .index-tit h3{margin:10px 0 0;color:#fff}

/* 简介 */
.index-about .about-profile{
  width:82%;
  margin:0 auto;
  text-align:center;
  color:#fff;
  line-height:35px
}
.index-about .about-profile p{margin:0;font-size:17px}

/* 更多按钮 */
.index-about .about-more{text-align:center;margin-top:28px}
.index-about .index-more a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 28px;
  border:1px solid rgba(255,255,255,.85);
  color:#fff;
  text-decoration:none;
  transition:background-color .25s ease,border-color .25s ease,color .25s ease
}
.index-about .index-more a:hover{background-color:var(--brand);border-color:transparent}

/* =========================
   核心理念 about-lists
========================= */

/* 外层：整体居中 + 两端留白 */
.index-about .about-lists{
  margin:50px auto 0;
  max-width:1400px;
  padding:0 40px;
  box-sizing:border-box
}

/* Grid：PC 默认 4 列 */
.index-about .about-lists ul{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:32px 75px;
  margin:0;padding:0;
  list-style:none;
  box-sizing:border-box
}

.index-about .about-lists li{display:flex;align-items:flex-start}

.index-about .about-img{
  flex:0 0 auto;        /* 锁死为固定项 */
  flex-shrink:0;        /* 禁止被挤压 */
  width:70px;height:70px;
  aspect-ratio:1/1;     /* 永远正圆 */
  margin-right:30px;
  border-radius:50%;
  background:rgba(255,255,255,.88) center/42px no-repeat;
  /*box-shadow:0 10px 22px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.55);*/
  transition:transform .4s
}

.index-about .about-txt{color:#fff;min-width:0}


/* 文案 */
.index-about .about-txt{color:#fff}
.index-about .about-txt span{display:block;font-size:24px;margin-bottom:10px}
.index-about .about-txt p{margin:0;font-size:15px;line-height:1.6}

/* hover 翻转（仅支持 hover 的设备） */
@media (hover:hover){
  .index-about .about-lists li:hover .about-img{transform:rotateY(180deg) scale(1.05)}
}

/* =========================
   iPad/小屏：2×2 + 更紧凑
========================= */
@media (max-width:1400px){
  .index-about .about-content{padding:84px 0 56px}
  .index-about .about-profile{width:92%;line-height:30px}
  .index-about .about-profile p{font-size:15px}

  .index-about .about-lists{
    max-width:760px;
    padding:0 22px;
    margin-top:36px
  }
  .index-about .about-lists ul{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px
  }
  .index-about .about-img{
    width:62px;height:62px;
    margin-right:14px;
    background-size:36px
  }
  .index-about .about-txt span{font-size:20px}
  .index-about .about-txt p{font-size:14px}
}

/* =========================
   手机：切换 mob 背景 + 继续 2×2（居中视觉）
========================= */
@media (max-width:767px){
  .index-about .index-about-bkg .pc{display:none}
  .index-about .index-about-bkg .mob{display:block}

  .index-about .about-content{padding:56px 0 40px}
  .index-about .about-profile{width:94%;line-height:28px}
  .index-about .about-profile p{font-size:14px}

  .index-about .about-lists{
    max-width:520px;
    padding:0 16px;
    margin-top:28px
  }
}


/* =================================================
   index-customer · 行业应用 / 客户案例（最终版）
   - PC/Pad：ul 横向 + active 放大
   - Mobile：swiper
   - 颜色统一：--brand
   - 修复：PC 未展开标题强制一行 + 视觉居中
================================================= */

.index-customer{background:#fff;}

/* ================= PC 默认（ul） ================= */
.index-customer .customer-lists ul{height:464px;overflow:hidden;display:block;}
.index-customer .customer-lists ul li{float:left;width:12.5%;height:100%;position:relative;transition:all .5s ease;}
.index-customer .customer-lists ul .customer-active{width:37.43%;}

/* 图片层 */
.index-customer .customer-lists ul li .img-box{position:absolute;inset:0;z-index:1;overflow:hidden;}
.index-customer .customer-lists ul li .img-box img{height:100%;width:auto;transition:transform .5s ease;}
.index-customer .customer-lists ul .customer-active .img-box img{width:100%;}
.index-customer .customer-lists ul li:hover .img-box img{transform:scale(1.1);}

/* 文本层 */
.index-customer .customer-lists ul li .customer-txt{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  z-index:2;text-align:center;color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.index-customer .customer-lists .customer-txt .customer-tit h3{
  font-size:24px;font-weight:700;margin-bottom:15px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis; /* PC 未展开不掉行 */
}
.index-customer .customer-lists .customer-txt .customer-tit p{white-space:nowrap;}

/* 按钮 */
.index-customer .customer-lists .customer-txt .index-more a{
  display:none;background:#fff;color:var(--brand);border-color:#fff;
}
.index-customer .customer-lists ul .customer-active .customer-txt .index-more a{display:inline-block;}
.index-customer .customer-lists ul .customer-active:hover .customer-txt .index-more a{
  background:var(--brand);color:#fff;border-color:var(--brand);
}

/* ================= Swiper 默认隐藏 ================= */
.index-customer .customer-swp{display:none;}
.index-customer .customer-lists .customer-swp .index-customer-bkg{position:relative;border-radius:7px;overflow:hidden;}
.index-customer .customer-lists .customer-swp .index-customer-bkg img{width:100%;}
.index-customer .customer-lists .customer-swp .index-customer-bkg .bkg-black{position:absolute;inset:0;background:rgba(0,0,0,.5);}
.index-customer .customer-lists .customer-swp .customer-txt{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;
}
.index-customer .customer-lists .customer-swp .swiper-slide .customer-txt .customer-tit h3,
.index-customer .customer-lists .customer-swp .swiper-slide .customer-txt .customer-tit p{color:#fff;font-weight:400;}
.index-customer .customer-lists .customer-swp .swiper-slide .customer-txt .index-more a{
  background:transparent;color:#fff;border-radius:30px;
}

/* ================= Mobile：只显示 swiper ================= */
@media (max-width:768px){
  .index-customer .customer-lists ul{display:none;}
  .index-customer .customer-swp{display:block;}

  /* Swiper 箭头：复用 index-pro 风格，hover 用品牌色 */
  .index-customer .swiper-button-next:after,
  .index-customer .swiper-button-prev:after{
    color:rgba(0,0,0,.35);
    font-weight:700;
    font-size:37px;
    transition:color .25s ease;
  }
  .index-customer .swiper-button-next:hover:after,
  .index-customer .swiper-button-prev:hover:after{color:var(--brand);}
}

/* ================= 手机端 ================= */
@media (max-width:768px){

  /* 隐藏 PC 样式 */
  .index-customer .customer-lists ul{
    display:none;
  }

  /* 显示 Swiper */
  .index-customer .customer-swp{
    display:block;
  }

}

/* =================================================
   index-customer · Mobile Swiper 箭头样式ß
================================================= */
@media (max-width:768px){

  .index-customer .swiper-button-next:after,
  .index-customer .swiper-button-prev:after{
    color:rgba(0,0,0,.35);
    font-weight:700;
    font-size:37px;
    transition:color .25s ease;
  }

  .index-customer .swiper-button-next:hover:after,
  .index-customer .swiper-button-prev:hover:after{
    color:var(--brand);
  }

}


/* =================================================
   index-service · 为什么选择我们
   - 结构不变
   - 交互不变
   - 颜色统一为 --brand
================================================= */

.index-service{
  background:url('../images/index_service_bkg.jpg') no-repeat center;
  background-color:#fff;
}

/* 列表布局 */
.index-service .service-lists ul{
  margin:0 -15px;
}

.index-service .service-lists ul li{
  float:left;
  width:20%;
  padding:0 15px;
  text-align:center;
}

/* 卡片 */
.index-service .service-item{
  background:#fff;
  box-shadow:5px 5px 15px rgba(0,0,0,.1);
  padding:60px 0;
  transition:background-color .25s ease,color .25s ease;
}

/* 图标 */
.index-service .service-img{
  width:89px;
  height:92px;
  margin:0 auto;
  position:relative;
}

/* 修复 service 图标被裁断的问题 */
.index-service .service-img .img{
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

.index-service .service-img .img{
  width:100%;
  height:100%;
}

.index-service .service-img .img2{
  display:none;
}

/* hover：品牌色 */
@media (hover:hover){
  .index-service .service-item:hover{
    background:var(--brand);
    color:#fff;
  }
  .index-service .service-item:hover .img1{
    display:none;
  }
  .index-service .service-item:hover .img2{
    display:block;
  }
}

/* 文本 */
.index-service .service-tit{
  font-size:24px;
  margin:15px 0;
}

.index-service .service-c{
  font-size:16px;
}

@media (max-width:768px){

  /* 两列布局 */
  .index-service .service-lists ul li{
    width:50%;
    margin-bottom:16px;
  }

  /* 隐藏第 5 个及之后 */
  .index-service .service-lists ul li:nth-child(n+5){
    display:none;
  }

  /* 适当收紧内边距 */
  .index-service .service-item{
    padding:44px 0;
  }

  /* 字号微调，避免拥挤 */
  .index-service .service-tit{
    font-size:20px;
  }

  .index-service .service-c{
    font-size:14px;
  }

}

/* =================================================
   index-news · 新闻资讯（完整 CSS）
   - 品牌色：--brand
   - 日期样式：上面“日”大，下面“年月”小（不改HTML）
================================================= */

.index-news{background:#fff;}
.index-news .container{overflow:hidden;}

/* ============== 右侧列表（3条） ============== */
.index-news .news-lists ul li{padding:30px 10px 30px 0;border-bottom:1px solid #dcdcdc;}
.index-news .news-lists ul li:last-child{border-bottom:0;}

.index-news .news-lists ul li a{display:flex;align-items:center;}

/* 日期：竖排（上大下小） */
.index-news .news-lists ul li a .news-date{
  padding-right:20px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  line-height:1.1;
  min-width:88px;
}

/* “日/日期”大：当前模板 day=MM-DD（不改模板的前提下先做大） */
.index-news .news-lists ul li a .news-date .day{
  order:1;
  white-space:nowrap;
  font-size:36px;
  font-weight:700;
  color:#333;
}

/* “年月”小：当前模板 year=YYYY（如需 YYYY-MM 需改模板 date 格式） */
.index-news .news-lists ul li a .news-date .year{
  order:2;
  text-align:right;
  font-size:16px;
  color:#999;
  margin-top:6px;
}

/* 文本区 */
.index-news .news-lists ul li a .news-txt{padding-left:20px;border-left:1px solid #dcdcdc;}
.index-news .news-lists ul li a .news-txt .news-tit{font-size:18px;font-weight:700;margin-bottom:15px;}
.index-news .news-lists ul li a .news-txt p{color:#666;line-height:25px;}

/* hover：日期品牌色 */
@media (hover:hover){
  .index-news .news-lists ul li:hover a .news-date .day,
  .index-news .news-lists ul li:hover a .news-date .year{color:var(--brand);}
}

/* 右侧容器溢出裁切（沿用你的逻辑） */
.index-news .news-lists>.row>div:nth-child(2){overflow:hidden;}

/* ============== 左侧主图（1条） ============== */
.index-news .news-lists .f-r{float:right!important;}
.index-news .news-lists .f-r a{display:block;}
.index-news .news-lists .f-r .rect-718{padding-bottom:74%;}

.index-news .news-lists .f-r .info{
  position:absolute;
  left:15px;
  right:0;
  bottom:0;
  width:100%;
  height:48px;
  line-height:48px;
  background:rgba(62,62,62,.35);
  color:#fff;
  font-weight:700;
}

.index-news .news-lists .f-r .info .tit{
  font-size:18px;
  padding-left:40px;
  color:#fff;
}

/* ============== 兼容旧类（如其它区还在用） ============== */
.index-news .news-lists .news-img{position:absolute;top:0;z-index:1;width:100%;}
.index-news .news-lists .news-img img{width:100%;height:100%;}
.index-news .news-lists .news-img-t{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  height:48px;
  line-height:48px;
  padding-left:40px;
  font-size:18px;
  color:#fff;
  font-weight:700;
}

/* pc/mob 开关（原样保留） */
.index-news .news-lists .pc{display:block;}
.index-news .news-lists .mob{display:none;}


@media (max-width:992px) {

    .index-banner .swiper-container {
        height: 440px;
    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text1 {
        font-size: 18px;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 {
        font-size: 22px;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong {
        font-size: 30px;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 p{  font-size: 22px; letter-spacing: 2px; }
}

@media (max-width:991px) {
    .index-banner .swiper-container .swiper-slide .container a .banner-txt{
        top: 44%;
    }
.index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{
line-height: 35px; font-size:22px; text-align: center; width: 350px; padding: 7px 10px; 
}
.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-more {
width: 300px; height:56px; line-height: 56px;
padding: 0px 10px;
margin-top: 10px; margin-bottom: 10px;
font-size: 22px;
}
.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 img { width: 100%;}

}
@media(max-width:768px){
    .index-banner .swiper-button-next, .index-banner .swiper-button-prev{
        display: none;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3{
        font-size: 18px;
        width: 75%; margin-top: 10px;
    }
    .index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{
        line-height: 30px; font-size:18px; text-align: center; width: 250px; padding: 1px 10px; margin: 5px 0;
        }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text5 p {
        font-size: 15px; width: 75%; margin: 5px 0;
        }
    .index-service .service-lists ul li{
        width: 100%;
    }
    .index-news .news-lists .pc{
        display: none;
    }
    .index-news .news-lists .mob{
        display: block;
    }
}
@media(max-width:700px) {
.index-news .news-lists .f-r .rect-718{padding-bottom:74%;}
.index-news .news-lists .f-r .info{ width:95.5%;}
}
@media(max-width:600px) {
.index-news .news-lists .f-r .info{ width:94.5%;}
.index-news .news-lists .f-r .info .tit{font-size:16px;padding-left: 40px;}
.index-news .news-lists ul li a .news-date {padding-right: 0px; display: none;}
.index-news .news-lists ul li a .news-txt {padding-left: 0px;border-left:0px solid #dcdcdc;}
}
@media(max-width:500px) {
.index-news .news-lists .f-r .info{ width:93%; }
}
@media(max-width:400px) {
.index-news .news-lists .f-r .info{ width:92%; }
.index-news .news-lists .f-r .info .tit{font-size:16px;padding-left: 20px;}

}
@media(max-width:767px) {
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span, .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span img{
        margin-right: 5px;
    }
    .index-service .service-lists ul li .service-item{
        box-shadow: none;
    }
    .index-banner .swiper-button-next:after,
    .index-banner .swiper-button-prev:after {
        display: none;
    }

    .index-banner .swiper-container {
        height: 300px;
    }

    .index-banner .swiper-container {
        height: 300px;
    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text1,
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 p {
        font-size: 16px;
    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong {
        font-size: 24px;
    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-more {
        width: 120px;
        padding: 5px 15px;
        margin-top: 20px;
    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text1 {font-size: 16px;    }
}
@media (max-width:639px){
    .index-pro .swiper-main{
        padding: 0;
    }
    .index-pro .swiper-button-next,.index-pro .swiper-button-prev{
       top: 32%;
    }
    .index-pro .swiper-main .swiper-slide a .pro-txt{
        padding: 20px;
    }
    .index-pro .swiper-main .swiper-slide a .pro-txt .pro-c {
        line-height: 1.5em;
    }
    .index-pro .swiper-button-prev{
        left: 0px;
     }
     .index-pro .swiper-button-next{
        right: 0px;
     }
}
@media (max-width:640px) {
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text4{
        display: none;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 p {
        font-size: 16px;
    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong {
        font-size: 18px; margin-bottom: 5px;
    }
}
@media (max-width:600px){

    .index-service .service-lists ul li .service-item{
        padding: 30px 0;
    }
    .index-tit{
        margin-bottom: 10px;
    }
    .index-section{
        padding: 20px 0;
    }
    .index-pro .swiper-main .swiper-slide a .pro-txt .pro-tit h3{
     margin-bottom: 15px;
    }
    .index-pro .index-more a {margin-top: 15px; margin-bottom: 5px;}
    .index-more a { padding: 5px 25px;}
}

@media (max-width:580px){
.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span img{
   width: 20px;
    }
    .index-banner .swiper-container .swiper-slide .banner-txt .sp .p1{
       display: none;
    }
    .index-banner .swiper-container .swiper-slide .banner-txt .sp .p2{
        display: block;
     }
     .index-banner .swiper-container .swiper-slide .banner-txt .sp .p2 p{
         display: block;
     }
     .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3{
         display: none;
     }
     .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong{
         font-size: 17px; margin-bottom: 0px;
     }
}
@media (max-width:540px) {
.index-banner .swiper-container {
    height: 280px;
}
.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ left: 7%; }
.index-banner .swiper-container .swiper-slide .container a .banner-txt .text5 p {
font-size: 15px; width: 95%;
}
.index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{
 line-height: 35px; font-size:18px; text-align: center; width: 230px; padding: 2px 5px; margin:5px 0;
}
    .index-video .video-content{
        width: auto;
    }
      .index-pro .swiper-main .swiper-slide a .pro-txt{
        padding: 10px;
    }
}

@media (max-width:460px) {
    .index-tit .tit-e{
        font-size: 28px;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ left: 1%; }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text4 {
        display: none;
    }
    .index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{ display: none;
       }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-more {
        width: 98px;
        padding: 5px 10px;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong{
        font-size: 17px; 
    }
}