{"id":3127,"date":"2024-02-08T07:14:59","date_gmt":"2024-02-08T07:14:59","guid":{"rendered":"https:\/\/startersites.io\/elementor\/garderobe\/?page_id=3127"},"modified":"2026-09-17T10:18:03","modified_gmt":"2026-09-17T10:18:03","slug":"about-us","status":"publish","type":"page","link":"https:\/\/wesbattery.com\/zh\/about-us\/","title":{"rendered":"\u5173\u4e8e\u6211\u4eec"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3127\" class=\"elementor elementor-3127\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0445ccd e-con-full e-flex e-con e-parent\" data-id=\"0445ccd\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e734e26 elementor-widget elementor-widget-html\" data-id=\"e734e26\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =====================================================================\r\n      WES \u00b7 About Us (CN) \u2014 Elementor\u300cHTML \u5c0f\u90e8\u4ef6\u300d\u4e0a\u7ebf\u4e13\u7528\u7247\u6bb5\r\n      \u81ea\u5305\u542b\uff1aGoogle Fonts + \u6837\u5f0f + JSON-LD + \u4ea4\u4e92\u811a\u672c\uff08\u6e10\u5165 \/ \u8ba1\u6570 \/ \u706f\u7bb1\u753b\u5eca\uff09\u3002\r\n      \u9875\u9762\u4e3b\u4f53\u5df2\u53bb\u6389 doctype \/ html \/ head \/ body \u5916\u58f3\u4e0e\u6587\u6863\u7ea7 SEO meta\r\n      \uff08title \/ description \/ canonical \/ OG \/ Twitter \u7531\u4e3b\u9898\u6216 SEO \u63d2\u4ef6\u8d1f\u8d23\uff09\u3002\r\n\r\n      v6.0 \u672c\u9875\u8981\u70b9\uff1a\r\n        1) \u6240\u6709\u5927\u56fe\u6309\u771f\u5b9e\u50cf\u7d20\u6bd4\u4f8b\u9501\u5b9a\u5e76 object-fit:contain \u2014\u2014 \u6c38\u4e0d\u88c1\u5207\u4e3b\u4f53\r\n           \uff08hero 2362x1769\u3001\u6211\u4eec\u662f\u8c01 2560x1707\u3001\u5de5\u5382 2560x1705\u3001\r\n            \u8bc1\u4e66 2560x1441\u3001\u56e2\u961f\u5408\u5f71 2280x1245\uff09\uff1b\u5de5\u827a\u5361\u7edf\u4e00 4:3 \u7528 cover\u3002\r\n        2) figure{margin:0} \u91cd\u7f6e \u2014\u2014 \u6d4f\u89c8\u5668\u9ed8\u8ba4 40px \u8fb9\u8ddd\u4f1a\u628a\u5168\u5bbd\u56fe\u7f29\u7a84\u5bf9\u4e0d\u9f50\u3002\r\n        3) \u5de5\u5382\u5168\u666f\u5b57\u5e55\u5728\u624b\u673a\u4e0a\u8131\u79bb\u56fe\u7247\u3001\u53d8\u4e3a\u56fe\u4e0b caption \u6761\uff0c\u4e0d\u518d\u5411\u4e0a\u6ea2\u51fa\u538b\u4f4f\u4e0a\u6587\u3002\r\n        4) HERO \u53cc\u6807\u7b7e\u5728\u624b\u673a\u4e0a\u79fb\u51fa\u56fe\u7247\u3001\u6539\u4e3a\u56fe\u4e0b\u9759\u6001\u5361\u7247\uff0c\u4e3b\u89c6\u89c9\u4e0d\u518d\u88ab\u906e\u4f4f\u56db\u6210\u3002\r\n        5) \u95f4\u8ddd\u5168\u90e8\u6d41\u4f53\u5316\uff0c\u65ad\u70b9\u8fb9\u754c\u503c == \u684c\u9762\u503c\uff0c\u4ea4\u56de\u57fa\u7840\u89c4\u5219\u65e0\u8df3\u53d8\u3002\r\n        6) \u5bf9\u6bd4\u8868\u624b\u673a\u7aef\u9996\u5217 sticky + \u6a2a\u6ed1\u63d0\u793a\u3002\r\n        7) .reveal \u6709 no-js \u515c\u5e95\u4e0e 2.5s \u515c\u5e95\uff1a\u811a\u672c\u88ab\u5408\u5e76\/\u62a5\u9519\u4e5f\u4e0d\u4f1a\u6574\u9875\u7a7a\u767d\u3002\r\n         8) \u6570\u5b57\u9ed8\u8ba4\u5199\u9759\u6001\u771f\u503c\uff0c\u65e0 JS \u4e5f\u663e\u793a\u6b63\u786e\u7684 40,000 \/ 137+\uff1b\u8ba1\u6570\u52a8\u753b\u5148\u56db\u820d\u4e94\u5165\r\n            \u518d\u683c\u5f0f\u5316\uff0c\u52a8\u753b\u8fc7\u7a0b\u4e2d\u4e5f\u4e0d\u4f1a\u51fa\u73b0 22,804.781 \u8fd9\u6837\u7684\u8fc7\u7a0b\u5c0f\u6570\u3002\r\n         9) \u5df2\u5220\u9664 .topbar\/.nav\/.footer \u7b49\u672a\u4f7f\u7528\u4e14\u53ef\u80fd\u4e0e\u4e3b\u9898\u7c7b\u540d\u51b2\u7a81\u7684\u6837\u5f0f\u3002\r\n        10) \u5e95\u90e8\u8be2\u76d8\u8868\u5355\u8d70 Web3Forms\uff08AJAX \u63d0\u4ea4 + \u539f\u751f POST \u515c\u5e95\uff09\uff0caccess key \u4e0e\u9996\u9875\u3001\r\n            \u843d\u5730\u9875\u540c\u4e00\u628a\uff0c\u7edf\u4e00\u6295\u9012\u5230 Info@wesbattery.com\uff1b\u8868\u5355\u6587\u6848\u653e\u5728 data-* \u4e0a\uff0c\r\n            \u56e0\u6b64 EN\/CN \u5171\u7528\u540c\u4e00\u4efd\u811a\u672c\u3002\r\n      11) \u82e5\u4e3b\u9898\u5bfc\u822a\u662f\u300c\u56fa\u5b9a\u60ac\u6d6e\u300d\u538b\u5728\u9875\u9762\u4e0a\uff0c\u628a :root \u7684 --wes-nav \u8bbe\u4e3a\u5bfc\u822a\u5b9e\u9645\u9ad8\u5ea6\uff0cHERO \u4f1a\u81ea\u52a8\u4e0b\u63a8\u3002\r\n      \u7528\u6cd5\uff1a\u6574\u6bb5\u590d\u5236\uff0c\u7c98\u8fdb Elementor \u7684 HTML \u5c0f\u90e8\u4ef6\u5373\u53ef\u3002\r\n      ===================================================================== -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ============================================================\r\n   WES BATTERY \u00b7 ABOUT US  (EN)\r\n   v6.0 \u2014 real-photo ratios + mobile rebuild\r\n   Layout contract:\r\n     \u00b7 Every large photo is locked to its TRUE pixel ratio and drawn with\r\n       object-fit:contain \u2192 nothing is ever cropped or stretched.\r\n       (hero 2362x1769 \/ who-we-are 2560x1707 \/ factory 2560x1705 \/\r\n        certificates 2560x1441 \/ team 2280x1245)\r\n     \u00b7 Process cards keep a uniform 4:3 frame with object-fit:cover\r\n       (multi-tab source is exactly 4:3; the others crop the sides only).\r\n     \u00b7 If a photo is ever swapped for a different ratio you get soft\r\n       letter-boxing inside the frame, never a cut-off subject.\r\n   ============================================================ *\/\r\n\r\n:root{\r\n  --white-bg:    #F7FDFF;\r\n  --ice-bg:      #EAF8FC;\r\n  --ice-grad:    #DDF5FA;\r\n  --soft-ice:    #B7EAF5;\r\n  --brand:       #1b7ccb;\r\n  --deep:        #4aa3e0;\r\n  --ink:         #0d2438;\r\n  --text:        #5c7488;\r\n  --border:      rgba(27,124,203,.20);\r\n  --border-soft: rgba(27,124,203,.14);\r\n\r\n  --glass:       rgba(255,255,255,.72);\r\n  --glass-strong:rgba(255,255,255,.86);\r\n  --shadow:      0 12px 36px rgba(27,124,203,.12);\r\n  --shadow-lift: 0 18px 48px rgba(27,124,203,.20);\r\n\r\n  --radius:      18px;\r\n  --radius-lg:   26px;\r\n  --maxw:        1240px;\r\n  --ease:        cubic-bezier(.22,.61,.36,1);\r\n\r\n  \/* Theme-navigation reservation. The WordPress template renders its own\r\n     sticky header, so the hero reserves room for it. Set this to the real\r\n     header height only if your header floats OVER the page (default 0 \u2014\r\n     the hero padding below already includes the reservation). *\/\r\n  --wes-nav:     0px;\r\n}\r\n\r\n*,*::before,*::after{box-sizing:border-box;}\r\nfigure{margin:0;}                 \/* figure ships with 40px UA margins \u2014 kills full-width photos *\/\r\nhtml{scroll-behavior:smooth;}\r\nbody{\r\n  margin:0;\r\n  font-family:\"Inter\",\"Segoe UI\",system-ui,-apple-system,\"Helvetica Neue\",\"PingFang SC\",\"Microsoft YaHei\",Arial,sans-serif;\r\n  color:var(--text);\r\n  background:var(--white-bg);\r\n  line-height:1.72;\r\n  -webkit-font-smoothing:antialiased;\r\n  overflow-x:hidden;\r\n}\r\nimg{display:block;max-width:100%;}\r\na{text-decoration:none;color:inherit;}\r\nh1,h2,h3,h4{color:var(--ink);margin:0;letter-spacing:.01em;font-family:\"Outfit\",\"Inter\",system-ui,sans-serif;}\r\np{margin:0;}\r\n\/* anchor targets must clear the theme's sticky header *\/\r\n.section,.cta{scroll-margin-top:96px;}\r\n\r\n\/* ---------- Shared background: ice-blue energy field ---------- *\/\r\n.ice-section{position:relative;overflow:hidden;background:var(--ice-bg);}\r\n.ice-section--white{background:var(--white-bg);}\r\n.ice-section--grad{background:linear-gradient(160deg,#F7FDFF 0%,#EAF8FC 46%,#DDF5FA 100%);}\r\n.ice-content{position:relative;z-index:3;}\r\n\r\n.ice-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(12px);z-index:1;}\r\n.ice-glow--a{width:560px;height:560px;right:-6%;top:2%;background:rgba(183,234,245,.55);}\r\n.ice-glow--b{width:420px;height:420px;left:-8%;bottom:-10%;background:rgba(183,234,245,.40);}\r\n.ice-glow--c{width:680px;height:680px;left:50%;top:-30%;transform:translateX(-50%);background:rgba(221,245,250,.75);}\r\n.ice-glow--float{animation:glowDrift 14s var(--ease) infinite alternate;}\r\n@keyframes glowDrift{0%{transform:translate(0,0) scale(1);}100%{transform:translate(-26px,22px) scale(1.06);}}\r\n\r\n.ice-ring{position:absolute;border:1px solid rgba(27,124,203,.16);border-radius:50%;pointer-events:none;z-index:1;}\r\n.ice-ring--lg{width:760px;height:760px;right:-190px;top:-200px;}\r\n.ice-ring--md{width:420px;height:420px;left:-160px;bottom:-140px;border-color:rgba(27,124,203,.12);}\r\n.ice-ring--sm{width:240px;height:240px;right:8%;bottom:12%;border-color:rgba(27,124,203,.14);}\r\n.ice-ring--spin{border-style:dashed;animation:ringSpin 26s linear infinite;}\r\n@keyframes ringSpin{to{transform:rotate(360deg);}}\r\n\r\n.ice-grid{\r\n  position:absolute;inset:0;opacity:.14;z-index:1;pointer-events:none;background-size:80px 80px;\r\n  background-image:\r\n    linear-gradient(90deg,rgba(27,124,203,.10) 1px,transparent 1px),\r\n    linear-gradient(rgba(27,124,203,.10) 1px,transparent 1px);\r\n  mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 78%);\r\n  -webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 78%);\r\n}\r\n\r\n.hex-deco{position:absolute;z-index:1;pointer-events:none;opacity:.5;}\r\n.hex-deco svg{display:block;}\r\n.hex-deco--tr{right:6%;top:14%;}\r\n.hex-deco--bl{left:3%;bottom:12%;}\r\n\/* the wide arc used by the technology section: never wider than the viewport *\/\r\n.arc-deco{max-width:100%;height:auto;}\r\n\r\n\/* ---------- Layout container ---------- *\/\r\n.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,2.8vw,28px);}\r\n\/* grid children must never be sized by their min-content width, otherwise a\r\n   long word inside a 1fr column blows the grid past its container (and gets\r\n   clipped by body{overflow-x:hidden} with no way to scroll to it) *\/\r\n.hero-grid>*,.story-grid>*,.proc-grid>*,.tech-grid>*,.cert-grid>*,.why-grid>*,.team-points>*{min-width:0;}\r\n.section{padding:clamp(74px,8.2vw,104px) 0;}       \/* 8.2vw == 104px at >=1268px (desktop value) *\/\r\n.section--tight{padding:clamp(58px,6.1vw,78px) 0;} \/* 6.1vw ==  78px at >=1279px *\/\r\n\r\n\/* ---------- Heading scale ---------- *\/\r\n.eyebrow{\r\n  display:inline-flex;align-items:center;gap:9px;\r\n  font-size:12.5px;font-weight:700;letter-spacing:.20em;text-transform:uppercase;color:var(--deep);\r\n  background:rgba(255,255,255,.76);border:1px solid var(--border);border-radius:18px;\r\n  padding:7px 16px;backdrop-filter:blur(10px);\r\n}\r\n.eyebrow::before{\r\n  content:\"\";width:7px;height:7px;border-radius:50%;\r\n  background:linear-gradient(135deg,var(--brand),var(--deep));\r\n  box-shadow:0 0 0 4px rgba(27,124,203,.18);\r\n}\r\n.h2{font-size:clamp(26px,3.4vw,42px);font-weight:700;line-height:1.18;margin:18px 0 0;}\r\n.h3{font-size:19px;font-weight:650;line-height:1.35;}\r\n.lede{font-size:clamp(15.5px,1.3vw,16.5px);max-width:660px;margin-top:16px;color:var(--text);}\r\n.center{text-align:center;}\r\n.center .lede{margin-left:auto;margin-right:auto;}\r\n\r\n\/* ---------- Buttons ---------- *\/\r\n.btn{\r\n  display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:650;\r\n  padding:14px 28px;border-radius:18px;transition:.32s var(--ease);cursor:pointer;border:none;\r\n  -webkit-tap-highlight-color:transparent;\r\n}\r\n.btn-primary{color:#fff;background:linear-gradient(135deg,#1b7ccb,#4aa3e0);box-shadow:0 8px 20px rgba(27,124,203,.25);}\r\n.btn-primary:hover{background:linear-gradient(135deg,#4aa3e0,#0f88a5);transform:translateY(-2px);box-shadow:0 12px 28px rgba(27,124,203,.32);}\r\n.btn-ghost{color:var(--deep);background:rgba(255,255,255,.72);border:1px solid rgba(27,124,203,.35);backdrop-filter:blur(12px);}\r\n.btn-ghost:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--shadow);}\r\n.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px;}\r\n\r\n\/* ---------- Glass cards ---------- *\/\r\n.card{\r\n  background:var(--glass);border:1px solid var(--border-soft);border-radius:var(--radius);\r\n  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.9);\r\n  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:.4s var(--ease);\r\n}\r\n.card-hover:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift);border-color:rgba(27,124,203,.34);}\r\n\/* ---------- Photo frames ----------\r\n   Each frame class below locks its own real-photo ratio (.frame \/ .pano \/\r\n   .group-photo \/ .cert-shot .frame) and draws with object-fit:contain, so no\r\n   subject is ever cropped. Kept per-component instead of a shared helper so the\r\n   ratio always sits next to the photo it belongs to. *\/\r\n\r\n\/* ============================================================\r\n   1. HERO \u2014 ice-blue energy space\r\n   ============================================================ *\/\r\n.hero{\r\n  padding-top:calc(var(--wes-nav) + clamp(84px,13.6vw,172px)); \/* 13.6vw == 172px at >=1265px *\/\r\n  padding-bottom:clamp(62px,7.3vw,92px);                       \/*  7.3vw ==  92px at >=1261px *\/\r\n  background:\r\n    radial-gradient(circle at 78% 8%,rgba(183,234,245,.62),transparent 34%),\r\n    linear-gradient(150deg,#F7FDFF 0%,#EAF8FC 48%,#DDF5FA 100%);\r\n}\r\n.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(34px,4.4vw,56px);align-items:center;}\r\n.crumb{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--deep);font-weight:600;}\r\n.crumb span{opacity:.55;}\r\n.hero h1{font-size:clamp(31px,4.6vw,58px);font-weight:750;line-height:1.12;margin:16px 0 0;}\r\n.hero h1 em{font-style:normal;background:linear-gradient(135deg,#1b7ccb,#4aa3e0);-webkit-background-clip:text;background-clip:text;color:transparent;}\r\n.hero p{margin-top:22px;font-size:clamp(15.5px,1.35vw,17px);max-width:560px;}\r\n\r\n\/* Hero right visual \u2014 frame locked to the real photo ratio (2362x1769) *\/\r\n.hero-visual{position:relative;}\r\n.hero-visual .frame{\r\n  position:relative;border-radius:var(--radius-lg);overflow:hidden;\r\n  border:1px solid rgba(27,124,203,.22);box-shadow:0 26px 60px rgba(27,124,203,.22);\r\n  background:#fff;aspect-ratio:2362\/1769;\r\n}\r\n.hero-visual .frame img{width:100%;height:100%;object-fit:contain;}\r\n.hero-visual::before{\r\n  content:\"\";position:absolute;inset:-34px -34px 40px -34px;border-radius:50%;\r\n  background:radial-gradient(circle,rgba(183,234,245,.55),transparent 68%);z-index:0;\r\n}\r\n\/* The two hero spec chips were removed on the canvas, and their rules were\r\n   deleted along with them. The wrapper stays in the markup as the hero-visual's\r\n   second child, and is empty. *\/\r\n.hero-chips{position:absolute;inset:0;z-index:4;pointer-events:none;}\r\n\r\n\/* 3 cards (4th stat card removed per canvas update) *\/\r\n.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.1vw,14px);margin-top:clamp(30px,3.4vw,44px);}\r\n.hero-stats .st{background:rgba(255,255,255,.70);border:1px solid var(--border-soft);border-radius:14px;padding:16px 14px;backdrop-filter:blur(12px);transition:.35s var(--ease);}\r\n.hero-stats .st:hover{transform:translateY(-4px);border-color:rgba(27,124,203,.32);}\r\n.hero-stats .num{font-size:clamp(22px,2vw,26px);font-weight:750;color:var(--deep);line-height:1.1;font-variant-numeric:tabular-nums;}\r\n.hero-stats .num small{font-size:14px;font-weight:700;margin-left:2px;}\r\n.hero-stats .lbl{font-size:12.5px;color:var(--text);margin-top:6px;letter-spacing:.02em;}\r\n\r\n\/* ============================================================\r\n   2. Brand story \u2014 Who We Are\r\n   ============================================================ *\/\r\n.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,4.7vw,60px);align-items:center;margin-top:clamp(38px,4.5vw,56px);}\r\n.story-copy p+p{margin-top:16px;}\r\n.story-points{margin-top:28px;display:grid;gap:12px;padding:0;}\r\n.story-points li{list-style:none;display:flex;gap:12px;align-items:flex-start;font-size:15.5px;}\r\n.story-points li::before{\r\n  content:\"\";flex:0 0 auto;width:20px;height:20px;margin-top:4px;border-radius:6px;\r\n  background:linear-gradient(135deg,#1b7ccb,#4aa3e0);box-shadow:0 4px 10px rgba(27,124,203,.28);\r\n  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);\r\n}\r\n.story-media{position:relative;}\r\n.story-media .frame{\r\n  border-radius:var(--radius-lg);overflow:hidden;background:#fff;\r\n  border:1px solid rgba(27,124,203,.20);box-shadow:0 22px 52px rgba(27,124,203,.18);\r\n  aspect-ratio:2560\/1707;                     \/* exact ratio of the real photo *\/\r\n}\r\n.story-media .frame img{width:100%;height:100%;object-fit:contain;}\r\n.story-badge{\r\n  position:absolute;left:-22px;bottom:-22px;background:var(--glass-strong);border:1px solid var(--border);\r\n  border-radius:18px;padding:18px 22px;backdrop-filter:blur(16px);box-shadow:var(--shadow-lift);\r\n}\r\n.story-badge b{display:block;font-size:24px;color:var(--deep);font-weight:750;}\r\n.story-badge span{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;}\r\n\r\n\/* ============================================================\r\n   3. Manufacturing \u2014 factory photo matrix (core section)\r\n   ============================================================ *\/\r\n\/* 3.1 factory hall \u2014 the real photo is 3:2, so it is shown whole *\/\r\n.pano{\r\n  position:relative;display:block;margin-top:clamp(34px,4vw,52px);\r\n  border-radius:var(--radius-lg);overflow:hidden;background:#fff;\r\n  border:1px solid rgba(27,124,203,.18);box-shadow:0 18px 44px rgba(27,124,203,.16);\r\n  cursor:zoom-in;\r\n}\r\n.pano img{width:100%;height:auto;aspect-ratio:2560\/1705;object-fit:contain;transition:transform .9s var(--ease);}\r\n.pano:hover img{transform:scale(1.03);}\r\n.pano::after{\r\n  content:\"\";position:absolute;left:0;right:0;top:0;height:100%;pointer-events:none;\r\n  background:linear-gradient(100deg,rgba(22,72,91,.34) 0%,rgba(22,72,91,.06) 48%,transparent 72%);\r\n}\r\n.pano-cap{position:absolute;left:34px;bottom:26px;z-index:2;color:#fff;}\r\n.pano-cap b{display:block;font-size:20px;font-weight:650;text-shadow:0 2px 10px rgba(22,72,91,.40);}\r\n.pano-cap span{font-size:14px;opacity:.94;}\r\n\r\n\/* 3.2 three process systems \u2014 uniform 4:3 cards (cover) *\/\r\n.proc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px;}\r\n.proc{overflow:hidden;display:flex;flex-direction:column;cursor:zoom-in;}\r\n.proc-media{position:relative;aspect-ratio:4\/3;overflow:hidden;background:#EAF8FC;}\r\n.proc-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);}\r\n.proc:hover .proc-media img{transform:scale(1.06);}\r\n.proc-media::after{content:\"\";position:absolute;inset:0;background:linear-gradient(to top,rgba(22,72,91,.30),transparent 55%);}\r\n.proc-schema{\r\n  position:absolute;right:14px;top:14px;z-index:2;width:64px;height:64px;border-radius:14px;\r\n  display:grid;place-items:center;background:rgba(255,255,255,.86);\r\n  border:1px solid rgba(27,124,203,.24);backdrop-filter:blur(10px);\r\n}\r\n.proc-schema svg{width:34px;height:34px;stroke:var(--deep);fill:none;stroke-width:1.5;}\r\n.proc-order{\r\n  position:absolute;left:16px;top:16px;z-index:2;font-size:11.5px;font-weight:800;\r\n  letter-spacing:.14em;color:var(--deep);background:rgba(255,255,255,.9);border-radius:18px;padding:6px 12px;\r\n}\r\n.proc-body{padding:24px 24px 26px;}\r\n.proc-en{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);font-weight:700;}\r\n.proc-body h3{font-size:20px;margin:8px 0 0;font-weight:700;}\r\n.proc-body h3 small{font-size:13px;color:var(--text);font-weight:550;margin-left:6px;}\r\n.proc-body p{font-size:14.5px;margin-top:12px;}\r\n.proc-spec{display:grid;gap:8px;margin-top:16px;}\r\n.proc-spec div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13.5px;padding-bottom:7px;border-bottom:1px dashed rgba(27,124,203,.20);}\r\n.proc-spec div:last-child{border-bottom:none;}\r\n.proc-spec span{color:var(--text);}\r\n.proc-spec b{color:var(--deep);font-weight:700;text-align:right;}\r\n.proc-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;}\r\n.proc-tags span{font-size:12px;font-weight:600;color:var(--deep);background:rgba(183,234,245,.42);border:1px solid rgba(27,124,203,.20);border-radius:18px;padding:5px 11px;}\r\n\r\n\/* 3.3 process comparison \u2014 glass block with an inner horizontal scroller *\/\r\n.cmp-block{\r\n  margin-top:30px;border-radius:var(--radius-lg);overflow:hidden;\r\n  border:1px solid var(--border-soft);background:var(--glass-strong);\r\n  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow);\r\n}\r\n.cmp-hint{display:none;}\r\n.cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}\r\n.cmp table{width:100%;border-collapse:collapse;font-size:14.5px;}\r\n.cmp th,.cmp td{padding:15px 20px;text-align:left;border-bottom:1px solid rgba(27,124,203,.14);}\r\n.cmp thead th{background:linear-gradient(135deg,rgba(221,245,250,.9),rgba(234,248,252,.7));color:var(--ink);font-size:14px;font-weight:700;}\r\n.cmp thead th.hl{color:var(--deep);}\r\n.cmp tbody th{font-weight:600;color:var(--ink);width:170px;}\r\n.cmp td{color:var(--text);}\r\n.cmp td b{color:var(--deep);font-weight:700;}\r\n.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:none;}\r\n.cmp-note{font-size:12.5px;color:var(--text);padding:12px 20px 14px;background:rgba(234,248,252,.65);}\r\n\r\n\/* 3.4 manufacturing stats strip *\/\r\n.fac-strip{\r\n  display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:38px;\r\n  border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-soft);\r\n  background:var(--glass);backdrop-filter:blur(16px);box-shadow:var(--shadow);\r\n}\r\n.fac-strip div{padding:26px 22px;text-align:center;border-right:1px solid rgba(27,124,203,.12);}\r\n.fac-strip div:last-child{border-right:none;}\r\n.fac-strip b{display:block;font-size:clamp(20px,1.9vw,24px);color:var(--deep);font-weight:750;}\r\n.fac-strip span{font-size:12.5px;letter-spacing:.04em;}\r\n\r\n\/* ============================================================\r\n   4. Core technology\r\n   ============================================================ *\/\r\n.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(36px,4.2vw,52px);}\r\n.tech{padding:32px 28px 30px;}\r\n.tech .ico{\r\n  width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:20px;\r\n  background:linear-gradient(135deg,rgba(183,234,245,.85),rgba(221,245,250,.6));border:1px solid rgba(27,124,203,.24);\r\n}\r\n.tech .ico svg{width:26px;height:26px;stroke:var(--deep);fill:none;stroke-width:1.7;}\r\n.tech p{margin-top:12px;font-size:15px;}\r\n.tech .metric{margin-top:20px;display:inline-block;font-size:13px;font-weight:700;color:var(--deep);background:rgba(183,234,245,.42);border-radius:18px;padding:6px 14px;}\r\n\r\n\/* ============================================================\r\n   5. Quality & certification\r\n   ============================================================ *\/\r\n.cert-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;margin-top:clamp(36px,4.2vw,52px);}\r\n.cert-shot{position:relative;}\r\n.cert-shot .frame{\r\n  position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#fff;\r\n  border:1px solid rgba(27,124,203,.22);box-shadow:0 22px 54px rgba(27,124,203,.20);\r\n  aspect-ratio:2560\/1441;                    \/* exact ratio of the real certificate wall *\/\r\n}\r\n.cert-shot .frame img{width:100%;height:100%;object-fit:contain;}\r\n.cert-shot::before{content:\"\";position:absolute;inset:-30px -18px 30px -18px;border-radius:50%;background:radial-gradient(circle,rgba(183,234,245,.5),transparent 70%);z-index:0;}\r\n.cert-list{display:grid;gap:12px;}\r\n.cert-row{\r\n  display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:16px;\r\n  background:var(--glass);border:1px solid var(--border-soft);backdrop-filter:blur(14px);transition:.35s var(--ease);\r\n}\r\n.cert-row:hover{transform:translateX(6px);border-color:rgba(27,124,203,.34);background:#fff;}\r\n.cert-row .mk{\r\n  flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;\r\n  font-size:12px;font-weight:800;color:#fff;letter-spacing:.02em;\r\n  background:linear-gradient(135deg,#1b7ccb,#4aa3e0);box-shadow:0 6px 14px rgba(27,124,203,.26);\r\n}\r\n.cert-row b{display:block;font-size:15.5px;color:var(--ink);}\r\n.cert-row span{font-size:13.5px;}\r\n\r\n\/* ============================================================\r\n   6. Why Choose WES\r\n   ============================================================ *\/\r\n.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin-top:clamp(36px,4.2vw,52px);}\r\n.why-list{display:grid;gap:14px;}\r\n.why-item{\r\n  display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border-radius:16px;\r\n  background:var(--glass);border:1px solid var(--border-soft);backdrop-filter:blur(14px);transition:.35s var(--ease);\r\n}\r\n.why-item:hover{transform:translateY(-4px);border-color:rgba(27,124,203,.32);background:#fff;}\r\n.why-item .tick{\r\n  flex:0 0 auto;width:26px;height:26px;border-radius:50%;\r\n  background:linear-gradient(135deg,#1b7ccb,#4aa3e0);display:grid;place-items:center;margin-top:2px;\r\n  box-shadow:0 5px 12px rgba(27,124,203,.28);\r\n}\r\n.why-item .tick svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.6;}\r\n.why-item p{font-size:15.5px;color:var(--ink);font-weight:550;}\r\n.why-panel{\r\n  padding:34px 32px;border-radius:var(--radius-lg);\r\n  background:linear-gradient(150deg,rgba(255,255,255,.88),rgba(234,248,252,.7));\r\n  border:1px solid var(--border);backdrop-filter:blur(16px);box-shadow:var(--shadow);\r\n}\r\n.why-panel h3{font-size:20px;}\r\n.why-panel .row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px dashed rgba(27,124,203,.22);font-size:14.5px;}\r\n.why-panel .row:last-of-type{border-bottom:none;}\r\n.why-panel .row b{color:var(--deep);font-weight:700;text-align:right;}\r\n.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}\r\n.tags span{font-size:12.5px;font-weight:600;color:var(--deep);background:rgba(183,234,245,.45);border:1px solid rgba(27,124,203,.22);border-radius:18px;padding:6px 13px;}\r\n\r\n\/* ============================================================\r\n   7. OUR TEAM \u2014 group photo (single, whole, uncropped)\r\n   ============================================================ *\/\r\n.group-photo{\r\n  display:block;margin-top:clamp(30px,3.6vw,46px);border-radius:var(--radius-lg);overflow:hidden;\r\n  background:#fff;border:1px solid rgba(27,124,203,.18);box-shadow:0 18px 44px rgba(27,124,203,.16);\r\n  cursor:zoom-in;\r\n}\r\n.group-photo img{width:100%;height:auto;aspect-ratio:2280\/1245;object-fit:contain;transition:transform .9s var(--ease);}\r\n.group-photo:hover img{transform:scale(1.015);}\r\n.group-cap{padding:16px clamp(16px,2vw,22px);background:rgba(234,248,252,.72);border-top:1px solid var(--border-soft);}\r\n.group-cap b{display:block;font-size:16px;font-weight:650;color:var(--ink);}\r\n.group-cap span{font-size:13.5px;color:var(--text);}\r\n.team-points{margin-top:clamp(18px,2.2vw,26px);display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0;}\r\n.team-points li{\r\n  list-style:none;display:flex;gap:11px;align-items:flex-start;font-size:15px;\r\n  padding:16px 18px;border-radius:14px;background:var(--glass);border:1px solid var(--border-soft);\r\n}\r\n.team-points li::before{\r\n  content:\"\";flex:0 0 auto;width:20px;height:20px;margin-top:4px;border-radius:6px;\r\n  background:linear-gradient(135deg,#1b7ccb,#4aa3e0);box-shadow:0 4px 10px rgba(27,124,203,.28);\r\n  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);\r\n}\r\n\r\n\/* ============================================================\r\n   8. CTA\r\n   ============================================================ *\/\r\n.cta{\r\n  padding:clamp(74px,8.6vw,110px) 0;\r\n  background:\r\n    radial-gradient(circle at 50% 40%,rgba(255,255,255,.95),rgba(221,245,250,.55) 38%,transparent 66%),\r\n    linear-gradient(150deg,#EAF8FC 0%,#DDF5FA 60%,#EAF8FC 100%);\r\n}\r\n.cta-box{\r\n  max-width:820px;margin:0 auto;text-align:center;padding:clamp(34px,4vw,56px) clamp(20px,3vw,40px);\r\n  border-radius:32px;background:rgba(255,255,255,.62);border:1px solid rgba(27,124,203,.22);\r\n  backdrop-filter:blur(20px);box-shadow:0 24px 60px rgba(27,124,203,.18),inset 0 1px 0 rgba(255,255,255,.95);\r\n}\r\n.cta-box h2{font-size:clamp(24px,3.2vw,38px);font-weight:700;line-height:1.2;}\r\n.cta-box p{margin-top:16px;font-size:16.5px;}\r\n.cta-box .btn-row{justify-content:center;}\r\n.cta-contact{\r\n  display:flex;justify-content:center;gap:clamp(16px,3vw,34px);flex-wrap:wrap;\r\n  margin-top:34px;padding-top:28px;border-top:1px solid rgba(27,124,203,.18);font-size:14.5px;\r\n}\r\n.cta-contact b{color:var(--ink);font-weight:650;}\r\n.cta-contact a{color:var(--deep);font-weight:650;}\r\n\r\n\/* ---------- Inquiry form (Web3Forms) ----------\r\n   Field names and button behaviour mirror the home page form, so every page\r\n   delivers the same shape of data to the same inbox. *\/\r\n.frm{margin-top:30px;text-align:left;display:flex;flex-direction:column;}\r\n.frm > * + *{margin-top:18px;}\r\n.frm-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}\r\n.frm label{\r\n  display:block;margin-bottom:8px;font-size:11px;font-weight:800;letter-spacing:.12em;\r\n  text-transform:uppercase;color:var(--deep);\r\n}\r\n.frm input[type=text],.frm input[type=email],.frm textarea{\r\n  width:100%;padding:13px 16px;border-radius:14px;font-family:inherit;font-size:15px;color:var(--ink);\r\n  background:rgba(255,255,255,.86);border:1px solid rgba(27,124,203,.26);transition:.28s var(--ease);\r\n}\r\n\/* ---------- WordPress \u73af\u5883\u52a0\u56fa ----------\r\n   Blocksy \u4e3b\u9898\u5bf9 input\/select\/textarea \u4e0b\u53d1 height:var(--has-height,\u2026)\uff08\u5b9e\u6d4b 32px\uff09\u3002\r\n   \u672c\u6587\u4ef6\u7684\u89c4\u5219\u53ea\u58f0\u660e\u4e86 padding \u6ca1\u58f0\u660e height\uff0c\u6240\u4ee5\u4e3b\u9898\u7684\u9ad8\u5ea6\u4f1a\u751f\u6548\uff1b\r\n   \u5728 box-sizing:border-box \u4e0b 32 \u2212 13 \u2212 13 \u2212 2 = 4px \u5185\u5bb9\u533a\uff0c\u6587\u5b57\u88ab\u88c1\u5207\u3002\r\n   \u8fd9\u91cc\u653e\u5f00 height\u3001\u7528 min-height \u515c\u4f4f\u8bbe\u8ba1\u9ad8\u5ea6\uff08\u672c\u6587\u4ef6\u65e0\u4e3b\u9898\u73af\u5883\u4e0b\u5b9e\u6d4b 47px\uff09\u3002 *\/\r\n.frm input[type=text],.frm input[type=email]{\r\n  height:auto !important;min-height:47px !important;\r\n  -webkit-appearance:none !important;appearance:none !important;\r\n}\r\n.frm input::placeholder,.frm textarea::placeholder{color:rgba(22,72,91,.42);}\r\n.frm input[type=text]:focus,.frm input[type=email]:focus,.frm textarea:focus{\r\n  outline:none;background:#fff;border-color:var(--brand);box-shadow:0 0 0 4px rgba(27,124,203,.14);\r\n}\r\n.frm textarea{resize:vertical !important;min-height:118px !important;line-height:1.6;}\r\n.frm .submit{align-self:stretch;justify-content:center;margin-top:2px;}\r\n\/* Web3Forms honeypot \u2014 must stay in the DOM for the check, invisible to people *\/\r\n.frm .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;}\r\n.frm-status{margin-top:0;font-size:14.5px;font-weight:600;text-align:center;}\r\n.frm-status.ok{color:#0f8a5f;}\r\n.frm-status.err{color:#c0392b;}\r\n.frm-status:empty{display:none;}\r\n\r\n\/* ============================================================\r\n   Motion: scroll entrance (with a hard no-JS fallback)\r\n   ============================================================ *\/\r\n.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s var(--ease),transform .75s var(--ease);}\r\n.reveal.in{opacity:1;transform:none;}\r\n.reveal.d1{transition-delay:.10s;}\r\n.reveal.d2{transition-delay:.20s;}\r\n.reveal.d3{transition-delay:.30s;}\r\n.reveal.d4{transition-delay:.40s;}\r\n\/* if JavaScript never runs, nothing may stay hidden *\/\r\n.no-js .reveal{opacity:1;transform:none;}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  *{animation:none!important;transition:none!important;}\r\n  .reveal{opacity:1;transform:none;}\r\n}\r\n\r\n\/* ============================================================\r\n   Lightbox \/ gallery\r\n   ============================================================ *\/\r\n.lb{\r\n  position:fixed;inset:0;z-index:200;display:none;background:rgba(22,72,91,.62);\r\n  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\r\n  align-items:center;justify-content:center;padding:clamp(14px,4vw,40px);\r\n}\r\n.lb.on{display:flex;}\r\n.lb-in{width:100%;max-width:1080px;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6vw,16px);}\r\n.lb-stage{width:100%;display:flex;align-items:center;justify-content:center;}\r\n.lb-in img{\r\n  width:auto;height:auto;max-width:100%;max-height:min(70vh,100%);\r\n  border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.28);background:#fff;\r\n}\r\n.lb-bar{display:flex;align-items:center;gap:16px;}\r\n.lb-bar.hide{display:none;}\r\n.lb-btn,.lb-close{\r\n  width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.5);\r\n  background:rgba(255,255,255,.16);color:#fff;font-size:22px;line-height:1;cursor:pointer;\r\n  display:grid;place-items:center;-webkit-tap-highlight-color:transparent;\r\n}\r\n.lb-btn:disabled{opacity:.32;cursor:default;}\r\n.lb-count{color:#fff;font-size:13px;letter-spacing:.1em;font-variant-numeric:tabular-nums;}\r\n.lb-cap{color:#fff;text-align:center;font-size:14.5px;max-width:640px;}\r\n.lb-cap b{display:block;font-size:17px;margin-bottom:4px;}\r\n.lb-close{position:absolute;top:clamp(12px,2vw,22px);right:clamp(12px,2vw,26px);font-size:24px;}\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   Two breakpoints (1080 \/ 720) plus fluid values above them.\r\n   Every clamp() above reaches its desktop value exactly AT the\r\n   breakpoint, so nothing jumps when the media query hands back.\r\n   ============================================================ *\/\r\n@media (max-width:1080px){\r\n  .hero-grid,.story-grid,.cert-grid,.why-grid{grid-template-columns:1fr;gap:44px;}\r\n  .hero-visual{order:-1;}\r\n  .tech-grid{grid-template-columns:repeat(2,1fr);}\r\n  .tech-grid>*:last-child{grid-column:1\/-1;}\r\n  .proc-grid{grid-template-columns:1fr 1fr;}\r\n  .story-media{max-width:720px;width:100%;margin:0 auto;}\r\n  .story-badge{left:16px;bottom:-16px;}\r\n}\r\n\r\n@media (max-width:720px){\r\n  \/* keep the glass look but drop the blur \u2014 mid-range Android pays a lot for it *\/\r\n  .card,.why-item,.cert-row,.cmp-block,.fac-strip,.cta-box,.hero-stats .st,.team-points li,.eyebrow{\r\n    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;\r\n  }\r\n  .card{background:rgba(255,255,255,.90);}\r\n  .why-item,.cert-row,.team-points li{background:rgba(255,255,255,.90);}\r\n  .fac-strip,.cmp-block{background:rgba(255,255,255,.92);}\r\n\r\n  \/* hero: photo on top *\/\r\n  .hero-visual{display:flex;flex-direction:column;}\r\n  .hero-visual::before{display:none;}\r\n  .frm-row{grid-template-columns:1fr;}          \/* one field per row on phones *\/\r\n  .hero-stats{grid-template-columns:repeat(2,1fr);}\r\n  .hero-stats .st:nth-child(3){grid-column:1\/-1;}   \/* only 3 cards \u2014 let the last one span, no half-width orphan *\/\r\n  .hero-stats .num{font-size:22px;}\r\n\r\n  \/* factory hall: caption leaves the photo and becomes a caption bar *\/\r\n  .pano::after{display:none;}\r\n  .pano img{aspect-ratio:2560\/1705;}\r\n  .pano-cap{\r\n    position:static;left:auto;bottom:auto;color:var(--ink);\r\n    background:rgba(234,248,252,.85);padding:14px 16px;\r\n  }\r\n  .pano-cap b{font-size:16px;text-shadow:none;line-height:1.35;}\r\n  .pano-cap span{display:block;font-size:13px;color:var(--text);margin-top:2px;}\r\n\r\n  \/* process cards stack *\/\r\n  .proc-grid{grid-template-columns:1fr;}\r\n  .tech-grid{grid-template-columns:1fr;}\r\n  .tech-grid>*:last-child{grid-column:auto;}\r\n  .proc-body{padding:20px 20px 22px;}\r\n\r\n  \/* comparison table: first column pinned + a swipe hint *\/\r\n  .cmp-hint{\r\n    display:block;font-size:12.5px;font-weight:650;color:var(--deep);\r\n    padding:14px 16px 0;\r\n  }\r\n  .cmp table{min-width:620px;}\r\n  .cmp th,.cmp td{padding:12px 14px;font-size:13.5px;}\r\n  .cmp thead th:first-child,.cmp tbody th{\r\n    position:sticky;left:0;z-index:2;background:#F1FAFD;\r\n    box-shadow:1px 0 0 rgba(27,124,203,.16);\r\n  }\r\n  .cmp thead th:first-child{background:#E4F5FB;}\r\n  .cmp tbody th{width:132px;}\r\n  .cmp-note{padding:12px 16px 14px;}\r\n\r\n  \/* stat strips: 2 up top, the third spans the full row (no half-width orphan) *\/\r\n  .fac-strip{grid-template-columns:repeat(2,1fr);}\r\n  .fac-strip div{padding:20px 14px;}\r\n  .fac-strip div:nth-child(2){border-right:none;}\r\n  .fac-strip div:nth-child(3){grid-column:1\/-1;}\r\n  .fac-strip div:nth-child(1),.fac-strip div:nth-child(2){border-bottom:1px solid rgba(27,124,203,.12);}\r\n\r\n  \/* team *\/\r\n  .team-points{grid-template-columns:1fr;}\r\n  .group-cap{padding:14px 16px;}\r\n  .group-cap b{font-size:15px;}\r\n\r\n  \/* cta *\/\r\n  .cta-box{border-radius:24px;}\r\n  .btn-row{gap:10px;}\r\n  .btn{width:100%;justify-content:center;}\r\n  .btn-row .btn{flex:1 1 100%;}\r\n\r\n  \/* decoration: the 900px arc cannot be centred on a phone *\/\r\n  .arc-deco{display:none;}\r\n  .ice-ring--lg{width:460px;height:460px;right:-220px;top:-180px;}\r\n  .ice-ring--md{width:300px;height:300px;left:-160px;bottom:-120px;}\r\n  .ice-grid{background-size:56px 56px;}\r\n}\r\n\r\n@media (max-width:380px){\r\n  .hero-stats{grid-template-columns:1fr;}\r\n  .hero h1{font-size:28px;}\r\n}\r\n\r\n\/* ============================================================\r\n   CJK typography (CN build only)\r\n   Appended after the shared stylesheet, so the EN\/CN layouts stay\r\n   identical except for the language-specific rhythm:\r\n   tighter headings, looser body, narrower comparison column.\r\n   ============================================================ *\/\r\nbody{font-family:\"PingFang SC\",\"Microsoft YaHei\",\"Noto Sans SC\",\"Source Han Sans SC\",\"Inter\",system-ui,-apple-system,sans-serif;}\r\nh1,h2,h3,h4{font-family:\"PingFang SC\",\"Microsoft YaHei\",\"Noto Sans SC\",\"Outfit\",\"Inter\",system-ui,sans-serif;letter-spacing:0;}\r\n.hero h1{font-size:clamp(28px,3.7vw,48px);line-height:1.28;}\r\n.h2{font-size:clamp(23px,2.9vw,36px);line-height:1.36;}\r\n.h3{font-size:18px;line-height:1.5;}\r\n.lede{line-height:1.85;max-width:690px;}\r\n.crumb{letter-spacing:.06em;}\r\n.eyebrow{letter-spacing:.14em;}\r\n.story-points li,.team-points li,.why-item p,.cert-row span{line-height:1.72;}\r\n.proc-body h3{font-size:19px;line-height:1.45;}\r\n.proc-body h3 small{font-size:12.5px;margin-left:8px;}\r\n.proc-body p,.tech p{line-height:1.8;}\r\n.proc-spec div{font-size:13px;}\r\n.cmp table{font-size:13.5px;}\r\n.cmp th,.cmp td{padding:14px 18px;}\r\n.cmp tbody th{width:150px;}\r\n.hero-stats .num{font-size:clamp(21px,1.9vw,25px);}\r\n.cta-box p{line-height:1.85;}\r\n.btn{letter-spacing:.02em;}\r\n@media (max-width:720px){\r\n  .cmp table{min-width:560px;}\r\n  .cmp tbody th{width:118px;}\r\n  .hero h1{font-size:27px;}\r\n  .cmp td{min-width:88px;}\r\n}\r\n<\/style>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Organization\",\"name\":\"\u7eac\u4e16\u65b0\u80fd\u6e90 WES Battery\",\"url\":\"https:\/\/wesbattery.com\",\"foundingDate\":\"2014\",\"email\":\"info@wesbattery.com\",\"telephone\":\"+86 13352613095\",\"address\":{\"@type\":\"PostalAddress\",\"addressLocality\":\"\u60e0\u5dde\",\"addressRegion\":\"\u5e7f\u4e1c\",\"addressCountry\":\"CN\"},\"description\":\"\u4e13\u4e1a\u9ad8\u538b\u9502\u79bb\u5b50\u7535\u6c60\u5236\u9020\u5546\uff0c2014 \u5e74\u6210\u7acb\u4e8e\u4e2d\u56fd\u60e0\u5dde\u3002\",\"sameAs\":[\"https:\/\/wesbattery.com\/\"]}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/wesbattery.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u5173\u4e8e\u6211\u4eec\",\"item\":\"https:\/\/wesbattery.com\/about-us\/\"}]}\r\n<\/script>\r\n\r\n<!-- ============================== 1 \u00b7 \u9996\u5c4f ============================== -->\r\n<section class=\"ice-section hero\">\r\n  <div class=\"ice-glow ice-glow--a ice-glow--float\"><\/div>\r\n  <div class=\"ice-ring ice-ring--lg ice-ring--spin\"><\/div>\r\n  <div class=\"ice-grid\"><\/div>\r\n\r\n  <div class=\"hex-deco hex-deco--tr\">\r\n    <svg width=\"150\" height=\"130\" viewBox=\"0 0 150 130\" fill=\"none\">\r\n      <g stroke=\"rgba(27,124,203,0.22)\" stroke-width=\"1.2\">\r\n        <path d=\"M45 4 82 25v42L45 88 8 67V25z\"\/>\r\n        <path d=\"M105 42 142 63v42l-37 21-37-21V63z\"\/>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"wrap ice-content\">\r\n    <div class=\"hero-grid\">\r\n      <div class=\"hero-copy reveal\">\r\n        <div class=\"crumb\"><span>\u9996\u9875 \/<\/span> \u5173\u4e8e\u6211\u4eec<\/div>\r\n        <h1>\u4e13\u4e1a\u7684<em>\u9502\u79bb\u5b50\u7535\u6c60<\/em>\u5236\u9020\u5546<\/h1>\r\n        <p>\r\n          \u7eac\u4e16\u65b0\u80fd\u6e90\u662f\u4e00\u5bb6\u96c6\u7814\u53d1\u3001\u751f\u4ea7\u3001\u9500\u552e\u4e8e\u4e00\u4f53\u7684\u4e13\u4e1a\u9502\u79bb\u5b50\u7535\u6c60\u5236\u9020\u5546\u3002\u6838\u5fc3\u6280\u672f\u56e2\u961f\u62e5\u6709\r\n          20 \u5e74\u4ee5\u4e0a\u7535\u6c60\u884c\u4e1a\u7ecf\u9a8c\uff0c\u4e3a\u5168\u7403\u5ba2\u6237\u63d0\u4f9b\u5148\u8fdb\u7684\u7535\u6c60\u89e3\u51b3\u65b9\u6848\u3002\r\n        <\/p>\r\n        <div class=\"btn-row\">\r\n          <a class=\"btn btn-primary\" href=\"#cta\">\u83b7\u53d6\u62a5\u4ef7<\/a>\r\n          <a class=\"btn btn-ghost\" href=\"#factory\">\u53c2\u89c2\u5de5\u5382<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u771f\u5b9e\u5382\u533a\u7167\u7247 2362x1769\uff0c\u5b8c\u6574\u663e\u793a\u4e0d\u88c1\u5207 -->\r\n      <div class=\"hero-visual reveal d2\">\r\n        <div class=\"frame\">\r\n          <img fetchpriority=\"high\" src=\"https:\/\/wesbattery.com\/wp-content\/uploads\/2026\/09\/IMG_20250618_160315-\u5df2\u589e\u5f3a-NR.webp\"\r\n               width=\"2362\" height=\"1769\" fetchpriority=\"high\" decoding=\"async\"\r\n               alt=\"\u7eac\u4e16\u65b0\u80fd\u6e90\u4f4d\u4e8e\u4e2d\u56fd\u60e0\u5dde\u7684\u751f\u4ea7\u57fa\u5730\">\r\n        <\/div>\r\n         <!-- \u4e0e EN \u7248\u4e00\u81f4\uff1a\u4e24\u4e2a\u89c4\u683c chip \u5df2\u5220\u9664\uff0c\u5bb9\u5668\u4fdd\u7559\u5907\u7528 -->\r\n         <div class=\"hero-chips\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-stats reveal d3\" style=\"grid-column:1\/-1\">\r\n        <div class=\"st\"><div class=\"num\" data-count=\"20\" data-suffix=\"+\">20+<\/div><div class=\"lbl\">\u5e74\u884c\u4e1a\u7ecf\u9a8c<\/div><\/div>\r\n        <div class=\"st\"><div class=\"num\" data-count=\"40000\" data-sep=\"1\">40,000<\/div><div class=\"lbl\">\u5382\u623f\u9762\u79ef\uff08\u33a1\uff09<\/div><\/div>\r\n         <div class=\"st\"><div class=\"num\" data-count=\"137\" data-suffix=\"+\">137+<\/div><div class=\"lbl\">\u6838\u5fc3\u4e13\u5229<\/div><\/div>\r\n       <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================== 2 \u00b7 \u6211\u4eec\u662f\u8c01 ============================== -->\r\n<section class=\"ice-section ice-section--white section\">\r\n  <div class=\"ice-glow ice-glow--b ice-glow--float\"><\/div>\r\n  <div class=\"wrap ice-content\">\r\n    <div class=\"reveal\">\r\n      <span class=\"eyebrow\">\u5173\u4e8e\u7eac\u4e16<\/span>\r\n      <h2 class=\"h2\">\u4ee5\u7cbe\u5bc6\u4e0e\u53ef\u9760\u4e3a\u57fa\u77f3<br>\u6df1\u8015\u65b0\u80fd\u6e90\u7535\u6c60\u5236\u9020<\/h2>\r\n      <p class=\"lede\">\r\n        \u7eac\u4e16\u65b0\u80fd\u6e90\u6210\u7acb\u4e8e 2014 \u5e74\uff0c\u603b\u90e8\u4f4d\u4e8e\u4e2d\u56fd\u60e0\u5dde\uff0c\u62e5\u6709 40,000\u33a1 \u751f\u4ea7\u57fa\u5730\u3001\u7ecf\u9a8c\u4e30\u5bcc\u7684\u5de5\u7a0b\u56e2\u961f\r\n        \u4e0e\u5148\u8fdb\u7684\u751f\u4ea7\u5236\u9020\u80fd\u529b\u3002\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"story-grid\">\r\n      <div class=\"story-copy reveal\">\r\n        <p>\r\n          \u4ece\u7535\u82af\u9009\u578b\u5230\u6210\u54c1 PACK \u7ec4\u88c5\uff0c\u6bcf\u4e00\u9053\u5de5\u5e8f\u90fd\u5728\u4e25\u683c\u7684\u8d28\u91cf\u4f53\u7cfb\u4e0b\u53d7\u63a7\u3002\u6211\u4eec\u6301\u7eed\u6295\u5165\u81ea\u52a8\u5316\u8bbe\u5907\u3001\r\n          \u68c0\u6d4b\u4eea\u5668\u4e0e\u5de5\u7a0b\u4eba\u624d\uff0c\u786e\u4fdd\u6bcf\u4e00\u7ec4\u51fa\u5382\u7684\u7535\u6c60\u5305\u90fd\u7a33\u5b9a\u3001\u4e00\u81f4\u3001\u53ef\u8ffd\u6eaf\u3002\r\n        <\/p>\r\n        <p>\r\n          \u76ee\u524d\uff0c\u6211\u4eec\u7684 LiHV \u9ad8\u538b\u7535\u6c60\u3001\u9ad8\u500d\u7387\u65e0\u4eba\u673a\u7535\u6c60\u4e0e\u5b9a\u5236\u7535\u6c60\u65b9\u6848\u5df2\u8fdc\u9500\u5168\u7403\uff0c\u5e7f\u6cdb\u5e94\u7528\u4e8e\u65e0\u4eba\u673a\u3001\r\n          \u7535\u52a8\u5de5\u5177\u3001\u667a\u80fd\u7a7f\u6234\u3001\u6d88\u8d39\u7535\u5b50\u3001\u50a8\u80fd\u4e0e\u5de5\u4e1a\u8bbe\u5907\u7b49\u9886\u57df\u3002\r\n        <\/p>\r\n        <ul class=\"story-points\">\r\n          <li>\u7814\u53d1\u3001\u751f\u4ea7\u3001\u9500\u552e\u4e00\u4f53\u5316<\/li>\r\n          <li>\u6838\u5fc3\u6280\u672f\u56e2\u961f\u62e5\u6709 20 \u5e74\u4ee5\u4e0a\u7535\u6c60\u884c\u4e1a\u7ecf\u9a8c<\/li>\r\n          <li>\u63d0\u4f9b\u4ece\u7535\u82af\u5230\u6210\u54c1 PACK \u7684 OEM \/ ODM \u5b9a\u5236\u8bbe\u8ba1<\/li>\r\n          <li>\u9762\u5411\u51fa\u53e3\u7684\u670d\u52a1\u4f53\u7cfb\u4e0e\u5168\u7403\u6280\u672f\u652f\u6301<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"story-media reveal d2\">\r\n        <div class=\"frame\">\r\n          <img loading=\"lazy\" src=\"https:\/\/wesbattery.com\/wp-content\/uploads\/2026\/09\/YXL02919-scaled.jpg\"\r\n               width=\"2560\" height=\"1707\" loading=\"lazy\" decoding=\"async\"\r\n               alt=\"\u7eac\u4e16\u65b0\u80fd\u6e90\u751f\u4ea7\u57fa\u5730\u7684\u7535\u6c60\u7ec4\u88c5\u4e0e\u68c0\u6d4b\">\r\n        <\/div>\r\n        <div class=\"story-badge\">\r\n          <b>40,000\u33a1<\/b>\r\n          <span>\u751f\u4ea7\u57fa\u5730<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================== 3 \u00b7 \u5de5\u5382\u4e0e\u5de5\u827a ============================== -->\r\n<section class=\"ice-section ice-section--grad section\" id=\"factory\">\r\n  <div class=\"ice-ring ice-ring--md\"><\/div>\r\n  <div class=\"ice-glow ice-glow--c\"><\/div>\r\n  <div class=\"wrap ice-content\">\r\n    <div class=\"reveal\">\r\n      <span class=\"eyebrow\">\u5de5\u5382\u4e0e\u54c1\u8d28<\/span>\r\n      <h2 class=\"h2\">\u8d70\u8fdb\u7eac\u4e16 \u00b7 \u5148\u8fdb\u5236\u9020\u80fd\u529b<\/h2>\r\n      <p class=\"lede\">\r\n        \u7eac\u4e16\u65b0\u80fd\u6e90\u81ea\u6709\u4e13\u4e1a\u751f\u4ea7\u57fa\u5730\u3001\u4ea7\u54c1\u7814\u53d1\u5b9e\u9a8c\u5ba4\u4e0e\u7ecf\u9a8c\u4e30\u5bcc\u7684\u5de5\u7a0b\u56e2\u961f\uff0c\u5e76\u4e25\u683c\u6267\u884c\u8d28\u91cf\u7ba1\u7406\u4f53\u7cfb\uff0c\r\n        \u4fdd\u969c\u7535\u6c60\u6027\u80fd\u7684\u53ef\u9760\u4e0e\u751f\u4ea7\u7684\u7a33\u5b9a\u3002\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- \u751f\u4ea7\u8f66\u95f4\u5b9e\u62cd\uff1a\u771f\u5b9e\u6bd4\u4f8b 3:2\uff0c\u5b8c\u6574\u663e\u793a -->\r\n    <figure class=\"pano reveal d1\" data-zoom\r\n            data-title=\"\u7eac\u4e16\u65b0\u80fd\u6e90\u751f\u4ea7\u57fa\u5730\"\r\n            data-desc=\"\u4f4d\u4e8e\u4e2d\u56fd\u60e0\u5dde\u7684 40,000\u33a1 \u751f\u4ea7\u57fa\u5730\u2014\u2014\u751f\u4ea7\u3001\u68c0\u6d4b\u3001\u5305\u88c5\u4e00\u4f53\u5316\u3002\">\r\n      <img loading=\"lazy\" src=\"https:\/\/wesbattery.com\/wp-content\/uploads\/2026\/09\/YXL02896-scaled.jpg\"\r\n           width=\"2560\" height=\"1705\" loading=\"lazy\" decoding=\"async\"\r\n           alt=\"\u7eac\u4e16\u65b0\u80fd\u6e90\u751f\u4ea7\u57fa\u5730\u5185\u7684\u81ea\u52a8\u5316\u7535\u6c60\u751f\u4ea7\u7ebf\">\r\n      <figcaption class=\"pano-cap\">\r\n        <b>40,000\u33a1 \u751f\u4ea7\u57fa\u5730 \u00b7 \u4e2d\u56fd\u60e0\u5dde<\/b>\r\n        <span>\u751f\u4ea7\u3001\u68c0\u6d4b\u3001\u5305\u88c5\u4e00\u4f53\u5316<\/span>\r\n      <\/figcaption>\r\n    <\/figure>\r\n\r\n    <div class=\"proc-grid\">\r\n      <!-- \u5de5\u827a 01 \u00b7 \u5377\u7ed5 -->\r\n      <article class=\"card card-hover proc reveal\" data-zoom\r\n               data-title=\"\u5377\u7ed5\u5de5\u827a\"\r\n               data-desc=\"\u5de5\u827a\u6210\u719f\u3001\u826f\u7387\u9ad8\uff0c\u9002\u5408\u6807\u51c6\u65b9\u5f62\u4e0e\u5706\u67f1\u7535\u82af\u7684\u5927\u6279\u91cf\u4ea4\u4ed8\u3002\">\r\n        <div class=\"proc-media\">\r\n          <!-- \u771f\u5b9e\u7167\u7247 2560x1709\uff0c4:3 \u5361\u7247\u6846\u5185\u53ea\u88c1\u5de6\u53f3\u7ea6 11% -->\r\n          <img loading=\"lazy\" src=\"https:\/\/wesbattery.com\/wp-content\/uploads\/2026\/09\/\u5377\u7ed5-1-scaled.webp\"\r\n               width=\"2560\" height=\"1709\" loading=\"lazy\" decoding=\"async\"\r\n               alt=\"\u7eac\u4e16\u65b0\u80fd\u6e90\u5377\u7ed5\u8f66\u95f4\u751f\u4ea7\u7ebf\">\r\n          <span class=\"proc-order\">\u5de5\u827a 01<\/span>\r\n          <span class=\"proc-schema\">\r\n            <svg viewBox=\"0 0 32 32\" stroke-linecap=\"round\">\r\n              <path d=\"M16 16a3 3 0 1 1 3 3 5 5 0 0 1-5-5 7 7 0 0 0 7 7\"\/>\r\n              <rect x=\"6\" y=\"6\" width=\"20\" height=\"20\" rx=\"3\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"proc-body\">\r\n          <div class=\"proc-en\">Winding<\/div>\r\n          <h3>\u5377\u7ed5 <small>\u6210\u719f \u00b7 \u7a33\u5b9a \u00b7 \u5927\u6279\u91cf<\/small><\/h3>\r\n          <p>\u6b63\u8d1f\u6781\u7247\u4e0e\u9694\u819c\u8fde\u7eed\u5377\u7ed5\u6210\u578b\uff0c\u5de5\u827a\u6210\u719f\u3001\u826f\u7387\u9ad8\uff0c\u9002\u5408\u6807\u51c6\u65b9\u5f62\u4e0e\u5706\u67f1\u7535\u82af\u7684\u5927\u6279\u91cf\u4ea4\u4ed8\u3002<\/p>\r\n          <div class=\"proc-spec\">\r\n            <div><span>\u5185\u963b<\/span><b>\u4e2d\u7b49<\/b><\/div>\r\n            <div><span>\u653e\u7535\u500d\u7387<\/span><b>\u5e38\u89c4<\/b><\/div>\r\n            <div><span>\u6210\u672c\u6548\u7387<\/span><b>\u9ad8<\/b><\/div>\r\n          <\/div>\r\n          <div class=\"proc-tags\"><span>\u6d88\u8d39\u7535\u5b50<\/span><span>\u4fbf\u643a\u50a8\u80fd<\/span><span>\u5e38\u89c4\u52a8\u529b<\/span><\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u5de5\u827a 02 \u00b7 \u591a\u6781\u8033\u5377\u7ed5 -->\r\n      <article class=\"card card-hover proc reveal d1\" data-zoom\r\n               data-title=\"\u591a\u6781\u8033\u5377\u7ed5\u5de5\u827a\"\r\n               data-desc=\"\u591a\u6781\u8033\u7ed3\u6784\u964d\u4f4e\u5185\u963b\uff0c\u9002\u5408\u9ad8\u500d\u7387\u653e\u7535\u5e94\u7528\u3002\">\r\n        <div class=\"proc-media\">\r\n          <img loading=\"lazy\" src=\"https:\/\/wesbattery.com\/wp-content\/uploads\/2026\/09\/\u5fae\u4fe1\u56fe\u7247_20260703135904_13_1671-scaled.webp\"\r\n               width=\"2560\" height=\"1920\" loading=\"lazy\" decoding=\"async\"\r\n               alt=\"\u7eac\u4e16\u65b0\u80fd\u6e90\u591a\u6781\u8033\u5377\u7ed5\u4e0e\u68c0\u6d4b\u5de5\u4f4d\">\r\n          <span class=\"proc-order\">\u5de5\u827a 02<\/span>\r\n          <span class=\"proc-schema\">\r\n            <svg viewBox=\"0 0 32 32\" stroke-linecap=\"round\">\r\n              <path d=\"M16 16a3 3 0 1 1 3 3 5 5 0 0 1-5-5 7 7 0 0 0 7 7\"\/>\r\n              <path d=\"M9 5v4M16 5v4M23 5v4\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"proc-body\">\r\n          <div class=\"proc-en\">Multi-tab Winding<\/div>\r\n          <h3>\u591a\u6781\u8033\u5377\u7ed5 <small>\u4f4e\u5185\u963b \u00b7 \u9ad8\u500d\u7387<\/small><\/h3>\r\n          <p>\u5728\u5377\u7ed5\u7ed3\u6784\u4e2d\u5f15\u5165\u591a\u6781\u8033\uff0c\u7f29\u77ed\u7535\u6d41\u8def\u5f84\u3001\u964d\u4f4e\u5185\u963b\u4e0e\u6e29\u5347\uff0c\u53ef\u5b9e\u73b0\u6301\u7eed\u5927\u7535\u6d41\u8f93\u51fa\u3002<\/p>\r\n          <div class=\"proc-spec\">\r\n            <div><span>\u5185\u963b<\/span><b>\u4f4e<\/b><\/div>\r\n            <div><span>\u653e\u7535\u500d\u7387<\/span><b>\u9ad8\u500d\u7387<\/b><\/div>\r\n            <div><span>\u6e29\u5347\u8868\u73b0<\/span><b>\u4f18<\/b><\/div>\r\n          <\/div>\r\n          <div class=\"proc-tags\"><span>\u65e0\u4eba\u673a<\/span><span>\u7535\u52a8\u5de5\u5177<\/span><span>\u673a\u5668\u4eba \u00b7 AGV<\/span><\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u5de5\u827a 03 \u00b7 \u53e0\u7247 -->\r\n      <article class=\"card card-hover proc reveal d2\" data-zoom\r\n               data-title=\"\u53e0\u7247\u5de5\u827a\"\r\n               data-desc=\"\u9010\u5c42\u5806\u53e0\u5b9e\u73b0\u9ad8\u80fd\u91cf\u5bc6\u5ea6\u3001\u8d85\u8584\u4e0e\u5f02\u5f62\u7ed3\u6784\u3002\">\r\n        <div class=\"proc-media\">\r\n          <!-- TODO(src)\uff1a\u4e0e\u4e0a\u65b9\u300c\u751f\u4ea7\u57fa\u5730\u300d\u5168\u666f\u4f7f\u7528\u4e86\u540c\u4e00\u5f20\u56fe\uff0c\r\n               \u5efa\u8bae\u66ff\u6362\u4e3a\u53e0\u7247 \/ \u5c42\u538b\u5de5\u4f4d\u5b9e\u62cd\uff0c\u907f\u514d\u540c\u9875\u91cd\u590d\u3002 -->\r\n          <img loading=\"lazy\" src=\"https:\/\/wesbattery.com\/wp-content\/uploads\/2026\/09\/YXL02896-scaled.jpg\"\r\n               width=\"2560\" height=\"1705\" loading=\"lazy\" decoding=\"async\"\r\n               alt=\"\u7eac\u4e16\u65b0\u80fd\u6e90\u7535\u6c60\u88c5\u914d\u751f\u4ea7\u7ebf\">\r\n          <span class=\"proc-order\">\u5de5\u827a 03<\/span>\r\n          <span class=\"proc-schema\">\r\n            <svg viewBox=\"0 0 32 32\" stroke-linecap=\"round\">\r\n              <path d=\"M6 9h20M6 14h20M6 19h20M6 24h20\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"proc-body\">\r\n          <div class=\"proc-en\">Stacking \/ Lamination<\/div>\r\n          <h3>\u53e0\u7247 <small>\u9ad8\u80fd\u91cf\u5bc6\u5ea6 \u00b7 \u5f02\u5f62 \u00b7 \u8d85\u8584<\/small><\/h3>\r\n          <p>\u6b63\u8d1f\u6781\u7247\u4e0e\u9694\u819c\u9010\u5c42\u5806\u53e0\uff0c\u7a7a\u95f4\u5229\u7528\u7387\u66f4\u9ad8\u3001\u53d7\u529b\u66f4\u5747\u5300\uff0c\u53ef\u505a\u8d85\u8584\u3001\u5f02\u5f62\u4e0e\u9ad8\u80fd\u91cf\u5bc6\u5ea6\u7ed3\u6784\u3002<\/p>\r\n          <div class=\"proc-spec\">\r\n            <div><span>\u80fd\u91cf\u5bc6\u5ea6<\/span><b>\u9ad8<\/b><\/div>\r\n            <div><span>\u7ed3\u6784\u5f62\u6001<\/span><b>\u5b9a\u5236 \u00b7 \u8d85\u8584<\/b><\/div>\r\n            <div><span>\u7ed3\u6784\u7a33\u5b9a\u6027<\/span><b>\u4f18<\/b><\/div>\r\n          <\/div>\r\n          <div class=\"proc-tags\"><span>\u667a\u80fd\u7a7f\u6234<\/span><span>\u8d85\u8584\u8bbe\u5907<\/span><span>\u65e0\u4eba\u673a\u7535\u6c60<\/span><\/div>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <!-- \u5de5\u827a\u5bf9\u6bd4\u8868\uff1a\u624b\u673a\u4e0a\u53ef\u6a2a\u6ed1\uff0c\u9996\u5217\u56fa\u5b9a -->\r\n    <div class=\"cmp-block reveal d2\">\r\n      <div class=\"cmp-hint\">\u5de6\u53f3\u6ed1\u52a8\u67e5\u770b\u4e09\u79cd\u5de5\u827a\u5bf9\u6bd4 \u2192<\/div>\r\n      <div class=\"cmp cmp-scroll\" tabindex=\"0\" role=\"region\" aria-label=\"\u5de5\u827a\u5bf9\u6bd4\u8868\">\r\n        <table>\r\n          <thead>\r\n            <tr>\r\n              <th>\u5bf9\u6bd4\u7ef4\u5ea6<\/th>\r\n              <th>\u5377\u7ed5<\/th>\r\n              <th class=\"hl\">\u591a\u6781\u8033\u5377\u7ed5<\/th>\r\n              <th>\u53e0\u7247<\/th>\r\n            <\/tr>\r\n          <\/thead>\r\n          <tbody>\r\n            <tr><th>\u5185\u963b<\/th><td>\u4e2d\u7b49<\/td><td><b>\u4f4e<\/b><\/td><td>\u4f4e<\/td><\/tr>\r\n            <tr><th>\u653e\u7535\u500d\u7387<\/th><td>\u5e38\u89c4<\/td><td><b>\u6301\u7eed\u9ad8\u500d\u7387<\/b><\/td><td>\u4e2d \u2013 \u9ad8<\/td><\/tr>\r\n            <tr><th>\u80fd\u91cf\u5bc6\u5ea6<\/th><td>\u4e2d\u7b49<\/td><td>\u4e2d\u9ad8<\/td><td><b>\u9ad8<\/b><\/td><\/tr>\r\n            <tr><th>\u7ed3\u6784\u5f62\u6001<\/th><td>\u65b9\u5f62 \/ \u5706\u67f1<\/td><td>\u65b9\u5f62<\/td><td><b>\u8d85\u8584 \/ \u5f02\u5f62<\/b><\/td><\/tr>\r\n            <tr><th>\u5faa\u73af\u4e0e\u7ed3\u6784\u7a33\u5b9a\u6027<\/th><td>\u7a33\u5b9a<\/td><td>\u7a33\u5b9a<\/td><td><b>\u66f4\u4f18<\/b><\/td><\/tr>\r\n            <tr><th>\u6210\u672c\u6548\u7387<\/th><td><b>\u9ad8<\/b><\/td><td>\u4e2d<\/td><td>\u4e2d<\/td><\/tr>\r\n            <tr><th>\u5178\u578b\u5e94\u7528<\/th><td>\u6d88\u8d39\u7535\u5b50 \u00b7 \u50a8\u80fd \u00b7 \u52a8\u529b<\/td><td>\u65e0\u4eba\u673a \u00b7 \u7535\u52a8\u5de5\u5177 \u00b7 \u673a\u5668\u4eba<\/td><td>\u667a\u80fd\u7a7f\u6234 \u00b7 \u8d85\u8584\u8bbe\u5907<\/td><\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n      <div class=\"cmp-note\">\uff0a\u4ee5\u4e0a\u4e3a\u5de5\u827a\u7279\u6027\u7684\u4e00\u822c\u6027\u5bf9\u6bd4\uff0c\u5177\u4f53\u53c2\u6570\u4ee5\u9879\u76ee\u89c4\u683c\u4e66\u4e0e\u6d4b\u8bd5\u62a5\u544a\u4e3a\u51c6\u3002<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fac-strip reveal d2\">\r\n      <div><b>40,000\u33a1<\/b><span>\u5382\u623f\u9762\u79ef<\/span><\/div>\r\n      <div><b>20+<\/b><span>\u5e74\u884c\u4e1a\u7ecf\u9a8c<\/span><\/div>\r\n       <div><b>137+<\/b><span>\u6838\u5fc3\u4e13\u5229<\/span><\/div>\r\n     <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================== 4 \u00b7 \u6211\u4eec\u7684\u56e2\u961f ============================== -->\r\n<section class=\"ice-section ice-section--white section\" id=\"team\">\r\n  <div class=\"ice-glow ice-glow--b ice-glow--float\"><\/div>\r\n  <div class=\"wrap ice-content\">\r\n    <div class=\"reveal\">\r\n      <span class=\"eyebrow\">\u6211\u4eec\u7684\u56e2\u961f<\/span>\r\n      <h2 class=\"h2\">\u6bcf\u4e00\u7ec4\u7535\u6c60\u80cc\u540e\u7684\u4eba<\/h2>\r\n      <p class=\"lede\">\r\n        \u597d\u8bbe\u5907\u4e0d\u7b49\u4e8e\u597d\u7535\u6c60\u3002\u751f\u4ea7\u7ebf\u80cc\u540e\uff0c\u662f\u7814\u53d1\u5de5\u7a0b\u5e08\u3001\u4ea7\u7ebf\u6280\u5e08\u4e0e\u54c1\u8d28\u68c0\u9a8c\u4eba\u5458\u7ec4\u6210\u7684\u56e2\u961f\u2014\u2014\r\n        \u4ece\u7535\u82af\u9009\u578b\u5230\u6210\u54c1\u5305\u88c5\uff0c\u9010\u6279\u8bc4\u5ba1\u3001\u6d4b\u8bd5\u4e0e\u8ffd\u6eaf\u3002\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- \u56e2\u961f\u5408\u5f71\uff1a\u771f\u5b9e\u6bd4\u4f8b 2280x1245\uff0c\u5b8c\u6574\u663e\u793a\uff0c\u8fb9\u7f18\u4e0d\u88c1\u4eba -->\r\n    <figure class=\"group-photo reveal d1\" data-zoom\r\n            data-title=\"\u7eac\u4e16\u65b0\u80fd\u6e90\u56e2\u961f\"\r\n            data-desc=\"\u7814\u53d1\u3001\u751f\u4ea7\u3001\u54c1\u8d28\u4e0e\u5916\u8d38\u670d\u52a1\u56e2\u961f\uff0c\u540c\u5728\u4e2d\u56fd\u60e0\u5dde\u751f\u4ea7\u57fa\u5730\u3002\">\r\n      <img loading=\"lazy\" src=\"https:\/\/wesbattery.com\/wp-content\/uploads\/2026\/09\/RAY_5967-2.webp\"\r\n           width=\"2280\" height=\"1245\" loading=\"lazy\" decoding=\"async\"\r\n           alt=\"\u7eac\u4e16\u65b0\u80fd\u6e90\u56e2\u961f\u5728\u60e0\u5dde\u5de5\u5382\u524d\u7684\u5408\u5f71\">\r\n      <figcaption class=\"group-cap\">\r\n        <b>\u7eac\u4e16\u56e2\u961f \u00b7 \u4e2d\u56fd\u60e0\u5dde<\/b>\r\n        <span>\u7814\u53d1\u3001\u751f\u4ea7\u3001\u54c1\u8d28\u4e0e\u5916\u8d38\u670d\u52a1\uff0c\u540c\u5728\u4e00\u4e2a\u5c4b\u6a90\u4e0b\u3002<\/span>\r\n      <\/figcaption>\r\n    <\/figure>\r\n\r\n    <ul class=\"team-points reveal d2\">\r\n      <li>\u7814\u53d1\u3001\u751f\u4ea7\u3001\u9500\u552e\u4e00\u4f53\u5316<\/li>\r\n      <li>\u6838\u5fc3\u6280\u672f\u56e2\u961f\u62e5\u6709 20 \u5e74\u4ee5\u4e0a\u7535\u6c60\u884c\u4e1a\u7ecf\u9a8c<\/li>\r\n      <li>\u4e3a OEM \/ ODM \u9879\u76ee\u63d0\u4f9b\u9762\u5411\u51fa\u53e3\u7684\u5de5\u7a0b\u652f\u6301<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================== 5 \u00b7 \u6838\u5fc3\u6280\u672f ============================== -->\r\n<section class=\"ice-section ice-section--grad section\">\r\n  <div class=\"ice-glow ice-glow--a ice-glow--float\"><\/div>\r\n  <svg class=\"hex-deco arc-deco\" style=\"left:50%;top:8%;transform:translateX(-50%);opacity:.45\" width=\"900\" height=\"220\" viewBox=\"0 0 900 220\" fill=\"none\">\r\n    <path d=\"M0 180C150 40 320 220 480 110s300-90 420 20\" stroke=\"rgba(27,124,203,.30)\" stroke-width=\"1.2\"\/>\r\n    <path d=\"M0 200C170 70 340 240 500 130s290-80 400 30\" stroke=\"rgba(27,124,203,.18)\" stroke-width=\"1.2\"\/>\r\n  <\/svg>\r\n\r\n  <div class=\"wrap ice-content\">\r\n    <div class=\"center reveal\">\r\n      <span class=\"eyebrow\">\u6838\u5fc3\u6280\u672f<\/span>\r\n      <h2 class=\"h2\">\u9ad8\u6027\u80fd\u7535\u6c60\u89e3\u51b3\u65b9\u6848<\/h2>\r\n      <p class=\"lede\">\u9762\u5411\u4e25\u82db\u5e94\u7528\u573a\u666f\u6253\u9020\u2014\u2014\u5feb\u5145\u3001\u6781\u7aef\u6e29\u5ea6\u4e0e\u5927\u7535\u6d41\u653e\u7535\u3002<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tech-grid\">\r\n      <div class=\"card card-hover tech reveal\">\r\n        <div class=\"ico\">\r\n          <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2 4 14h7l-1 8 9-12h-7l1-8z\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"h3\">\u5feb\u5145\u6280\u672f<\/h3>\r\n        <p>\u652f\u6301\u9ad8\u500d\u7387\u5145\u7535\u6280\u672f\uff0c\u4e3a\u9ad8\u8981\u6c42\u5e94\u7528\u573a\u666f\u63d0\u4f9b\u9ad8\u6548\u7684\u5145\u7535\u6027\u80fd\u3002<\/p>\r\n        <span class=\"metric\">\u652f\u6301\u9ad8\u500d\u7387\u5145\u7535<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"card card-hover tech reveal d1\">\r\n        <div class=\"ico\">\r\n          <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3v18M12 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6z\"\/><path d=\"M5 8h14M7 12h10\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"h3\">\u5bbd\u6e29\u6027\u80fd<\/h3>\r\n        <p>\u5148\u8fdb\u7684\u9502\u7535\u6280\u672f\u53ef\u652f\u6301 -55\u00b0C \u81f3 90\u00b0C \u7684\u6781\u7aef\u6e29\u5ea6\u73af\u5883\u3002<\/p>\r\n        <span class=\"metric\">-55\u00b0C ~ 90\u00b0C<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"card card-hover tech reveal d2\">\r\n        <div class=\"ico\">\r\n          <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 17l5-9 4 6 3-5 6 8\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"h3\">\u5927\u7535\u6d41\u653e\u7535<\/h3>\r\n        <p>\u9762\u5411\u65e0\u4eba\u673a\u3001\u7535\u52a8\u5de5\u5177\u3001\u673a\u5668\u4eba\u4e0e\u5de5\u4e1a\u8bbe\u5907\u7b49\u9ad8\u529f\u7387\u5e94\u7528\u8bbe\u8ba1\u3002<\/p>\r\n        <span class=\"metric\">\u9ad8\u653e\u7535\u500d\u7387<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================== 6 \u00b7 \u54c1\u8d28\u4e0e\u8ba4\u8bc1 ============================== -->\r\n<section class=\"ice-section ice-section--white section\">\r\n  <div class=\"ice-ring ice-ring--sm ice-ring--spin\"><\/div>\r\n  <div class=\"ice-grid\"><\/div>\r\n  <div class=\"wrap ice-content\">\r\n    <div class=\"reveal\">\r\n      <span class=\"eyebrow\">\u54c1\u8d28\u4e0e\u8ba4\u8bc1<\/span>\r\n      <h2 class=\"h2\">\u901a\u8fc7\u56fd\u9645\u6807\u51c6\u8ba4\u8bc1<\/h2>\r\n      <p class=\"lede\">\u6211\u4eec\u7684\u8d28\u91cf\u7ba1\u7406\u4f53\u7cfb\u4e0e\u4ea7\u54c1\u5747\u901a\u8fc7\u56fd\u9645\u6743\u5a01\u6807\u51c6\u8ba4\u8bc1\uff0c\u4e3a\u5ba2\u6237\u987a\u5229\u8fdb\u5165\u76ee\u6807\u5e02\u573a\u63d0\u4f9b\u652f\u6301\u3002<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cert-grid\">\r\n      <div class=\"cert-shot reveal\">\r\n        <div class=\"frame\">\r\n          <img loading=\"lazy\" src=\"https:\/\/wesbattery.com\/wp-content\/uploads\/2026\/09\/certificates-scaled.webp\"\r\n               width=\"2560\" height=\"1441\" loading=\"lazy\" decoding=\"async\"\r\n               alt=\"\u7eac\u4e16\u65b0\u80fd\u6e90\u8d28\u91cf\u8ba4\u8bc1\u8bc1\u4e66\uff1aISO 9001\u3001ISO 14001\u3001CE\u3001UL\u3001IEC\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cert-list reveal d2\">\r\n        <div class=\"cert-row\"><span class=\"mk\">ISO<\/span><div><b>ISO 9001<\/b><span>\u8d28\u91cf\u7ba1\u7406\u4f53\u7cfb\u8ba4\u8bc1<\/span><\/div><\/div>\r\n        <div class=\"cert-row\"><span class=\"mk\">ISO<\/span><div><b>ISO 14001<\/b><span>\u73af\u5883\u7ba1\u7406\u4f53\u7cfb\u8ba4\u8bc1<\/span><\/div><\/div>\r\n        <div class=\"cert-row\"><span class=\"mk\">CE<\/span><div><b>CE<\/b><span>\u6b27\u76df\u5e02\u573a\u51c6\u5165\u5408\u89c4<\/span><\/div><\/div>\r\n        <div class=\"cert-row\"><span class=\"mk\">UL<\/span><div><b>UL<\/b><span>\u5317\u7f8e\u5b89\u5168\u5408\u89c4<\/span><\/div><\/div>\r\n        <div class=\"cert-row\"><span class=\"mk\">IEC<\/span><div><b>IEC<\/b><span>\u56fd\u9645\u7535\u5de5\u6807\u51c6<\/span><\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================== 7 \u00b7 \u4e3a\u4ec0\u4e48\u9009\u62e9\u7eac\u4e16 ============================== -->\r\n<section class=\"ice-section ice-section--grad section\">\r\n  <div class=\"ice-ring ice-ring--lg\" style=\"left:-260px;right:auto;top:auto;bottom:-260px\"><\/div>\r\n  <div class=\"wrap ice-content\">\r\n    <div class=\"reveal\">\r\n      <span class=\"eyebrow\">\u4e3a\u4ec0\u4e48\u9009\u62e9\u7eac\u4e16<\/span>\r\n      <h2 class=\"h2\">\u503c\u5f97\u4fe1\u8d56\u7684\u7535\u6c60\u5408\u4f5c\u4f19\u4f34<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"why-grid\">\r\n      <div class=\"why-list reveal\">\r\n        <div class=\"why-item\"><span class=\"tick\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><p>\u4e13\u4e1a\u7684\u9502\u7535\u6c60\u5236\u9020\u7ecf\u9a8c<\/p><\/div>\r\n        <div class=\"why-item\"><span class=\"tick\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><p>\u5f3a\u5927\u7684\u7814\u53d1\u80fd\u529b\u4e0e\u6301\u7eed\u7684\u4ea7\u54c1\u521b\u65b0<\/p><\/div>\r\n        <div class=\"why-item\"><span class=\"tick\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><p>\u4e25\u683c\u7684\u8d28\u91cf\u63a7\u5236\u4f53\u7cfb\u4e0e\u56fd\u9645\u8ba4\u8bc1<\/p><\/div>\r\n        <div class=\"why-item\"><span class=\"tick\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><p>\u6309\u5ba2\u6237\u9700\u6c42\u63d0\u4f9b\u5b9a\u5236\u7535\u6c60\u65b9\u6848<\/p><\/div>\r\n        <div class=\"why-item\"><span class=\"tick\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><p>\u4e30\u5bcc\u7684\u51fa\u53e3\u7ecf\u9a8c\u4e0e\u5168\u7403\u6280\u672f\u652f\u6301<\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"why-panel reveal d2\">\r\n        <h3>\u4e0e\u7eac\u4e16\u5408\u4f5c<\/h3>\r\n        <div class=\"row\"><span>\u6210\u7acb\u65f6\u95f4<\/span><b>2014 \u5e74<\/b><\/div>\r\n        <div class=\"row\"><span>\u603b\u90e8<\/span><b>\u4e2d\u56fd\u60e0\u5dde<\/b><\/div>\r\n        <div class=\"row\"><span>\u5382\u623f\u9762\u79ef<\/span><b>40,000\u33a1<\/b><\/div>\r\n        <div class=\"row\"><span>\u6838\u5fc3\u4e13\u5229<\/span><b>137+<\/b><\/div>\r\n         <div class=\"row\"><span>\u4e1a\u52a1\u6a21\u5f0f<\/span><b>OEM \/ ODM \/ \u5b9a\u5236<\/b><\/div>\r\n        <div class=\"tags\">\r\n          <span>\u9ad8\u538b\u9502\u7535<\/span><span>\u9ad8\u500d\u7387\u653e\u7535<\/span><span>\u5b9a\u5236 PACK<\/span>\r\n          <span>BMS \/ PCM<\/span><span>\u5feb\u5145<\/span><span>\u5bbd\u6e29<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================== 8 \u00b7 \u884c\u52a8\u53f7\u53ec ============================== -->\r\n<section class=\"ice-section cta\" id=\"cta\">\r\n  <div class=\"ice-ring ice-ring--sm ice-ring--spin\" style=\"right:14%;top:22%;bottom:auto\"><\/div>\r\n  <div class=\"wrap ice-content\">\r\n    <div class=\"cta-box reveal\">\r\n      <span class=\"eyebrow\">\u5f00\u59cb\u5408\u4f5c<\/span>\r\n      <h2 style=\"margin-top:18px\">\u9700\u8981\u5b9a\u5236\u9ad8\u538b\u9502\u7535\u6c60\u65b9\u6848\uff1f<\/h2>\r\n      <p>\u63d0\u4f9b\u60a8\u7684\u7535\u538b\u3001\u5bb9\u91cf\u3001\u5c3a\u5bf8\u4e0e\u653e\u7535\u8981\u6c42\uff0c\u6211\u4eec\u7684\u5de5\u7a0b\u56e2\u961f\u5c06\u56de\u590d\u9488\u5bf9\u6027\u7684\u65b9\u6848\u5efa\u8bae\u3002<\/p>\r\n      <!-- \u8be2\u76d8\u8868\u5355 \u2192 Web3Forms\u3002access key \u4e0e\u9996\u9875\u3001\u843d\u5730\u9875\u540c\u4e00\u628a\uff0c\u7edf\u4e00\u6295\u9012\u5230 Info@wesbattery.com\u3002\r\n           \u8d70 AJAX \u63d0\u4ea4\uff0c\u672a\u542f\u7528 JS \u65f6\u56de\u9000\u4e3a\u539f\u751f POST\u3002 -->\r\n      <form class=\"frm\" id=\"iqForm\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\"\r\n            data-sending=\"\u53d1\u9001\u4e2d\u2026\"\r\n            data-ok=\"\u5df2\u6536\u5230\u60a8\u7684\u9700\u6c42\uff0c\u5de5\u7a0b\u56e2\u961f\u4f1a\u5728\u4e00\u4e2a\u5de5\u4f5c\u65e5\u5185\u56de\u590d\u3002\"\r\n            data-err=\"\u8bf7\u6539\u7528\u90ae\u4ef6\u8054\u7cfb info@wesbattery.com\u3002\"\r\n            data-net=\"\u7f51\u7edc\u5f02\u5e38\uff0c\u8bf7\u6539\u7528\u90ae\u4ef6\u8054\u7cfb info@wesbattery.com\u3002\">\r\n        <input type=\"hidden\" name=\"access_key\" value=\"2b8d578e-87c5-41dc-a7a4-89238e02bdab\">\r\n        <input type=\"hidden\" name=\"subject\" value=\"\u5b98\u7f51 About Us \u8be2\u76d8 \u2014 WES Battery\">\r\n        <input type=\"hidden\" name=\"from_name\" value=\"\u7eac\u4e16\u65b0\u80fd\u6e90 \u00b7 About Us\">\r\n        <input type=\"checkbox\" name=\"botcheck\" class=\"hp\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\r\n\r\n        <div class=\"frm-row\">\r\n          <div><label for=\"f-name\">\u59d3\u540d *<\/label><input id=\"f-name\" name=\"name\" type=\"text\" placeholder=\"\u60a8\u7684\u79f0\u547c\" required autocomplete=\"name\"><\/div>\r\n          <div><label for=\"f-email\">\u5de5\u4f5c\u90ae\u7bb1 *<\/label><input id=\"f-email\" name=\"email\" type=\"email\" placeholder=\"name@company.com\" required autocomplete=\"email\"><\/div>\r\n        <\/div>\r\n        <div><label for=\"f-company\">\u516c\u53f8\u540d\u79f0<\/label><input id=\"f-company\" name=\"company\" type=\"text\" placeholder=\"\u9009\u586b\" autocomplete=\"organization\"><\/div>\r\n        <div><label for=\"f-msg\">\u9879\u76ee\u9700\u6c42 *<\/label><textarea id=\"f-msg\" name=\"message\" placeholder=\"\u8bf7\u8bf4\u660e\u7535\u538b\u3001\u5bb9\u91cf\u3001\u5c3a\u5bf8\u3001\u653e\u7535\u500d\u7387\u4e0e\u4f7f\u7528\u73af\u5883\u3002\" required><\/textarea><\/div>\r\n\r\n        <button type=\"submit\" class=\"btn btn-primary submit\">\u63d0\u4ea4\u9700\u6c42<\/button>\r\n        <p class=\"frm-status\" id=\"iqStatus\" role=\"status\" aria-live=\"polite\"><\/p>\r\n      <\/form>\r\n      <div class=\"cta-contact\">\r\n        <div>\u90ae\u7bb1\uff1a<a href=\"mailto:info@wesbattery.com\">info@wesbattery.com<\/a><\/div>\r\n        <div>\u7535\u8bdd \/ WhatsApp\uff1a<b>+86 13352613095<\/b><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================== \u56fe\u7247\u67e5\u770b\u5668 ============================== -->\r\n<div class=\"lb\" id=\"lb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u56fe\u7247\u67e5\u770b\u5668\">\r\n  <button class=\"lb-close\" id=\"lbClose\" aria-label=\"\u5173\u95ed\">\u00d7<\/button>\r\n  <div class=\"lb-in\">\r\n    <div class=\"lb-stage\"><img decoding=\"async\" id=\"lbImg\" src=\"\" alt=\"\"><\/div>\r\n    <div class=\"lb-bar\" id=\"lbBar\">\r\n      <button class=\"lb-btn\" id=\"lbPrev\" aria-label=\"\u4e0a\u4e00\u5f20\">\u2039<\/button>\r\n      <span class=\"lb-count\" id=\"lbCount\"><\/span>\r\n      <button class=\"lb-btn\" id=\"lbNext\" aria-label=\"\u4e0b\u4e00\u5f20\">\u203a<\/button>\r\n    <\/div>\r\n    <div class=\"lb-cap\"><b id=\"lbTitle\"><\/b><span id=\"lbDesc\"><\/span><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* ---------- Scroll entrance (degrades safely) ---------- *\/\r\nconst revealEls = [].slice.call(document.querySelectorAll('.reveal'));\r\nif ('IntersectionObserver' in window) {\r\n  const io = new IntersectionObserver((es)=>{\r\n    es.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\r\n  },{threshold:.14,rootMargin:'0px 0px -40px 0px'});\r\n  revealEls.forEach(el=>io.observe(el));\r\n  \/* safety net: if another script throws before this point, reveal whatever is on screen *\/\r\n  setTimeout(()=>{ revealEls.forEach(el=>{\r\n    if(!el.classList.contains('in') && el.getBoundingClientRect().top < window.innerHeight) el.classList.add('in');\r\n  }); }, 2500);\r\n} else {\r\n  revealEls.forEach(el=>el.classList.add('in'));\r\n}\r\n\r\n\/* ---------- Number count-up ---------- *\/\r\nfunction fmt(n, el){\r\n  const sep = el.dataset.sep === '1';\r\n  \/* round BEFORE formatting: toLocaleString keeps the decimals, which painted\r\n     \"22,804.781\" as the factory area while the count-up was still running *\/\r\n  const v = Math.round(n);\r\n  return (sep ? v.toLocaleString('en-US') : v) + (el.dataset.suffix || '');\r\n}\r\nconst numEls = [].slice.call(document.querySelectorAll('[data-count]'));\r\nif ('IntersectionObserver' in window) {\r\n  const countIO = new IntersectionObserver((es)=>{\r\n    es.forEach(e=>{\r\n      if(!e.isIntersecting) return;\r\n      const el = e.target, target = +el.dataset.count, dur = 1400, t0 = performance.now();\r\n      (function tick(t){\r\n        \/* clamp low as well: a rAF timestamp can precede the performance.now()\r\n           captured just above, which would briefly paint a negative number *\/\r\n        const p = Math.min(Math.max((t-t0)\/dur,0),1);\r\n        el.textContent = fmt(target*(1-Math.pow(1-p,3)), el);\r\n        if(p<1) requestAnimationFrame(tick);\r\n      })(t0);\r\n      countIO.unobserve(el);\r\n    });\r\n  },{threshold:.5});\r\n  numEls.forEach(el=>countIO.observe(el));\r\n}\r\n\/* no IntersectionObserver \u2192 the static value already in the HTML is already correct *\/\r\n\r\n\/* ---------- Inquiry form \u2192 Web3Forms ----------\r\n   Progressive enhancement: with JavaScript off the form still POSTs natively to\r\n   Web3Forms. Every user-facing string lives in a data-* attribute on the form, so\r\n   this script stays byte-identical between the EN and CN builds. *\/\r\nconst iqForm = document.getElementById('iqForm');\r\nif (iqForm) {\r\n  const iqBtn = iqForm.querySelector('.submit');\r\n  const iqStatus = document.getElementById('iqStatus');\r\n  const iqBtnLabel = iqBtn ? iqBtn.textContent : '';\r\n  iqForm.addEventListener('submit', function(e){\r\n    e.preventDefault();                       \/* AJAX path; native POST is the fallback *\/\r\n    if (iqBtn) { iqBtn.disabled = true; iqBtn.textContent = iqForm.dataset.sending || 'Sending\u2026'; }\r\n    if (iqStatus) { iqStatus.className = 'frm-status'; iqStatus.textContent = ''; }\r\n    fetch(iqForm.action, {\r\n      method: 'POST',\r\n      body: new FormData(iqForm),\r\n      headers: { Accept: 'application\/json' }\r\n    })\r\n    .then(function(r){ return r.json(); })\r\n    .then(function(d){\r\n      if (d.success) {\r\n        iqForm.reset();\r\n        if (iqStatus) { iqStatus.className = 'frm-status ok'; iqStatus.textContent = iqForm.dataset.ok || ''; }\r\n      } else if (iqStatus) {\r\n        iqStatus.className = 'frm-status err';\r\n        iqStatus.textContent = (d.message || '') + (iqForm.dataset.err ? ' ' + iqForm.dataset.err : '');\r\n      }\r\n    })\r\n    .catch(function(){\r\n      if (iqStatus) { iqStatus.className = 'frm-status err'; iqStatus.textContent = iqForm.dataset.net || ''; }\r\n    })\r\n    .finally(function(){ if (iqBtn) { iqBtn.disabled = false; iqBtn.textContent = iqBtnLabel; } });\r\n  });\r\n}\r\n\r\n\/* ---------- Lightbox gallery ---------- *\/\r\nconst lb      = document.getElementById('lb');\r\nconst lbImg   = document.getElementById('lbImg');\r\nconst lbTitle = document.getElementById('lbTitle');\r\nconst lbDesc  = document.getElementById('lbDesc');\r\nconst lbCount = document.getElementById('lbCount');\r\nconst lbBar   = document.getElementById('lbBar');\r\nconst shots   = [].slice.call(document.querySelectorAll('[data-zoom]'));\r\nlet lbIndex = 0;\r\n\r\nfunction openLb(i){\r\n  lbIndex = (i + shots.length) % shots.length;\r\n  const g = shots[lbIndex];\r\n  const img = g.querySelector('img');\r\n  lbImg.src = img.currentSrc || img.src;\r\n  lbImg.alt = img.alt || '';\r\n  lbTitle.textContent = g.dataset.title || '';\r\n  lbDesc.textContent  = g.dataset.desc  || '';\r\n  lbCount.textContent = (lbIndex + 1) + ' \/ ' + shots.length;\r\n  lbBar.classList.toggle('hide', shots.length < 2);\r\n  lb.classList.add('on');\r\n  document.body.style.overflow = 'hidden';\r\n}\r\nfunction closeLb(){ lb.classList.remove('on'); document.body.style.overflow = ''; }\r\n\r\nshots.forEach((g,i)=>{\r\n  g.addEventListener('click', ()=>openLb(i));\r\n  g.addEventListener('keydown', e=>{ if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); openLb(i); } });\r\n});\r\ndocument.getElementById('lbPrev').addEventListener('click', e=>{ e.stopPropagation(); openLb(lbIndex - 1); });\r\ndocument.getElementById('lbNext').addEventListener('click', e=>{ e.stopPropagation(); openLb(lbIndex + 1); });\r\ndocument.getElementById('lbClose').addEventListener('click', e=>{ e.stopPropagation(); closeLb(); });\r\nlb.addEventListener('click', e=>{ if(e.target === lb) closeLb(); });\r\ndocument.addEventListener('keydown', e=>{\r\n  if(!lb.classList.contains('on')) return;\r\n  if(e.key === 'Escape')     closeLb();\r\n  if(e.key === 'ArrowLeft')  openLb(lbIndex - 1);\r\n  if(e.key === 'ArrowRight') openLb(lbIndex + 1);\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":9273,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3127","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/wesbattery.com\/zh\/wp-json\/wp\/v2\/pages\/3127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wesbattery.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wesbattery.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wesbattery.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wesbattery.com\/zh\/wp-json\/wp\/v2\/comments?post=3127"}],"version-history":[{"count":3,"href":"https:\/\/wesbattery.com\/zh\/wp-json\/wp\/v2\/pages\/3127\/revisions"}],"predecessor-version":[{"id":9368,"href":"https:\/\/wesbattery.com\/zh\/wp-json\/wp\/v2\/pages\/3127\/revisions\/9368"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wesbattery.com\/zh\/wp-json\/wp\/v2\/media\/9273"}],"wp:attachment":[{"href":"https:\/\/wesbattery.com\/zh\/wp-json\/wp\/v2\/media?parent=3127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}