@charset "utf-8";
/* ===================================================================
   江苏宝净环境科技有限公司 仿站样式（精简重构版）
   主色 #fea800 | 字体 微软雅黑 | 版心 1460px
=================================================================== */

/* ---------- 基础重置 ---------- */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", Arial, sans-serif;
  font-size: 14px;
  color: #333;
  background: #fff;
  line-height: 1.6;
  overflow-x: hidden;
}
img { border: 0; max-width: 100%; vertical-align: middle; }
ul, ol { list-style: none; }
a { text-decoration: none; color: inherit; transition: color .3s; }
button, input { font-family: inherit; outline: none; }
.container { max-width: 1460px; margin: 0 auto; padding: 0 20px; }
.clearfix::after { content: ""; display: block; clear: both; }

/* ---------- 通用标题 ---------- */
.sec-title { text-align: center; margin-bottom: 50px; }
.sec-title .cn { font-size: 48px; font-weight: 100; line-height: 1.2; color: #333; }
.sec-title .en {
  font-size: 30px; font-weight: 700; text-transform: uppercase;
  color: #333; margin-top: 6px; letter-spacing: 1px;
}
.sec-title .orange { color: #fea800; }
.sec-title.light .cn, .sec-title.light .en { color: #fff; }
.sec-title.left { text-align: left; margin-bottom: 30px; }

/* 首页全屏滚动板块 */
.section { padding: 75px 0; scroll-margin-top: 0; }
.section[id] { scroll-margin-top: 0; }
.snap {
  min-height: 100vh; display: flex; flex-direction: column;
  padding-top: 80px !important; padding-bottom: 40px !important;
}
.snap .container { width: 100%; margin-top: auto; margin-bottom: auto; }

/* ---------- 头部导航 ---------- */
.header {
  position: fixed; top: 0; left: 0; width: 100%; z-index: 999;
  transition: background .35s, box-shadow .35s;
}
.header-inner { display: flex; align-items: center; height: 80px; }
.logo { flex: 0 0 auto; margin-right: 30px; }
.logo img { height: 46px; width: auto; display: block; }
.nav { flex: 1 1 auto; }
.nav > ul { display: flex; justify-content: center; align-items: center; }
.nav > ul > li { position: relative; }
.nav > ul > li > a {
  display: block; padding: 0 22px; line-height: 80px;
  color: #fff; font-size: 16px; position: relative; white-space: nowrap;
}
.nav > ul > li:not(:last-child)::after {
  content: ""; position: absolute; top: 50%; right: 0;
  width: 1px; height: 14px; background: rgba(255,255,255,.5);
  transform: translateY(-50%);
}
.nav > ul > li > a:hover, .nav > ul > li.active > a { color: #fea800; }
/* 下拉菜单 */
.nav .sub {
  position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(10px);
  min-width: 200px; background: #fff; border-radius: 6px;
  box-shadow: 0 6px 24px rgba(0,0,0,.15);
  opacity: 0; visibility: hidden; transition: all .3s; padding: 8px 0;
}
.nav li:hover .sub { opacity: 1; visibility: visible;}
.nav .sub a { display: block; padding: 10px 22px; color: #333; font-size: 14px; white-space: nowrap; }
.nav .sub a:hover { color: #fea800; background: #fafafa; }
/* 搜索按钮 */
.head-search {
  position: relative; flex: 0 0 auto; width: 38px; height: 38px; margin-left: 6px;
  display: flex; align-items: center; justify-content: center;
  color: #fff; cursor: pointer; font-size: 18px;
}
.head-search:hover { color: #fea800; }
/* 搜索下拉框 */
.head-search .search-box {
  position: absolute; top: 100%; right: 0; width: 300px; margin-top: 8px;
  background: #fff; border: 2px solid #fea800; border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,.1); padding: 12px;
  opacity: 0; visibility: hidden; transform: translateY(-10px);
  transition: all .3s; z-index: 100;
}
.head-search:hover .search-box { opacity: 1; visibility: visible; transform: translateY(0); }
/* 白色三角箭头指向搜索图标 */
.head-search .search-box::before {
  content: ""; position: absolute; top: -10px; right: 12px;
  border-left: 8px solid transparent; border-right: 8px solid transparent;
  border-bottom: 10px solid #fff;
}
.head-search .search-box::after {
  content: ""; position: absolute; top: -12px; right: 11px;
  border-left: 9px solid transparent; border-right: 9px solid transparent;
  border-bottom: 11px solid #fea800; z-index: -1;
}
.head-search .search-box .search-bar {
  display: flex; border: 2px solid #fea800; border-radius: 6px; overflow: hidden;
}
.head-search .search-box input {
  flex: 1; height: 40px; border: 0; padding: 0 14px;
  font-size: 14px; color: #333; outline: none; background: #fff;
  border-radius: 4px 0 0 4px;
}
.head-search .search-box button {
  flex: 0 0 56px; height: 40px; border: 0; background: #fea800;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  border-radius: 0 4px 4px 0;
}
.head-search .search-box button:hover { background: #e09a00; }
/* 滚动后 */
.header.scrolled { background: rgba(0,0,0,.5); box-shadow: 0 2px 14px rgba(0,0,0,.3); }
/* 手机端汉堡 */
.menu-toggle {
  display: none; flex: 0 0 auto; flex-direction: column;
  width: 30px; height: 24px; justify-content: space-between;
  background: none; border: 0; cursor: pointer; margin-left: auto;
}
.menu-toggle span { display: block; height: 2px; width: 100%; background: #fff; }

/* ---------- 首页 Banner ---------- */
.banner { position: relative; width: 100%; overflow: hidden; background: #111; }
/* 首页全屏滚屏Banner */
.banner.full-screen .banner-ratio { width: 100%; height: 100vh; padding-bottom: 0; position: relative; }
.banner-slide {
  position: absolute; inset: 0;
  background-size: cover; background-position: center center;
  opacity: 0; transition: opacity 1s ease;
}
.banner-slide.active { opacity: 1; }
.banner-dots { position: absolute; bottom: 22px; left: 0; width: 100%; display: flex; justify-content: center; z-index: 5; }
.banner-dots span {
  width: 8px; height: 8px; margin: 0 5px; border-radius: 50%;
  background: rgba(255,255,255,.45); cursor: pointer; transition: all .3s;
}
.banner-dots span.active { background: #fea800; }

/* 内页 banner（比例 18.3%） */
.page-banner .banner-ratio { padding-bottom: 18.3%; }
.page-banner .banner-dots { display: none; }
.page-banner .banner-slide { opacity: 1; }
/* 面包屑 */
.crumb { background: #f5f5f5; border-bottom: 1px solid #eee; }
.crumb-inner { padding: 14px 20px; color: #888; font-size: 14px; }
.crumb-inner a:hover { color: #fea800; }
.crumb-inner .sep { margin: 0 8px; color: #bbb; }

/* ===================================================================
   首页 - 关于我们
=================================================================== */
.about-home { background: #fff; }
.about-text { max-width: 1300px; margin: 0 auto; }
.about-text p {
  font-size: 18px; color: #333; text-align: justify;
  text-indent: 2em; margin-bottom: 22px; line-height: 1.9;
}
.about-quick { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 55px; padding: 0 15px; }
.about-quick li { width: 25%; padding: 0 15px; }
.about-quick .box { display: block; text-align: center; font-size: 18px; color: #333; }
.about-quick .pic {
  position: relative; width: 82px; height: 82px; margin: 0 auto 30px;
  display: flex; align-items: center; justify-content: center;
  transition: transform .5s;
}
.about-quick .pic img { width: 56px; height: 56px; object-fit: contain; }
.about-quick .pic::before {
  content: ""; position: absolute; inset: 0; border-radius: 50%;
  border: 1px dotted rgba(122,122,122,.7); transition: transform .5s;
}
.about-quick .pic::after {
  content: ""; position: absolute; top: 18px; right: -1px;
  width: 10px; height: 10px; border-radius: 50%; background: #fea800;
  transition: top .5s;
}
.about-quick .box:hover .pic::before { transform: rotate(90deg); }
.about-quick .box:hover .pic::after { top: 54px; }

/* ===================================================================
   首页 - 产品中心（深色底）
=================================================================== */
.product-home {
  background: #0e1419 url(../images/bg-product.jpg) center center / cover no-repeat;
  padding: 75px 0;
}
.product-home .ph-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 35px; flex-wrap: wrap;}
.product-home .ph-head .sec-title { flex: 0 0 auto; margin-right: 40px; width:20.7%;}
.product-cats { display: flex; flex-wrap: wrap; flex: 1 1 auto; justify-content: flex-start; margin: 0 -8px; width:77%;}
.product-cats li { width: 33.333%; max-width: 200px; padding: 5px 8px; }
.product-cats a {
  position: relative; display: block; height: 46px; line-height: 44px;
  border: 1px solid #fff; border-radius: 46px; color: #fff;
  text-align: center; font-size: 15px; padding: 0 34px 0 18px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  transition: all .3s;
}
.product-cats a::after {
  content: ""; position: absolute; top: 15px; right: 12px;
  width: 16px; height: 16px;
  background: url(../images/arrow-white.png) center/contain no-repeat;
}
.product-cats a:hover { background: #fea800; border-color: #fea800; }
.product-grid { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.product-grid .item { width: 25%; padding: 12px; }
.product-card {
  display: block; border-radius: 15px; padding: 10px;
  background: #fff; transition: background .35s; height: 100%;
}
.product-card .p-img { display: block; overflow: hidden; border-radius: 8px; aspect-ratio: 3/4; }
.product-card .p-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.product-card .p-name {
  position: relative; height: 56px; line-height: 56px; margin-top: 10px;
  text-align: center; color: #333; font-size: 16px;
  padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  transition: color .35s;
}
/* 名称区顶部橙色圆+加号（带外发光） */
.product-card .p-name::before {
  content: ""; position: absolute; top: -21px; left: 50%;
  transform: translateX(-50%); width: 26px; height: 26px;
  border-radius: 50%; background: #fea800;
  box-shadow: 0 0 6px 4px rgba(254,168,0,.5);
}
.product-card .p-name::after {
  content: "+"; position: absolute; top: -21px; left: 50%;
  transform: translateX(-50%); width: 26px; height: 26px;
  line-height: 26px; text-align: center; color: #fff; font-size: 16px;
}
.product-card:hover { background: #fea800; }
.product-card:hover .p-name { color: #fff; }
.product-card:hover .p-img img { transform: scale(1.06); }

/* ===================================================================
   首页 - 工程案例（选项卡）
=================================================================== */
.case-home { background: #fff; }
.case-home .ch-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 40px; }
.more-btn {
  display: inline-block; padding: 10px 30px; background: #fea800;
  border-radius: 40px; color: #fff; font-size: 14px; transition: all .3s;
  margin-top: 25px;
}
.more-btn:hover { background: #e09a00; }
.case-tab-wrap { display: flex; flex-wrap: wrap; align-items: stretch; }
.case-left { width: 35%; padding-right: 30px; }
.case-tab-nav { display: flex; flex-direction: column; align-items: flex-start; }
.case-tab-nav li {
  position: relative; padding: 8px 0 8px 58px; cursor: pointer;
  color: #333; font-size: 14px; line-height: 1.6; transition: color .3s;
}
.case-tab-nav li::after {
  content: ""; position: absolute; left: 0; top: 50%;
  width: 37px; height: 2px; margin-top: -1px;
  background: rgba(0,0,0,.09); transition: background .3s;
}
.case-tab-nav li:hover { color: #fea800; }
.case-tab-nav li.active { color: #fea800; }
.case-tab-nav li.active::after { background: #fea800; }
.case-tab-body { width: 65%; }
.case-panel { display: none; }
.case-panel.active { display: block; animation: fadeIn .4s; }
.case-big { display: block; position: relative; }
.case-big .cb-img { overflow: hidden; }
.case-big .cb-img img { width: 100%; max-height: 62vh; object-fit: cover; display: block; }
/* 图片左下角橙色信息块 */
.case-big .cb-box {
  position: absolute; left: 55px; bottom: 40px;
  width: 458px; max-width: 55%; height: 280px;
  background: #fea800; color: #fff; padding: 0 40px;
}
.case-big .cb-title {
  display: block; margin-top: 40px; padding-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,.13);
  font-size: 20px; line-height: 1.5;
}
.case-big .cb-link {
  display: inline-block; margin-top: 26px;
  font-size: 15px; color: #fff;
}
.case-big .cb-link:hover { text-decoration: underline; }
/* 图片右下角圆形切换箭头 */
.case-big .cb-arrow {
  position: absolute; bottom: 25px; z-index: 3;
  width: 40px; height: 40px; background: #fff; border-radius: 50%;
  color: #333; font-size: 20px; line-height: 40px; text-align: center;
  cursor: pointer; user-select: none; transition: all .3s;
  display: flex; align-items: center; justify-content: center;
}
.case-big .cb-prev { right: 50px; }
.case-big .cb-next { right: 0; }
.case-big .cb-arrow:hover { background: #fea800; color: #fff; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* ===================================================================
   首页 - 我们的优势（深色底 + 交错网格）
=================================================================== */
.adv-home {
  background: #141a20 url(../images/bg-advantage.jpg) center center / cover no-repeat;
  padding: 75px 0;
}
.adv-grid { max-width: 1100px; margin: 30px auto 0; }
.adv-grid ul { display: flex; flex-wrap: wrap; }
.adv-grid li { width: 33.333%; padding: 0 3px 3px 0; }
.adv-grid li:nth-child(3) { margin-left: 33.333%; }
.adv-card {
  position: relative; overflow: hidden; cursor: pointer;
  background: #fff; padding: 20px 30px; z-index: 1; height: 100%;
}
.adv-card::after {
  content: ""; position: absolute; z-index: -1;
  right: -60px; bottom: -60px; width: 136px; height: 136px;
  border-radius: 50%; background: rgba(254,168,0,.3); transition: all .5s;
}
.adv-card .num { position: absolute; top: 0; right: 30px; line-height: 40px; font-size: 18px; color: #2b2b2b; transition: color .4s; }
.adv-card .pic { width: 40px; height: 40px; }
.adv-card .pic img { max-width: 100%; max-height: 100%; }
.adv-card .pic .img-2 { display: none; }
.adv-card .t1 { font-size: 22px; color: #2b2b2b; transition: color .4s; }
.adv-card .t2 { font-size: 14px; color: #666; margin-bottom: 20px; transition: color .4s; }
.adv-card .go {
  width: 16px; height: 16px;
  background: url(../images/arrow-gray.png) center/contain no-repeat;
}
.adv-card:hover::after, .adv-card.active::after { width: 400px; height: 400px; background: #fea800; }
.adv-card:hover .num, .adv-card:hover .t1, .adv-card:hover .t2,
.adv-card.active .num, .adv-card.active .t1, .adv-card.active .t2 { color: #fff; }
.adv-card:hover .pic .img-1, .adv-card.active .pic .img-1 { display: none; }
.adv-card:hover .pic .img-2, .adv-card.active .pic .img-2 { display: block; }
.adv-card:hover .go, .adv-card.active .go { background-image: url(../images/arrow-white.png); }
/* 左卡片网格 + 右详情联动 */
.adv-flex { display: flex; flex-wrap: wrap; align-items: stretch; max-width: 1300px; margin: 40px auto 0; }
.adv-flex .adv-grid { width: 50%; max-width: none; margin: 0; }
.adv-detail { width: 50%; color: #fff; }
.adv-detail .adp { display: none; padding: 140px 30px 20px 30px; }
.adv-detail .adp.show { display: block; animation: fadeIn .4s; }
.adv-detail .num {
  font-size: 150px; font-weight: 700; line-height: 1; margin-bottom: 40px;
  -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: transparent;
}
.adv-detail .t1 { font-size: 36px; font-weight: 700; color: #fff; }
.adv-detail .t2 { font-size: 14px; color: rgba(255,255,255,.75); margin-bottom: 50px; }
.adv-detail .info { font-size: 18px; color: rgba(255,255,255,.85); line-height: 1.7; }
@media screen and (max-width: 768px) {
  .adv-flex .adv-grid, .adv-detail { width: 100%; }
  .adv-detail .adp { padding: 24px 10px 10px; }
  .adv-detail .num { font-size: 60px; margin-bottom: 10px; }
  .adv-detail .t1 { font-size: 24px; }
  .adv-detail .info { font-size: 16px; }
}

/* ===================================================================
   首页 - 新闻中心（深色底 + 两张卡片）
=================================================================== */
.news-home {
  background: #0e1419 url(../images/bg-news.jpg) center center / cover no-repeat;
  padding: 75px 0;
}
.news-cards { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.news-card { margin: 12px; border-radius: 15px; overflow: hidden; min-height: 320px; position: relative; }
.news-card.company { width: calc(58.33% - 24px); background: url(../images/bg-news1.jpg) center/cover no-repeat; }
.news-card.industry { width: calc(41.67% - 24px); background: url(../images/bg-news2.jpg) center/cover no-repeat; }
.news-card::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.35); }
.news-card .nc-inner { position: relative; z-index: 2; padding: 36px 40px; }
.news-card .nc-title { color: #fff; font-size: 18px; }
.nc-xwnr{
	width:100%;
	margin-top:15px;
}
.nc-xwnr ul li{
	width:100%;
	border-bottom:1px #fff solid;
	padding-bottom:15px;
	margin-bottom:10px;
}
.nc-xwnr ul li .nc-xwnrnm{
	width:100%;
	font-size:16px;
	color:#fff;
	font-weight: bold;
}
.nc-xwnr ul li .nc-xwnrtime{
	width:100%;
	font-size:12px;
	color:#fff;
	margin-top:10px;
}
.news-card.industry .nc-title { font-size: 18px; color: #fff; }
.news-card.industry .nc-sub { font-size: 24px; color: #fff; margin-top: 8px; }
.news-empty { color: rgba(255,255,255,.6); font-size: 14px; margin-top: 130px; text-align: center; }

/* ===================================================================
   页脚
=================================================================== */
.footer { background: #000; color: #fff; padding-top: 65px; }
.footer-grid { display: flex; flex-wrap: wrap; padding-bottom: 50px; }
.f-col { padding: 0 15px; }
.f-col.links { width: 30%; }
.f-col.cases { width: 20%; }
.f-col.qr { width: 22%; }
.f-col.contact { width: 28%; }
.f-title {
  color: #fff; font-weight: 700; font-size: 18px;
  border-bottom: 1px solid rgba(255,255,255,.2);
  padding-bottom: 20px; margin-bottom: 20px;
}
.f-col a { font-size: 16px; color: rgba(255,255,255,.3); line-height: 30px; display: inline-block; }
.f-col a:hover { color: #fff; }
.f-qr-tip { padding-top: 4px; font-size: 16px; color: rgba(255,255,255,.3); padding-bottom: 12px; }
.f-qr img { width: 120px; height: 120px; }
.f-social { padding-top: 22px; }
.f-social a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 3px; background: rgba(255,255,255,.11);
  margin-right: 6px;
}
.f-social a img { width: 100%; opacity: .3; transition: opacity .3s; }
.f-social a:hover { background: #fea800; }
.f-social a:hover img { opacity: 1; }
.f-contact-item { display: flex; align-items: flex-start; padding: 6px 0; font-size: 15px; color: rgba(255,255,255,.75); }
.f-contact-item .ic { width: 26px; height: 26px; flex: 0 0 26px; margin-right: 10px; margin-top: 2px; }
.f-contact-item .ic img { max-width: 100%; max-height: 100%; opacity: .8; }
.copyright { border-top: 1px solid rgba(255,255,255,.08); padding: 22px 0; text-align: center; }
.copyright p { color: rgba(255,255,255,.45); font-size: 13px; line-height: 2; }
.copyright a { color: rgba(255,255,255,.45); }
.copyright a:hover { color: #fea800; }
.copyright img.badge { height: 18px; vertical-align: -3px; margin-right: 5px; }

/* 返回顶部 */
.back-top {
  position: fixed; right: 24px; bottom: 40px; z-index: 998;
  width: 46px; height: 46px; border-radius: 50%;
  background: rgba(0,0,0,.45); color: #fff; border: 0; cursor: pointer;
  font-size: 20px; display: none; align-items: center; justify-content: center;
  transition: background .3s;
}
.back-top:hover { background: #fea800; }
.back-top.show { display: flex; }

/* 右侧全屏滚动导航点（对齐原站 style-0：灰点 + 激活橙色圆环） */
.full-page-nav {
  position: fixed; top: 50%; right: 5px; transform: translate(-50%, -50%);
  margin-right: 10px; padding: 10px; z-index: 999;
  display: flex; flex-direction: column; align-items: center;
}
.full-page-nav li {
  position: relative; width: 15px; height: 15px; line-height: 21px;
  margin-bottom: 25px; border-radius: 50%; cursor: pointer; font-size: 0;
  display: flex; align-items: center; justify-content: center;
  transition: border-color .3s;
}
.full-page-nav li::after {
  content: ""; width: 4px; height: 4px; border-radius: 50%; background: #a8a8a8;
}
.full-page-nav li.nav-item-active {
  width: 16px; height: 16px; background: none;
  border: 2px solid #fea800; border-radius: 50%;
}
.full-page-nav li.nav-item-active::after { display: none; }
@media screen and (max-width: 992px) {
  .full-page-nav { display: none; }
}

/* ===================================================================
   首页全屏滚动（整屏切换，对齐原站 fullpage 机制，仅PC端）
=================================================================== */
@media screen and (min-width: 993px) {
  html.fp-on, html.fp-on body { overflow: hidden; height: 100%; }
  .fp-wrap {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    overflow: hidden; z-index: 1; transition: transform .4s ease;
  }
  .fp-wrap .fp-slide {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    overflow-x: hidden; overflow-y: auto;
    opacity: 0; visibility: hidden; z-index: 0;
  }
  .fp-wrap .fp-slide.fp-current { opacity: 1; visibility: visible; z-index: 1; }
  .fp-wrap .fp-slide.fp-old { opacity: 1; visibility: visible; z-index: 2; }
  .fp-wrap .fp-slide.fp-show { opacity: 1; visibility: visible; z-index: 2; }
  /* 页脚从底部滑入，不放进 wrap 避免被裁切 */
  html.fp-on .footer {
    position: fixed; bottom: 0; left: 0; width: 100%; z-index: 998;
    transform: translateY(100%); transition: transform .4s ease;
  }
  html.fp-on.fp-at-footer .footer { transform: translateY(0); }
  body.fp-on .back-top { display: none !important; }
  /* 整屏切换动画 0.6s ease（对齐原站 jz_page_move） */
  .fp-slide.fp-down-out { animation: fpMoveToTop .6s ease both; }
  .fp-slide.fp-down-in { animation: fpMoveFromBottom .6s ease both; }
  .fp-slide.fp-up-out { animation: fpMoveToBottom .6s ease both; }
  .fp-slide.fp-up-in { animation: fpMoveFromTop .6s ease both; }
}
@keyframes fpMoveToTop { to { transform: translateY(-100%); } }
@keyframes fpMoveFromBottom { from { transform: translateY(100%); } to { transform: translateY(0); } }
@keyframes fpMoveToBottom { to { transform: translateY(100%); } }
@keyframes fpMoveFromTop { from { transform: translateY(-100%); } to { transform: translateY(0); } }

/* ===================================================================
   内页通用
=================================================================== */
.page-sec { padding: 70px 0; }
.page-sec[id] { scroll-margin-top: 70px; }
/* 关于-企业优势卡片 */
.about-adv { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.about-adv li { width: 25%; padding: 15px; }
.about-adv .aa-box {
  border: 1px solid #eee; border-radius: 10px; padding: 35px 28px;
  text-align: center; height: 100%; transition: all .35s;
}
.about-adv .aa-box:hover { border-color: #fea800; box-shadow: 0 10px 30px rgba(254,168,0,.12); transform: translateY(-4px); }
.about-adv .aa-pic { width: 70px; height: 70px; margin: 0 auto 22px; }
.about-adv .aa-pic img { max-width: 100%; max-height: 100%; }
.about-adv .aa-t { font-size: 19px; font-weight: 700; margin-bottom: 14px; color: #222; }
.about-adv .aa-d { font-size: 14px; color: #777; line-height: 1.9; text-align: justify; }

/* 发展历程时间轴 */
.timeline-wrap { max-width: 1000px; margin: 0 auto; }
.timeline-start { text-align: center; font-size: 14px; color: #666; margin-bottom: 20px; }
.timeline { position: relative; background: url(../images/timeline-line.png) repeat-y center top; padding: 10px 0; }
.timeline li { position: relative; width: 50%; padding: 14px 45px; }
.timeline li::before {
  content: ""; position: absolute; top: 22px; width: 17px; height: 17px;
  background: url(../images/timeline-dot.png) center/contain no-repeat; z-index: 2;
}
.timeline li:nth-child(odd) { left: 0; text-align: right; }
.timeline li:nth-child(odd)::before { right: -9px; }
.timeline li:nth-child(even) { left: 50%; text-align: left; }
.timeline li:nth-child(even)::before { left: -8px; }
.timeline .tl-year { font-size: 22px; font-weight: 700; color: #fea800; margin-bottom: 8px; }
.timeline .tl-text { font-size: 14px; color: #666; line-height: 1.9; }

/* 荣誉资质 */
.honor-intro {width: 100%; margin: 0 auto 45px; text-align: center; }
.honor-intro img { width:16%;}
.honor-grid { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.honor-grid .item { width: 20%; padding: 12px; }
.honor-grid .hg-box { display: block; overflow: hidden; border-radius: 8px; border: 1px solid #eee; }
.honor-grid .hg-box img { width: 100%;  object-fit: cover; transition: transform .5s; }
.honor-grid .hg-box:hover img { transform: scale(1.05); }
/* 荣誉分页 */
.pagination1 { width: 100%; text-align: center; margin-top: 35px; }
.pagination1 .paging a,
.pagination1 .paging span { display: inline-block; margin: 0 6px; color: #999; font-size: 14px; }
.pagination1 .paging a:hover { color: #fea800; }
.pagination1 .paging .active { color: #fea800; }

/* 服务客户 */
.client-grid { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.client-grid .item { width: 16.666%; padding: 10px; }
.client-grid .cg-box {
  display: flex; align-items: center; justify-content: center;
  border: 1px solid #eee; border-radius: 8px; padding: 14px; height: 110px;
  transition: all .3s; overflow: hidden;
}
.client-grid .cg-box img { max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(.3); transition: all .4s; }
.client-grid .cg-box:hover { border-color: #fea800; box-shadow: 0 8px 22px rgba(0,0,0,.08); }
.client-grid .cg-box:hover img { filter: grayscale(0); transform: scale(1.05); }

/* 产品列表页 */
.product-layout { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.product-sidebar { width: 26%; padding: 0 12px; }
.product-main { width: 74%; padding: 0 12px; }
.ps-title {
  font-size: 18px; font-weight: 700; padding: 16px 22px;
  background: #fea800; color: #fff; border-radius: 8px 8px 0 0;
}
.ps-list { border: 1px solid #eee; border-top: 0; border-radius: 0 0 8px 8px; overflow: hidden; }
.ps-list a {
  position: relative; display: block; padding: 15px 40px 15px 22px;
  font-size: 15px; color: #444; border-bottom: 1px dashed #eee;
}
.ps-list a:last-child { border-bottom: 0; }
.ps-list a::after {
  content: ""; position: absolute; right: 20px; top: 50%; width: 8px; height: 8px;
  border-right: 1.5px solid #bbb; border-bottom: 1.5px solid #bbb;
  transform: translateY(-70%) rotate(-45deg);
}
.ps-list a:hover, .ps-list a.active { color: #fea800; background: #fffaf0; }
.condition-bar {
  display: flex; align-items: center; justify-content: space-between;
  border: 1px solid #eee; border-radius: 8px; padding: 12px 20px; margin-bottom: 24px;
}
.condition-bar .cb-t { color: #888; }
.condition-bar input {
  border: 1px solid #e5e5e5; border-radius: 20px; padding: 8px 18px;
  width: 240px; font-size: 13px;
}
.pl-grid { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.pl-grid .item { width: 50%; padding: 12px; }
.pl-card {
  display: block; border-radius: 10px; padding: 10px; background: #fff;
  transition: background .35s; height: 100%;
}
.pl-card:hover { background: #fea800; }
.pl-card .img { display: block; overflow: hidden; border-radius: 8px; aspect-ratio: 3/2; }
.pl-card .img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.pl-card:hover .img img { transform: scale(1.06); }
.pl-card .name {
  position: relative; height: 56px; line-height: 56px; margin-top: 10px;
  text-align: center; color: #333; font-size: 16px;
  padding: 0 10px; white-space: nowrap; text-overflow: ellipsis;
  transition: color .35s;
}
.pl-card .name::before {
  content: ""; position: absolute; top: -21px; left: 50%;
  transform: translateX(-50%); width: 26px; height: 26px;
  border-radius: 50%; background: #fea800;
  box-shadow: 0 0 6px 4px rgba(254,168,0,.5);
}
.pl-card .name::after {
  content: "+"; position: absolute; top: -21px; left: 50%;
  transform: translateX(-50%); width: 26px; height: 26px;
  line-height: 26px; text-align: center; color: #fff; font-size: 16px;
}
.pl-card:hover .name { color: #fff; }

/* ===================================================================
   产品详情页
=================================================================== */
.pd-head { padding-bottom: 20px; }
.pd-title { font-size: 24px; font-weight: 700; color: #222; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #eee; }
.pd-desc { font-size: 14px; color: #666; line-height: 2; }
.pd-desc p { font-size: 14px; color: #666; line-height: 2; }
.pd-desc img { max-width: 100%; }
.pd-contact { margin-top: 30px; }
.pd-phone {
  display: inline-flex; align-items: center; padding: 12px 36px; background: #fea800; color: #fff;
  font-size: 18px; border-radius: 6px; transition: background .3s;
}
.pd-phone:hover { background: #e09a00; }
/* 下一个产品 */
.pd-next-wrap { display: flex; align-items: center; justify-content: flex-end; gap: 15px; margin: 30px 0; }
.pd-syt{
	width:50%;
	line-height:50px;
}
.pd-syt span{
	border:1px #e9e9e9 solid; padding:0px 20px;border-radius:25px;font-size:14px;color:#657180; margin-right:10px;
}
.pd-syt a{
	font-size:14px;
	color:#657180;
}
.pd-xyg{
	width:50%;
	line-height:50px;
	text-align: right;
}
.pd-xyg span{
	border:1px #e9e9e9 solid; padding:0px 20px;border-radius:25px;font-size:14px;color:#657180;margin-right:10px;

}
.pd-xyg a{
	font-size:14px;
	color:#657180;
}

.pd-next-btn { display: inline-block; padding: 6px 20px; border: 1px solid #ddd; color: #666; font-size: 14px; border-radius: 4px; transition: all .3s; }
.pd-next-btn:hover { border-color: #fea800; color: #fea800; }
.pd-next-title { font-size: 14px; color: #888; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-next-title:hover { color: #fea800; }
/* 产品详情选项卡 */
.pd-detail { margin-top: 10px; }
.pd-detail-tab { display: inline-block; width:100%; border:1px #f0f0f0 solid; line-height:56px;}
.pd-detail-tab span{
	float: left;
	width: 160px;
	border-left:1px #f0f0f0 solid;
	border-right:1px #f0f0f0 solid;
	text-align: center;
	line-height:56px;
	font-size:15px;
	color: rgba(254, 168, 0, 1);
	border-top:3px #fea800 solid;
}
.pd-detail-content { padding: 30px;line-height: 1.8; min-height: 50px; width:100%; }
.pd-detail-content:empty { padding: 50px; text-align: center; color: #999; }
.pd-detail-content:empty::before { content: "暂无详细内容"; }
.pd-detail-content p { margin: 15px 0; line-height: 1.8; }
.pd-detail-content img { max-width: 100%; }
/* 相关产品 */
.pd-related { margin-top: 50px; }
.nyxgcp{
	width: 100%;
	margin-top:40px;
}
.nyxgcp ul{
	display: flex;
    flex-wrap: wrap;
}
.nyxgcp ul li{
	width: 23%;
	margin:0px 1% 15px 1%;
}
.nyxgcp ul li .nyxgcpimg{
	width: 100%;
	aspect-ratio: 4/3;
	overflow: hidden;
}
.nyxgcp ul li .nyxgcpimg img{
	    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s;
}
.nyxgcp ul li:hover .nyxgcpimg img{
	transform: scale(1.06);
}
.nyxgcp ul li .nyxgcpnm{
	width: 100%;
	font-size:16px;
	color:#333;
	line-height:50px;
	text-align: center;
}
.nyxgcp ul li:hover .nyxgcpnm{
	color:#fea800;
}
/* 核心技术 */
.tech-grid { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.tech-grid .item { width: 25%; padding: 12px; }
.tech-card {
  display: block; height: 100%; border: 1px solid #eee; border-radius: 12px;
  padding: 30px 24px; text-align: center; transition: all .35s; background: #fff;
}
.tech-card:hover { border-color: #fea800; transform: translateY(-5px); box-shadow: 0 12px 30px rgba(254,168,0,.13); }
.tech-card .tc-img { width: 74px; height: 74px; margin: 0 auto 20px; }
.tech-card .tc-img img { max-width: 100%; max-height: 100%; }
.tech-card .tc-name { font-size: 17px; font-weight: 700; color: #222; margin-bottom: 10px; }
.tech-card .tc-desc { font-size: 13px; color: #aaa; }

/* 特色技术卡片（对齐原站 basic_icon_combination style-0） */
.coce-grid { display: flex; flex-wrap: wrap; }
.coce-card {
  width: 25%; background: #fff; padding: 3%; text-align: center;
  box-shadow: 0 0 15px 0 rgba(255,255,255,1);
  transition: box-shadow .3s;
}
.coce-card:hover { box-shadow: 0 0 15px 0 rgba(0,0,0,.1); }
.coce-card .cc-icon { display: inline-block; width: 20%; }
.coce-card .cc-icon img { max-width: 100%; }
.coce-card .cc-name { font-size: 16px; color: #323232; margin-top: 12px; }
.coce-card .cc-desc { font-size: 14px; color: #999; margin-top: 4px; }

/* ===================================================================
   案例列表页（对齐原站 basic_classification + basic_article_list）
=================================================================== */
/* 分类胶囊 */
.cl-nav { display: flex; justify-content: center; margin-bottom: 10px; }
.cl-nav-pill {
  display: inline-block; min-width: 120px; line-height: 40px; text-align: center;
  border: 1px solid rgba(0,0,0,.1); border-radius: 40px;
  color: #333; font-size: 16px; transition: all .3s; margin-right:10px;
}
.cl-nav-pill:hover { background: #fea800; border-color: #fea800; color: #fff; }
/* 卡片网格 */
.cl-grid { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.cl-item { width: 33.333%; padding: 10px; }
.cl-card {
  display: block; background: #fff; padding: 5% 0; height: 100%;
  box-shadow: 0 0 15px 0 rgba(255,255,255,1); transition: box-shadow .3s;
}
.cl-card:hover { box-shadow: 0 0 22px rgba(0,0,0,.12); }
.cl-img {
  position: relative; width: 90%; margin: 0 auto;
  aspect-ratio: 1.246/1; overflow: hidden;
}
.cl-img img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; transition: transform .36s ease;
}
.cl-card:hover .cl-img img { transform: scale(1.05); }
.cl-body { padding: 0 5%; }
.cl-title {
  font-size: 16px; color: #333; font-weight: normal; text-align: left;
  min-height: 48px; margin-top: 10px; line-height: 1.5; transition: color .3s;
}
.cl-card:hover .cl-title { color: #fea800; }
.cl-foot { margin-top: 20px; overflow: hidden; }
.cl-tag {
  display: inline-block; height: 26px; line-height: 24px; padding: 0 8px;
  border: 1px solid #e5e5e5; border-radius: 5px; color: #999; font-size: 12px;
}
/* 右下角箭头（hover 滑动切换） */
.cl-arrow { float: right; position: relative; width: 30px; height: 28px; overflow: hidden; }
.cl-arrow::before, .cl-arrow::after {
  content: ""; position: absolute; top: 50%; left: 0;
  width: 10px; height: 10px;
  border-top: 2px solid #6b6b6b; border-right: 2px solid #6b6b6b;
  transform: translateY(-60%) rotate(45deg); transition: all .36s ease;
}
.cl-arrow::after { left: -20px; opacity: 0; }
.cl-card:hover .cl-arrow::before { left: 22px; opacity: 0; }
.cl-card:hover .cl-arrow::after { left: 0; opacity: 1; }

/* 案例列表页 */
.case-grid { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.case-grid .item { width: 33.333%; padding: 12px; }
.case-item { display: block; position: relative; border-radius: 12px; overflow: hidden; }
.case-item .ci-img { aspect-ratio: 4/3; overflow: hidden; }
.case-item .ci-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.case-item:hover .ci-img img { transform: scale(1.06); }
.case-item .ci-mask {
  position: absolute; inset: 0; padding: 22px;
  background: linear-gradient(to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,.12) 45%, rgba(0,0,0,0) 70%);
  display: flex; flex-direction: column; justify-content: space-between;
}
.case-item .ci-tag {
  align-self: flex-start; background: #fea800; color: #fff;
  font-size: 12px; padding: 3px 12px; border-radius: 3px;
}
.case-item .ci-title {
  color: #fff; font-size: 16px; line-height: 1.5; font-weight: 700;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* 新闻列表页 */
.news-tabs { display: flex; justify-content: center; margin-bottom: 40px; }
.news-tabs li {
  padding: 10px 40px; margin: 0 8px; border: 1px solid #ddd; border-radius: 30px;
  cursor: pointer; font-size: 16px; color: #555; transition: all .3s;
}
.news-tabs li.active, .news-tabs li:hover { background: #fea800; border-color: #fea800; color: #fff; }
.news-empty-box { text-align: center; padding: 80px 0; color: #aaa; font-size: 15px; }
.nyxwys{
	width:100%;
	margin-top:40px;
}
.nyxwys ul li{
	width:100%;
	border:1px #ebebeb solid;
	padding:20px;
	margin-bottom:20px;
}
.nyxwys ul li .nyxwysnm{
	width:100%;
	font-size:16px;
	color:#000;
}
.nyxwys ul li .nyxwysnm h3{
	font-size:16px;
	color:#000;
	font-weight: bold;
}
.nyxwys ul li .nyxwystime{
	width:100%;
	font-size:12px;
	color:#999;
	margin-top:15px;
}
.nyxwys ul li .nyxwysjs{
	width:100%;
	font-size:14px;
	color:#666;
	margin-top:25px;
}
.nyxwys ul li .nyxwysgd{
	width:100%;
	font-size:14px;
	color:#fea800;
	margin-top:25px;
}
.nyxwys ul li:hover .nyxwysnm h3{
	color:#fea800;
}
.nyxinwnm{
	width:100%;
	margin-top:40px;
	font-size:20px;
	color:#000;
	font-weight: bold;
	text-align: center;
}
.nyxinwsj{
	width:100%;
	margin-top:20px;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom:1px #eee solid;
}
.nyxinwsj span{
	font-size:14px;
	color:#666;
	margin-left:15px;
	line-height:45px;
}
.nyxinwenr{
	width:100%;
	margin-top:40px;
}
.nyxinwenr img{
	max-width:100%;
}
.nyxgxw{
	width:100%;
	margin-top:40px;
}
.nyxgxw ul{
	display: flex;
    flex-wrap: wrap;
}
.nyxgxw ul li{
	width:23%;
	margin:0px 1%;
	border:1px #eee solid;
	padding:20px;
}
.nyxgxw ul li .nyxgxwnm{
	font-size:16px;
	color:#000;
	font-weight: bold;
	width: 100%;
}
.nyxgxw ul li .nyxgxwjs{
	width:100%;
	font-size:14px;
	color:#666;
	line-height:25px;
	margin-top:25px;
}
.nyxgxw ul li .nyxgxwgd{
	font-size:14px;
	color:#fea800;
	margin-top:35px;
}
.nyxgxw ul li:hover .nyxgxwnm{
	color:#fea800;
}
/* 联系我们 */
.contact-cards { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.contact-cards li { width: 25%; padding: 15px; }
.contact-card {
  display: flex; align-items: center; border: 1px solid #eee; border-radius: 12px;
  padding: 30px 26px; height: 100%; transition: all .35s;flex-wrap: wrap;
}
.contact-card:hover { border-color: #fea800; box-shadow: 0 10px 28px rgba(254,168,0,.12); }
.contact-card .cc-icon { width: 100%; text-align:center; }
.contact-card .cc-icon img { width: 100%; max-width:56px;}
.cc-text{
	text-align:center;
	width:100%;
}
.contact-card .cc-title { font-size: 24px; color: #333; margin-bottom: 6px; }
.contact-card .cc-info { font-size: 16px; color: #333; }
.nylxdt{
	width:100%;
	margin-top:30px;
}
.nylxly{
	width:100%;
	margin-top:30px;
}
form{
    display: flex;
    flex-wrap: wrap;
}
.nylyxx{
	width:48%;
	margin:0px 1% 15px 1%;
}
.nylyxx span{
	font-size:14px;
	color:#333;
}
.nylyxht{
	width:100%;
	border:1px #eee solid;
	line-height:44px;
	margin-top:10px;
	padding:0px 15px;
}
.nylyxxnr{
	width:98%;
	margin:0px 1% 15px 1%;
}
.nylyxxnr span{
	font-size:14px;
	color:#333;
}
.nylydht{
	width: 100%;
	height:100px;
	margin-top:10px;
	padding:0px 15px;
	border:1px #eee solid;
}
.nylyyzm1{
	width:98%;
	margin:0px 1% 15px 1%;
}
.nylyyzm{
	width:29%;
	border:1px #eee solid;
	line-height:44px;
	padding:0px 15px;
}
.nylyan{
	width:25%;
	background:#fea800;
	line-height:44px;
	text-align: center;
	font-size:14px;
	color:#fff;
	margin-left:1%;
	border:1px #fea800 solid;
}
/* ===================================================================
   响应式
=================================================================== */
@media screen and (max-width: 1280px) {
  .nav > ul > li > a { padding: 0 16px; font-size: 15px; }
  .container { max-width: 100%; }
}
@media screen and (max-width: 992px) {
  .snap { min-height: auto; }
  .product-grid .item { width: 50%; }
  .tech-grid .item { width: 33.333%; }
  .about-adv li { width: 50%; }
  .case-grid .item { width: 50%; }
  .contact-cards li { width: 50%; }
  .client-grid .item { width: 25%; }
  .f-col.links, .f-col.cases, .f-col.qr, .f-col.contact { width: 50%; margin-bottom: 30px; }
  .product-sidebar { width: 100%; margin-bottom: 30px; }
  .product-main { width: 100%; }
  .case-left { width: 100%; margin-bottom: 20px; }
  .case-tab-body { width: 100%; }
  .news-card.company, .news-card.industry { width: calc(100% - 24px); }
}
@media screen and (max-width: 768px) {
  .section, .page-sec { padding: 48px 0; }
  .header-inner { height: 60px; }
  .logo img { height: 36px; }
  .menu-toggle { display: flex; }
  .head-search { display: none; }
  .nav {
    position: fixed; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px);
    background: rgba(0,0,0,.95); overflow-y: auto;
    opacity: 0; visibility: hidden; transition: all .3s; display:none;
  }
  .nav.open { opacity: 1; visibility: visible; display:block;}
  .nav > ul { flex-direction: column; align-items: stretch; }
  .nav > ul > li > a { line-height: 50px; border-bottom: 1px solid rgba(255,255,255,.08); }
  .nav > ul > li:not(:last-child)::after { display: none; }
  .nav .sub { position: static; transform: none; opacity: 1; visibility: visible;
    background: rgba(255,255,255,.06); box-shadow: none; border-radius: 0; min-width: 0; }
  .nav .sub a { color: rgba(255,255,255,.75); padding-left: 40px; }
  .banner.full-screen .banner-ratio { height: 47.7vw; }
  .banner.full-screen .banner-slide { background-size: cover; }
  .banner-ratio { padding-bottom: 53.3%; }
  .page-banner .banner-ratio { padding-bottom: 40%; }
  .banner-arrow { width: 38px; height: 38px; font-size: 22px; }
  .banner-prev { left: 10px; } .banner-next { right: 10px; }
  .sec-title { margin-bottom: 32px; }
  .sec-title .cn { font-size: 26px; }
  .sec-title .en { font-size: 14px; }
  .about-text p { font-size: 15px; }
  .about-quick li { width: 50%; margin-bottom: 26px; }
  .product-cats li { width: 50%; }
  .adv-grid li, .adv-grid li:nth-child(3) { width: 50%; margin-left: 0; }
  .adv-card { padding: 20px; }
  /* 案例信息块移动端改为图下堆叠 */
  .case-big .cb-box { position: static; width: auto; max-width: none; height: auto; padding: 20px; }
  .case-big .cb-title { margin-top: 0; font-size: 16px; }
  .case-big .cb-arrow { display: none; }
  .pl-grid .item { width: 100%; }
  .pd-next-wrap { flex-direction: column; align-items: flex-start; gap: 10px; }
  .tech-grid .item { width: 50%; }
  .coce-card { width: 100%; padding: 5%; }
  .coce-card .cc-icon { width: 25%; }
  .cl-nav { display: none; }
  .cl-item { width: 50%; }
  .cl-title { font-size: 14px; min-height: 42px; }
  .about-adv li { width: 100%; }
  .contact-cards li { width: 100%; }
  .honor-grid .item { width: 50%; }
  .client-grid .item { width: 50%; }
  .f-col.links, .f-col.cases, .f-col.qr, .f-col.contact { width: 100%; }
  .timeline li { width: 100%; padding: 14px 0 14px 35px; left: 0 !important; text-align: left !important; }
  .timeline li::before { left: -2px !important; right: auto !important; }
  .timeline { background-position: left center; }
}

/* ===================================================================
   案例详情页（case.html）
=================================================================== */
.cd-mb { display: none; }

/* ---- PC：宽幅主图 + 竖向缩略图条 ---- */
.cd-pc-box { width: 100%; font-size: 14px; overflow: hidden; }
.cd-gallery:after { content: ""; display: block; clear: both; }
.cd-big {
  position: relative; width: calc(100% - 100px); height: 0;
  padding-bottom: 30%; float: left; overflow: hidden;
  border:1px #eee solid;
}
.cd-big-img {
  position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
  width: auto; height: auto; max-width: 100%; max-height: 100%;
  display: none; cursor: zoom-in;
}
.cd-big-img:first-child { display: block; }
.cd-gallery.js-on .cd-big-img { display: none; }
.cd-gallery.js-on .cd-big-img.active { display: block; }
/* 无多图时使用封面图兜底 */
.cd-big .cd-fallback { display: none; }
.cd-big:not(:has(.cd-big-img)) .cd-fallback {
  display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
  width: auto; height: auto; max-width: 100%; max-height: 100%;
}
.cd-big:not(:has(.cd-big-img)) ~ .cd-thumbs { display: none; }

.cd-thumbs { position: relative; width: 100px; height: 450px; display: inline-block; }
.cd-arrow-btn {
  position: absolute; left: 0; right: 0; margin: 0 auto;
  width: 12px; height: 12px; padding: 0; border: 0; background: none;
  color: #666; cursor: pointer; z-index: 2;
}
.cd-arrow-btn svg { display: block; width: 100%; height: 100%; }
.cd-up { top: 3px; }
.cd-down { bottom: 3px; }
.cd-thumb-viewport { height: 400px; margin: 25px 0; overflow: hidden; }
.cd-thumb-track { position: relative; transition: transform .3s ease; }
.cd-thumb { width: 100px; height: 100px; padding: 2px; cursor: pointer; box-sizing: border-box; }
.cd-thumb img {
  display: block; width: 100%; height: 100%; object-fit: contain;
  border: 1px solid transparent; box-sizing: border-box;
}
.cd-thumb.active img, .cd-thumb:hover img { border-color: #fea800; }

/* ---- 标题 + 分享 ---- */
.cd-info { clear: both; width: 100%; margin-top: 15px; }
.cd-title-line { display: flex; align-items: center; }
.cd-title {
  font-size: 20px; color: #1a1a1a; font-weight: normal; line-height: 1.4;
  display: inline-block; padding-right: 20px; margin: 0;
}
.cd-share { display: inline-block; color: #333; cursor: pointer; padding-bottom: 4px; line-height: 1; }
/* PC端摘要隐藏（与原站自定义样式一致） */
.cd-abstract { display: none; }

/* ---- 上一篇 / 下一篇 ---- */
.cd-pager { display: flex; justify-content: space-between; padding-top: 18px; }
.cd-pager-side { display: flex; align-items: center; width: 50%; cursor: pointer; }
.cd-pager-side.left { padding-right: 20px; }
.cd-pager-btn {
  box-sizing: border-box; display: inline-flex; flex-shrink: 0;
  width: 80px; height: 30px; line-height: 28px; text-align: center;
  border-radius: 15px; border: 1px solid #e9e9e9; justify-content: center;
}
.cd-pager-btn a { color: #657180; font-size: 13px; }
.cd-pager-title {
  flex: 1; padding-left: 5px; color: #657180; font-size: 13px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cd-pager-title:hover { color: #fea800; }

/* 正文模块隐藏（原站自定义CSS） */
.cd-body { display: none; }

/* ---- 相关案例 ---- */
.cd-related-sec { background: #fafafa; padding: 60px 0; }
.rc-grid { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.rc-item { width: 33.333%; padding: 10px; }
.rc-card {
  display: block; height: 100%; background: #fff; padding: 5% 0;
  transition: box-shadow .3s;
}
.rc-card:hover { box-shadow: 0 0 15px rgba(0,0,0,.1); }
.rc-img { position: relative; width: 90%; margin: 0 auto; padding-top: 57.857%; overflow: hidden; }
.rc-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rc-content { padding: 0 5%; }
.rc-header { display: flex; justify-content: space-between; align-items: flex-start; }
.rc-title {
  font-size: 16px; color: #333; font-weight: normal; line-height: 1.5;
  margin: 0; transition: color .3s;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.rc-card:hover .rc-title { color: #fea800; }
.rc-date { flex-shrink: 0; margin: 4px 0 0 12px; font-size: 14px; color: #999; }
.rc-summary {
  margin-top: 12px; font-size: 14px; color: #666; line-height: 1.7;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.rc-foot { margin-top: 14px; overflow: hidden; }
.rc-tag {
  display: inline-block; height: 26px; line-height: 24px; padding: 0 8px;
  border: 1px solid #e5e5e5; border-radius: 5px; color: #999; font-size: 12px;
}
/* 右下角箭头（hover 滑动切换，灰色） */
.rc-arrow { float: right; position: relative; width: 30px; height: 28px; overflow: hidden; }
.rc-arrow::before, .rc-arrow::after {
  content: ""; position: absolute; top: 50%; left: 0;
  width: 10px; height: 10px;
  border-top: 2px solid #6b6b6b; border-right: 2px solid #6b6b6b;
  transform: translateY(-60%) rotate(45deg); transition: all .36s ease;
}
.rc-arrow::after { left: -20px; opacity: 0; }
.rc-card:hover .rc-arrow::before { left: 22px; opacity: 0; }
.rc-card:hover .rc-arrow::after { left: 0; opacity: 1; }

/* ---- 图片灯箱 ---- */
.cd-lightbox {
  display: none; position: fixed; inset: 0; z-index: 10000;
  background: rgba(0,0,0,.85); align-items: center; justify-content: center;
}
.cd-lightbox.open { display: flex; }
.cd-lb-img-wrap img { max-width: 76%; max-height: 80vh; object-fit: contain; }
.cd-lb-close {
  position: absolute; top: 18px; right: 30px; padding: 0; border: 0;
  background: none; color: #fff; font-size: 38px; line-height: 1; cursor: pointer;
}
.cd-lb-arrow {
  position: absolute; top: 50%; transform: translateY(-50%);
  padding: 10px; border: 0; background: none; color: #fff; cursor: pointer;
}
.cd-lb-arrow svg { display: block; width: 36px; height: 36px; }
.cd-lb-prev { left: 24px; }
.cd-lb-next { right: 24px; }

/* ---- 案例详情页移动端 ---- */
@media screen and (max-width: 768px) {
  .cd-pc { display: none; }
  .cd-mb { display: block; }

  /* 方形图集横滑（出血到容器边缘） */
  .cd-mb-slider { position: relative; margin: 0 -20px; overflow: hidden; }
  .cd-mb-track {
    display: flex; overflow-x: auto; scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .cd-mb-track::-webkit-scrollbar { display: none; }
  .cd-mb-slide {
    position: relative; flex: 0 0 100%; width: 100%;
    padding-bottom: 100%; scroll-snap-align: start;
  }
  .cd-mb-slide img {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  }
  .cd-mb-fallback { display: none; }
  .cd-mb-track:not(:has(.cd-mb-slide:not(.cd-mb-fallback))) .cd-mb-fallback { display: block; }
  .cd-mb-count {
    position: absolute; right: 14px; bottom: 14px; min-width: 50px; height: 24px;
    padding: 0 8px; line-height: 24px; border-radius: 12px; text-align: center;
    background: rgba(0,0,0,.3); color: #fff; font-size: 14px; box-sizing: border-box;
  }

  /* 标题 + 摘要 */
  .cd-mb-title-line { display: flex; align-items: center; margin: 10px 15px 0; }
  .cd-mb-title {
    flex: 1; margin: 0; padding-right: 15px;
    font-size: 18px; color: #333; font-weight: normal; line-height: 1.3;
  }
  .cd-mb-abstract {
    display: block; margin: 15px; font-size: 14px; color: #666; line-height: 1.6;
  }

  /* 相关案例两列 */
  .cd-related-sec { padding: 40px 0; }
  .rc-item { width: 50%; }
  .rc-arrow { display: none; }
    .pd-xyg{
	text-align: left;
	width:100%;
}
.nyxgcp ul li .nyxgcpnm{
	max-height: 50px;
	overflow: hidden;
}
    .nyxgcp ul li{
	width: 48%;
}
.pd-syt{
	width: 100%;
}
.nyxgxw ul li{
	width:98%;
}
.nylyxx{
	width: 98%;
}
.nylyyzm{
	width:60%;
}
.nylyan{
	width:98%;
}
.f-col.links,.f-col.cases{
	display:none;
}
.product-home .ph-head .sec-title{
	width:100%;
}
.product-cats{
	width:100%;
}
.honor-intro img{
	width:49%;
}
}