@charset "UTF-8";
/* =========================================================
   黔农明珠官网 · 内页样式 guanwang-neiye.css（第二版：每个页面独立版式）
   供应链服务 fuwu-、数字化平台 shuzihua-、行业方案 hangye-/fangan-、案例 anli-、关于我们 guanyu-、联系我们 lianxi-、供应商入驻 zhaomu-
   ========================================================= */

/* =========================
供应链服务页开始
========================= */
.fuwu-yetou { position: relative; height: 100vh; min-height: 720px; background: #03210F; overflow: hidden; }
.fuwu-yetou-kuang { position: absolute; inset: 0; overflow: hidden; will-change: clip-path; }
.fuwu-yetou-kuang img { width: 100%; height: 100%; object-fit: cover; will-change: transform; }
.fuwu-yetou-zhezhao { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3, 26, 12, .88) 0%, rgba(3, 26, 12, .35) 55%, rgba(3, 26, 12, .45) 100%); }
.fuwu-yetou-nei { position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 72px; color: #fff; }
.fuwu-yetou .guanwang-jubiaoti { color: #fff; max-width: 1100px; }
.fuwu-yetou .guanwang-jubiaoti em { color: var(--gw-jin); }
.fuwu-yetou .guanwang-xiaobiaoti, .fuwu-yetou .guanwang-yetou-lujing { color: rgba(255, 255, 255, .72); }
.fuwu-yetou-di { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; margin-top: 40px; padding-top: 32px; border-top: 1px solid rgba(255, 255, 255, .18); }
.fuwu-yetou-di p { max-width: 560px; font-size: 16px; line-height: 1.85; color: rgba(255, 255, 255, .78); }
/* 横向手风琴：悬停展开，其余让位 */
.fuwu-shoufeng { display: flex; gap: 10px; height: 520px; }
.fuwu-shoufeng-ye { position: relative; flex: 1 1 0; min-width: 0; border-radius: 22px; overflow: hidden; background: var(--gw-mo); color: #fff; outline: none; cursor: pointer; transition: flex-grow .8s var(--gw-huanchong); }
.fuwu-shoufeng-ye img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .35; filter: saturate(.6); transform: scale(1.1); transition: opacity .7s, transform 1.2s var(--gw-huanchong), filter .7s; }
.fuwu-shoufeng-ye::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 48, 21, .2), rgba(5, 48, 21, .92)); }
.fuwu-shoufeng-hao { position: absolute; z-index: 1; top: 24px; left: 24px; font-size: 14px; font-weight: 700; color: var(--gw-jin); }
.fuwu-shoufeng-shu { position: absolute; z-index: 1; left: 50%; bottom: 32px; transform: translateX(-50%); writing-mode: vertical-rl; font-size: 22px; font-weight: 700; letter-spacing: .2em; white-space: nowrap; transition: opacity .4s; }
.fuwu-shoufeng-wen { position: absolute; z-index: 1; left: 32px; right: 32px; bottom: 32px; opacity: 0; transform: translateY(20px); transition: opacity .5s .1s, transform .7s var(--gw-huanchong); }
.fuwu-shoufeng-wen > i { font-size: 34px; color: var(--gw-jin); --fa-secondary-color: #fff; --fa-secondary-opacity: .5; }
.fuwu-shoufeng-wen h3 { margin: 18px 0 10px; font-size: 28px; font-weight: 700; }
.fuwu-shoufeng-wen p { max-width: 380px; font-size: 16px; line-height: 1.8; color: rgba(255, 255, 255, .78); }
.fuwu-shoufeng:not(:hover):not(:focus-within) .fuwu-shoufeng-ye:first-child, .fuwu-shoufeng-ye:hover, .fuwu-shoufeng-ye:focus { flex-grow: 4.2; }
.fuwu-shoufeng:not(:hover):not(:focus-within) .fuwu-shoufeng-ye:first-child img, .fuwu-shoufeng-ye:hover img, .fuwu-shoufeng-ye:focus img { opacity: 1; filter: none; transform: scale(1); }
.fuwu-shoufeng:not(:hover):not(:focus-within) .fuwu-shoufeng-ye:first-child .fuwu-shoufeng-shu, .fuwu-shoufeng-ye:hover .fuwu-shoufeng-shu, .fuwu-shoufeng-ye:focus .fuwu-shoufeng-shu { opacity: 0; }
.fuwu-shoufeng:not(:hover):not(:focus-within) .fuwu-shoufeng-ye:first-child .fuwu-shoufeng-wen, .fuwu-shoufeng-ye:hover .fuwu-shoufeng-wen, .fuwu-shoufeng-ye:focus .fuwu-shoufeng-wen { opacity: 1; transform: none; }
/* 服务模式：滚动绘制路径 */
.fuwu-lujing { position: relative; height: 340px; margin-top: 32px; }
.fuwu-lujing svg { position: absolute; inset: 0 0 60px; width: 100%; height: calc(100% - 60px); overflow: visible; }
.fuwu-lujing-di { fill: none; stroke: rgba(255, 255, 255, .12); stroke-width: 2; stroke-dasharray: 6 10; vector-effect: non-scaling-stroke; }
.fuwu-lujing-lu { stroke: var(--gw-jin); stroke-width: 3; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 8px rgba(201, 161, 91, .6)); }
.fuwu-lujing-dian { position: absolute; left: var(--x); top: var(--y); transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 12px; opacity: .25; transition: opacity .5s, transform .6s var(--gw-huanchong); }
.fuwu-lujing-dian.is-xian { opacity: 1; transform: translate(-50%, -58%); }
.fuwu-lujing-dian span { width: 60px; height: 60px; display: grid; place-items: center; border-radius: 50%; background: #0B4A25; border: 1px solid rgba(255, 255, 255, .2); font-size: 22px; color: #fff; --fa-secondary-color: var(--gw-jin); --fa-secondary-opacity: 1; transition: background .4s, box-shadow .4s; }
.fuwu-lujing-dian.is-xian span { background: var(--gw-jin); color: var(--gw-mo); box-shadow: 0 0 0 8px rgba(201, 161, 91, .18); --fa-secondary-color: #fff; }
.fuwu-lujing-dian b { font-size: 15px; font-weight: 600; color: #fff; white-space: nowrap; }
/* 服务内容：左侧固定、右侧滚动 */
.fuwu-neirong-nei { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 80px; }
.fuwu-neirong-gu { position: sticky; top: 110px; height: calc(100vh - 150px); min-height: 520px; display: flex; flex-direction: column; }
.fuwu-neirong-hao { display: flex; align-items: baseline; gap: 10px; margin: 4px 0 24px; font-size: 96px; line-height: 1; font-weight: 800; color: var(--gw-mo); letter-spacing: -.04em; }
.fuwu-neirong-hao em { font-style: normal; font-size: 22px; color: var(--gw-fuzhu); font-weight: 600; }
.fuwu-neirong-tu { position: relative; flex: 1; border-radius: 26px; overflow: hidden; background: var(--gw-lv); }
.fuwu-neirong-tu img { width: 100%; height: 100%; object-fit: cover; }
.fuwu-neirong-tu img.is-jietu { object-position: left top; background: #fff; }
.fuwu-neirong-jindu { position: relative; display: block; height: 3px; margin-top: 20px; border-radius: 3px; background: var(--gw-xian); overflow: hidden; }
.fuwu-neirong-jindu i { position: absolute; inset: 0; background: var(--gw-mo); transform-origin: left; transform: scaleX(calc(.2 + var(--huajuan-p, 0) * .8)); transition: transform .6s var(--gw-huanchong); }
.fuwu-neirong-you { padding: 18vh 0; }
.fuwu-neirong-bu { min-height: 62vh; display: flex; flex-direction: column; justify-content: center; scroll-margin-top: 120px; }
.fuwu-neirong-tubiao { font-size: 40px; color: var(--gw-zhong); --fa-secondary-color: var(--gw-jin); --fa-secondary-opacity: .7; }
.fuwu-neirong-bu .guanwang-erbiaoti { margin: 22px 0 16px; }
.fuwu-neirong-bu > p { margin-bottom: 26px; font-size: 17px; color: var(--gw-zhengwen); }
/* 平台留痕 */
.fuwu-liuhen-ju { margin: 8px 0 64px; max-width: 1100px; font-size: clamp(28px, 3.2vw, 48px); line-height: 1.45; font-weight: 700; letter-spacing: -.02em; }
.fuwu-liuhen-tu { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-bottom: 48px; padding-right: 120px; }
.fuwu-liuhen-tu .guanwang-liulanqi:nth-child(2) { transform: translateY(56px); }
.fuwu-liuhen-shouji { position: absolute; right: 0; top: 40px; width: 190px; }
/* =========================
供应链服务页结束
========================= */

/* =========================
数字化平台页开始
========================= */
.shuzihua-yetou { position: relative; padding: 160px 0 110px; background: radial-gradient(900px 600px at 80% 30%, rgba(74, 154, 120, .35), transparent 60%), #03210F; color: #fff; overflow: hidden; }
.shuzihua-yetou .guanwang-titian-wen { opacity: .08; filter: invert(1); background-position: center bottom; }
.shuzihua-yetou-guang { position: absolute; right: 18%; top: 10%; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(201, 161, 91, .22), transparent 70%); filter: blur(10px); }
.shuzihua-yetou-nei { position: relative; display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 56px; align-items: center; }
.shuzihua-yetou .guanwang-jubiaoti { font-size: clamp(34px, 3.3vw, 52px); color: #fff; }
.shuzihua-yetou .guanwang-jubiaoti em { color: var(--gw-jin); }
.shuzihua-yetou .guanwang-daoyu { color: rgba(255, 255, 255, .75); }
.shuzihua-yetou .guanwang-xiaobiaoti, .shuzihua-yetou .guanwang-yetou-lujing { color: rgba(255, 255, 255, .7); }
.shuzihua-yetou .guanwang-anniu-zu { margin-top: 40px; }
.shuzihua-shebei { position: relative; height: 520px; transform: perspective(1400px) rotateY(calc(-12deg + var(--zs-ry, 0deg))) rotateX(calc(6deg + var(--zs-rx, 0deg))); transform-style: preserve-3d; }
.shuzihua-shebei-pc { position: absolute; left: 0; top: 40px; width: 88%; transform: translateZ(0); }
.shuzihua-shebei-pc .guanwang-liulanqi-ping { aspect-ratio: 16 / 9; }
.shuzihua-shebei-s1 { position: absolute; right: 0; top: 140px; width: 170px; transform: translateZ(80px); }
.shuzihua-shebei-s2 { position: absolute; left: -30px; bottom: -10px; width: 150px; transform: translateZ(50px) rotate(-6deg); }
.shuzihua-shebei-ka { position: absolute; right: 40px; bottom: 30px; display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; background: rgba(255, 255, 255, .12); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, .2); font-size: 13px; transform: translateZ(120px); }
.shuzihua-shebei-ka i { color: var(--gw-jin); }
.shuzihua-gongneng-shouji { position: absolute; right: 0; bottom: -40px; width: 180px; }
/* 封面流：点击两侧图片切换（非当前卡片显示手形光标，悬停描身份色边）；方案页同 */
.hangye-fengmian-ye:not(.swiper-slide-active) { cursor: pointer; }
.hangye-fengmian-ye:not(.swiper-slide-active):hover { box-shadow: 0 40px 70px -40px rgba(5, 48, 21, .6), 0 0 0 3px var(--gw-jin); }
.shuzihua-fengmian-ye:not(.swiper-slide-active) { cursor: pointer; }
.shuzihua-fengmian-ye:not(.swiper-slide-active):hover .guanwang-shouji-kuang { box-shadow: 0 40px 70px -30px rgba(5, 48, 21, .6), inset 0 0 0 2px #2A3A2F, 0 0 0 3px var(--se); }
.shuzihua-gailan-wangge { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.shuzihua-gailan-xiang { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 32px 28px; border-radius: 20px; background: var(--gw-qian); color: inherit !important; overflow: hidden; }
.shuzihua-gailan-xiang::before { content: ""; position: absolute; inset: auto -40% -60% auto; width: 160px; height: 160px; border-radius: 50%; background: radial-gradient(circle, rgba(201, 161, 91, .25), transparent 70%); transition: transform .8s var(--gw-huanchong); }
.shuzihua-gailan-xiang:hover { background: var(--gw-mo); box-shadow: var(--gw-yinying); }
.shuzihua-gailan-xiang:hover::before { transform: scale(2.4); }
.shuzihua-gailan-xiang > span { font-size: 13px; font-weight: 700; color: var(--gw-jin); }
.shuzihua-gailan-xiang i { margin: 18px 0 14px; font-size: 30px; color: var(--gw-mo); --fa-secondary-color: var(--gw-jin); --fa-secondary-opacity: .6; transition: color .4s; }
.shuzihua-gailan-xiang b { font-size: 19px; font-weight: 700; color: var(--gw-biaoti); transition: color .4s; }
.shuzihua-gailan-xiang em { font-style: normal; font-size: 14px; color: var(--gw-fuzhu); transition: color .4s; }
.shuzihua-gailan-xiang:hover i { color: #fff; }
.shuzihua-gailan-xiang:hover b { color: #fff; }
.shuzihua-gailan-xiang:hover em { color: rgba(255, 255, 255, .7); }
.shuzihua-gongneng-nei { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 72px; }
.shuzihua-gongneng-gu { position: sticky; top: calc(50vh - 260px); padding-right: 90px; }
.shuzihua-gongneng-gu .guanwang-liulanqi-ping { aspect-ratio: 16 / 10; }
.shuzihua-gongneng-hao { margin-top: 64px; font-size: 15px; font-weight: 700; color: var(--gw-fuzhu); letter-spacing: .1em; }
.shuzihua-gongneng-hao span { font-size: 40px; color: var(--gw-mo); }
.shuzihua-gongneng-you { padding: 22vh 0 30vh; }
.shuzihua-gongneng-bu { min-height: 60vh; display: flex; flex-direction: column; justify-content: center; scroll-margin-top: 120px; }
.shuzihua-gongneng-duan { align-self: flex-start; padding: 4px 12px; border-radius: 999px; background: var(--gw-lv); font-size: 12px; font-weight: 600; color: var(--gw-zhong); }
.shuzihua-gongneng-bu .guanwang-erbiaoti { display: flex; align-items: center; gap: 14px; margin: 18px 0; }
.shuzihua-gongneng-bu .guanwang-erbiaoti i { font-size: 28px; color: var(--gw-zhong); --fa-secondary-color: var(--gw-jin); --fa-secondary-opacity: .7; }
.shuzihua-gongneng-bu > p { font-size: 17px; color: var(--gw-zhengwen); }
.shuzihua-gongneng-jiazhi { display: flex; gap: 12px; margin-top: 24px; padding: 18px 22px; border-radius: 16px; background: var(--gw-qian); }
.shuzihua-gongneng-jiazhi i { margin-top: 5px; color: var(--gw-jin); }
.shuzihua-gongneng-jiazhi span { display: flex; flex-direction: column; gap: 4px; color: var(--gw-mo); font-weight: 500; }
.shuzihua-gongneng-jiazhi b { font-size: 13px; color: var(--gw-fuzhu); font-weight: 600; }
.shuzihua-duan-ka { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 64px; }
.shuzihua-duan-xiang { position: relative; padding: 30px 26px; border-radius: 20px; background: #fff; border-top: 4px solid var(--se); }
.shuzihua-duan-xiang > i { font-size: 30px; color: var(--se); --fa-secondary-opacity: .3; }
.shuzihua-duan-xiang h3 { margin-top: 18px; font-size: 21px; font-weight: 700; color: var(--gw-biaoti); }
.shuzihua-duan-xiang > span { display: block; margin: 4px 0 14px; font-size: 13px; color: var(--gw-fuzhu); }
.shuzihua-duan-xiang p { font-size: 14px; line-height: 1.75; color: var(--gw-zhengwen); }
.shuzihua-duan-xiang em { display: inline-block; margin-top: 16px; padding: 3px 10px; border-radius: 999px; background: color-mix(in srgb, var(--se) 10%, #fff); font-style: normal; font-size: 12px; font-weight: 600; color: var(--se); }
.shuzihua-duan, .hangye-yetou { overflow: hidden; }
.shuzihua-fengmian-kuang { position: relative; max-width: 1400px; margin: 0 auto; padding: 0 70px; }
.shuzihua-fengmian { padding: 30px 0 60px !important; overflow: visible !important; }
.shuzihua-fengmian-ye { width: 250px !important; text-align: center; }
.shuzihua-fengmian-ye .guanwang-shouji-kuang { width: 100%; }
.shuzihua-fengmian-ye p { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; font-size: 14px; font-weight: 600; color: var(--gw-biaoti); opacity: .4; transition: opacity .4s; }
.shuzihua-fengmian-ye p i { width: 8px; height: 8px; border-radius: 50%; background: var(--se); }
.shuzihua-fengmian-ye.swiper-slide-active p { opacity: 1; }
.shuzihua-fengmian-an { position: absolute; top: 45%; z-index: 5; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--gw-xian); background: #fff; color: var(--gw-mo); font-size: 18px; box-shadow: var(--gw-yinying); transition: background .3s, color .3s, transform .4s var(--gw-huanchong); }
.shuzihua-fengmian-an:hover { background: var(--gw-mo); color: #fff; transform: scale(1.08); }
.shuzihua-fengmian-an--qian { left: 8px; }
.shuzihua-fengmian-an--hou { right: 8px; }
.shuzihua-liucheng-xian { position: relative; display: grid; gap: 28px; }
.shuzihua-liucheng-tiao { padding: 36px 40px; border-radius: 22px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); }
.shuzihua-liucheng-tiao h3 { display: flex; align-items: center; gap: 14px; font-size: 22px; font-weight: 700; color: #fff; }
.shuzihua-liucheng-tiao h3 span { padding: 4px 12px; border-radius: 999px; background: var(--gw-jin); color: var(--gw-mo); font-size: 14px; }
.shuzihua-liucheng-tiao ol { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; margin-top: 28px; }
.shuzihua-liucheng-tiao li { position: relative; padding: 16px 8px; border-radius: 12px; background: rgba(255, 255, 255, .06); text-align: center; font-size: 14px; color: rgba(255, 255, 255, .85); transition: background .3s; }
.shuzihua-liucheng-tiao li:hover { background: rgba(201, 161, 91, .25); color: #fff; }
.shuzihua-liucheng-tiao li:not(:last-child)::after { content: ""; position: absolute; right: -7px; top: 50%; width: 6px; height: 6px; border-top: 1.5px solid rgba(255, 255, 255, .4); border-right: 1.5px solid rgba(255, 255, 255, .4); transform: translateY(-50%) rotate(45deg); }
.shuzihua-xietong-nei { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 80px; align-items: center; }
.shuzihua-xietong-tu { aspect-ratio: 4 / 5; }
.shuzihua-xietong-lie { display: grid; gap: 28px; margin-top: 44px; }
.shuzihua-xietong-lie li { display: flex; gap: 20px; }
.shuzihua-xietong-lie i { flex-shrink: 0; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: var(--gw-lv); font-size: 22px; color: var(--gw-mo); --fa-secondary-opacity: .35; }
.shuzihua-xietong-lie div { display: flex; flex-direction: column; gap: 6px; }
.shuzihua-xietong-lie b { font-size: 19px; font-weight: 700; color: var(--gw-biaoti); }
.shuzihua-xietong-lie span { color: var(--gw-fuzhu); font-size: 15px; }
/* =========================
数字化平台页结束
========================= */

/* =========================
行业方案页开始
========================= */
.hangye-yetou { position: relative; padding: 150px 0 80px; background: var(--gw-qian); overflow: hidden; }
.hangye-yetou .guanwang-titian-wen { opacity: .6; background-position: center 40%; }
.hangye-yetou-tou { position: relative; }
.hangye-yetou-tou .guanwang-jubiaoti { font-size: clamp(36px, 4.4vw, 66px); max-width: 1000px; }
.hangye-fengmian-kuang { position: relative; margin-top: 48px; padding: 0 70px; }
.hangye-fengmian { padding: 20px 0 64px !important; overflow: visible !important; }
.hangye-fengmian-ye { position: relative; width: min(620px, 72vw) !important; aspect-ratio: 16 / 10; border-radius: 28px; overflow: hidden; color: #fff !important; box-shadow: 0 40px 70px -40px rgba(5, 48, 21, .6); }
.hangye-fengmian-ye img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hangye-fengmian-ye::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 48, 21, 0) 40%, rgba(5, 48, 21, .9)); }
.hangye-fengmian-wen { position: absolute; z-index: 1; left: 32px; right: 32px; bottom: 28px; display: flex; flex-direction: column; gap: 8px; opacity: .2; transform: translateY(16px); transition: opacity .6s, transform .8s var(--gw-huanchong); }
.swiper-slide-active .hangye-fengmian-wen { opacity: 1; transform: none; }
.hangye-fengmian-wen em { font-style: normal; font-size: 14px; font-weight: 700; color: var(--gw-jin); }
.hangye-fengmian-wen b { display: flex; align-items: center; gap: 12px; font-size: 28px; font-weight: 700; }
.hangye-fengmian-wen b i { color: var(--gw-jin); --fa-secondary-color: #fff; --fa-secondary-opacity: .5; }
.hangye-fengmian-wen span { font-size: 16px; color: rgba(255, 255, 255, .82); }
.hangye-fengmian .swiper-pagination-bullet-active { background: var(--gw-mo); }
.hangye-liebiao { position: relative; }
.hangye-liebiao-xiang { position: relative; display: grid; grid-template-columns: 80px minmax(0, 1.2fr) minmax(0, 1fr) 40px; gap: 32px; align-items: center; padding: 36px 0; border-bottom: 1px solid var(--gw-xian); color: inherit !important; }
.hangye-liebiao-xiang:first-of-type { border-top: 1px solid var(--gw-xian); }
.hangye-liebiao-hao { font-size: 15px; font-weight: 700; color: var(--gw-jin); }
.hangye-liebiao-ming { font-size: clamp(24px, 2.6vw, 40px); font-weight: 700; color: var(--gw-biaoti); letter-spacing: -.02em; transition: color .3s, transform .6s var(--gw-huanchong); }
.hangye-liebiao-shuo { font-size: 16px; color: var(--gw-fuzhu); }
.hangye-liebiao-jiantou { justify-self: end; font-size: 20px; color: var(--gw-fuzhu); transition: transform .6s var(--gw-huanchong), color .3s; }
.hangye-liebiao-xiang:hover .hangye-liebiao-ming { color: var(--gw-mo); transform: translateX(14px); }
.hangye-liebiao-xiang:hover .hangye-liebiao-jiantou { color: var(--gw-mo); transform: translateX(6px) rotate(-45deg); }
.hangye-fangan-shuang { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.hangye-fangan-ka { padding: 48px 44px; border-radius: 24px; background: #fff; }
.hangye-fangan-ka--mo { background: var(--gw-mo); }
.hangye-fangan-biao { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 32px; font-size: 20px; font-weight: 700; color: var(--gw-biaoti); }
.hangye-fangan-biao i { font-size: 24px; color: var(--gw-zhong); --fa-secondary-color: var(--gw-jin); --fa-secondary-opacity: .7; }
.hangye-fangan-ka--mo .hangye-fangan-biao { color: #fff; }
.hangye-fangan-ka--mo .hangye-fangan-biao i { color: var(--gw-jin); --fa-secondary-color: #fff; }
.hangye-fangan-ka--mo .guanwang-dian-liebiao li { color: rgba(255, 255, 255, .82); }
.hangye-fangan-ka--mo .guanwang-dian-liebiao li::before { color: var(--gw-jin); }
.hangye-fangan-ka .guanwang-dian-liebiao { font-size: 17px; gap: 18px; }
.hangye-jiazhi-lie { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 16px; }
.hangye-jiazhi-xiang { display: flex; flex-direction: column; gap: 16px; padding: 32px 32px 32px 0; border-top: 1px solid rgba(255, 255, 255, .15); }
.hangye-jiazhi-xiang span { font-size: 14px; font-weight: 700; color: var(--gw-jin); }
.hangye-jiazhi-xiang b { font-size: clamp(24px, 2.4vw, 36px); font-weight: 700; color: #fff; letter-spacing: -.02em; }
/* 其他行业方案：图片卡片 */
.hangye-qita { background: #fff; }
.hangye-qita .guanwang-biaotou { margin-bottom: 40px; }
.hangye-qita-lie { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.hangye-qita-ka { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 20px; overflow: hidden; color: #fff !important; isolation: isolate; }
.hangye-qita-ka img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1.2s var(--gw-huanchong); }
.hangye-qita-ka::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(5, 48, 21, .05) 30%, rgba(5, 48, 21, .9)); }
.hangye-qita-ka:hover img { transform: scale(1.07); }
.hangye-qita-wen { position: absolute; left: 20px; right: 20px; bottom: 20px; display: flex; flex-direction: column; gap: 6px; }
.hangye-qita-wen > i { font-size: 20px; color: var(--gw-jin); --fa-secondary-color: #fff; --fa-secondary-opacity: .5; }
.hangye-qita-wen b { font-size: 18px; line-height: 1.35; font-weight: 700; }
.hangye-qita-wen em { font-style: normal; font-size: 13px; color: rgba(255, 255, 255, .75); }
.hangye-qita-jiantou { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, .16); backdrop-filter: blur(6px); font-size: 13px; transition: transform .5s var(--gw-huanchong), background .3s, color .3s; }
.hangye-qita-ka:hover .hangye-qita-jiantou { transform: rotate(45deg); background: #fff; color: var(--gw-mo); }
/* 方案详情：分栏首屏 */
.fangan-yetou { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 100vh; }
.fangan-yetou-zuo { position: relative; display: flex; align-items: center; padding: 140px 64px 80px max(var(--gw-bianju), calc((100vw - var(--gw-kuan)) / 2)); background: var(--gw-mo); color: #fff; overflow: hidden; }
.fangan-yetou-zuo .guanwang-titian-wen { opacity: .08; filter: invert(1); background-position: center bottom; }
.fangan-yetou-wen { position: relative; }
.fangan-yetou .guanwang-jubiaoti { color: #fff; }
.fangan-yetou .guanwang-xiaobiaoti, .fangan-yetou .guanwang-yetou-lujing { color: rgba(255, 255, 255, .7); }
.fangan-yetou .guanwang-xiaobiaoti i { color: var(--gw-jin); }
.fangan-yetou .guanwang-anniu-zu { margin-top: 44px; }
.fangan-yetou-tu { margin: 0; position: relative; overflow: hidden; }
.fangan-yetou-tu img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.guanwang-js .fangan-yetou-tu[data-gw-jiekai] { clip-path: inset(0 0 0 0); }
.guanwang-js .fangan-yetou-tu[data-gw-jiekai]:not(.is-xian) { clip-path: inset(0 0 0 100%); }
.fangan-tongdian-ju { margin: 8px 0 56px; max-width: 1180px; font-size: clamp(26px, 3vw, 44px); line-height: 1.5; font-weight: 700; letter-spacing: -.02em; }
.fangan-tongdian-ka { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.fangan-tongdian-ka article { padding: 28px 24px; border-radius: 20px; background: var(--gw-qian); }
.fangan-tongdian-ka article:hover { background: var(--gw-lv); box-shadow: var(--gw-yinying); }
.fangan-tongdian-ka span { font-size: 40px; font-weight: 800; color: var(--gw-mo); letter-spacing: -.04em; }
.fangan-tongdian-ka p { margin-top: 14px; font-size: 15px; line-height: 1.75; color: var(--gw-zhengwen); }
/* =========================
行业方案页结束
========================= */

/* =========================
客户案例页开始
========================= */
.anli-yetou { position: relative; min-height: 86vh; display: flex; align-items: center; padding: 150px 0 96px; overflow: hidden; background: #03210F; color: #fff; }
/* 案例墙：6 列场景照片倾斜排布，相邻列反向缓慢滚动 */
.anli-qiang { position: absolute; top: -30%; right: -12%; bottom: -30%; width: 86%; display: flex; gap: 18px; transform: rotate(-9deg); opacity: .9; }
.anli-qiang-lie { flex: 1; display: flex; flex-direction: column; gap: 18px; animation: anli-qiang-shang var(--sudu, 50s) linear infinite; }
.anli-qiang-lie--fan { animation-name: anli-qiang-xia; margin-top: -120px; }
@keyframes anli-qiang-shang { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@keyframes anli-qiang-xia { from { transform: translateY(-50%); } to { transform: translateY(0); } }
.anli-qiang-ka { position: relative; margin: 0; flex-shrink: 0; aspect-ratio: 5 / 4; border-radius: 16px; overflow: hidden; background: #0B3A20; box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .6); }
.anli-qiang-ka img { width: 100%; height: 100%; object-fit: cover; }
.anli-qiang-ka figcaption { position: absolute; left: 10px; bottom: 10px; padding: 3px 10px; border-radius: 999px; background: rgba(3, 33, 15, .7); backdrop-filter: blur(6px); font-size: 12px; color: rgba(255, 255, 255, .88); }
.anli-yetou-zhezhao { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3, 33, 15, .97) 0%, rgba(3, 33, 15, .9) 34%, rgba(3, 33, 15, .45) 62%, rgba(3, 33, 15, .25) 100%), linear-gradient(0deg, rgba(3, 33, 15, .85) 0%, rgba(3, 33, 15, 0) 26%), linear-gradient(180deg, rgba(3, 33, 15, .6) 0%, rgba(3, 33, 15, 0) 20%); }
.anli-yetou-nei { position: relative; z-index: 1; }
.anli-yetou .guanwang-yetou-lujing, .anli-yetou .guanwang-xiaobiaoti { color: rgba(255, 255, 255, .72); }
.anli-yetou .guanwang-xiaobiaoti::before { box-shadow: 0 0 0 4px rgba(201, 161, 91, .25); }
.anli-yetou-da { font-size: clamp(38px, 4.8vw, 72px); line-height: 1.15; font-weight: 800; letter-spacing: -.035em; color: #fff; }
.anli-yetou-da em { font-style: normal; color: var(--gw-jin); }
.anli-yetou-shuo { margin-top: 28px; max-width: 560px; font-size: 17px; line-height: 1.85; color: rgba(255, 255, 255, .78); }
.anli-yetou-biao { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 40px; max-width: 620px; }
.anli-yetou-biao a { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .06); backdrop-filter: blur(8px); font-size: 14px; color: rgba(255, 255, 255, .88) !important; transition: background .3s, border-color .3s, transform .4s var(--gw-huanchong); }
.anli-yetou-biao a:hover { background: rgba(255, 255, 255, .14); border-color: rgba(201, 161, 91, .6); transform: translateY(-2px); }
.anli-yetou-biao i { color: var(--gw-jin); --fa-secondary-color: #fff; --fa-secondary-opacity: .5; }
@media (prefers-reduced-motion: reduce) { .anli-qiang-lie { animation: none; } }
.anli-zazhi-nei { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 32px; align-items: start; }
.anli-zazhi-da { position: relative; display: block; border-radius: 28px; overflow: hidden; color: #fff !important; aspect-ratio: 4 / 5; }
.anli-zazhi-tu, .anli-zazhi-tu img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.anli-zazhi-tu img { transition: transform 1.4s var(--gw-huanchong); }
.anli-zazhi-da:hover .anli-zazhi-tu img { transform: scale(1.05); }
.anli-zazhi-da::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 48, 21, 0) 35%, rgba(5, 48, 21, .92)); }
.anli-zazhi-wen { position: absolute; z-index: 1; left: 40px; right: 40px; bottom: 40px; display: flex; flex-direction: column; gap: 14px; }
.anli-zazhi-wen .anli-ka-biao { color: var(--gw-jin); }
.anli-zazhi-wen b { font-size: clamp(26px, 2.6vw, 40px); line-height: 1.3; font-weight: 700; }
.anli-zazhi-wen em { font-style: normal; font-size: 16px; color: rgba(255, 255, 255, .8); max-width: 560px; }
.anli-zazhi-wen .guanwang-wenlian { color: #fff !important; align-self: flex-start; }
.anli-zazhi-lan { display: flex; flex-direction: column; gap: 28px; padding-top: 120px; }
.anli-zazhi-tishi { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 28px; border-radius: 22px; background: var(--gw-qian); }
.anli-zazhi-tishi > i { font-size: 26px; color: var(--gw-zhong); }
.anli-zazhi-tishi p { font-size: 17px; font-weight: 600; color: var(--gw-biaoti); }
.anli-yuedu { position: fixed; left: 0; right: 0; top: 0; z-index: 120; height: 3px; pointer-events: none; }
.anli-yuedu i { position: absolute; inset: 0; background: var(--gw-jin); transform-origin: left; transform: scaleX(0); }
.anli-xiangqing-nei { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 80px; align-items: start; }
.anli-xiangqing-ce { position: sticky; top: 110px; padding: 32px; border-radius: 22px; background: var(--gw-qian); }
.anli-xiangqing-ce dl { display: grid; gap: 6px; margin-bottom: 28px; }
.anli-xiangqing-ce dt { margin-top: 14px; font-size: 13px; color: var(--gw-fuzhu); }
.anli-xiangqing-ce dt:first-child { margin-top: 0; }
.anli-xiangqing-ce dd { margin: 0; font-size: 15px; font-weight: 500; color: var(--gw-biaoti); }
.anli-xiangqing-ce dd a { color: var(--gw-mo) !important; }
.anli-xiangqing-zhu { display: grid; gap: 56px; }
.anli-xiangqing-zhu h2 { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; font-size: 26px; font-weight: 700; color: var(--gw-biaoti); }
.anli-xiangqing-zhu h2 i { font-size: 24px; color: var(--gw-zhong); --fa-secondary-color: var(--gw-jin); --fa-secondary-opacity: .7; }
.anli-xiangqing-zhu > section > p { font-size: 17px; color: var(--gw-zhengwen); }
.anli-xiangqing-guocheng { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.anli-xiangqing-guocheng li { display: flex; flex-direction: column; gap: 10px; padding: 22px; border-radius: 16px; background: var(--gw-qian); font-weight: 500; color: var(--gw-biaoti); }
.anli-xiangqing-guocheng span { font-size: 13px; font-weight: 700; color: var(--gw-jin); }
.anli-xiangqing-daiding { display: flex; align-items: center; gap: 12px; padding: 20px 24px; border-radius: 16px; border: 1px dashed var(--gw-lv2); color: var(--gw-fuzhu) !important; font-size: 15px !important; }
.anli-xiangqing-wenti { font-size: clamp(20px, 1.8vw, 26px) !important; line-height: 1.6; font-weight: 600; }
.anli-shijianxian { position: relative; display: flex; flex-direction: column; gap: 22px; padding-left: 40px; }
.anli-shijianxian-xian { position: absolute; left: 13px; top: 8px; bottom: 8px; width: 4px; height: calc(100% - 16px); }
.anli-shijianxian-xian path { stroke: var(--gw-mo); stroke-width: 3; vector-effect: non-scaling-stroke; }
.anli-shijianxian li { position: relative; display: flex; align-items: center; gap: 16px; padding: 20px 24px; border-radius: 16px; background: var(--gw-qian); opacity: .35; transform: translateX(-10px); transition: opacity .5s, transform .6s var(--gw-huanchong); }
.anli-shijianxian li.is-xian { opacity: 1; transform: none; }
.anli-shijianxian li::before { content: ""; position: absolute; left: -33px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background: #fff; border: 3px solid var(--gw-mo); }
.anli-shijianxian li span { font-size: 14px; font-weight: 700; color: var(--gw-jin); }
.anli-shijianxian li b { font-size: 17px; font-weight: 600; color: var(--gw-biaoti); }
/* =========================
客户案例页结束
========================= */

/* =========================
关于我们页开始
========================= */
.guanyu-yuanzhao { position: relative; height: 100vh; min-height: 680px; overflow: hidden; background: #03210F; color: #fff; }
.guanyu-yuanzhao .gw-yuanzhao-zhao::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3, 33, 15, .7), rgba(3, 33, 15, .15) 60%); }
.guanyu-yuanzhao-zhu { position: absolute; left: 50%; top: 50%; width: calc(14vmin + var(--yz-p, 0) * 10vmin); height: calc(14vmin + var(--yz-p, 0) * 10vmin); border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 1px rgba(201, 161, 91, calc(.6 - var(--yz-p, 0) * .6)), 0 0 80px 20px rgba(201, 161, 91, calc(.35 - var(--yz-p, 0) * .35)); pointer-events: none; }
.guanyu-yuanzhao-wen { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; text-align: center; pointer-events: none; }
.guanyu-yuanzhao-wen p { grid-area: 1 / 1; display: flex; flex-direction: column; align-items: center; gap: 24px; max-width: 900px; padding: 0 24px; font-size: clamp(30px, 4vw, 60px); line-height: 1.35; font-weight: 700; letter-spacing: -.02em; opacity: 0; transform: translateY(30px); transition: opacity .6s, transform .8s var(--gw-huanchong); text-shadow: 0 8px 40px rgba(0, 0, 0, .4); }
.guanyu-yuanzhao-wen p.is-xian { opacity: 1; transform: none; }
.guanyu-yuanzhao-wen em { font-style: normal; color: var(--gw-jin); }
.guanyu-yuanzhao-logo { width: 88px; height: auto; }
.guanyu-yuanzhao-wen p:first-child { margin-top: 38vmin; }
.guanyu-linian-nei { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 96px; align-items: center; }
.guanyu-linian-logo { display: grid; place-items: center; aspect-ratio: 1; border-radius: 32px; background: radial-gradient(circle at 50% 40%, #fff, var(--gw-qian)); border: 1px solid var(--gw-xian); padding: 15%; }
.guanyu-linian-logo img { width: 100%; height: auto; }
.guanyu-linian-lie { display: grid; gap: 28px; margin-top: 44px; }
.guanyu-linian-xiang { display: grid; grid-template-columns: 52px 1fr; column-gap: 20px; }
.guanyu-linian-xiang i { grid-row: span 2; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: var(--gw-lv); font-size: 22px; color: var(--gw-mo); --fa-secondary-color: var(--gw-jin); --fa-secondary-opacity: .7; }
.guanyu-linian-xiang b { font-size: 19px; font-weight: 700; color: var(--gw-biaoti); }
.guanyu-linian-xiang p { margin-top: 4px; color: var(--gw-fuzhu); font-size: 15px; }
.guanyu-shengtai { padding: 72px 0; }
.guanyu-shengtai-nei { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.guanyu-shengtai .guanwang-xiaobiaoti { margin-bottom: 12px; }
.guanyu-linian-logo { transform: perspective(900px) rotateY(var(--zs-ry, 0deg)) rotateX(var(--zs-rx, 0deg)); }
.guanyu-dingwei { overflow: hidden; }
.guanyu-dingwei-san { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.guanyu-dingwei-ka { position: relative; padding: 44px 36px; overflow: hidden; }
.guanyu-dingwei-tu { position: absolute; inset: 0; opacity: 0; transition: opacity .6s; }
.guanyu-dingwei-tu img { width: 100%; height: 100%; object-fit: cover; object-position: left top; }
.guanyu-dingwei-tu::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 48, 21, .5), rgba(5, 48, 21, .94)); }
.guanyu-dingwei-ka > i, .guanyu-dingwei-ka h3, .guanyu-dingwei-ka p { position: relative; transition: color .4s; }
.guanyu-dingwei-ka > i { font-size: 34px; color: var(--gw-mo); --fa-secondary-color: var(--gw-jin); --fa-secondary-opacity: .7; }
.guanyu-dingwei-ka h3 { margin-top: 24px; font-size: 22px; font-weight: 700; color: var(--gw-biaoti); }
.guanyu-dingwei-ka p { margin-top: 10px; color: var(--gw-fuzhu); font-size: 15px; }
.guanyu-dingwei-ka:hover .guanyu-dingwei-tu { opacity: 1; }
.guanyu-dingwei-ka:hover > i { color: var(--gw-jin); }
.guanyu-dingwei-ka:hover h3 { color: #fff; }
.guanyu-dingwei-ka:hover p { color: rgba(255, 255, 255, .78); }
.guanyu-shoufeng { display: flex; gap: 12px; height: 460px; }
.guanyu-shoufeng-ye { position: relative; flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 32px; border-radius: 24px; overflow: hidden; background: var(--gw-mo); color: #fff; outline: none; transition: flex-grow .8s var(--gw-huanchong); }
.guanyu-shoufeng-ye img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .4; transition: opacity .6s, transform 1.2s var(--gw-huanchong); transform: scale(1.08); }
.guanyu-shoufeng-ye::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 48, 21, .1), rgba(5, 48, 21, .9)); }
.guanyu-shoufeng-ye > i, .guanyu-shoufeng-ye h3, .guanyu-shoufeng-ye p { position: relative; z-index: 1; }
.guanyu-shoufeng-ye > i { font-size: 36px; color: var(--gw-jin); --fa-secondary-color: #fff; --fa-secondary-opacity: .5; }
.guanyu-shoufeng-ye h3 { margin-top: 18px; font-size: 40px; font-weight: 800; letter-spacing: .1em; }
.guanyu-shoufeng-ye p { margin-top: 8px; max-height: 0; overflow: hidden; font-size: 16px; color: rgba(255, 255, 255, .82); transition: max-height .6s var(--gw-huanchong); }
.guanyu-shoufeng-ye:hover, .guanyu-shoufeng-ye:focus { flex-grow: 2.6; }
.guanyu-shoufeng-ye:hover img, .guanyu-shoufeng-ye:focus img { opacity: 1; transform: scale(1); }
.guanyu-shoufeng-ye:hover p, .guanyu-shoufeng-ye:focus p { max-height: 100px; }
/* =========================
关于我们页结束
========================= */

/* =========================
联系我们页开始（左右分屏）
========================= */
.lianxi-fenping { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 100vh; }
.lianxi-zuo { position: relative; display: flex; align-items: center; padding: 140px 64px 72px max(var(--gw-bianju), calc((100vw - var(--gw-kuan)) / 2)); color: #fff; overflow: hidden; background: #03210F; }
.lianxi-zuo-tu { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .38; }
.lianxi-zuo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(3, 33, 15, .92), rgba(3, 33, 15, .55)); }
.lianxi-zuo-nei { position: relative; z-index: 1; width: 100%; max-width: 560px; }
.lianxi-zuo .guanwang-jubiaoti { color: #fff; }
.lianxi-zuo .guanwang-jubiaoti em { color: var(--gw-jin); }
.lianxi-zuo .guanwang-xiaobiaoti, .lianxi-zuo .guanwang-yetou-lujing { color: rgba(255, 255, 255, .7); }
.lianxi-zuo-shuo { margin-top: 20px; font-size: 17px; color: rgba(255, 255, 255, .78); }
.lianxi-fangxiang { display: grid; gap: 14px; margin-top: 40px; }
.lianxi-fangxiang-ka { width: 100%; display: flex; align-items: center; gap: 16px; padding: 18px 22px; border-radius: 18px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .07); backdrop-filter: blur(10px); color: #fff; text-align: left; transform: perspective(700px) rotateY(var(--zs-ry, 0deg)) rotateX(var(--zs-rx, 0deg)); transition: background .3s, border-color .3s; }
.lianxi-fangxiang-ka:hover { background: rgba(255, 255, 255, .14); border-color: rgba(201, 161, 91, .6); }
.lianxi-fangxiang-ka > i:first-child { width: 48px; height: 48px; display: grid; place-items: center; flex-shrink: 0; border-radius: 14px; background: rgba(201, 161, 91, .18); font-size: 20px; color: var(--gw-jin); --fa-secondary-color: #fff; --fa-secondary-opacity: .5; }
.lianxi-fangxiang-ka span { flex: 1; display: flex; flex-direction: column; }
.lianxi-fangxiang-ka b { font-size: 17px; }
.lianxi-fangxiang-ka em { font-style: normal; font-size: 13px; color: rgba(255, 255, 255, .62); }
.lianxi-fangxiang-ka > i:last-child { color: rgba(255, 255, 255, .5); transition: transform .4s var(--gw-huanchong), color .3s; }
.lianxi-fangxiang-ka:hover > i:last-child { transform: translateX(4px); color: var(--gw-jin); }
.lianxi-fangshi { display: grid; gap: 10px; margin-top: 40px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .14); color: rgba(255, 255, 255, .75); }
.lianxi-fangshi p { display: flex; align-items: center; gap: 10px; }
.lianxi-fangshi i { color: var(--gw-jin); }
.lianxi-fangshi a { color: #fff !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.lianxi-you { display: flex; align-items: center; justify-content: center; padding: 140px max(var(--gw-bianju), calc((100vw - var(--gw-kuan)) / 2)) 72px 64px; background: var(--gw-qian); }
.lianxi-ka { width: 100%; max-width: 620px; padding: 44px; border-radius: 28px; background: #fff; box-shadow: var(--gw-yinying); }
.lianxi-ka h2 { font-size: 28px; font-weight: 700; color: var(--gw-biaoti); }
.lianxi-ka-shuo { margin: 6px 0 28px; color: var(--gw-fuzhu); }
/* =========================
联系我们页结束
========================= */

/* =========================
供应商入驻页开始
========================= */
.zhaomu-jiazhi-wangge { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.zhaomu-jiazhi-ka { padding: 40px 32px; }
.zhaomu-jiazhi-ka i { font-size: 34px; color: var(--gw-mo); --fa-secondary-color: var(--gw-jin); --fa-secondary-opacity: .7; }
.zhaomu-jiazhi-ka h3 { margin-top: 26px; font-size: 21px; font-weight: 700; color: var(--gw-biaoti); }
.zhaomu-jiazhi-ka p { margin-top: 10px; font-size: 15px; color: var(--gw-fuzhu); }
.zhaomu-shenqing-nei { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 80px; align-items: center; }
.zhaomu-shenqing-ziliao { display: grid; gap: 14px; margin-top: 36px; }
.zhaomu-shenqing-ziliao li { display: flex; align-items: center; gap: 14px; color: var(--gw-zhengwen); }
.zhaomu-shenqing-ziliao i { width: 40px; height: 40px; display: grid; place-items: center; flex-shrink: 0; border-radius: 12px; background: var(--gw-lv); color: var(--gw-mo); --fa-secondary-color: var(--gw-jin); --fa-secondary-opacity: .7; }
.zhaomu-shenqing-ka { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 64px 44px; border-radius: 28px; background: radial-gradient(400px 300px at 50% 0%, rgba(201, 161, 91, .2), transparent 70%), var(--gw-mo); color: rgba(255, 255, 255, .7); overflow: hidden; }
.zhaomu-shenqing-tubiao { font-size: 64px; color: var(--gw-jin); --fa-secondary-color: #fff; --fa-secondary-opacity: .6; }
.zhaomu-shenqing-ka h3 { margin: 24px 0 8px; font-size: 30px; font-weight: 700; color: #fff; }
.zhaomu-shenqing-ka .guanwang-anniu { margin-top: 32px; background: #fff; color: var(--gw-mo) !important; }
.zhaomu-shenqing-ka .guanwang-anniu::before { background: var(--gw-jin-qian); }
.zhaomu-shenqing-denglu { margin-top: 20px; font-size: 14px; }
.zhaomu-shenqing-denglu a { color: #fff !important; text-decoration: underline; text-underline-offset: 3px; }
.zhaomu-wenda-nei { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 80px; align-items: start; }
.zhaomu-tanchuang-buzhou { position: relative; display: grid; gap: 16px; margin-top: 36px; }
.zhaomu-tanchuang-buzhou li { display: flex; align-items: center; gap: 14px; font-size: 15px; color: rgba(255, 255, 255, .55); }
.zhaomu-tanchuang-buzhou span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .25); font-size: 13px; }
.zhaomu-tanchuang-buzhou li.is-dangqian { color: #fff; font-weight: 600; }
.zhaomu-tanchuang-buzhou li.is-dangqian span { background: var(--gw-jin); border-color: var(--gw-jin); color: var(--gw-mo); }
.zhaomu-tanchuang-xiaobiaoti { font-size: 22px; font-weight: 700; color: var(--gw-biaoti); }
.zhaomu-tanchuang-shuoming { margin: 6px 0 24px; font-size: 14px; color: var(--gw-fuzhu); }
.zhaomu-yanzhengma { display: flex; gap: 10px; }
.zhaomu-yanzhengma .guanwang-biaodan-shuru { flex: 1; }
.zhaomu-yanzhengma .guanwang-anniu { height: 48px; flex-shrink: 0; }
.zhaomu-yanzhengma .guanwang-anniu[disabled] { opacity: 1; color: var(--gw-fuzhu) !important; border-color: var(--gw-xian); }
.zhaomu-tanchuang-tishi { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; line-height: 1.6; color: var(--gw-fuzhu); }
.zhaomu-tanchuang-tishi i { margin-top: 3px; color: var(--gw-zhong); }
.zhaomu-tanchuang-tishi a { color: var(--gw-mo) !important; font-weight: 600; }
.zhaomu-tanchuang-yidenglu { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 24px 0; }
.zhaomu-tanchuang-yidenglu > i { font-size: 48px; color: var(--gw-zhong); --fa-secondary-opacity: .3; }
.zhaomu-tanchuang-yidenglu h3 { font-size: 24px; font-weight: 700; color: var(--gw-biaoti); }
.zhaomu-tanchuang-yidenglu .guanwang-anniu-zu { margin-top: 12px; }
.zhaomu-pinlei-shoufeng { display: flex; gap: 10px; height: 460px; }
.zhaomu-pinlei-ye { position: relative; flex: 1 1 0; min-width: 0; margin: 0; border-radius: 22px; overflow: hidden; outline: none; cursor: pointer; transition: flex-grow .7s var(--gw-huanchong); }
.zhaomu-pinlei-ye img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--gw-huanchong); }
.zhaomu-pinlei-ye::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 48, 21, 0) 45%, rgba(5, 48, 21, .85)); }
.zhaomu-pinlei-ye figcaption { position: absolute; z-index: 1; left: 20px; right: 20px; bottom: 22px; display: flex; flex-direction: column; gap: 4px; color: #fff; }
.zhaomu-pinlei-ye figcaption em { font-style: normal; font-size: 13px; font-weight: 700; color: var(--gw-jin); }
.zhaomu-pinlei-ye figcaption b { font-size: 20px; font-weight: 700; white-space: nowrap; }
.zhaomu-pinlei-ye:hover, .zhaomu-pinlei-ye:focus { flex-grow: 3.2; }
.zhaomu-pinlei-ye:hover img, .zhaomu-pinlei-ye:focus img { transform: scale(1.06); }
.zhaomu-duidie { position: relative; display: flex; flex-direction: column; gap: 24px; }
.zhaomu-duidie-nei { position: relative; display: flex; align-items: flex-end; min-height: min(520px, 64vh); padding: 48px; border-radius: 30px; overflow: hidden; color: #fff; transform-origin: center top; will-change: transform; }
.zhaomu-duidie-nei img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.zhaomu-duidie-nei::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5, 48, 21, .92), rgba(5, 48, 21, .35) 70%); }
.zhaomu-duidie-wen { position: relative; z-index: 1; max-width: 560px; }
.zhaomu-duidie-wen span { font-size: 14px; font-weight: 700; color: var(--gw-jin); }
.zhaomu-duidie-wen h3 { display: flex; align-items: center; gap: 14px; margin: 16px 0 14px; font-size: clamp(28px, 3vw, 44px); font-weight: 700; }
.zhaomu-duidie-wen h3 i { color: var(--gw-jin); --fa-secondary-color: #fff; --fa-secondary-opacity: .5; }
.zhaomu-duidie-wen p { font-size: 17px; line-height: 1.8; color: rgba(255, 255, 255, .82); }
/* =========================
供应商入驻页结束
========================= */

/* =========================
内页响应式开始
========================= */
@media (max-width: 1200px) {
  .shuzihua-liucheng-tiao ol { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .shuzihua-liucheng-tiao li:nth-child(4n)::after { display: none; }
  .fangan-tongdian-ka { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hangye-qita-lie { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
  .fuwu-yetou-di { flex-direction: column; align-items: flex-start; gap: 24px; }
  .fuwu-shoufeng, .guanyu-shoufeng, .zhaomu-pinlei-shoufeng { flex-direction: column; height: auto; }
  .fuwu-shoufeng-ye, .guanyu-shoufeng-ye, .zhaomu-pinlei-ye { min-height: 200px; }
  .fuwu-shoufeng-shu { display: none; }
  .fuwu-shoufeng-wen { opacity: 1; transform: none; }
  .fuwu-shoufeng-ye img { opacity: .7; filter: none; }
  .guanyu-shoufeng-ye p { max-height: 100px; }
  .fuwu-lujing { height: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .fuwu-lujing svg { display: none; }
  .fuwu-lujing-dian, .fuwu-lujing-dian.is-xian { position: static; transform: none; opacity: 1; flex-direction: row; }
  .fuwu-neirong-nei, .shuzihua-yetou-nei, .shuzihua-gongneng-nei, .shuzihua-xietong-nei, .anli-zazhi-nei, .anli-xiangqing-nei, .guanyu-linian-nei, .fangan-yetou, .lianxi-fenping, .zhaomu-shenqing-nei, .zhaomu-wenda-nei { grid-template-columns: 1fr; gap: 40px; }
  .fuwu-neirong-zuo { display: none; }
  .fuwu-neirong-you { padding: 0; }
  .fuwu-neirong-bu { min-height: 0; padding: 32px 0; opacity: 1; }
  .fuwu-liuhen-tu { grid-template-columns: 1fr; padding-right: 0; }
  .fuwu-liuhen-tu .guanwang-liulanqi:nth-child(2) { transform: none; }
  .fuwu-liuhen-shouji { display: none; }
  .shuzihua-gailan-wangge, .shuzihua-duan-ka, .zhaomu-jiazhi-wangge { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shuzihua-gongneng-zuo { display: none; }
  .shuzihua-shebei { height: 420px; }
  .shuzihua-gongneng-you { padding: 0; }
  .shuzihua-gongneng-bu { min-height: 0; padding: 28px 0; opacity: 1; }
  .shuzihua-xietong-tu { aspect-ratio: 16 / 10; }
  .hangye-liebiao-xiang { grid-template-columns: 56px 1fr 32px; gap: 8px 20px; }
  .hangye-liebiao-shuo { grid-column: 2; }
  .hangye-liebiao-jiantou { grid-row: 1; grid-column: 3; }
  .hangye-fangan-shuang { grid-template-columns: 1fr; }
  .hangye-jiazhi-lie { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fangan-yetou { min-height: 0; }
  .fangan-yetou-zuo { padding: 120px var(--gw-bianju) 56px; }
  .fangan-yetou-tu { aspect-ratio: 16 / 10; }
  .anli-zazhi-lan { padding-top: 0; transform: none !important; }
  .anli-xiangqing-ce { position: static; }
  .guanyu-linian-logo { max-width: 360px; }
  .guanyu-dingwei-san { grid-template-columns: 1fr; }
  .guanyu-shengtai-nei { flex-direction: column; align-items: flex-start; gap: 24px; }
  /* 圆形遮罩展开（关于我们）：手机/平板不固定滚动，三段文字依次排在整幅图片上 */
  .guanyu-yuanzhao { height: auto; min-height: 0; }
  .guanyu-yuanzhao-zhu { display: none; }
  .guanyu-yuanzhao-wen { position: relative; inset: auto; display: flex; flex-direction: column; gap: 48px; padding: 96px 0; }
  .guanyu-yuanzhao-wen p, .guanyu-yuanzhao-wen p:first-child { display: block; margin: 0 auto; opacity: 1; transform: none; }
  .guanyu-yuanzhao-logo { display: block; margin: 0 auto 20px; width: 72px; }
  .lianxi-zuo, .lianxi-you { padding: 120px var(--gw-bianju) 56px; }
  .lianxi-you { padding-top: 56px; }
}
@media (max-width: 768px) {
  .fuwu-yetou { min-height: 620px; }
  .fuwu-yetou-nei { padding-bottom: 48px; }
  .fuwu-lujing { grid-template-columns: 1fr; }
  .fuwu-liuhen-ju { font-size: 24px; margin-bottom: 40px; }
  .shuzihua-yetou { padding: 120px 0 72px; }
  .shuzihua-shebei { height: 300px; transform: none; }
  .shuzihua-shebei-s1 { width: 110px; top: 90px; }
  .shuzihua-shebei-s2 { display: none; }
  .shuzihua-shebei-ka { display: none; }
  .shuzihua-gailan-wangge { grid-template-columns: 1fr 1fr; gap: 10px; }
  .shuzihua-gailan-xiang { padding: 22px 18px; }
  .shuzihua-duan-ka, .zhaomu-jiazhi-wangge { grid-template-columns: 1fr; }
  .shuzihua-liucheng-tiao { padding: 28px 20px; }
  .shuzihua-liucheng-tiao ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shuzihua-liucheng-tiao li::after { display: none; }
  .shuzihua-fengmian-kuang, .hangye-fengmian-kuang { padding: 0; }
  .shuzihua-fengmian-an { display: none; }
  .shuzihua-fengmian-ye { width: 200px !important; }
  .hangye-yetou { padding: 120px 0 48px; }
  .hangye-fengmian-ye { width: 82vw !important; }
  .hangye-fengmian-wen b { font-size: 20px; }
  .hangye-jiazhi-lie { grid-template-columns: 1fr 1fr; }
  .fangan-tongdian-ka { grid-template-columns: 1fr; }
  .hangye-qita-lie { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hangye-qita-wen em { display: none; }
  .anli-yetou { min-height: 0; padding: 120px 0 64px; }
  .anli-qiang { width: 140%; right: -40%; opacity: .55; }
  .anli-yetou-zhezhao { background: linear-gradient(0deg, rgba(3, 33, 15, .95) 20%, rgba(3, 33, 15, .6)); }
  .anli-zazhi-wen { left: 24px; right: 24px; bottom: 24px; }
  .anli-zazhi-da { aspect-ratio: 3 / 4; }
  .guanyu-yuanzhao-wen p { font-size: 26px; }
  .hangye-liebiao-xiang { grid-template-columns: 40px 1fr 24px; gap: 6px 12px; padding: 28px 0; }
  .hangye-liebiao-ming { font-size: 22px; }
  .lianxi-ka { padding: 28px 20px; border-radius: 22px; }
  .zhaomu-duidie-nei { padding: 28px; min-height: 380px; }
}
/* =========================
内页响应式结束
========================= */