1<!doctype html> 2<html class="js" lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width,initial-scale=1"> 7 <meta name="theme-color" content=""> 8 <link rel="canonical" href="https://leagendsolutions.com/pages/contact"> 9 <!-- é¢å è½½åä½ --> 10 <link rel="preload" href="https://cdn.shopify.com/s/files/1/0562/6567/0793/files/ARLRDBD.TTF?v=1735030076" as="font" type="font/ttf" crossorigin> 11 <link rel="preload" href="https://cdn.shopify.com/s/files/1/0562/6567/0793/files/ARIAL.TTF?v=1735030077" as="font" type="font/ttf" crossorigin> 12 <link rel="preload" href="https://cdn.shopify.com/s/files/1/0562/6567/0793/files/ARIALI.TTF?v=1735030077" as="font" type="font/ttf" crossorigin><link rel="icon" type="image/png" href="//leagendsolutions.com/cdn/shop/files/faviocn.png?crop=center&height=32&v=1738743083&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> 13 Battery Monitoring System Manufacturer | BMS Provider 14 – leagend</title> 15 16 17 <meta name="description" content="leagend has been a top manufacturer and provider of battery monitoring and management systems and solutions (BMS) for over 10 years."> 18 19 20 21 22<meta property="og:site_name" content="leagend"> 23<meta property="og:url" content="https://leagendsolutions.com/pages/contact"> 24<meta property="og:title" content="Battery Monitoring System Manufacturer | BMS Provider"> 25<meta property="og:type" content="website"> 26<meta property="og:description" content="leagend has been a top manufacturer and provider of battery monitoring and management systems and solutions (BMS) for over 10 years."><meta property="og:image" content="http://leagendsolutions.com/cdn/shop/files/logo_for_solutions_bd269555-c38d-4746-bffe-a8648d43cd41.png?v=1737449903"> 27 <meta property="og:image:secure_url" content="https://leagendsolutions.com/cdn/shop/files/logo_for_solutions_bd269555-c38d-4746-bffe-a8648d43cd41.png?v=1737449903"> 28 <meta property="og:image:width" content="1200"> 29 <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image"> 30<meta name="twitter:title" content="Battery Monitoring System Manufacturer | BMS Provider"> 31<meta name="twitter:description" content="leagend has been a top manufacturer and provider of battery monitoring and management systems and solutions (BMS) for over 10 years."> 32 33 34
34<script src="//leagendsolutions.com/cdn/shop/t/9/assets/constants.js?v=132983761750457495441734399039" defer="defer"></script>
34 35
35<script src="//leagendsolutions.com/cdn/shop/t/9/assets/pubsub.js?v=158357773527763999511734399039" defer="defer"></script>
35 36
36<script src="//leagendsolutions.com/cdn/shop/t/9/assets/global.js?v=122737519256983413521737270323" defer="defer"></script>
36 37
37<script src="//leagendsolutions.com/cdn/shop/t/9/assets/details-disclosure.js?v=13653116266235556501737270291" defer="defer"></script>
37 38
38<script src="//leagendsolutions.com/cdn/shop/t/9/assets/details-modal.js?v=25581673532751508451737269431" defer="defer"></script>
38 39
39<script src="//leagendsolutions.com/cdn/shop/t/9/assets/search-form.js?v=133129549252120666541734399039" defer="defer"></script>
39<script src="//leagendsolutions.com/cdn/shop/t/9/assets/animations.js?v=88693664871331136111734399039" defer="defer"></script>
39<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
39<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/56265670793/digital_wallets/dialog"> 40<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
40<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
40 41<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
42<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=56265670793" crossorigin="anonymous"></script>
vendor: 1 bytes, line 42
42
43<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":56265670793,"countryCode":"HK","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/56265670793","merchantName":"leagend","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex"],"total":{"type":"pending","label":"leagend","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 43
43
44<script id="shopify-features" type="application/json">{"accessToken":"37b69453f255b12cdfce7dd0afadff27","betas":["rich-media-storefront-analytics"],"domain":"leagendsolutions.com","predictiveSearch":true,"shopId":56265670793,"locale":"en"}</script>
vendor: 1 bytes, line 44
44
45<script>var Shopify = Shopify || {}; 46Shopify.shop = "szleagend.myshopify.com"; 47Shopify.locale = "en"; 48Shopify.currency = {"active":"USD","rate":"1.0"}; 49Shopify.country = "US"; 50Shopify.theme = {"name":"Dawn (Production version)","id":138759733385,"schema_name":"Dawn","schema_version":"15.2.0","theme_store_id":887,"role":"main"}; 51Shopify.theme.handle = "null"; 52Shopify.theme.style = {"id":null,"handle":null}; 53Shopify.cdnHost = "leagendsolutions.com/cdn"; 54Shopify.routes = Shopify.routes || {}; 55Shopify.routes.root = "/"; 56Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 57Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 58Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 59Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 59
59
60<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 60
60
61<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 61
61
62<script> 63 window.ShopifyPay = window.ShopifyPay || {}; 64 window.ShopifyPay.apiHost = "shop.app\/pay"; 65 window.ShopifyPay.redirectState = null; 66</script>
vendor: 1 bytes, line 66
66
67<script> 68 window.Shopify = window.Shopify || {}; 69 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 70 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 71 window.Shopify.SignInWithShop.eligible = true; 72</script>
vendor: 1 bytes, line 72
72
73<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 73
73
74<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 74
74
75<script type="module"> 76 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 77 78 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 79 80</script>
vendor: 1 bytes, line 80
80
81<script> 82 window.Shopify = window.Shopify || {}; 83 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 84 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 85</script>
vendor: 1 bytes, line 85
85
86<script id="__st">var __st={"a":56265670793,"offset":-14400,"reqid":"0a8fc285-5630-46f2-a40a-235e3fba964e-1791170489","pageurl":"leagendsolutions.com\/pages\/contact","s":"pages-82351161481","u":"00541dbd14cb","p":"page","rtyp":"page","rid":82351161481};</script>
vendor: 1 bytes, line 86
86
87<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 87
87
88<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 88
88
89<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//leagendsolutions.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 89
89
90<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//leagendsolutions.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
90<script crossorigin="anonymous" defer="defer" src="//leagendsolutions.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 90
90
91<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 91
91
92<script> 93 window.Shopify = window.Shopify || {}; 94 window.Shopify.MCP = window.Shopify.MCP || {}; 95 window.Shopify.MCP.enabled = true; 96 window.Shopify.MCP.shop = "szleagend.myshopify.com"; 97 window.Shopify.MCP.mcpEndpoint = "https:\/\/leagendsolutions.com\/api\/mcp"; 98 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 99</script>
vendor: 1 bytes, line 99
99
100<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/leagendsolutions.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 101</script>
vendor: 1 bytes, line 101
101
102<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://leagendsolutions.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 103</script>
vendor: 1 bytes, line 103
103
104<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 105 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 106</script>
vendor: 1 bytes, line 106
106
107<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 108</script>
108 109<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://leagendsolutions.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 110<style id="shopify-accelerated-checkout-cart"> 111 #shopify-buyer-consent { 112 margin-top: 1em; 113 display: inline-block; 114 width: 100%; 115} 116 117#shopify-buyer-consent.hidden { 118 display: none; 119} 120 121#shopify-subscription-policy-button { 122 background: none; 123 border: none; 124 padding: 0; 125 text-decoration: underline; 126 font-size: inherit; 127 cursor: pointer; 128} 129 130#shopify-subscription-policy-button::before { 131 box-shadow: none; 132} 133 134 </style>
135<script id="sections-script" data-sections="header" defer="defer" src="//leagendsolutions.com/cdn/shop/t/9/compiled_assets/scripts.js?v=105030000596947512381741948832"></script>
vendor: 1 bytes, line 135
135
136<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
136 137 138 139 <style data-shopify> 140 @font-face { 141 font-family: Assistant; 142 font-weight: 400; 143 font-style: normal; 144 font-display: swap; 145 src: url("//leagendsolutions.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"), 146 url("//leagendsolutions.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff"); 147} 148 149 @font-face { 150 font-family: Assistant; 151 font-weight: 700; 152 font-style: normal; 153 font-display: swap; 154 src: url("//leagendsolutions.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2") format("woff2"), 155 url("//leagendsolutions.com/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff") format("woff"); 156} 157 158 159 160 @font-face { 161 font-family: Assistant; 162 font-weight: 400; 163 font-style: normal; 164 font-display: swap; 165 src: url("//leagendsolutions.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"), 166 url("//leagendsolutions.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff"); 167} 168 169 170 171 :root, 172 .color-scheme-1 { 173 --color-background: 255,255,255; 174 175 --gradient-background: #ffffff; 176 177 178 179 180 --color-foreground: 18,18,18; 181 --color-background-contrast: 191,191,191; 182 --color-shadow: 18,18,18; 183 --color-button: 18,18,18; 184 --color-button-text: 255,255,255; 185 --color-secondary-button: 255,255,255; 186 --color-secondary-button-text: 18,18,18; 187 --color-link: 18,18,18; 188 --color-badge-foreground: 18,18,18; 189 --color-badge-background: 255,255,255; 190 --color-badge-border: 18,18,18; 191 --payment-terms-background-color: rgb(255 255 255); 192 } 193 194 195 .color-scheme-2 { 196 --color-background: 243,243,243; 197 198 --gradient-background: #f3f3f3; 199 200 201 202 203 --color-foreground: 18,18,18; 204 --color-background-contrast: 179,179,179; 205 --color-shadow: 18,18,18; 206 --color-button: 18,18,18; 207 --color-button-text: 243,243,243; 208 --color-secondary-button: 243,243,243; 209 --color-secondary-button-text: 18,18,18; 210 --color-link: 18,18,18; 211 --color-badge-foreground: 18,18,18; 212 --color-badge-background: 243,243,243; 213 --color-badge-border: 18,18,18; 214 --payment-terms-background-color: rgb(243 243 243); 215 } 216 217 218 .color-scheme-3 { 219 --color-background: 36,40,51; 220 221 --gradient-background: #242833; 222 223 224 225 226 --color-foreground: 255,255,255; 227 --color-background-contrast: 47,52,66; 228 --color-shadow: 18,18,18; 229 --color-button: 255,255,255; 230 --color-button-text: 0,0,0; 231 --color-secondary-button: 36,40,51; 232 --color-secondary-button-text: 255,255,255; 233 --color-link: 255,255,255; 234 --color-badge-foreground: 255,255,255; 235 --color-badge-background: 36,40,51; 236 --color-badge-border: 255,255,255; 237 --payment-terms-background-color: rgb(36 40 51); 238 } 239 240 241 .color-scheme-4 { 242 --color-background: 18,18,18; 243 244 --gradient-background: #121212; 245 246 247 248 249 --color-foreground: 255,255,255; 250 --color-background-contrast: 146,146,146; 251 --color-shadow: 18,18,18; 252 --color-button: 255,255,255; 253 --color-button-text: 18,18,18; 254 --color-secondary-button: 18,18,18; 255 --color-secondary-button-text: 255,255,255; 256 --color-link: 255,255,255; 257 --color-badge-foreground: 255,255,255; 258 --color-badge-background: 18,18,18; 259 --color-badge-border: 255,255,255; 260 --payment-terms-background-color: rgb(18 18 18); 261 } 262 263 264 .color-scheme-5 { 265 --color-background: 14,73,125; 266 267 --gradient-background: #0e497d; 268 269 270 271 272 --color-foreground: 255,255,255; 273 --color-background-contrast: 17,86,148; 274 --color-shadow: 18,18,18; 275 --color-button: 255,255,255; 276 --color-button-text: 51,79,180; 277 --color-secondary-button: 14,73,125; 278 --color-secondary-button-text: 255,255,255; 279 --color-link: 255,255,255; 280 --color-badge-foreground: 255,255,255; 281 --color-badge-background: 14,73,125; 282 --color-badge-border: 255,255,255; 283 --payment-terms-background-color: rgb(14 73 125); 284 } 285 286 287 .color-scheme-99a6243c-9827-4795-af54-259308fb1860 { 288 --color-background: 240,241,242; 289 290 --gradient-background: #f0f1f2; 291 292 293 294 295 --color-foreground: 38,38,38; 296 --color-background-contrast: 172,177,183; 297 --color-shadow: 18,18,18; 298 --color-button: 38,38,38; 299 --color-button-text: 255,255,255; 300 --color-secondary-button: 240,241,242; 301 --color-secondary-button-text: 18,18,18; 302 --color-link: 18,18,18; 303 --color-badge-foreground: 38,38,38; 304 --color-badge-background: 240,241,242; 305 --color-badge-border: 38,38,38; 306 --payment-terms-background-color: rgb(240 241 242); 307 } 308 309 310 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-99a6243c-9827-4795-af54-259308fb1860 { 311 color: rgba(var(--color-foreground), 0.75); 312 background-color: rgb(var(--color-background)); 313 } 314 315 :root { 316 --font-body-family: Assistant, sans-serif; 317 --font-body-style: normal; 318 --font-body-weight: 400; 319 --font-body-weight-bold: 700; 320 321 --font-heading-family: Assistant, sans-serif; 322 --font-heading-style: normal; 323 --font-heading-weight: 400; 324 325 --font-body-scale: 1.0; 326 --font-heading-scale: 1.0; 327 328 --media-padding: px; 329 --media-border-opacity: 0.05; 330 --media-border-width: 1px; 331 --media-radius: 0px;
332 --media-shadow-opacity: 0.0; 333 --media-shadow-horizontal-offset: 0px; 334 --media-shadow-vertical-offset: 4px; 335 --media-shadow-blur-radius: 5px; 336 --media-shadow-visible: 0; 337 338 --page-width: 120rem; 339 --page-width-margin: 0rem; 340 341 --product-card-image-padding: 0.0rem; 342 --product-card-corner-radius: 0.0rem; 343 --product-card-text-alignment: left; 344 --product-card-border-width: 0.0rem; 345 --product-card-border-opacity: 0.1; 346 --product-card-shadow-opacity: 0.0; 347 --product-card-shadow-visible: 0; 348 --product-card-shadow-horizontal-offset: 0.0rem; 349 --product-card-shadow-vertical-offset: 0.4rem; 350 --product-card-shadow-blur-radius: 0.5rem; 351 352 --collection-card-image-padding: 0.0rem; 353 --collection-card-corner-radius: 0.0rem; 354 --collection-card-text-alignment: left; 355 --collection-card-border-width: 0.0rem; 356 --collection-card-border-opacity: 0.1; 357 --collection-card-shadow-opacity: 0.0; 358 --collection-card-shadow-visible: 0; 359 --collection-card-shadow-horizontal-offset: 0.0rem; 360 --collection-card-shadow-vertical-offset: 0.4rem; 361 --collection-card-shadow-blur-radius: 0.5rem; 362 363 --blog-card-image-padding: 0.0rem; 364 --blog-card-corner-radius: 0.0rem; 365 --blog-card-text-alignment: left; 366 --blog-card-border-width: 0.0rem; 367 --blog-card-border-opacity: 0.1; 368 --blog-card-shadow-opacity: 0.0; 369 --blog-card-shadow-visible: 0; 370 --blog-card-shadow-horizontal-offset: 0.0rem; 371 --blog-card-shadow-vertical-offset: 0.4rem; 372 --blog-card-shadow-blur-radius: 0.5rem; 373 374 --badge-corner-radius: 4.0rem; 375 376 --popup-border-width: 1px; 377 --popup-border-opacity: 0.1; 378 --popup-corner-radius: 0px; 379 --popup-shadow-opacity: 0.05; 380 --popup-shadow-horizontal-offset: 0px; 381 --popup-shadow-vertical-offset: 4px; 382 --popup-shadow-blur-radius: 5px; 383 384 --drawer-border-width: 1px; 385 --drawer-border-opacity: 0.1; 386 --drawer-shadow-opacity: 0.0; 387 --drawer-shadow-horizontal-offset: 0px; 388 --drawer-shadow-vertical-offset: 4px; 389 --drawer-shadow-blur-radius: 5px; 390 391 --spacing-sections-desktop: 0px; 392 --spacing-sections-mobile: 0px; 393 394 --grid-desktop-vertical-spacing: 8px; 395 --grid-desktop-horizontal-spacing: 8px; 396 --grid-mobile-vertical-spacing: 4px; 397 --grid-mobile-horizontal-spacing: 4px; 398 399 --text-boxes-border-opacity: 0.1; 400 --text-boxes-border-width: 0px; 401 --text-boxes-radius: 0px; 402 --text-boxes-shadow-opacity: 0.0; 403 --text-boxes-shadow-visible: 0; 404 --text-boxes-shadow-horizontal-offset: 0px; 405 --text-boxes-shadow-vertical-offset: 4px; 406 --text-boxes-shadow-blur-radius: 5px; 407 408 --buttons-radius: 0px; 409 --buttons-radius-outset: 0px; 410 --buttons-border-width: 1px; 411 --buttons-border-opacity: 1.0; 412 --buttons-shadow-opacity: 0.0; 413 --buttons-shadow-visible: 0; 414 --buttons-shadow-horizontal-offset: 0px; 415 --buttons-shadow-vertical-offset: 4px; 416 --buttons-shadow-blur-radius: 5px; 417 --buttons-border-offset: 0px; 418 419 --inputs-radius: 0px; 420 --inputs-border-width: 1px; 421 --inputs-border-opacity: 0.55; 422 --inputs-shadow-opacity: 0.0; 423 --inputs-shadow-horizontal-offset: 0px; 424 --inputs-margin-offset: 0px; 425 --inputs-shadow-vertical-offset: 4px; 426 --inputs-shadow-blur-radius: 5px; 427 --inputs-radius-outset: 0px; 428 429 --variant-pills-radius: 40px; 430 --variant-pills-border-width: 1px; 431 --variant-pills-border-opacity: 0.55; 432 --variant-pills-shadow-opacity: 0.0; 433 --variant-pills-shadow-horizontal-offset: 0px; 434 --variant-pills-shadow-vertical-offset: 4px; 435 --variant-pills-shadow-blur-radius: 5px; 436 } 437 438 *, 439 *::before, 440 *::after { 441 box-sizing: inherit; 442 } 443 444 html { 445 box-sizing: border-box; 446 font-size: calc(var(--font-body-scale) * 62.5%); 447 height: 100%; 448 } 449 450 body { 451 display: grid; 452 grid-template-rows: auto auto 1fr auto; 453 grid-template-columns: 100%; 454 min-height: 100%; 455 margin: 0; 456 font-size: 1.5rem; 457 letter-spacing: 0.06rem; 458 line-height: calc(1 + 0.8 / var(--font-body-scale)); 459 font-family: var(--font-body-family); 460 font-style: var(--font-body-style); 461 font-weight: var(--font-body-weight); 462 } 463 464 @media screen and (min-width: 750px) { 465 body { 466 font-size: 1.6rem; 467 } 468 } 469 </style>
470 <link href="//leagendsolutions.com/cdn/shop/t/9/assets/swiper-bundle.min.css?v=6274399383326987271735023225" rel="stylesheet" type="text/css" media="all" /> 471 <link href="//leagendsolutions.com/cdn/shop/t/9/assets/base.css?v=173283495953699741211744613143" rel="stylesheet" type="text/css" media="all" /> 472 <link rel="stylesheet" href="//leagendsolutions.com/cdn/shop/t/9/assets/component-cart-items.css?v=123238115697927560811734399039" media="print" onload="this.media='all'"><link href="//leagendsolutions.com/cdn/shop/t/9/assets/component-cart-drawer.css?v=112801333748515159671734399039" rel="stylesheet" type="text/css" media="all" /> 473 <link href="//leagendsolutions.com/cdn/shop/t/9/assets/component-cart.css?v=164708765130180853531734399039" rel="stylesheet" type="text/css" media="all" /> 474 <link href="//leagendsolutions.com/cdn/shop/t/9/assets/component-totals.css?v=15906652033866631521734399039" rel="stylesheet" type="text/css" media="all" /> 475 <link href="//leagendsolutions.com/cdn/shop/t/9/assets/component-price.css?v=70172745017360139101734399039" rel="stylesheet" type="text/css" media="all" /> 476 <link href="//leagendsolutions.com/cdn/shop/t/9/assets/component-discounts.css?v=152760482443307489271734399039" rel="stylesheet" type="text/css" media="all" /> 477 478 <link rel="preload" as="font" href="//leagendsolutions.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin> 479 480 481 <link rel="preload" as="font" href="//leagendsolutions.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin> 482 483<link 484 rel="stylesheet" 485 href="//leagendsolutions.com/cdn/shop/t/9/assets/component-predictive-search.css?v=118923337488134913561734399039" 486 media="print" 487 onload="this.media='all'" 488 >
488<script> 489 if (Shopify.designMode) { 490 document.documentElement.classList.add('shopify-design-mode'); 491 } 492 </script>
492 493 494 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 494-495
494 495<script async src="https://www.googletagmanager.com/gtag/js?id=
495G-KPRSP60D4Q
vendor: 12 bytes, line 495
495"></script>
496<script> 497
vendor: 134 bytes, lines 497-501
497window.dataLayer = window.dataLayer || []; 498 function gtag(){dataLayer.push(arguments);} 499 gtag('js', new Date()); 500 501 gtag('config', '
501G-KPRSP60D4Q
vendor: 4 bytes, line 501
501');
502</script>
502 503 504 <style> 505 @font-face { 506 font-family: Arial-BoldMT; 507 font-display: swap; 508 src: url('https://cdn.shopify.com/s/files/1/0562/6567/0793/files/ARLRDBD.TTF?v=1735030076'); 509 510 511 } 512 513 @font-face { 514 font-family: Arial; 515 font-display: swap; 516 src: url('https://cdn.shopify.com/s/files/1/0562/6567/0793/files/ARIAL.TTF?v=1735030077'); 517 } 518 519 @font-face { 520 font-family: Arial-ItalicMT; 521 font-display: swap; 522 src: url('https://cdn.shopify.com/s/files/1/0562/6567/0793/files/ARIALI.TTF?v=1735030077'); 523 } 524 525 526 .content-for-layout .section ul { 527 list-style: none; 528 margin-left: 0; 529 padding-left: 0; 530} 531 532 </style> 533 <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
534<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 56265670793,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 534
534
535<script> 536 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 537</script>
vendor: 1 bytes, line 537
537
538<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
538).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 56265670793,storefrontBaseUrl: "https://leagendsolutions.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://leagendsolutions.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1192788105","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-KPRSP60D4Q\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-KPRSP60D4Q\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-KPRSP60D4Q\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-KPRSP60D4Q\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-KPRSP60D4Q\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-KPRSP60D4Q\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-KPRSP60D4Q\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-KPRSP60D4Q\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"leagend","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"szleagend.myshopify.com","countryCode":"HK","storefrontUrl":"https:\/\/leagendsolutions.
538com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://leagendsolutions.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"138759733385","themeStoreId":"887","themePublished":"true","eventMetadataId":"12310f7d-f399-4520-a30c-b00704a78316","pageType":"page","resourceId":"82351161481","shopId":"56265670793","storefrontBaseUrl":"https:\/\/leagendsolutions.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
538<script> 539 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 540 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 541 window.ShopifyAnalytics.meta.currency = 'USD'; 542 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":82351161481,"requestId":"0a8fc285-5630-46f2-a40a-235e3fba964e-1791170489"}}; 543 for (var attr in meta) { 544 window.ShopifyAnalytics.meta[attr] = meta[attr]; 545 } 546</script>
vendor: 1 bytes, line 546
546
547<script class="analytics"> 548 (function () { 549 var customDocumentWrite = function(content) { 550 var jquery = null; 551 552 if (window.jQuery) { 553 jquery = window.jQuery; 554 } else if (window.Checkout && window.Checkout.$) { 555 jquery = window.Checkout.$; 556 } 557 558 if (jquery) { 559 jquery('body').append(content); 560 } 561 }; 562 563 var hasLoggedConversion = function(token) { 564 if (token) { 565 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 566 } 567 return false; 568 } 569 570 var setCookieIfConversion = function(token) { 571 if (token) { 572 var twoMonthsFromNow = new Date(Date.now()); 573 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 574 575 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 576 } 577 } 578 579 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 580 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 581 if (trekkie.integrations) { 582 return; 583 } 584 trekkie.methods = [ 585 'identify', 586 'page', 587 'ready', 588 'track', 589 'trackForm', 590 'trackLink' 591 ]; 592 trekkie.factory = function(method) { 593 return function() { 594 var args = Array.prototype.slice.call(arguments); 595 args.unshift(method); 596 trekkie.push(args); 597 if (method == 'track' || method == 'page') { 598 var pageUrl; 599 try { 600 pageUrl = window.location.href; 601 } catch (e) {} 602 var pageReferrer; 603 try { 604 pageReferrer = document.referrer; 605 } catch (e) {} 606 try { 607 if (window.__TREKKIE_SHIM_QUEUE == null) { 608 window.__TREKKIE_SHIM_QUEUE = []; 609 } 610 window.__TREKKIE_SHIM_QUEUE.push({ 611 from: 'trekkie-stub', 612 method: method, 613 args: args.slice(1), 614 pageContext: { 615 url: pageUrl, 616 referrer: pageReferrer 617 } 618 }); 619 } catch (e) { 620 // no-op 621 } 622 } 623 return trekkie; 624 }; 625 }; 626 for (var i = 0; i < trekkie.methods.length; i++) { 627 var key = trekkie.methods[i]; 628 trekkie[key] = trekkie.factory(key); 629 } 630 trekkie.load = function(config) { 631 trekkie.config = config || {}; 632 trekkie.config.initialDocumentCookie = document.cookie; 633 var first = document.getElementsByTagName('script')[0]; 634var script = document.createElement('script'); 635script.type = 'text/javascript'; 636script.onerror = function(e) { 637 var scriptFallback = document.createElement('script'); 638 scriptFallback.type = 'text/javascript'; 639 scriptFallback.onerror = function(error) { 640 var Monorail = { 641 produce: function produce(monorailDomain, schemaId, payload) { 642 var currentMs = new Date().getTime(); 643 var event = { 644 schema_id: schemaId, 645 payload: payload, 646 metadata: { 647 event_created_at_ms: currentMs, 648 event_sent_at_ms: currentMs 649 } 650 }; 651 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 652 }, 653 sendRequest: function sendRequest(endpointUrl, payload) { 654 // Try the sendBeacon API 655 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 656 var blobData = new window.Blob([payload], { 657 type: 'text/plain' 658 }); 659 660 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 661 return true; 662 } // sendBeacon was not successful 663 664 } // XHR beacon 665 666 var xhr = new XMLHttpRequest(); 667 668 try { 669 xhr.open('POST', endpointUrl); 670 xhr.setRequestHeader('Content-Type', 'text/plain'); 671 xhr.send(payload); 672 } catch (e) { 673 console.log(e); 674 } 675 676 return false; 677 }, 678 isIos12: function isIos12() { 679 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 680 } 681 }; 682 Monorail.produce('monorail-edge.shopifysvc.com', 683 'trekkie_storefront_load_errors/1.1', 684 {shop_id: 56265670793, 685 theme_id: 138759733385, 686 app_name: "storefront", 687 context_url: window.location.href,
688 source_url: "//leagendsolutions.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 689 690 }; 691 scriptFallback.async = true; 692 scriptFallback.src = '//leagendsolutions.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 693 first.parentNode.insertBefore(scriptFallback, first); 694}; 695script.async = true; 696script.src = '//leagendsolutions.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 697first.parentNode.insertBefore(script, first); 698 699 }; 700 trekkie.load( 701 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":56265670793,"isMerchantRequest":null,"themeId":138759733385,"themeCityHash":"17754991427751722708","contentLanguage":"en","currency":"USD","eventMetadataId":"12310f7d-f399-4520-a30c-b00704a78316"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 702 ); 703 704 var loaded = false; 705 trekkie.ready(function() { 706 if (loaded) return; 707 loaded = true; 708 709 window.ShopifyAnalytics.lib = window.trekkie; 710 711 var originalDocumentWrite = document.write; 712 document.write = customDocumentWrite; 713 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 714 document.write = originalDocumentWrite; 715 716 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 717 var token = match? match[1]: undefined; 718 if (!hasLoggedConversion(token)) { 719 setCookieIfConversion(token); 720 721 } 722 }); 723 724 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":82351161481,"requestId":"0a8fc285-5630-46f2-a40a-235e3fba964e-1791170489","shopifyEmitted":true}); 725 726 var eventsListenerScript = document.createElement('script'); 727 eventsListenerScript.async = true; 728 eventsListenerScript.src = "//leagendsolutions.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 729 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 730})();</script>
730 731
731<script> 732 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 733 window.ga = function ga() { 734 (window.ga.q = window.ga.q || []).push(arguments); 735 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 736 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 737 } 738 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 739 }; 740 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 741 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 742 } 743 } 744</script>
vendor: 1 bytes, line 744
744
745<script 746 defer 747 src="https://leagendsolutions.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 748 data-application="storefront-renderer" 749 data-shop-id="56265670793" 750 data-render-region="gcp-us-central1" 751 data-page-type="page" 752 data-theme-instance-id="138759733385" 753 data-theme-name="Dawn" 754 data-theme-version="15.2.0" 755 data-monorail-region="shop_domain" 756 data-resource-timing-sampling-rate="10" 757 data-shs="true" 758 data-shs-beacon="true" 759 data-shs-export-with-fetch="true" 760 data-shs-logs-sample-rate="1" 761 data-shs-beacon-endpoint="https://leagendsolutions.com/api/collect" 762></script>
762 763<meta name="shopify-y" content="004617cc-c282-4f39-b3e9-a6004e66dfdc" data-expiration="1822728089000"><meta name="shopify-s" content="80d0bd48-5c52-4268-b3cb-6cd0d48fc965" data-expiration="1791172289000"><meta name="new-cookie-storage-activated" content="t"> 764</head> 765
766<script type="application/ld+json"> 767{ 768 "@context": "https://schema.org", 769 "@type": "WebSite", 770 "url": "https://leagendsolutions.com", 771 "name": "legend Solutions", 772 "description": "The Smart Lead-acid Battery Test Solution Is A High-tech And Tailormade Solution For The Lead-acid Battery Manufacturing Industry From Leagend Solutions.", 773 "publisher": { 774 "@type": "Organization", 775 "name": "legend Solutions", 776 "logo": { 777 "@type": "ImageObject", 778 "url": "//leagendsolutions.com/cdn/shop/files/logo.png", 779 "width": 200, 780 "height": 25.906735751295336 781 } 782 }, 783 "potentialAction": { 784 "@type": "SearchAction", 785 "target": "https://leagendsolutions.com/search?q={search_term_string}", 786 "query-input": "required name=search_term_string" 787 } 788} 789</script>
789 790 791 <body class="gradient"> 792 <a class="skip-to-content-link button visually-hidden" href="#MainContent"> 793 Skip to content 794 </a> 795 796<link href="//leagendsolutions.com/cdn/shop/t/9/assets/quantity-popover.css?v=129068967981937647381734399039" rel="stylesheet" type="text/css" media="all" /> 797<link href="//leagendsolutions.com/cdn/shop/t/9/assets/component-card.css?v=120341546515895839841734399039" rel="stylesheet" type="text/css" media="all" /> 798
799<script src="//leagendsolutions.com/cdn/shop/t/9/assets/cart.js?v=53973376719736494311734399039" defer="defer"></script>
vendor: 1 bytes, line 799
799
800<script src="//leagendsolutions.com/cdn/shop/t/9/assets/quantity-popover.js?v=987015268078116491734399039" defer="defer"></script>
800 801 802<style> 803 .drawer { 804 visibility: hidden; 805 } 806</style> 807 808<cart-drawer class="drawer is-empty"> 809 <div id="CartDrawer" class="cart-drawer"> 810 <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div> 811 <div 812 class="drawer__inner gradient color-scheme-1" 813 role="dialog" 814 aria-modal="true" 815 aria-label="Your cart" 816 tabindex="-1" 817 ><div class="drawer__inner-empty"> 818 <div class="cart-drawer__warnings center"> 819 <div class="cart-drawer__empty-content"> 820 <h2 class="cart__empty-text">Your cart is empty</h2> 821 <button 822 class="drawer__close" 823 type="button" 824 onclick="this.closest('cart-drawer').close()" 825 aria-label="Close" 826 > 827 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 828</span> 829 </button> 830 <a href="/collections/all" class="button"> 831 Continue shopping 832 </a><p class="cart__login-title h3">Have an account?</p> 833 <p class="cart__login-paragraph"> 834 <a href="https://leagendsolutions.com/customer_authentication/redirect?locale=en®ion_country=US" class="link underlined-link">Log in</a> to check out faster. 835 </p></div> 836 </div></div><div class="drawer__header"> 837 <h2 class="drawer__heading">Your cart</h2> 838 <button 839 class="drawer__close" 840 type="button" 841 onclick="this.closest('cart-drawer').close()" 842 aria-label="Close" 843 > 844 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 845</span> 846 </button> 847 </div> 848 <cart-drawer-items 849 850 class=" is-empty" 851 852 > 853 <form 854 action="/cart" 855 id="CartDrawer-Form" 856 class="cart__contents cart-drawer__form" 857 method="post" 858 > 859 <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p> 860 <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status"> 861 Loading... 862 </p> 863 </div> 864 <div id="CartDrawer-CartErrors" role="alert"></div> 865 </form> 866 </cart-drawer-items> 867 <div class="drawer__footer"><!-- Start blocks --> 868 <!-- Subtotals --> 869 870 <div class="cart-drawer__footer" > 871 <div></div> 872 873 <div class="totals" role="status"> 874 <h2 class="totals__total">Estimated total</h2> 875 <p class="totals__total-value">$0.00 USD</p> 876 </div> 877 878 <small class="tax-note caption-large rte">Taxes, discounts and <a href="/policies/shipping-policy">shipping</a> calculated at checkout. 879</small> 880 </div> 881 882 <!-- CTAs --> 883 884 <div class="cart__ctas" > 885 <button 886 type="submit" 887 id="CartDrawer-Checkout" 888 class="cart__checkout-button button" 889 name="checkout" 890 form="CartDrawer-Form" 891 892 disabled 893 894 > 895 Check out 896 </button> 897 </div> 898 </div> 899 </div> 900 </div> 901</cart-drawer> 902<!-- BEGIN sections: header-group --> 903<div id="shopify-section-sections--17603676307593__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//leagendsolutions.com/cdn/shop/t/9/assets/component-list-menu.css?v=151968516119678728991734399039" media="print" onload="this.media='all'">
904<link rel="stylesheet" href="//leagendsolutions.com/cdn/shop/t/9/assets/component-search.css?v=165164710990765432851734399039" media="print" onload="this.media='all'"> 905<link rel="stylesheet" href="//leagendsolutions.com/cdn/shop/t/9/assets/component-menu-drawer.css?v=147478906057189667651734399039" media="print" onload="this.media='all'"> 906<link rel="stylesheet" href="//leagendsolutions.com/cdn/shop/t/9/assets/component-cart-notification.css?v=54116361853792938221734399039" media="print" onload="this.media='all'"><link rel="stylesheet" href="//leagendsolutions.com/cdn/shop/t/9/assets/component-price.css?v=70172745017360139101734399039" media="print" onload="this.media='all'"><style> 907 header-drawer { 908 justify-self: start; 909 margin-left: -1.2rem; 910 } 911 912 .header.header { 913 padding:3rem 0; 914 }@media screen and (min-width: 990px) { 915 header-drawer { 916 display: none; 917 } 918 }.menu-drawer-container { 919 display: flex; 920 } 921 922 .list-menu { 923 list-style: none; 924 padding: 0; 925 margin: 0; 926 } 927 928 .list-menu--inline { 929 display: inline-flex; 930 flex-wrap: wrap; 931 } 932 933 summary.list-menu__item { 934 padding-right: 2.7rem; 935 } 936 937 .list-menu__item { 938 display: flex; 939 align-items: center; 940 line-height: calc(1 + 0.3 / var(--font-body-scale)); 941 } 942 943 .list-menu__item--link { 944 text-decoration: none; 945 padding-bottom: 1rem; 946 padding-top: 1rem; 947 line-height: calc(1 + 0.8 / var(--font-body-scale)); 948 } 949 950 @media screen and (min-width: 750px) { 951 .list-menu__item--link { 952 padding-bottom: 0.5rem; 953 padding-top: 0.5rem; 954 } 955 956 957 } 958 959 @media screen and (max-width: 750px) { 960 .header-wrapper .limited-width.limited-width { 961 width:100%; 962 } 963 } 964</style><style data-shopify>.header { 965 padding: 10px 3rem 10px 3rem; 966 } 967 968 .section-header { 969 position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */ 970 margin-bottom: 0px; 971 } 972 973 .cs-header-menu { 974 display: flex; 975 justify-content: space-between; 976 } 977 978 .cs-header-menu header-menu a { 979 text-decoration: none; 980 color: rgb(var(--color-link)); 981 } 982 983 .header__inline-menu .link { 984 font-size:1.8rem; 985 } 986 987 .header__inline-menu .list-menu--disclosure { 988 width:30rem; 989 } 990 991 .cs-header-menu details[open]>.header__menu-item { 992 text-decoration-color: #008a60; 993 } 994 995 .cs-header-menu .header__submenu .header__menu-item:hover { 996 text-decoration-color: #008a60; 997 } 998 999 @media screen and (min-width: 750px) { 1000 .section-header { 1001 margin-bottom: 0px; 1002 } 1003 } 1004 1005 @media screen and (min-width: 990px) { 1006 .header { 1007 padding-top: 20px; 1008 padding-bottom: 20px; 1009 } 1010 }</style>
1010<script src="//leagendsolutions.com/cdn/shop/t/9/assets/cart-notification.js?v=133508293167896966491737269059" defer="defer"></script>
1010<sticky-header data-sticky-type="always" class="header-wrapper color-scheme-1 gradient header-wrapper--border-bottom"><header class="header header--middle-left header--mobile-center cs-header-menu limited-width header--has-menu header--has-account"> 1011 1012<header-drawer data-breakpoint="tablet"> 1013 <details id="Details-menu-drawer-container" class="menu-drawer-container"> 1014 <summary 1015 class="header__icon header__icon--menu header__icon--summary link focus-inset" 1016 data-index="/pages/contact" 1017 aria-label="Menu" 1018 > 1019 <span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewBox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg> 1020<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 1021</span> 1022 </summary> 1023 <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-1"> 1024 <div class="menu-drawer__inner-container"> 1025 <div class="menu-drawer__navigation-container"> 1026 <nav class="menu-drawer__navigation"> 1027 <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><details id="Details-menu-drawer-menu-item-1"> 1028 <summary 1029 id="HeaderDrawer-solutions" 1030 data-index="/pages/contact" 1031 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 1032 > 1033 SOLUTIONS 1034 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
1034ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 1035</span> 1036 <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 1037</span> 1038 </summary> 1039 <div 1040 id="link-solutions" 1041 class="menu-drawer__submenu has-submenu gradient motion-reduce" 1042 tabindex="-1" 1043 > 1044 <div class="menu-drawer__inner-submenu"> 1045 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1046 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
1046ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 1047</span> 1048 SOLUTIONS 1049 </button> 1050 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a 1051 id="HeaderDrawer-solutions-ups-battery-management-solution" 1052 href="/pages/ups-battery-management-solution" 1053 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 1054 1055 > 1056 UPS Battery Management Solution 1057 </a></li><li><a 1058 id="HeaderDrawer-solutions-battery-remote-monitoring-solution" 1059 href="/pages/battery-remote-monitoring-solution" 1060 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 1061 1062 > 1063 Battery Remote Monitoring Solution 1064 </a></li><li><a 1065 id="HeaderDrawer-solutions-smart-lead-acid-battery-tester-solution" 1066 href="/pages/smart-lead-acid-battery-test-solution" 1067 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 1068 1069 > 1070 Smart Lead-acid Battery Tester Solution 1071 </a></li><li><a 1072 id="HeaderDrawer-solutions-lead-acid-battery-charger-odm-solution" 1073 href="/pages/lead-acid-battery-charger-odm-solution" 1074 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 1075 1076 > 1077 Lead-acid Battery Charger ODM Solution 1078 </a></li><li><a 1079 id="HeaderDrawer-solutions-coulomb-counter-solution" 1080 href="/pages/leagend-coulomb-meter-solution" 1081 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 1082 1083 > 1084 Coulomb Counter Solution 1085 </a></li></ul> 1086 </div> 1087 </div> 1088 </details></li><li><details id="Details-menu-drawer-menu-item-2"> 1089 <summary 1090 id="HeaderDrawer-cases" 1091 data-index="/pages/contact" 1092 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 1093 > 1094 CASES 1095 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
1095ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 1096</span> 1097 <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 1098</span> 1099 </summary> 1100 <div 1101 id="link-cases" 1102 class="menu-drawer__submenu has-submenu gradient motion-reduce" 1103 tabindex="-1" 1104 > 1105 <div class="menu-drawer__inner-submenu"> 1106 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1107 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
1107ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 1108</span> 1109 CASES 1110 </button> 1111 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a 1112 id="HeaderDrawer-cases-lead-acid-battery-factory" 1113 href="/pages/precision-efficiency-and-smartness-to-increase-productivity" 1114 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 1115 1116 > 1117 Lead-acid Battery Factory 1118 </a></li><li><a 1119 id="HeaderDrawer-cases-data-center-battery-monitoring" 1120 href="/pages/the-precise-automative-and-smart-analyses-to-safeguard-your-data-center" 1121 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 1122 1123 > 1124 Data Center Battery Monitoring 1125 </a></li><li><a 1126 id="HeaderDrawer-cases-rv-battery-monitorinig-system" 1127 href="/pages/precise-algorithm-smart-operation-reliable-protection-to-build-excellent-rv-experience" 1128 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 1129 1130 > 1131 RV Battery Monitorinig System 1132 </a></li><li><a 1133 id="HeaderDrawer-cases-home-emergency-power-charger" 1134 href="/pages/superior-charger-secures-my-home" 1135 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 1136 1137 > 1138 Home Emergency Power Charger 1139 </a></li></ul> 1140 </div> 1141 </div> 1142 </details></li><li><a 1143 id="HeaderDrawer-support" 1144 href="/pages/support" 1145 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 1146 1147 > 1148 SUPPORT 1149 </a></li><li><a 1150 id="HeaderDrawer-blog" 1151 href="/blogs/news" 1152 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 1153 1154 > 1155 BLOG 1156 </a></li><li><details id="Details-menu-drawer-menu-item-5"> 1157 <summary 1158 id="HeaderDrawer-contact" 1159 data-index="/pages/contact" 1160 class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active" 1161 > 1162 CONTACT 1163 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
1163ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 1164</span> 1165 <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 1166</span> 1167 </summary> 1168 <div 1169 id="link-contact" 1170 class="menu-drawer__submenu has-submenu gradient motion-reduce" 1171 tabindex="-1" 1172 > 1173 <div class="menu-drawer__inner-submenu"> 1174 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1175 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
1175ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 1176</span> 1177 CONTACT 1178 </button> 1179 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a 1180 id="HeaderDrawer-contact-about-us" 1181 href="/pages/about-us" 1182 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 1183 1184 > 1185 About Us 1186 </a></li><li><a 1187 id="HeaderDrawer-contact-contact-an-expert" 1188 href="/pages/contact" 1189 class="menu-drawer__menu-item link link--text list-menu__item focus-inset menu-drawer__menu-item--active" 1190 1191 aria-current="page" 1192 1193 > 1194 Contact an Expert 1195 </a></li><li><a 1196 id="HeaderDrawer-contact-to-be-a-partner" 1197 href="/pages/join-us" 1198 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 1199 1200 > 1201 To Be a Partner 1202 </a></li><li><a 1203 id="HeaderDrawer-contact-online-retail-store" 1204 href="https://shop.leagend.com/" 1205 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 1206 1207 > 1208 Online Retail Store 1209 </a></li></ul> 1210 </div> 1211 </div> 1212 </details></li></ul> 1213 </nav> 1214 <div class="menu-drawer__utility-links"><a 1215 href="https://leagendsolutions.com/customer_authentication/redirect?locale=en®ion_country=US" 1216 class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide" 1217 rel="nofollow" 1218 ><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg> 1219</span></account-icon>Log in</a><div class="menu-drawer__localization header-localization"> 1220</div><ul class="list list-social list-unstyled" role="list"></ul> 1221 </div> 1222 </div> 1223 </div> 1224 </div> 1225 </details> 1226</header-drawer> 1227<a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper"> 1228 1229 <img src="//leagendsolutions.com/cdn/shop/files/logo.webp?v=1760409129&width=600" alt="leagend" srcset="//leagendsolutions.com/cdn/shop/files/logo.webp?v=1760409129&width=200 200w, //leagendsolutions.com/cdn/shop/files/logo.webp?v=1760409129&width=300 300w, //leagendsolutions.com/cdn/shop/files/logo.webp?v=1760409129&width=400 400w" width="200" height="25.906735751295336" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 1230 </div></a> 1231 1232<nav class="header__inline-menu"> 1233 <ul class="list-menu list-menu--inline" role="list"><li><header-menu> 1234 <details id="Details-HeaderMenu-1"> 1235 <summary 1236 id="HeaderMenu-solutions" 1237 data-index="/pages/contact" 1238 class="header__menu-item list-menu__item link focus-inset " 1239 > 1240 1241 <a href="/pages/solutions-list" 1242 >SOLUTIONS</a><svg class="icon icon-caret" viewBox="0 0 10 6">
1242<path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 1243</summary> 1244 <ul 1245 id="HeaderMenu-MenuList-1" 1246 class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup" 1247 role="list" 1248 tabindex="-1" 1249 ><li><a 1250 id="HeaderMenu-solutions-ups-battery-management-solution" 1251 href="/pages/ups-battery-management-solution" 1252 class="header__menu-item list-menu__item link link--text focus-inset caption-large" 1253 1254 > 1255 UPS Battery Management Solution 1256 </a></li><li><a 1257 id="HeaderMenu-solutions-battery-remote-monitoring-solution" 1258 href="/pages/battery-remote-monitoring-solution" 1259 class="header__menu-item list-menu__item link link--text focus-inset caption-large" 1260 1261 > 1262 Battery Remote Monitoring Solution 1263 </a></li><li><a 1264 id="HeaderMenu-solutions-smart-lead-acid-battery-tester-solution" 1265 href="/pages/smart-lead-acid-battery-test-solution" 1266 class="header__menu-item list-menu__item link link--text focus-inset caption-large" 1267 1268 > 1269 Smart Lead-acid Battery Tester Solution 1270 </a></li><li><a 1271 id="HeaderMenu-solutions-lead-acid-battery-charger-odm-solution" 1272 href="/pages/lead-acid-battery-charger-odm-solution" 1273 class="header__menu-item list-menu__item link link--text focus-inset caption-large" 1274 1275 > 1276 Lead-acid Battery Charger ODM Solution 1277 </a></li><li><a 1278 id="HeaderMenu-solutions-coulomb-counter-solution" 1279 href="/pages/leagend-coulomb-meter-solution" 1280 class="header__menu-item list-menu__item link link--text focus-inset caption-large" 1281 1282 > 1283 Coulomb Counter Solution 1284 </a></li></ul> 1285 </details> 1286 </header-menu></li><li><header-menu> 1287 <details id="Details-HeaderMenu-2"> 1288 <summary 1289 id="HeaderMenu-cases" 1290 data-index="/pages/contact" 1291 class="header__menu-item list-menu__item link focus-inset " 1292 > 1293 1294 <a href="/pages/case-list" 1295 >CASES</a><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 1296</summary> 1297 <ul 1298 id="HeaderMenu-MenuList-2" 1299 class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup" 1300 role="list" 1301 tabindex="-1" 1302 ><li><a 1303 id="HeaderMenu-cases-lead-acid-battery-factory" 1304 href="/pages/precision-efficiency-and-smartness-to-increase-productivity" 1305 class="header__menu-item list-menu__item link link--text focus-inset caption-large" 1306 1307 > 1308 Lead-acid Battery Factory 1309 </a></li><li><a 1310 id="HeaderMenu-cases-data-center-battery-monitoring" 1311 href="/pages/the-precise-automative-and-smart-analyses-to-safeguard-your-data-center" 1312 class="header__menu-item list-menu__item link link--text focus-inset caption-large" 1313 1314 > 1315 Data Center Battery Monitoring 1316 </a></li><li><a 1317 id="HeaderMenu-cases-rv-battery-monitorinig-system" 1318 href="/pages/precise-algorithm-smart-operation-reliable-protection-to-build-excellent-rv-experience" 1319 class="header__menu-item list-menu__item link link--text focus-inset caption-large" 1320 1321 > 1322 RV Battery Monitorinig System 1323 </a></li><li><a 1324 id="HeaderMenu-cases-home-emergency-power-charger" 1325 href="/pages/superior-charger-secures-my-home" 1326 class="header__menu-item list-menu__item link link--text focus-inset caption-large" 1327 1328 > 1329 Home Emergency Power Charger 1330 </a></li></ul> 1331 </details> 1332 </header-menu></li><li><a 1333 id="HeaderMenu-support" 1334 href="/pages/support" 1335 class="header__menu-item list-menu__item link link--text focus-inset" 1336 1337 >
1338 <span 1339 >SUPPORT</span> 1340 </a></li><li><a 1341 id="HeaderMenu-blog" 1342 href="/blogs/news" 1343 class="header__menu-item list-menu__item link link--text focus-inset" 1344 1345 > 1346 <span 1347 >BLOG</span> 1348 </a></li><li><header-menu> 1349 <details id="Details-HeaderMenu-5"> 1350 <summary 1351 id="HeaderMenu-contact" 1352 data-index="/pages/contact" 1353 class="header__menu-item list-menu__item link focus-inset link-active " 1354 > 1355 1356 <a href="/pages/contact" 1357 class="header__active-menu-item" 1358 1359 >CONTACT</a><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 1360</summary> 1361 <ul 1362 id="HeaderMenu-MenuList-5" 1363 class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup" 1364 role="list" 1365 tabindex="-1" 1366 ><li><a 1367 id="HeaderMenu-contact-about-us" 1368 href="/pages/about-us" 1369 class="header__menu-item list-menu__item link link--text focus-inset caption-large" 1370 1371 > 1372 About Us 1373 </a></li><li><a 1374 id="HeaderMenu-contact-contact-an-expert" 1375 href="/pages/contact" 1376 class="header__menu-item list-menu__item link link--text focus-inset caption-large list-menu__item--active" 1377 1378 aria-current="page" 1379 1380 > 1381 Contact an Expert 1382 </a></li><li><a 1383 id="HeaderMenu-contact-to-be-a-partner" 1384 href="/pages/join-us" 1385 class="header__menu-item list-menu__item link link--text focus-inset caption-large" 1386 1387 > 1388 To Be a Partner 1389 </a></li><li><a 1390 id="HeaderMenu-contact-online-retail-store" 1391 href="https://shop.leagend.com/" 1392 class="header__menu-item list-menu__item link link--text focus-inset caption-large" 1393 1394 > 1395 Online Retail Store 1396 </a></li></ul> 1397 </details> 1398 </header-menu></li></ul> 1399</nav> 1400 1401 1402 <div class="header__icons header__icons--localization header-localization"> 1403 1404 1405 <div class="desktop-localization-wrapper"> 1406</div> 1407 1408 1409<details-modal class="header__search"> 1410 <details> 1411 <summary 1412 class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" 1413 aria-haspopup="dialog" 1414 aria-label="Search" 1415 > 1416 <span> 1417 <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 1418</span> 1419 <span class="svg-wrapper header__icon-close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 1420</span> 1421 </span> 1422 </summary> 1423 <div 1424 class="search-modal modal__content gradient" 1425 role="dialog" 1426 aria-modal="true" 1427 aria-label="Search" 1428 > 1429 <div class="modal-overlay"></div> 1430 <div 1431 class="search-modal__content search-modal__content-bottom" 1432 tabindex="-1" 1433 ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> 1434 <div class="field"> 1435 <input 1436 class="search__input field__input" 1437 id="Search-In-Modal" 1438 type="search" 1439 name="q" 1440 value="" 1441 placeholder="Search"role="combobox" 1442 aria-expanded="false" 1443 aria-owns="predictive-search-results" 1444 aria-controls="predictive-search-results" 1445 aria-haspopup="listbox"
1446 aria-autocomplete="list" 1447 autocorrect="off" 1448 autocomplete="off" 1449 autocapitalize="off" 1450 spellcheck="false"> 1451 <label class="field__label" for="Search-In-Modal">Search</label> 1452 <input type="hidden" name="options[prefix]" value="last"> 1453 <button 1454 type="reset" 1455 class="reset__button field__button hidden" 1456 aria-label="Clear search term" 1457 > 1458 <span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg> 1459</span> 1460 </button> 1461 <button class="search__button field__button" aria-label="Search"> 1462 <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 1463</span> 1464 </button> 1465 </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> 1466 1467<div class="predictive-search__loading-state"> 1468 <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg> 1469 1470</div> 1471</div> 1472 1473 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button 1474 type="button" 1475 class="search-modal__close-button modal__close-button link link--text focus-inset" 1476 aria-label="Close" 1477 > 1478 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 1479</span> 1480 </button> 1481 </div> 1482 </div> 1483 </details> 1484</details-modal> 1485 1486<a 1487 href="https://leagendsolutions.com/customer_authentication/redirect?locale=en®ion_country=US" 1488 class="header__icon header__icon--account link focus-inset small-hide" 1489 rel="nofollow" 1490 ><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg> 1491</span></account-icon><span class="visually-hidden">Log in</span> 1492 </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"> 1493 1494 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-cart-empty" viewBox="0 0 40 40"><path fill="currentColor" fill-rule="evenodd" d="M15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33L28.4 11.8zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1-9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z"/></svg> 1495</span> 1496 1497 <span class="visually-hidden">Cart</span></a> 1498 </div> 1499 </header> 1500</sticky-header> 1501
1502<script type="application/ld+json"> 1503 { 1504 "@context": "http://schema.org", 1505 "@type": "Organization", 1506 "name": "leagend", 1507 1508 "logo": "https:\/\/leagendsolutions.com\/cdn\/shop\/files\/logo.webp?v=1760409129\u0026width=500", 1509 1510 "sameAs": [ 1511 "", 1512 "", 1513 "", 1514 "", 1515 "", 1516 "", 1517 "", 1518 "", 1519 "" 1520 ], 1521 "url": "https:\/\/leagendsolutions.com\/pages\/contact" 1522 } 1523</script>
1523 1524</div> 1525<!-- END sections: header-group --> 1526 1527 <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> 1528 <div id="shopify-section-template--17603679158409__custom_contact_banner_wnqqnj" class="shopify-section"><div class="custom-contact-banner"> 1529 <div class="contact-banner-content"><h1> 1530 <span>C</span>ONTACT US 1531 </h1> 1532 <h2> 1533 EVERY SOUND OF YOUR <br> 1534VOICE WILL BE VALUED AND RESPONDED 1535 </h2> 1536 <p> 1537 Do you need more information from us? Would you like us to tailor a solution/products for your application or do you have a general inquiry? Please feel free to contact us, our experts and technical support team are always ready for you. 1538 </p> 1539 </div> 1540 <div class="contact-banner-bg"> 1541 <img 1542 class="lazyload" 1543 data-src="https://leagendsolutions.com/cdn/shop/files/pexels-photo-8866823.webp?v=1735036266" 1544 src="" 1545 alt="CONTACT US"> 1546 </div> 1547</div><style data-shopify>.custom-contact-banner { 1548 position: relative; 1549 display: flex; 1550 align-items: center; 1551 justify-self: center; 1552 text-align: center; 1553 width: 100%; 1554 height: 44.2vw; 1555 } 1556 .custom-contact-banner .contact-banner-content { 1557 position: relative; 1558 width: 100%; 1559 z-index: 5; 1560 } 1561 .custom-contact-banner .contact-banner-content h1 { 1562 font-family: Arial; 1563 font-weight: 900; 1564 font-size: 2.6vw; 1565 color: #0e497d; 1566 } 1567 .custom-contact-banner .contact-banner-content h1 span { 1568 color: #008a60; 1569 } 1570 .custom-contact-banner .contact-banner-content h2 { 1571 font-family: Arial; 1572 font-weight: bold; 1573 font-size: 1.82vw; 1574 color: #ffffff; 1575 line-height: 1.4; 1576 margin: 3.4vw 0; 1577 } 1578 .custom-contact-banner .contact-banner-content p { 1579 max-width: 60vw; 1580 font-family: Arial; 1581 font-weight: 400; 1582 font-size: 1.3vw; 1583 color: #ffffff; 1584 line-height: 1.4; 1585 margin: 0 auto; 1586 } 1587 .custom-contact-banner .contact-banner-bg { 1588 position: absolute; 1589 left: 0; 1590 top: 0; 1591 width: 100%; 1592 height: 100%; 1593 z-index: 1; 1594 } 1595 .custom-contact-banner .contact-banner-bg img { 1596 width: 100%; 1597 height: 100%; 1598 object-fit: cover; 1599 } 1600 .custom-contact-banner::before { 1601 content: ''; 1602 position: absolute; 1603 left: 0; 1604 top: 0; 1605 width: 100%; 1606 height: 100%; 1607 background: rgba(0, 0, 0, 0.5); 1608 z-index: 2; 1609 } 1610 @media screen and (max-width: 960px) { 1611 .custom-contact-banner { 1612 width: 100%; 1613 height: 71.44vw; 1614 } 1615 .custom-contact-banner .contact-banner-content h1 { 1616 font-size: 4vw; 1617 } 1618 .custom-contact-banner .contact-banner-content h1 span { 1619 color: #008a60; 1620 } 1621 .custom-contact-banner .contact-banner-content h2 { 1622 font-size: 3.3vw; 1623 margin: 8vw 0 5vw; 1624 } 1625 .custom-contact-banner .contact-banner-content p { 1626 max-width: 80%; 1627 font-size: 2.67vw; 1628 } 1629 }</style></div><div id="shopify-section-template--17603679158409__custom_contact_form_xQ3pBk" class="shopify-section"><div class="custom-contact-form limited-width"><h2> 1630 <span>C</span>ONTACT US NOW TO TAILOR YOUR SOLUTIONS 1631 </h2> 1632 1633 <div class="contact-form-content"> 1634 <div class="regional-email"><div class="regional-email-item stretch-item"> 1635 <div class="regional-email-name stretch-title"> 1636 North America 1637 <svg 1638 t="1735896457769" 1639 class="arrow-icon"
1640 viewBox="0 0 1026 1024" 1641 version="1.1" 1642 xmlns="http://www.w3.org/2000/svg" 1643 p-id="4240" 1644 > 1645 <path 1646 d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" 1647 p-id="4241" fill="#0e497d"></path> 1648 </svg> 1649 </div> 1650 <div class="regional-email-info stretch-con"> 1651 <div class="email-info-element"> 1652 Sales Expert 1653 </div> 1654 <div class="email-info-element"> 1655 <span> Felix: </span> <br> 1656 <a href="mailto:[email protected]">[email protected]</a> 1657 </div> 1658 <div class="email-info-element"> 1659 +86 188 238 35673 1660 </div> 1661 </div> 1662 </div><div class="regional-email-item stretch-item"> 1663 <div class="regional-email-name stretch-title"> 1664 South America 1665 <svg 1666 t="1735896457769" 1667 class="arrow-icon"
1668 viewBox="0 0 1026 1024" 1669 version="1.1" 1670 xmlns="http://www.w3.org/2000/svg" 1671 p-id="4240" 1672 > 1673 <path 1674 d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" 1675 p-id="4241" fill="#0e497d"></path> 1676 </svg> 1677 </div> 1678 <div class="regional-email-info stretch-con"> 1679 <div class="email-info-element"> 1680 Sales Expert 1681 </div> 1682 <div class="email-info-element"> 1683 <span> Carter: </span> <br> 1684 <a href="mailto:[email protected]">[email protected]</a> 1685 </div> 1686 <div class="email-info-element"> 1687 +86 173 026 96732 1688 </div> 1689 </div> 1690 </div><div class="regional-email-item stretch-item"> 1691 <div class="regional-email-name stretch-title"> 1692 Europe 1693 <svg 1694 t="1735896457769" 1695 class="arrow-icon"
1696 viewBox="0 0 1026 1024" 1697 version="1.1" 1698 xmlns="http://www.w3.org/2000/svg" 1699 p-id="4240" 1700 > 1701 <path 1702 d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" 1703 p-id="4241" fill="#0e497d"></path> 1704 </svg> 1705 </div> 1706 <div class="regional-email-info stretch-con"> 1707 <div class="email-info-element"> 1708 Sales Expert 1709 </div> 1710 <div class="email-info-element"> 1711 <span> Alex: </span> <br> 1712 <a href="mailto:[email protected]">[email protected]</a> 1713 </div> 1714 <div class="email-info-element"> 1715 +86 135 433 42712 1716 </div> 1717 </div> 1718 </div><div class="regional-email-item stretch-item"> 1719 <div class="regional-email-name stretch-title"> 1720 Asia 1721 <svg 1722 t="1735896457769" 1723 class="arrow-icon"
1724 viewBox="0 0 1026 1024" 1725 version="1.1" 1726 xmlns="http://www.w3.org/2000/svg" 1727 p-id="4240" 1728 > 1729 <path 1730 d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" 1731 p-id="4241" fill="#0e497d"></path> 1732 </svg> 1733 </div> 1734 <div class="regional-email-info stretch-con"> 1735 <div class="email-info-element"> 1736 Sales Expert 1737 </div> 1738 <div class="email-info-element"> 1739 <span> Arrebol: </span> <br> 1740 <a href="mailto:[email protected]">[email protected]</a> 1741 </div> 1742 <div class="email-info-element"> 1743 +86 135 903 22907 1744 </div> 1745 </div> 1746 </div><div class="regional-email-item stretch-item"> 1747 <div class="regional-email-name stretch-title"> 1748 The Middle East 1749 <svg 1750 t="1735896457769" 1751 class="arrow-icon"
1752 viewBox="0 0 1026 1024" 1753 version="1.1" 1754 xmlns="http://www.w3.org/2000/svg" 1755 p-id="4240" 1756 > 1757 <path 1758 d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" 1759 p-id="4241" fill="#0e497d"></path> 1760 </svg> 1761 </div> 1762 <div class="regional-email-info stretch-con"> 1763 <div class="email-info-element"> 1764 Sales Expert 1765 </div> 1766 <div class="email-info-element"> 1767 <span> Roy: </span> <br> 1768 <a href="mailto:[email protected]">[email protected]</a> 1769 </div> 1770 <div class="email-info-element"> 1771 +86 199 251 29112 1772 </div> 1773 </div> 1774 </div><div class="regional-email-item stretch-item"> 1775 <div class="regional-email-name stretch-title"> 1776 Oceania & Africa 1777 <svg 1778 t="1735896457769" 1779 class="arrow-icon"
1780 viewBox="0 0 1026 1024" 1781 version="1.1" 1782 xmlns="http://www.w3.org/2000/svg" 1783 p-id="4240" 1784 > 1785 <path 1786 d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" 1787 p-id="4241" fill="#0e497d"></path> 1788 </svg> 1789 </div> 1790 <div class="regional-email-info stretch-con"> 1791 <div class="email-info-element"> 1792 Sales Expert 1793 </div> 1794 <div class="email-info-element"> 1795 <span> Barinna: </span> <br> 1796 <a href="mailto:[email protected]">[email protected]</a> 1797 </div> 1798 <div class="email-info-element"> 1799 +86 159 895 01132 1800 </div> 1801 </div> 1802 </div></div> 1803 <div class="contact-form"> 1804 <form method="post" action="/contact#ContactForm" id="ContactForm" accept-charset="UTF-8" class="isolate contact-form-con scroll-trigger animate--slide-in"><input type="hidden" name="form_type" value="contact" /><input type="hidden" name="utf8" value="â" /><input 1805 type="hidden" 1806 name="form_type" 1807 value="contact" 1808 1809 ><input 1810 type="hidden" 1811 name="utf8" 1812 value="â" 1813 > 1814 <div class="field"> 1815 <input 1816 class="field__input" 1817 autocomplete="name" 1818 type="text" 1819 id="ContactForm-name" 1820 name="contact[Name]" 1821 value="" 1822 required 1823 placeholder="Name" 1824 > 1825 <label class="field__label" for="ContactForm-name" 1826 >Name 1827 <span aria-hidden="true">*</span> 1828 </label> 1829 </div> 1830 <div class="field"> 1831 <select 1832 id="ContactForm-Country" 1833 class="field__input" 1834 name="contact[Country]" 1835 value="" 1836 required 1837 placeholder="Country"> 1838 <option value="unknown">Select a country/region<span aria-hidden="true">*</span></option> 1839 </select> 1840 </div> 1841 <div class="field"> 1842 <input 1843 type="text" 1844 id="ContactForm-Company" 1845 class="field__input" 1846 name="contact[Company]" 1847 value="" 1848 placeholder="Company" 1849 > 1850 <label class="field__label" for="ContactForm-company">Company:(optional)</label> 1851 </div> 1852 <div class="field field--with-error"> 1853 <input 1854 autocomplete="email" 1855 type="email" 1856 id="ContactForm-email" 1857 class="field__input" 1858 name="contact[email]" 1859 spellcheck="false" 1860 autocapitalize="off" 1861 value="" 1862 aria-required="true" 1863 placeholder="Email" 1864 required 1865 > 1866 <label class="field__label" for="ContactForm-email" 1867 >Contact Email 1868 <span aria-hidden="true">*</span> 1869 </label> 1870 </div> 1871 <div class="field"> 1872 <textarea 1873 rows="3" 1874 id="ContactForm-product" 1875 class="text-area field__input" 1876 name="contact[Product]" 1877 placeholder="Product" 1878 ></textarea> 1879 <label class="form__label field__label" for="ContactForm-product">Product/Solution You Need</label> 1880 </div> 1881 <div class="field"> 1882 <textarea 1883 rows="10" 1884 id="ContactForm-body" 1885 class="text-area field__input" 1886 name="contact[Message]" 1887 required 1888 placeholder="Message" 1889 style="min-height:20rem" 1890 ></textarea> 1891 <label class="form__label field__label" for="ContactForm-body" 1892 >Message
1893 <span aria-hidden="true">*</span> 1894 </label> 1895 </div> 1896 <div class="contact__button"> 1897 <button type="submit" class="button">SUBMIT</button> 1898 </div></form>
1898<script type="text/javascript"> 1899 let countryData = ["Angola","Afghanistan","Alaska(U.S.A)","Albania","Algeria","Andorra","Anguilla","Antigua and Barbuda","Argentina","Armenia","Aruba","Ascension","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bermuda Is","Bhutan","Bolivia","Bosnia And Herzegovina","Botswana","Brazil","Brunei","Bulgaria","Burkina Faso","Burma","Burundi","Cameroon","Canada","Cape Verde","Cayman Is","Central African Republic","Chad","Chile","China","Colombia","Congo","Cook Is","Costa Rica","Cuba","Cyprus","Czech Republic","Republic of Croatia","Denmark","Djibouti","Dominica Rep","Ecuador","Egypt","EI Salvador","Estonia","Ethiopia","Fiji","Finland","France","French Guiana","French Polynesia","Gabon","Gambia","Georgia","Germany","Ghana","Gibraltar","Greece","Grenada","Guam","Guatemala","Guinea","Guyana","Haiti","Honduras","China Hongkong","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Israel","Italy","Ivory Coast","Jamaica","Japan","Jordan","Cambodia","Kazakhstan","Kenya","Korea","Kuwait","Kyrgyzstan","Laos","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","China Macao","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Mariana Is","Martinique","Mauritius","Mexico","Moldova","Monaco","Mongolia","Montserrat Is","Morocco","Mozambique","Namibia","Nauru","Nepal","Netheriands Antilles","Netherlands","New Zealand","Nicaragua","Niger","Nigeria","North Korea","Norway","Oman","Pakistan","Panama","Papua New Cuinea","Paraguay","Peru","Philippines","Poland","Portugal","Puerto Rico","Qatar","Reunion","Romania","Russia","Saint Vincent","Samoa Eastern","Samoa Western","S
1899an Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Seychelles","Sierra Leone","Singapore","Slovakia","Slovenia","Solomon Is","Somali","South Africa","Spain","SriLanka","Saint Lucia","St.Vincent","Sudan","Suriname","Swaziland","Sweden","Switzerland","Syria","China Taiwan","Tajikstan","Tanzania","Thailand","Togo","Tonga","Trinidad and Tobago","Tunisia","Turkey","Turkmenistan","Uganda","Ukraine","United Arab Emirates","United Kiongdom","United States of America","Uruguay","Uzbekistan","Venezuela","Vietnam","Yemen","Yugoslavia","Zimbabwe","Zaire","Zambia"] 1900 1901 const select = document.getElementById('ContactForm-Country'); 1902 let optionArr = []; // æ´æ£ä¸ºæ°ç» 1903 1904 countryData.forEach(item => { 1905 const option = document.createElement('option'); 1906 option.value = item; 1907 option.textContent = item; 1908 optionArr.push(option); 1909 }); 1910 1911 const fragment = document.createDocumentFragment(); 1912 optionArr.forEach(option => fragment.appendChild(option)); 1913 select.appendChild(fragment); 1914 </script>
1914 1915 1916 </div> 1917 </div> 1918</div><style data-shopify>.custom-contact-form { 1919 padding: 6vw 0; 1920 } 1921 .custom-contact-form h2 { 1922 font-family: Arial; 1923 font-weight: 900; 1924 font-size: 2.6vw; 1925 color: #0e497d; 1926 line-height: 1.4; 1927 text-align: center; 1928 } 1929 .custom-contact-form h2 span { 1930 color: #008A60; 1931 } 1932 .custom-contact-form .contact-form-content { 1933 display: flex; 1934 } 1935 .custom-contact-form .contact-form-content .regional-email { 1936 display: grid; 1937 grid-template-columns: repeat(2, 1fr); 1938 /* grid-template-rows: repeat(5, 1fr); */ 1939 gap: 0; 1940 width: 66.6%; 1941 } 1942 .custom-contact-form .contact-form-content .regional-email .regional-email-item { 1943 padding: 1.26vw; 1944 border-bottom: 1px solid #e1e1e1; 1945 } 1946 .custom-contact-form .contact-form-content .regional-email .regional-email-item .regional-email-name { 1947 font-family: Arial; 1948 font-weight: bold; 1949 font-size: 1.82vw; 1950 color: #262626; 1951 line-height: 1.4; 1952 margin-bottom: 1vw; 1953 } 1954 .custom-contact-form .contact-form-content .regional-email .regional-email-item .regional-email-info { 1955 font-family: Arial; 1956 font-weight: 400; 1957 font-size: 1.04vw; 1958 color: #595959; 1959 line-height: 1.6; 1960 padding-top:0; 1961 } 1962 .custom-contact-form .contact-form-content .contact-form .contact-form-con #ContactForm-Country { 1963 padding:0 1.5rem; 1964 } 1965 .custom-contact-form .contact-form-content .regional-email .regional-email-item .regional-email-info a { 1966 color: #0e497d; 1967 } 1968 .custom-contact-form .contact-form-content .regional-email .email-item-max { 1969 grid-column: span 2; 1970 border-left:none !important; 1971 } 1972 .custom-contact-form .contact-form-content .regional-email .regional-email-item:nth-child(2n) { 1973 border-left: 1px solid #e1e1e1; 1974 } 1975 .custom-contact-form .contact-form-content .contact-form { 1976 width: 33.3%; 1977 margin-left: 1vw; 1978 } 1979 .custom-contact-form .contact-form-content .contact-form .contact-form-con { 1980 padding: 1vw; 1981 border: 1px solid #becedc; 1982 } 1983 .custom-contact-form .contact-form-content .contact-form .contact-form-con .field { 1984 margin-bottom: 2vw; 1985 } 1986 .custom-contact-form .contact-form-content .contact-form .contact-form-con .field .field__input { 1987 background: #e7edf2; 1988 border-bottom: 2px solid #bfccd3; 1989 } 1990 .custom-contact-form .contact-form-content .contact-form .contact-form-con .field::after { 1991 display: none; 1992 } 1993 .custom-contact-form .contact-form-content .contact-form .contact-form-con .form__label { 1994 font-weight: 600; 1995 color: #889ba5; 1996 } 1997 .custom-contact-form .contact-form-content .contact-form .contact-form-con h2 { 1998 font-size:1.2vw; 1999 } 2000 .custom-contact-form .contact-form-content .contact-form .contact-form-con .form__label span { 2001 color: red; 2002 } 2003 .custom-contact-form .contact-form-content .contact-form .contact-form-con .button { 2004 width: 100%; 2005 color: #fff; 2006 font-size: 1.56vw; 2007 font-weight: 600; 2008 padding: .6vw; 2009 background-color: #0e497d; 2010 } 2011 @media screen and (max-width: 960px) { 2012 .custom-contact-form { 2013 padding: 12vw 0; 2014 } 2015 .custom-contact-form h2 { 2016 font-size: 4vw; 2017 } 2018 .custom-contact-form h2 span { 2019 color: #008a60; 2020 } 2021 .custom-contact-form .contact-form-content { 2022 margin-top: 6vw; 2023 display: flex; 2024 flex-wrap: wrap; 2025 } 2026 .custom-contact-form .contact-form-content .regional-email { 2027 display: flex; 2028 flex-wrap: wrap; 2029 width: 100%; 2030 margin-bottom:5vw; 2031 } 2032 .custom-contact-form .contact-form-content .regional-email .regional-email-item { 2033 width: 100%; 2034 padding: 6vw 0 3vw; 2035 border-bottom: none; 2036 border-top: 1px solid #e5e5e5; 2037 } 2038 .custom-contact-form .contact-form-content .regional-email .regional-email-item .regional-email-name { 2039 font-size: 3.33vw; 2040 } 2041 .custom-contact-form .contact-form-content .regional-email .regional-email-item .regional-email-info { 2042 font-size: 2.67vw; 2043 margin-bottom: 0; 2044 padding-top: 0; 2045 } 2046 .custom-contact-form .contact-form-content .regional-email .regional-email-item .regional-email-info a { 2047 color: #0e497d; 2048 } 2049 .custom-contact-form .contact-form-content .regional-email .regional-email-item:nth-child(2n) { 2050 border-left: none; 2051 } 2052 .custom-contact-form .contact-form-content .contact-form { 2053 width: 100%; 2054 margin-left: 0; 2055 } 2056 .custom-contact-form .contact-form-content .contact-form .contact-form-con { 2057 padding: 1vw; 2058 border: 1px solid #becedc; 2059 } 2060 .custom-contact-form .contact-form-content .contact-form .contact-form-con .field { 2061 margin-bottom: 2vw; 2062 } 2063 .custom-contact-form .contact-form-content .contact-form .contact-form-con h2 { 2064 font-size:12px; 2065 } 2066 2067 .custom-contact-form .contact-form-content .contact-form .contact-form-con .field .field__input { 2068 background: #e7edf2; 2069 border-bottom: 2px solid #bfccd3; 2070 } 2071 .custom-contact-form .contact-form-content .contact-form .contact-form-con .field::after { 2072 display: none; 2073 } 2074 .custom-contact-form .contact-form-content .contact-form .contact-form-con .form__label { 2075 font-weight: 600; 2076 color: #889ba5; 2077 } 2078 .custom-contact-form .contact-form-content .contact-form .contact-form-con .form__label span { 2079 color: red; 2080 } 2081 .custom-contact-form .contact-form-content .contact-form .contact-form-con .button { 2082 width: 100%; 2083 color: #fff; 2084 font-size: 1.82vw; 2085 background-color: #0e497d; 2086 } 2087 2088 .custom-contact-form .contact-form-content .contact-form .contact-form-con .field { 2089 margin-bottom: 5vw; 2090 } 2091 2092 .custom-contact-form .contact-form-content .contact-form .contact-form-con { 2093 padding:3vw; 2094 } 2095 2096 .custom-contact-form .contact-form-content .contact-form .contact-form-con .button { 2097 font-size: 3.33vw 2098 } 2099 }</style> 2100</div><div id="shopify-section-template--17603679158409__custom_contact_company_QNWwCY" class="shopify-section"><div class="custom-contact-company"><h2> 2101 <span>C</span>OMPANY BASIC CONTACT INFORMATION</h2> 2102 2103 <div class="contact-company-content limited-width"> 2104 <div class="company-content-item company-content-le"> 2105 <div class="company-content-name"> 2106 E-mail: 2107 </div> 2108 <div class="company-content-info"> 2109 <a href="mailto:[email protected]">[email protected]</a> 2110 </div> 2111 </div> 2112 <div class="company-content-item company-item-tel company-content-ri"> 2113 <div class="company-content-name"> 2114 Tel: 2115 </div> 2116 <div class="company-content-info"> 2117 +86-755-8282 1859 2118 </div> 2119 </div> 2120 <div class="company-content-item company-content-le"> 2121 <div class="company-content-name"> 2122 Office Add: 2123 </div> 2124 <div class="company-content-info"> 2125 <p>
21257th Floor, Saige Chuyun Building, No. 12, Taohua Road, Futian District,Shenzhen City, Guangdong Province, Peopleâs Republic of China 518045</p> 2126 </div> 2127 </div> 2128 2129 <div class="company-content-item company-content-ri"> 2130 <div class="company-content-name"> 2131 Factory Add: 2132 </div> 2133 <div class="company-content-info"> 2134 <p>4th Floor, Block 3, DaCheng Industrial Park, No. 357, Jihua Street,Longgang District, Shenzhen City, Guangdong Province, Peopleâs Republic of China 518112</p> 2135 </div> 2136 </div> 2137 </div> 2138</div><style data-shopify>.custom-contact-company { 2139 background-color: #e7edf2; 2140 padding: 6vw 0; 2141 } 2142 .custom-contact-company .contact-company-content { 2143 display: flex; 2144 flex-wrap: wrap; 2145 margin-top: 3vw; 2146 } 2147 .custom-contact-company .contact-company-content .company-content-le { 2148 width: 50%; 2149 padding-right: 2.5vw; 2150 border-right: 1px solid #bbc0c3; 2151 } 2152 .custom-contact-company .contact-company-content .company-content-ri { 2153 width: 50%; 2154 padding-left: 2.5vw; 2155 } 2156 .custom-contact-company .contact-company-content .company-content-item { 2157 padding-bottom: 3vw; 2158 } 2159 .custom-contact-company .contact-company-content .company-content-item .company-content-name { 2160 font-family: Arial; 2161 font-weight: bold; 2162 font-size: 1.82vw; 2163 color: #262626; 2164 line-height: 1.4; 2165 margin-bottom: 1.2vw; 2166 } 2167 .custom-contact-company .contact-company-content .company-content-item .company-content-info { 2168 font-family: Arial; 2169 font-weight: 400; 2170 font-size: 1.3vw; 2171 color: #595959; 2172 line-height: 1.4; 2173 } 2174 .custom-contact-company .contact-company-content .company-content-item .company-content-info a, 2175 .custom-contact-company .contact-company-content .company-content-item .company-content-info p { 2176 font-weight: 400; 2177 font-size: 1.3vw; 2178 color: #595959; 2179 } 2180 2181 .custom-contact-company h2 { 2182 font-family: Arial; 2183 font-weight: 900; 2184 font-size: 2.6vw; 2185 color: #0e497d; 2186 line-height: 1.4; 2187 text-align: center; 2188} 2189 .custom-contact-company h2 span { 2190 color: #008A60; 2191} 2192 @media screen and (max-width: 960px) { 2193 .custom-contact-company { 2194 padding: 10vw 0; 2195 } 2196 .custom-contact-company .contact-company-content { 2197 display: flex; 2198 flex-wrap: wrap; 2199 justify-content: space-between; 2200 margin-top: 6vw; 2201 } 2202 .custom-contact-company .contact-company-content .company-content-le { 2203 width: 50%; 2204 padding-right: 2.5vw; 2205 border-right: 1px solid #1a1d1f; 2206 } 2207 .custom-contact-company .contact-company-content .company-content-ri { 2208 width: 50%; 2209 padding: 0; 2210 } 2211 .custom-contact-company .contact-company-content .company-content-item { 2212 padding-bottom: 3vw; 2213 } 2214 .custom-contact-company .contact-company-content .company-content-item .company-content-name { 2215 font-size: 3.3vw; 2216 } 2217 .custom-contact-company .contact-company-content .company-content-item .company-content-info { 2218 font-size: 2.67vw; 2219 } 2220 .custom-contact-company .contact-company-content .company-content-item .company-content-info a, 2221 .custom-contact-company .contact-company-content .company-content-item .company-content-info p { 2222 font-weight: 400; 2223 font-size: 2.67vw; 2224 color: #595959; 2225 } 2226 .custom-contact-company .contact-company-content .company-item-tel { 2227 padding-left: 12vw; 2228 } 2229 .custom-contact-company .contact-company-content .company-content-le:nth-child(3) { 2230 width: 100%; 2231 border: none; 2232 padding: 4vw 0; 2233 border-top: 1px solid #1a1d1f; 2234 border-bottom: 1px solid #1a1d1f; 2235 } 2236 .custom-contact-company .contact-company-content .company-content-ri:last-child { 2237 width: 100%; 2238 padding: 4vw 0; 2239 border-bottom: 1px solid #1a1d1f; 2240 } 2241 }</style></div> 2242 </main> 2243 2244 <!-- --> 2245 <div class="right-action"> 2246 <button id="back-to-top" title="Back to top"></button> 2247 <div id="contact-email" title="email"></div> 2248 </div> 2249 2250 <div id="contact-email-mb" title="email"> 2251 <img class="lazyload" data-src="" loading="lazy" src="https://leagendsolutions.
2251com/cdn/shop/files/026.png" alt=""> 2252 </div> 2253 2254 <style data-shopify>.custom-contact-layer-active { 2255 overflow: hidden; 2256 } 2257 2258 .custom-contact-popwer { 2259 display: none; 2260 position: fixed; 2261 left: 0; 2262 top: 0; 2263 width: 100%; 2264 height: 100%; 2265 z-index: 2025; 2266 } 2267 .custom-contact-popwer .contact-popwer-body { 2268 position: absolute; 2269 left: 10%; 2270 top: 10%; 2271 width: 80%; 2272 height: 80%; 2273 padding: 1vw; 2274 background-color: #fff; 2275 z-index: 5; 2276 } 2277 .custom-contact-popwer .contact-popwer-body .contact-popwer-close { 2278 display: flex; 2279 justify-content: flex-end; 2280 width: 100%; 2281 margin-bottom:1vw; 2282 } 2283 .custom-contact-popwer .contact-popwer-body .contact-popwer-close .icon { 2284 width: 1vw; 2285 height: 1vw; 2286 cursor: pointer; 2287 } 2288 .custom-contact-popwer .custom-contact-layer { 2289 display:block; 2290 position: absolute; 2291 left: 0; 2292 top: 0; 2293 width: 100%; 2294 height: 100%; 2295 background-color: rgba(0, 0, 0, 0.431372549); 2296 z-index: 1; 2297 } 2298 2299 .contact-popwer-content { 2300 overflow: auto; 2301 height: calc(100% - 3vw); 2302 } 2303 2304 .custom-contact-popwer .contact-form-content { 2305 display: flex; 2306 } 2307 .custom-contact-popwer .contact-form-content .regional-email { 2308 display: grid; 2309 grid-template-columns: repeat(2, 1fr); 2310 grid-template-rows: repeat(3, 1fr); 2311 gap: 0; 2312 width: 66.6%; 2313 } 2314 .custom-contact-popwer .contact-form-content .regional-email .regional-email-item { 2315 padding: 1.26vw; 2316 border-bottom: 1px solid #e1e1e1; 2317 } 2318 .custom-contact-popwer .contact-form-content .regional-email .regional-email-item .regional-email-name { 2319 font-family: Arial; 2320 font-weight: bold; 2321 font-size: 1.82vw; 2322 color: #262626; 2323 line-height: 1.4; 2324 margin-bottom: 1vw; 2325 } 2326 .custom-contact-popwer .contact-form-content .regional-email .regional-email-item .regional-email-info { 2327 font-family: Arial; 2328 font-weight: 400; 2329 font-size: 1.3vw; 2330 color: #595959; 2331 line-height: 1.6; 2332 padding-top: 0; 2333 } 2334 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con #ContactForm-Country { 2335 padding: 0 1.5rem; 2336 } 2337 .custom-contact-popwer .contact-form-content .regional-email .regional-email-item .regional-email-info a { 2338 color: #0e497d; 2339 } 2340 .custom-contact-popwer .contact-form-content .regional-email .email-item-max { 2341 grid-column: span 2; 2342 border-left: none !important; 2343 } 2344 .custom-contact-popwer .contact-form-content .regional-email .regional-email-item:nth-child(2n) { 2345 border-left: 1px solid #e1e1e1; 2346 } 2347 .custom-contact-popwer .contact-form-content .contact-form { 2348 width: 33.3%; 2349 margin-left: 1vw; 2350 } 2351 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con { 2352 padding: 1vw; 2353 border: 1px solid #becedc; 2354 } 2355 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con .field { 2356 margin-bottom: 2vw; 2357 } 2358 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con .field .field__input { 2359 background: #e7edf2; 2360 border-bottom: 2px solid #bfccd3; 2361 } 2362 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con .field::after { 2363 display: none; 2364 } 2365 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con .form__label { 2366 font-weight: 600; 2367 color: #889ba5; 2368 } 2369 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con h2 { 2370 font-size: 1.2vw; 2371 } 2372 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con .form__label span { 2373 color: red; 2374 } 2375 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con .button { 2376 width: 100%; 2377 color: #fff; 2378 font-size: 1.56vw; 2379 font-weight: 600; 2380 padding: 0.6vw; 2381 background-color: #0e497d; 2382 } 2383 .contact-popwer-active { 2384 display: block; 2385 } 2386 @media screen and (max-width: 960px) { 2387 .custom-contact-popwer .contact-form-content { 2388 margin-top: 6vw; 2389 display: flex; 2390 flex-wrap: wrap; 2391 } 2392 2393 .custom-contact-popwer .contact-popwer-body { 2394 padding: 5vw; 2395 } 2396 2397 .custom-contact-popwer .contact-popwer-body .contact-popwer-close .icon { 2398 width: 5vw; 2399 height: 5vw; 2400 } 2401 2402 .custom-contact-popwer .contact-form-content .regional-email { 2403 display: flex; 2404 flex-wrap: wrap; 2405 width: 100%; 2406 } 2407 .custom-contact-popwer .contact-form-content .regional-email .regional-email-item { 2408 width: 100%; 2409 padding: 6vw 0 3vw; 2410 border-bottom: none; 2411 border-top: 1px solid #e5e5e5; 2412 } 2413 .custom-contact-popwer .contact-form-content .regional-email .regional-email-item .regi
2413onal-email-name { 2414 font-size: 3.33vw; 2415 } 2416 .custom-contact-popwer .contact-form-content .regional-email .regional-email-item .regional-email-info { 2417 font-size: 2.67vw; 2418 margin-bottom: 0; 2419 padding-top: 0; 2420 } 2421 .custom-contact-popwer .contact-form-content .regional-email .regional-email-item .regional-email-info a { 2422 color: #0e497d; 2423 } 2424 .custom-contact-popwer .contact-form-content .regional-email .regional-email-item:nth-child(2n) { 2425 border-left: none; 2426 } 2427 .custom-contact-popwer .contact-form-content .contact-form { 2428 width: 100%; 2429 margin-left: 0; 2430 } 2431 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con { 2432 padding: 1vw; 2433 border: 1px solid #becedc; 2434 } 2435 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con .field { 2436 margin-bottom: 2vw; 2437 } 2438 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con h2 { 2439 font-size: 12px; 2440 } 2441 2442 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con .field .field__input { 2443 background: #e7edf2; 2444 border-bottom: 2px solid #bfccd3; 2445 } 2446 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con .field::after { 2447 display: none; 2448 } 2449 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con .form__label { 2450 font-weight: 600; 2451 color: #889ba5; 2452 } 2453 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con .form__label span { 2454 color: red; 2455 } 2456 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con .button { 2457 width: 100%; 2458 color: #fff; 2459 font-size: 1.82vw; 2460 background-color: #0e497d; 2461 } 2462 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con .field { 2463 margin-bottom: 5vw; 2464 } 2465 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con { 2466 padding: 3vw; 2467 } 2468 .custom-contact-popwer .contact-form-content .contact-form .contact-form-con .button { 2469 font-size: 3.33vw; 2470 } 2471 }</style><div class="custom-contact-popwer"> 2472 <div class="contact-popwer-body"> 2473 <div class="contact-popwer-close"> 2474 <svg 2475 t="1736993420419" 2476 class="icon contact-popwer-close"
2477 viewBox="0 0 1024 1024" 2478 version="1.1" 2479 xmlns="http://www.w3.org/2000/svg" 2480 p-id="4244" 2481 > 2482 <path d="M0 0h1024v1024H0z" fill="#FF0033" fill-opacity="0" p-id="4245"></path> 2483 <path 2484 d="M240.448 168l2.346667 2.154667 289.92 289.941333 279.253333-279.253333a42.666667 42.666667 0 0 1 62.506667 58.026666l-2.133334 2.346667-279.296 279.210667 279.274667 279.253333a42.666667 42.666667 0 0 1-58.005333 62.528l-2.346667-2.176-279.253333-279.253333-289.92 289.962666a42.666667 42.666667 0 0 1-62.506667-58.005333l2.154667-2.346667 289.941333-289.962666-289.92-289.92a42.666667 42.666667 0 0 1 57.984-62.506667z" 2485 fill="#111111" p-id="4246"></path> 2486 </svg> 2487 </div> 2488 <div class="contact-popwer-content"> 2489<div class="contact-form-content"> 2490<div class="regional-email"><div class="regional-email-item stretch-item"> 2491 <div class="regional-email-name stretch-title"> 2492 North America 2493 <svg t="1735896457769" class="arrow-icon" viewBox="0 0 1026 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4240"> 2494 <path d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" p-id="4241" fill="#0e497d"></path> 2495 </svg> 2496 </div> 2497 <div class="regional-email-info stretch-con"> 2498 <div class="email-info-element"> 2499 Sales Expert 2500 </div> 2501 <div class="email-info-element"> 2502 <span> Felix: </span> <br> 2503 <a href="mailto:[email protected]">[email protected]</a> 2504 </div> 2505 <div class="email-info-element"> 2506 +86 188 238 35673 2507 </div> 2508 </div> 2509 </div><div class="regional-email-item stretch-item"> 2510 <div class="regional-email-name stretch-title"> 2511 South America 2512 <svg t="1735896457769" class="arrow-icon" viewBox="0 0 1026 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4240"> 2513 <path d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" p-id="4241" fill="#0e497d"></path> 2514 </svg> 2515 </div> 2516 <div class="regional-email-info stretch-con"> 2517 <div class="email-info-element"> 2518 Sales Expert 2519 </div> 2520 <div class="email-info-element"> 2521 <span> Carter: </span> <br> 2522 <a href="mailto:[email protected]">[email protected]</a> 2523 </div> 2524 <div class="email-info-element"> 2525 +86 173 026 96732 2526 </div> 2527 </div> 2528 </div><div class="regional-email-item stretch-item"> 2529 <div class="regional-email-name stretch-title"> 2530 Europe 2531 <svg t="1735896457769" class="arrow-icon" viewBox="0 0 1026 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4240"> 2532 <path d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" p-id="4241" fill="#0e497d"></path> 2533 </svg> 2534 </div> 2535 <div class="regional-email-info stretch-con"> 2536 <div class="email-info-element"> 2537 Sales Expert 2538 </div> 2539 <div class="email-info-element">
2540 <span> Alex: </span> <br> 2541 <a href="mailto:[email protected]">[email protected]</a> 2542 </div> 2543 <div class="email-info-element"> 2544 +86 135 433 42712 2545 </div> 2546 </div> 2547 </div><div class="regional-email-item stretch-item"> 2548 <div class="regional-email-name stretch-title"> 2549 Asia 2550 <svg t="1735896457769" class="arrow-icon" viewBox="0 0 1026 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4240"> 2551 <path d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" p-id="4241" fill="#0e497d"></path> 2552 </svg> 2553 </div> 2554 <div class="regional-email-info stretch-con"> 2555 <div class="email-info-element"> 2556 Sales Expert 2557 </div> 2558 <div class="email-info-element"> 2559 <span> Arrebol: </span> <br> 2560 <a href="mailto:[email protected]">[email protected]</a> 2561 </div> 2562 <div class="email-info-element"> 2563 +86 135 903 22907 2564 </div> 2565 </div> 2566 </div><div class="regional-email-item stretch-item"> 2567 <div class="regional-email-name stretch-title"> 2568 The Middle East 2569 <svg t="1735896457769" class="arrow-icon" viewBox="0 0 1026 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4240"> 2570 <path d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" p-id="4241" fill="#0e497d"></path> 2571 </svg> 2572 </div> 2573 <div class="regional-email-info stretch-con"> 2574 <div class="email-info-element"> 2575 Sales Expert 2576 </div> 2577 <div class="email-info-element"> 2578 <span> Roy: </span> <br> 2579 <a href="mailto:[email protected]">[email protected]</a> 2580 </div> 2581 <div class="email-info-element"> 2582 +86 199 251 29112 2583 </div> 2584 </div> 2585 </div><div class="regional-email-item stretch-item"> 2586 <div class="regional-email-name stretch-title"> 2587 Oceania & Africa 2588 <svg t="1735896457769" class="arrow-icon" viewBox="0 0 1026 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4240"> 2589 <path d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" p-id="4241" fill="#0e497d"></path> 2590 </svg> 2591 </div> 2592 <div class="regional-email-info stretch-con"> 2593 <div class="email-info-element"> 2594 Sales Expert 2595 </div> 2596 <div class="email-info-element"> 2597 <span> Barinna: </span> <br> 2598 <a href="mailto:[email protected]">[email protected]</a> 2599 </div> 2600 <div class="email-info-element"> 2601 +86 159 895 01132 2602 </div> 2603 </div> 2604 </div></div> 2605 <div class="contact-form"> 2606 <form method="post" action="/contact#ContactForm" id="ContactForm" accept-charset="UTF-8" class="isolate contact-form-con scroll-trigger animate--slide-in"><input type="hidden" name="form_type" value="contact"><input type="hidden" name="utf8" value="â"><input type="hidden" name="form_type" value="contact"><input type="hidden" name="utf8" value="â"> 2607 <div class="field"> 2608 <input class="field__input" autocomplete="name" type="text" id="ContactForm-name" name="contact[Name]" value="" required="" placeholder="Name"> 2609 <label class="field__label" for="ContactForm-name">Name
2610 <span aria-hidden="true">*</span> 2611 </label> 2612 </div> 2613 <div class="field"> 2614 <select id="ContactForm-Country" class="field__input" name="contact[Country]" value="" required="" placeholder="Country"> 2615 <option value="unknown">Select a country/region<span aria-hidden="true">*</span></option> 2616 <option value="Angola">Angola</option><option value="Afghanistan">Afghanistan</option><option value="Alaska(U.S.A)">Alaska(U.S.A)</option><option value="Albania">Albania</option><option value="Algeria">Algeria</option><option value="Andorra">Andorra</option><option value="Anguilla">Anguilla</option><option value="Antigua and Barbuda">Antigua and Barbuda</option><option value="Argentina">Argentina</option><option value="Armenia">Armenia</option><option value="Aruba">Aruba</option><option value="Ascension">Ascension</option><option value="Australia">Australia</option><option value="Austria">Austria</option><option value="Azerbaijan">Azerbaijan</option><option value="Bahamas">Bahamas</option><option value="Bahrain">Bahrain</option><option value="Bangladesh">Bangladesh</option><option value="Barbados">Barbados</option><option value="Belarus">Belarus</option><option value="Belgium">Belgium</option><option value="Belize">Belize</option><option value="Benin">Benin</option><option value="Bermuda Is">Bermuda Is</option><option value="Bhutan">Bhutan</option><option value="Bolivia">Bolivia</option><option value="Bosnia And Herzegovina">Bosnia And Herzegovina</option><option value="Botswana">Botswana</option><option value="Brazil">Brazil</option><option value="Brunei">Brunei</option><option value="Bulgaria">Bulgaria</option><option value="Burkina Faso">Burkina Faso</option><option value="Burma">Burma</option><option value="Burundi">Burundi</option><option value="Cameroon">Cameroon</option><option value="Canada">Canada</option><option value="Cape Verde">Cape Verde</option><option value="Cayman Is">Cayman Is</option><option value="Central African Republic">Central African Republic</option><option value="Chad">Chad</option><option value="Chile">Chile</option><option value="China">China</option><option value="Colombia">Colombia</option><option value="Congo">Congo</option><option value="Cook Is">Cook Is</option><option value="Costa Rica">Costa Rica</option><option value="Cuba">Cuba</option><option value="Cyprus">Cyprus</option><option value="Czech Republic">Czech Republic</option><option value="Republic of Croatia">Republic of Croatia</option><option value="Denmark">Denmark</option><option value="Djibouti">Djibouti</option><option value="Dominica Rep">Dominica Rep</option><option value="Ecuador">Ecuador</option><option value="Egypt">Egypt</option><option value="EI Salvador">EI Salvador</option><option value="Estonia">Estonia</option><option value="Ethiopia">Ethiopia</option><option value="Fiji">Fiji</option><option value="Finland">Finland</option><option value="France">France</option><option value="French Guiana">French Guiana</option><option value="French Polynesia">French Polynesia</option><option value="Gabon">Gabon</option><option value="Gambia">Gambia</option><option value="Georgia">Georgia</option><option value="Germany">Germany</option><option value="Ghana">Ghana</option><option value="Gibraltar">Gibraltar</option><option value="Greece">Greece</option><option value="Grenada">Grenada</option><option value="Guam">Guam</option><option value="Guatemala">Guatemala</option><option value="Guinea">Guinea</option><option value="Guyana">Guyana</option><option value="Haiti">Haiti</option><option value="Honduras">Honduras</option><option value="China Hongkong">China Hongkong</option><option value="Hungary">Hungary</option><option value="Iceland">Iceland</option><option value="India">India</option><option value="Indonesia">Indonesia</option><option value="Iran">Iran</option><option value="Iraq">Iraq</option><option value="Ireland">Ireland</option><option value="Israel">Israel</option><option value="Italy">Italy</option><option value="Ivory Coast">Ivory Coast</option><option value="Jamaica">Jamaica</option><option value="Japan">Japan</option><option value="Jordan">Jordan</option><option value="Cambodia">Cambodia</option><option value="Kazakhstan">Kazakhstan</option><option value="Kenya">Kenya</option><option value="Korea">Korea</option><option value="Kuwait">Kuwait</option><option value="Kyrgyzstan">Kyrgyzstan</option><option value="Laos">Laos</option><option value="Latvia">Latvia</option><option value="Lebanon">Lebanon</option><option value="Lesotho">Lesotho</option><option value="Liberia">Liberia</option><option value="Libya">Libya</option><option value="Liechtenstein">Liechtenstein</option><option value="Lithuania">Lithuania</option><option value="Luxembourg">Luxembourg</option><option value="China Macao">China Macao</option>
2616<option value="Madagascar">Madagascar</option><option value="Malawi">Malawi</option><option value="Malaysia">Malaysia</option><option value="Maldives">Maldives</option><option value="Mali">Mali</option><option value="Malta">Malta</option><option value="Mariana Is">Mariana Is</option><option value="Martinique">Martinique</option><option value="Mauritius">Mauritius</option><option value="Mexico">Mexico</option><option value="Moldova">Moldova</option><option value="Monaco">Monaco</option><option value="Mongolia">Mongolia</option><option value="Montserrat Is">Montserrat Is</option><option value="Morocco">Morocco</option><option value="Mozambique">Mozambique</option><option value="Namibia">Namibia</option><option value="Nauru">Nauru</option><option value="Nepal">Nepal</option><option value="Netheriands Antilles">Netheriands Antilles</option><option value="Netherlands">Netherlands</option><option value="New Zealand">New Zealand</option><option value="Nicaragua">Nicaragua</option><option value="Niger">Niger</option><option value="Nigeria">Nigeria</option><option value="North Korea">North Korea</option><option value="Norway">Norway</option><option value="Oman">Oman</option><option value="Pakistan">Pakistan</option><option value="Panama">Panama</option><option value="Papua New Cuinea">Papua New Cuinea</option><option value="Paraguay">Paraguay</option><option value="Peru">Peru</option><option value="Philippines">Philippines</option><option value="Poland">Poland</option><option value="Portugal">Portugal</option><option value="Puerto Rico">Puerto Rico</option><option value="Qatar">Qatar</option><option value="Reunion">Reunion</option><option value="Romania">Romania</option><option value="Russia">Russia</option><option value="Saint Vincent">Saint Vincent</option><option value="Samoa Eastern">Samoa Eastern</option><option value="Samoa Western">Samoa Western</option><option value="San Marino">San Marino</option><option value="Sao Tome and Principe">Sao Tome and Principe</option><option value="Saudi Arabia">Saudi Arabia</option><option value="Senegal">Senegal</option><option value="Seychelles">Seychelles</option><option value="Sierra Leone">Sierra Leone</option><option value="Singapore">Singapore</option><option value="Slovakia">Slovakia</option><option value="Slovenia">Slovenia</option><option value="Solomon Is">Solomon Is</option><option value="Somali">Somali</option><option value="South Africa">South Africa</option><option value="Spain">Spain</option><option value="SriLanka">SriLanka</option><option value="Saint Lucia">Saint Lucia</option><option value="St.Vincent">St.Vincent</option><option value="Sudan">Sudan</option><option value="Suriname">Suriname</option><option value="Swaziland">Swaziland</option><option value="Sweden">Sweden</option><option value="Switzerland">Switzerland</option><option value="Syria">Syria</option><option value="China Taiwan">China Taiwan</option><option value="Tajikstan">Tajikstan</option><option value="Tanzania">Tanzania</option><option value="Thailand">Thailand</option><option value="Togo">Togo</option><option value="Tonga">Tonga</option><option value="Trinidad and Tobago">Trinidad and Tobago</option><option value="Tunisia">Tunisia</option><option value="Turkey">Turkey</option><option value="Turkmenistan">Turkmenistan</option><option value="Uganda">Uganda</option><option value="Ukraine">Ukraine</option><option value="United Arab Emirates">United Arab Emirates</option><option value="United Kiongdom">United Kiongdom</option><option value="United States of America">United States of America</option><option value="Uruguay">Uruguay</option><option value="Uzbekistan">Uzbekistan</option><option value="Venezuela">Venezuela</option><option value="Vietnam">Vietnam</option><option value="Yemen">Yemen</option><option value="Yugoslavia">Yugoslavia</option><option value="Zimbabwe">Zimbabwe</option><option value="Zaire">Zaire</option><option value="Zambia">Zambia</option></select> 2617 </div> 2618 <div class="field"> 2619 <input type="text" id="ContactForm-Company" class="field__input" name="contact[Company]" value="" placeholder="Company"> 2620 <label class="field__label" for="ContactForm-company">Company:(optional)</label> 2621 </div> 2622 <div class="field field--with-error"> 2623 <input autocomplete="email" type="email" id="ContactForm-email" class="field__input" name="contact[email]" spellcheck="false" autocapitalize="off" value="" aria-required="true" placeholder="Email" required=""> 2624 <label class="field__label" for="ContactForm-email">Contact Email
2625 <span aria-hidden="true">*</span> 2626 </label> 2627 </div> 2628 <div class="field"> 2629 <textarea rows="3" id="ContactForm-product" class="text-area field__input" name="contact[Product]" placeholder="Product"></textarea> 2630 <label class="form__label field__label" for="ContactForm-product">Product/Solution You Need</label> 2631 </div> 2632 <div class="field"> 2633 <textarea rows="10" id="ContactForm-body" class="text-area field__input" name="contact[Message]" required="" placeholder="Message" style="min-height:20rem"></textarea> 2634 <label class="form__label field__label" for="ContactForm-body">Message 2635 <span aria-hidden="true">*</span> 2636 </label> 2637 </div> 2638 <div class="contact__button"> 2639 <button type="submit" class="button">SUBMIT</button> 2640 </div></form>
2640<script type="text/javascript"> 2641 let countryData = ["Angola","Afghanistan","Alaska(U.S.A)","Albania","Algeria","Andorra","Anguilla","Antigua and Barbuda","Argentina","Armenia","Aruba","Ascension","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bermuda Is","Bhutan","Bolivia","Bosnia And Herzegovina","Botswana","Brazil","Brunei","Bulgaria","Burkina Faso","Burma","Burundi","Cameroon","Canada","Cape Verde","Cayman Is","Central African Republic","Chad","Chile","China","Colombia","Congo","Cook Is","Costa Rica","Cuba","Cyprus","Czech Republic","Republic of Croatia","Denmark","Djibouti","Dominica Rep","Ecuador","Egypt","EI Salvador","Estonia","Ethiopia","Fiji","Finland","France","French Guiana","French Polynesia","Gabon","Gambia","Georgia","Germany","Ghana","Gibraltar","Greece","Grenada","Guam","Guatemala","Guinea","Guyana","Haiti","Honduras","China Hongkong","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Israel","Italy","Ivory Coast","Jamaica","Japan","Jordan","Cambodia","Kazakhstan","Kenya","Korea","Kuwait","Kyrgyzstan","Laos","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","China Macao","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Mariana Is","Martinique","Mauritius","Mexico","Moldova","Monaco","Mongolia","Montserrat Is","Morocco","Mozambique","Namibia","Nauru","Nepal","Netheriands Antilles","Netherlands","New Zealand","Nicaragua","Niger","Nigeria","North Korea","Norway","Oman","Pakistan","Panama","Papua New Cuinea","Paraguay","Peru","Philippines","Poland","Portugal","Puerto Rico","Qatar","Reunion","Romania","Russia","Saint Vincent","Samoa Eastern","Samoa Western","S
2641an Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Seychelles","Sierra Leone","Singapore","Slovakia","Slovenia","Solomon Is","Somali","South Africa","Spain","SriLanka","Saint Lucia","St.Vincent","Sudan","Suriname","Swaziland","Sweden","Switzerland","Syria","China Taiwan","Tajikstan","Tanzania","Thailand","Togo","Tonga","Trinidad and Tobago","Tunisia","Turkey","Turkmenistan","Uganda","Ukraine","United Arab Emirates","United Kiongdom","United States of America","Uruguay","Uzbekistan","Venezuela","Vietnam","Yemen","Yugoslavia","Zimbabwe","Zaire","Zambia"] 2642 2643 const select = document.getElementById('ContactForm-Country'); 2644 let optionArr = []; // æ´æ£ä¸ºæ°ç» 2645 2646 countryData.forEach(item => { 2647 const option = document.createElement('option'); 2648 option.value = item; 2649 option.textContent = item; 2650 optionArr.push(option); 2651 }); 2652 2653 const fragment = document.createDocumentFragment(); 2654 optionArr.forEach(option => fragment.appendChild(option)); 2655 select.appendChild(fragment); 2656 </script>
2656 2657 2658 </div> 2659 </div> 2660 </div> 2661 </div> 2662 <div class="custom-contact-layer"></div> 2663</div>
2664<script type="text/javascript"> 2665 const contactPopwer = document.getElementsByClassName(' custom-contact-popwer')[0]; 2666 const closeIcon = document.getElementsByClassName('contact-popwer-close')[0]; 2667 const layer = document.getElementsByClassName('custom-contact-layer')[0]; 2668 const emailBtn = document.getElementById('contact-email'); 2669 const emailMbBtn = document.getElementById('contact-email-mb'); 2670 const body = document.querySelector('body'); 2671 let popwerShow = false; 2672 2673 const handlePopwerShow = () => { 2674 popwerShow = !popwerShow; 2675 2676 if (popwerShow) { 2677 body.classList.add('custom-contact-layer-active'); 2678 contactPopwer.classList.add('contact-popwer-active'); 2679 } else { 2680 body.classList.remove('custom-contact-layer-active'); 2681 contactPopwer.classList.remove('contact-popwer-active'); 2682 } 2683 } 2684 2685 const setupEventListeners = () => { 2686 emailBtn.onclick = handlePopwerShow; 2687 emailMbBtn.onclick = handlePopwerShow; 2688 layer.onclick = handlePopwerShow; 2689 closeIcon.onclick = handlePopwerShow; 2690 } 2691 2692 const checkUrlAndShowPopup = () => { 2693 const url = new URL(window.location.href); 2694 const searchParams = new URLSearchParams(url.search); 2695 if (searchParams.get('contact_posted') === 'true' && url.hash === '#ContactForm') { 2696 handlePopwerShow(); 2697 } 2698 } 2699 2700 setupEventListeners(); 2701 2702 checkUrlAndShowPopup(); 2703</script>
2703 2704 2705 <!-- BEGIN sections: footer-group --> 2706<div id="shopify-section-sections--17603676242057__custom_footer_z9CejN" class="shopify-section shopify-section-group-footer-group"><footer> 2707 <div class="custom-footer"> 2708 2709 <div class="custom-footer-content limited-width"><div class="footer-item navigation-content" style="--col_width:100%"><div class="footer-item-element stretch-item"> 2710 <div class="footer-item-title stretch-title navigation-title"> 2711 <h3>Navigation</h3> 2712 <svg 2713 t="1735896457769" 2714 class="arrow-icon" 2715 viewBox="0 0 1026 1024" 2716 version="1.1" 2717 xmlns="http://www.w3.org/2000/svg" 2718 p-id="4240" 2719 > 2720 <path 2721 d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" 2722 p-id="4241" fill="#0e497d"></path> 2723 </svg> 2724 </div> 2725 <div class="footer-item-con stretch-con"><ul class="navigation-list"><li> 2726 <a 2727 href="/pages/about-us" 2728 > 2729 ABOUT US 2730 </a> 2731 </li><li> 2732 <a 2733 href="/pages/solutions-list" 2734 > 2735 SOLUTIONS 2736 </a> 2737 </li><li> 2738 <a 2739 href="/pages/support" 2740 > 2741 SUPPORT 2742 </a> 2743 </li><li> 2744 <a 2745 href="/pages/case-list" 2746 > 2747 CASES 2748 </a> 2749 </li><li> 2750 <a 2751 href="/pages/contact" 2752 > 2753 CONTACT US 2754 </a> 2755 </li><li> 2756 <a 2757 href="/blogs/news" 2758 > 2759 BLOG 2760 </a> 2761 </li><li> 2762 <a 2763 href="/policies/privacy-policy" 2764 > 2765 PRIVACY POLICY 2766 </a> 2767 </li><li> 2768 <a 2769 href="/policies/terms-of-service" 2770 > 2771 TERMS OF SERVICE 2772 </a> 2773 </li><li> 2774 <a 2775 href="/pages/join-us" 2776 > 2777 PARTNER 2778 </a> 2779 </li><li> 2780 <a 2781 href="https://shop.leagend.com/" 2782 > 2783 ONLINE RETAIL STORE 2784 </a> 2785 </li></ul></div> 2786 </div></div><div class="footer-item navigation-content" style="--col_width:30%"><div class="footer-item-element stretch-item"> 2787 <div class="footer-item-title stretch-title "> 2788 <h3>About leagend SOLUTIONS</h3> 2789 <svg 2790 t="1735896457769" 2791 class="arrow-icon"
2792 viewBox="0 0 1026 1024" 2793 version="1.1" 2794 xmlns="http://www.w3.org/2000/svg" 2795 p-id="4240" 2796 > 2797 <path 2798 d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" 2799 p-id="4241" fill="#0e497d"></path> 2800 </svg> 2801 </div> 2802 <div class="footer-item-con stretch-con"> 2803 <div class="footer-item-html">Since its establishment in 2014, leagend SOLUTIONS has been specializing in researching and developing batteries technologies, battery testing technologies, battery monitoring and managing systems and solutions for more than 10 years. PRECISION, SAFETY AND LOW ENERGY CONSUMPTION are always the foundation and ideology of our technology research and development.</div> 2804 </div> 2805 </div></div><div class="footer-item navigation-content" style="--col_width:30%"><div class="footer-item-element stretch-item"> 2806 <div class="footer-item-title stretch-title "> 2807 <h3>Company Basic Contact Information</h3> 2808 <svg 2809 t="1735896457769" 2810 class="arrow-icon"
2811 viewBox="0 0 1026 1024" 2812 version="1.1" 2813 xmlns="http://www.w3.org/2000/svg" 2814 p-id="4240" 2815 > 2816 <path 2817 d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" 2818 p-id="4241" fill="#0e497d"></path> 2819 </svg> 2820 </div> 2821 <div class="footer-item-con stretch-con"> 2822 <div class="footer-item-html">E-mail: [email protected] <br>Tel: +86-755-8282 1859 <br> 2823Company Name: ShenZhenShiLiJunGuangDianYouXianGongSi<br> 2824Office Add: No. 10 Shifao Road, Futian Bonded Zone, Shenzhen City 2825 6th Floor, East Zone Office, Dongfang Jiasheng Building <br> 2826 Factory Add: Xinlan Community, Guanlan Street, Longhua District, Shenzhen City 2827 Building L, Yinxing Science and Technology Park, Yinxing Intelligent Valley</div> 2828 </div> 2829 </div></div><div class="footer-item navigation-content" style="--col_width:30%"><div class="footer-item-element stretch-item"> 2830 <div class="footer-item-title stretch-title "> 2831 <h3>How Can We Lead The Industry?</h3> 2832 <svg 2833 t="1735896457769" 2834 class="arrow-icon"
2835 viewBox="0 0 1026 1024" 2836 version="1.1" 2837 xmlns="http://www.w3.org/2000/svg" 2838 p-id="4240" 2839 > 2840 <path 2841 d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" 2842 p-id="4241" fill="#0e497d"></path> 2843 </svg> 2844 </div> 2845 <div class="footer-item-con stretch-con"> 2846 <div class="footer-item-html"><ul class="routine-ul"> 2847 <li>Technology Innovation</li> 2848 <li>Customized Services</li> 2849 <li>Global Service Network</li> 2850 <li>Quality Guarantee</li> 2851 <li>Sustainable Development</li> 2852 </ul></div> 2853 </div> 2854 </div><div class="footer-item-element stretch-item"> 2855 <div class="footer-item-title stretch-title"> 2856 <h3>Follow Us</h3> 2857 <svg 2858 t="1735896457769" 2859 class="arrow-icon"
2860 viewBox="0 0 1026 1024" 2861 version="1.1" 2862 xmlns="http://www.w3.org/2000/svg" 2863 p-id="4240" 2864 > 2865 <path 2866 d="M857.088 224.256q28.672-28.672 69.12-28.672t69.12 28.672q29.696 28.672 29.696 68.608t-29.696 68.608l-382.976 380.928q-12.288 14.336-30.72 19.968t-38.912 4.608-40.448-8.704-34.304-22.016l-376.832-374.784q-29.696-28.672-29.696-68.608t29.696-68.608q14.336-14.336 32.256-21.504t36.864-7.168 37.376 7.168 32.768 21.504l313.344 309.248z" 2867 p-id="4241" fill="#0e497d"></path> 2868 </svg> 2869 </div> 2870 <div class="footer-item-con stretch-con"> 2871 <ul class="social-media-ul"> 2872 2873 <li> 2874 <a href="https://www.facebook.com/profile.php?id=61573595573853" rel="noopener noreferrer nofollow"> 2875 <img 2876 class="lazyload footer-item-icon" 2877 src="https://cdn.shopify.com/s/files/1/0562/6567/0793/files/6.png?v=1735895466" 2878 alt="https://www.facebook.com/profile.php?id=61573595573853" 2879 > 2880 </a> 2881 </li> 2882 2883 2884 <li> 2885 <a href="https://x.com/leagendsolution" rel="noopener noreferrer nofollow"> 2886 <img 2887 class="lazyload footer-item-icon" 2888 src="https://cdn.shopify.com/s/files/1/0562/6567/0793/files/7.png?v=1735895466" 2889 alt="https://x.com/leagendsolution" 2890 > 2891 </a> 2892 </li> 2893 2894 2895 <li> 2896 <a href="https://www.linkedin.com/company/leagend-solutions/?viewAsMember=true" rel="noopener noreferrer nofollow"> 2897 <img 2898 class="lazyload footer-item-icon" 2899 src="https://cdn.shopify.com/s/files/1/0562/6567/0793/files/8.png?v=1735895466" 2900 alt="https://www.linkedin.com/company/leagend-solutions/?viewAsMember=true" 2901 > 2902 </a> 2903 </li> 2904 2905 </ul> 2906 </div> 2907 </div><div class="footer-item-element"> 2908 <form 2909 method="post" 2910 action="/contact#ContactFooter" 2911 id="ContactFooter" 2912 accept-charset="UTF-8" 2913 class="footer__newsletter newsletter-form" 2914 data-cptcha="true" 2915 data-hcaptcha-bound="true" 2916 > 2917 <input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="â" 2918 ><input type="hidden" name="contact[tags]" value="newsletter"> 2919 <div class="newsletter-form__field-wrapper"> 2920 <div class="field"> 2921 <input 2922 id="NewsletterForm--sections--17603676242057__footer" 2923 type="email" 2924 name="contact[email]" 2925 class="field__input" 2926 value="" 2927 aria-required="true" 2928 autocorrect="off" 2929 autocapitalize="off" 2930 autocomplete="email" 2931 placeholder="Email" 2932 required="" 2933 > 2934 <label class="field__label" for="NewsletterForm--sections--17603676242057__footer"> 2935 Email Subscribe 2936 </label> 2937 <button 2938 type="submit" 2939 class="newsletter-form__button field__button" 2940 name="commit" 2941 id="Subscribe" 2942 aria-label="Subscribe" 2943 >
2944 <span class="svg-wrapper"> 2945 <svg 2946 xmlns="http://www.w3.org/2000/svg" 2947 fill="none" 2948 class="icon icon-arrow" 2949 viewBox="0 0 14 10" 2950 > 2951 <path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path> 2952 </svg> 2953 </span> 2954 </button> 2955 </div> 2956 </div> 2957 <div class="h-captcha" data-sitekey="f06e6c50-85a8-45c8-87d0-21a2b65856fe" data-size="invisible"> 2958 <iframe 2959 aria-hidden="true" 2960 data-hcaptcha-widget-id="053mnv4xucpc" 2961 data-hcaptcha-response="" 2962 src="https://newassets.hcaptcha.com/captcha/v1/b4956db/static/hcaptcha.html#frame=checkbox-invisible" 2963 style="display: none;" 2964 ></iframe 2965 ><textarea 2966 id="h-captcha-response-053mnv4xucpc" 2967 name="h-captcha-response" 2968 style="display: none;" 2969 ></textarea> 2970 </div> 2971 </form> 2972 </div></div></div> 2973 </div> 2974 <div class="leagend-link"> 2975 <a class="leagend-link-item" href="https://leagend.com/" target="_blank"> 2976 <div class="leagend-link-text">B2B BUSINESS</div> 2977 <img src="https://cdn.shopify.com/s/files/1/0562/6567/0793/files/logo1__1.webp?v=1760409129" 2978 alt="leagend"> 2979 </a> 2980 <a class="leagend-link-item" href="https://leagendsolutions.com/" target="_blank"> 2981 <div class="leagend-link-text">SOLUTION BUSINESS 2982 </div> 2983 <img src="https://cdn.shopify.com/s/files/1/0562/6567/0793/files/logo1__1_15e4ccd4-a0d4-4f2a-9d29-a2aa3e415ab8.webp?v=1760409128" 2984 alt="leagendsolutions"> 2985 </a> 2986 </div> 2987 <div class="copyright-information"> 2988 Copyright © 2001-2026 ShenZhenShiLiJunGuangDianYouXianGongSi. 2989 </div> 2990</footer><style data-shopify>.custom-footer { 2991 width: 100%; 2992 background-color: #e6ebf0; 2993 padding: 4.16vw; 2994 } 2995 2996 .custom-footer h3 { 2997 margin: 0; 2998 } 2999 3000 .copyright-information { 3001 font-family: Arial; 3002 font-weight: 400; 3003 font-size: 0.94vw; 3004 color: #ffffff; 3005 line-height: 1.2; 3006 background: #0e497d; 3007 text-align: center; 3008 padding: 1vw 0; 3009 } 3010 3011 .custom-footer .custom-footer-logo { 3012 width: 20vw; 3013 margin: 0 auto 2.4vw; 3014 } 3015 .custom-footer .custom-footer-content { 3016 display: flex; 3017 justify-content: space-between; 3018 flex-wrap: wrap; 3019 } 3020 .custom-footer .custom-footer-content .footer-item { 3021 width: var(--col_width); 3022 } 3023 /* .custom-footer .custom-footer-content .footer-item .footer-item-title { 3024 display: flex; 3025 align-content: center; 3026 justify-content: space-between; 3027 } 3028 .custom-footer .custom-footer-content .footer-item .footer-item-title .arrow-icon { 3029 display: none; 3030 } */ 3031 .custom-footer .custom-footer-content .footer-item .footer-item-title h3 { 3032 font-family: Arial; 3033 font-weight: bold; 3034 font-size: 1.3vw; 3035 color: #0e497d; 3036 } 3037 3038 3039 3040 /* .custom-footer .custom-footer-content .footer-item .footer-item-con { 3041 padding-top: 1.76vw; 3042 } */ 3043 .custom-footer .custom-footer-content .footer-item .footer-item-con .navigation-list { 3044 width: 100%; 3045 display: flex; 3046 flex-wrap: wrap; 3047 align-items: center; 3048 border-bottom: 1px solid #0e497d; 3049 margin-bottom: 2.4vw; 3050 } 3051 .custom-footer .custom-footer-content .footer-item .footer-item-con .navigation-list li { 3052 width: 25%; 3053 margin-bottom: 1.3vw; 3054 } 3055 .custom-footer .custom-footer-content .footer-item .footer-item-con .navigation-list li a { 3056 font-family: Arial; 3057 font-weight: 400; 3058 font-size: 1.04vw; 3059 color: #262626; 3060 line-height: 1.4; 3061 text-decoration: none; 3062 } 3063 .custom-footer .custom-footer-content .footer-item .footer-item-con p { 3064 font-family: Arial; 3065 font-weight: 400; 3066 font-size: 1.04vw; 3067 color: #262626; 3068 line-height: 1.4; 3069 } 3070 .custom-footer .custom-footer-content .footer-item ul { 3071 list-style: none; 3072 padding: 0; 3073 margin: 0; 3074 } 3075
3076 .custom-footer .custom-footer-content .footer-item .routine-ul { 3077 margin-left: 1vw; 3078 } 3079 3080 .custom-footer .custom-footer-content .footer-item .routine-ul li { 3081 list-style: disc; 3082 3083 font-family: Arial; 3084 font-weight: 400; 3085 font-size: 1.04vw; 3086 color: #262626; 3087 line-height: 1.4; 3088 } 3089 .custom-footer .custom-footer-content .footer-item .footer-item-element { 3090 margin-bottom: 1.4vw; 3091 } 3092 .custom-footer .custom-footer-content .footer-item .footer-item-element .social-media-ul { 3093 display: flex; 3094 list-style: none; 3095 } 3096 .custom-footer .custom-footer-content .footer-item .footer-item-element .social-media-ul li { 3097 margin-right: 1.4vw; 3098 } 3099 .custom-footer .custom-footer-content .footer-item .footer-item-element .footer-item-icon { 3100 width: 1.56vw; 3101 height: 1.56vw; 3102 object-fit: contain; 3103 } 3104 .custom-footer .custom-footer-content .footer-item-3 { 3105 width: var(--col_width); 3106 } 3107 3108 .custom-footer .field__button { 3109 background-color: #0e497d !important; 3110 color: #fff; 3111 } 3112 3113.leagend-link { 3114 display: flex; 3115 justify-content: center; 3116 padding: 10px 0; 3117 height: 120px; 3118 background-color: #000; 3119} 3120.leagend-link .leagend-link-item { 3121 display: flex; 3122 align-items: center; 3123 width: auto; 3124 height: 100%; 3125 margin: 0 1vw; 3126 border-right: 1px solid #fff; 3127} 3128.leagend-link .leagend-link-item .leagend-link-text { 3129 display: block; 3130 width: -webkit-fill-available; 3131 font-size: 18px; 3132 color: #fff; 3133} 3134.leagend-link .leagend-link-item img { 3135 width:100%; 3136 height:100%; 3137 object-fit: contain; 3138} 3139.leagend-link .leagend-link-item:last-child { 3140 border-right: none; 3141} 3142 @media screen and (max-width: 960px) { 3143 .custom-footer { 3144 padding: 10vw 0; 3145 } 3146 .copyright-information { 3147 font-size: 2.67vw; 3148 padding: 2vw 0; 3149 } 3150 3151 .custom-footer .custom-footer-logo { 3152 width: 50vw; 3153 margin: 0 auto 10vw; 3154 } 3155 .custom-footer .custom-footer-logo img { 3156 width: 100%; 3157 object-fit: contain; 3158 } 3159 3160 .custom-footer .custom-footer-content .footer-item { 3161 width: 100%; 3162 } 3163 /* .custom-footer .custom-footer-content .footer-item .footer-item-title { 3164 align-items: center; 3165 cursor: pointer; 3166 } 3167 .custom-footer .custom-footer-content .footer-item .footer-item-title .arrow-icon { 3168 display: block; 3169 width: 2.4vw; 3170 height: 1.8vw; 3171 } */ 3172 .custom-footer .custom-footer-content .footer-item .footer-item-title h3 { 3173 font-size: 3.33vw; 3174 cursor: pointer; 3175 } 3176 3177 3178 3179 /* .custom-footer .custom-footer-content .footer-item .footer-item-con { 3180 padding-top: 4.6vw; 3181 max-height: 0; 3182 overflow: hidden; 3183 transition: all 0.2s linear; 3184 } */ 3185 3186 .custom-footer .custom-footer-content .footer-item .footer-item-con .navigation-list { 3187 width: 100%; 3188 display: flex; 3189 flex-wrap: wrap; 3190 align-items: center; 3191 border-bottom: 1px solid #0e497d; 3192 } 3193 .custom-footer .custom-footer-content .footer-item .footer-item-con .navigation-list li { 3194 width: 33%; 3195 margin-bottom: 3.3vw; 3196 } 3197 .custom-footer .custom-footer-content .footer-item .footer-item-con .navigation-list li a { 3198 font-size: 2.67vw; 3199 } 3200 .custom-footer .custom-footer-content .footer-item .footer-item-con p { 3201 font-size: 2.67vw; 3202 } 3203 .custom-footer .custom-footer-content .footer-item .routine-ul { 3204 margin-left: 2.67vw; 3205 } 3206 3207 .custom-footer .custom-footer-content .footer-item .routine-ul li { 3208 font-size: 2.67vw; 3209 } 3210 .custom-footer .custom-footer-content .footer-item .footer-item-element { 3211 margin-bottom: 0vw; 3212 } 3213 .custom-footer .custom-footer-content .footer-item .footer-item-element .social-media-ul { 3214 display: flex; 3215 } 3216 .custom-footer .custom-footer-content .footer-item .footer-item-element .social-media-ul li { 3217 margin-right: 1.4vw; 3218 } 3219 .custom-footer .custom-footer-content .footer-item .footer-item-element .footer-item-icon { 3220 width: 5vw; 3221 height: 4vw; 3222 } 3223 /* .custom-footer .custom-footer-content .footer-item .footer-item-active .footer-item-con { 3224 max-height: 100vh; 3225 margin-bottom: 4.6vw; 3226 } */ 3227 .leagend-link { 3228 height:80px; 3229 } 3230 .leagend-link .leagend-link-item .leagend-link-text { 3231 font-size:12px; 3232 } 3233 .custom-footer .custom-footer-content .footer-item-3 { 3234 width: 100%; 3235 } 3236 }</style> 3237</div> 3238<!-- END sections: footer-group --> 3239 3240 <ul hidden> 3241 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 3242 <li id="a11y-new-window-message">Opens in a new window.</li> 3243 </ul> 3244 3245
3245<script> 3246 window.shopUrl = 'https://leagendsolutions.com'; 3247 window.routes = { 3248 cart_add_url: '/cart/add', 3249 cart_change_url: '/cart/change', 3250 cart_update_url: '/cart/update', 3251 cart_url: '/cart', 3252 predictive_search_url: '/search/suggest', 3253 }; 3254 3255 window.cartStrings = { 3256 error: `There was an error while updating your cart. Please try again.`, 3257 quantityError: `You can only add [quantity] of this item to your cart.`, 3258 }; 3259 3260 window.variantStrings = { 3261 addToCart: `Add to cart`, 3262 soldOut: `Sold out`, 3263 unavailable: `Unavailable`, 3264 unavailable_with_option: `[value] - Unavailable`, 3265 }; 3266 3267 window.quickOrderListStrings = { 3268 itemsAdded: `[quantity] items added`, 3269 itemAdded: `[quantity] item added`, 3270 itemsRemoved: `[quantity] items removed`, 3271 itemRemoved: `[quantity] item removed`, 3272 viewCart: `View cart`, 3273 each: `[money]/ea`, 3274 min_error: `This item has a minimum of [min]`, 3275 max_error: `This item has a maximum of [max]`, 3276 step_error: `You can only add this item in increments of [step]`, 3277 }; 3278 3279 window.accessibilityStrings = { 3280 imageAvailable: `Image [index] is now available in gallery view`, 3281 shareSuccess: `Link copied to clipboard`, 3282 pauseSlideshow: `Pause slideshow`, 3283 playSlideshow: `Play slideshow`, 3284 recipientFormExpanded: `Gift card recipient form expanded`, 3285 recipientFormCollapsed: `Gift card recipient form collapsed`, 3286 countrySelectorSearchCount: `[count] countries/regions found`, 3287 }; 3288 </script>
3288<script src="//leagendsolutions.com/cdn/shop/t/9/assets/predictive-search.js?v=57209189334897115771734399039" defer="defer"></script>
3288<script src="//leagendsolutions.com/cdn/shop/t/9/assets/cart-drawer.js?v=169981311261118214701737269082" defer="defer"></script>
3288<script src="//leagendsolutions.com/cdn/shop/t/9/assets/jquery.js?v=176602202885368246021734415629" defer="defer"></script>
vendor: 1 bytes, line 3288
3288
3289<script src="//leagendsolutions.com/cdn/shop/t/9/assets/lazysizes.min.js?v=56805471290311245611735024001" defer="defer"></script>
vendor: 1 bytes, line 3289
3289
3290<script src="//leagendsolutions.com/cdn/shop/t/9/assets/swiper-bundle.min.js?v=32895027181314625281735023251" defer="defer"></script>
vendor: 1 bytes, line 3290
3290
3291<script src="//leagendsolutions.com/cdn/shop/t/9/assets/gsap.min.js?v=45507711807067260461734416163" defer="defer"></script>
vendor: 1 bytes, line 3291
3291
3292<script src="//leagendsolutions.com/cdn/shop/t/9/assets/ScrollTrigger.min.js?v=138278593441032753221735023878" defer="defer"></script>
vendor: 1 bytes, line 3292
3292
3293<script src="//leagendsolutions.com/cdn/shop/t/9/assets/ScrollToPlugin.min.js?v=81645370221754457231734416210" defer="defer"></script>
3293 3294 3295
3295<script> 3296 document.addEventListener('DOMContentLoaded', function () { 3297 gsap.registerPlugin(ScrollToPlugin); 3298 gsap.registerPlugin(ScrollTrigger); 3299 3300 // èæµå½æ° 3301 function throttle(func, limit) { 3302 let lastFunc; 3303 let lastRan; 3304 return function () { 3305 const context = this; 3306 const args = arguments; 3307 if (!lastRan) { 3308 func.apply(context, args); 3309 lastRan = Date.now(); 3310 } else { 3311 clearTimeout(lastFunc); 3312 lastFunc = setTimeout(function () { 3313 if ((Date.now() - lastRan) >= limit) { 3314 func.apply(context, args); 3315 lastRan = Date.now(); 3316 } 3317 }, limit - (Date.now() - lastRan)); 3318 } 3319 }; 3320 } 3321 3322 const detailsElements = document.querySelectorAll('.header__inline-menu details'); 3323 3324 detailsElements.forEach(detail => { 3325 detail.addEventListener('mouseenter', function () { 3326 let summary = this.querySelector('summary'); 3327 if (summary) { 3328 summary.setAttribute('aria-expanded', true); 3329 } 3330 this.setAttribute('open', true); 3331 }); 3332 3333 detail.addEventListener('mouseleave', function () { 3334 let summary = this.querySelector('summary'); 3335 if (summary) { 3336 summary.setAttribute('aria-expanded', false); 3337 } 3338 this.removeAttribute('open'); 3339 }); 3340 }); 3341 3342 3343 // next-icon 3344 const arrowSvg = document.querySelectorAll('.custom-solutions-arrow .icon'); 3345 let index = 0; 3346 let svgTime; 3347 3348 function showNextIcon() { 3349 if (index < arrowSvg.length) { 3350 arrowSvg[index].classList.add('svg-active'); 3351 index++; 3352 svgTime = setTimeout(showNextIcon, 300); // æ¯é1ç§æ¾ç¤ºä¸ä¸ä¸ªå¾æ 3353 } else { 3354 index = 0; 3355 arrowSvg.forEach(function (item) { 3356 item.classList.remove('svg-active'); 3357 }); 3358 // arrowSvg[0].classList.add('svg-active'); 3359 setTimeout(showNextIcon, 300); 3360 } 3361 } 3362 3363 arrowSvg.length > 0 && showNextIcon() 3364 3365 // swiper 3366 const swipers = {}; 3367 const backToTopButton = document.getElementById('back-to-top'); 3368 let scrollHeight = window.innerHeight * 0.3; 3369 let mbShow = window.innerWidth > 960 ? false : true; 3370 3371 // éæ°è®¡ç® scrollHeight å½çªå£å¤§å°æ¹åæ¶ 3372 window.addEventListener('resize', function () { 3373 const windowWidth = window.innerWidth; 3374 scrollHeight = windowWidth * 0.3; 3375 windowWidth < 960 ? mbShow = true : mbShow = false; 3376 }); 3377 3378 if (!mbShow) { 3379 const handlebackToTopButton = () => { 3380 // æ§å¶åå°é¡¶é¨æé®çæ¾ç¤ºåéè 3381 if (window.scrollY > window.innerHeight) { 3382 backToTopButton.style.opacity = 1; 3383 } else { 3384 backToTopButton.style.opacity = 0; 3385 } 3386 }; 3387 3388 // 使ç¨èæµå½æ°å è£ handleScroll 3389 const throttledHandleTopButton = throttle(handlebackToTopButton, 100); 3390 3391 // æ·»å æ»å¨äºä»¶çå¬å¨ 3392 window.addEventListener('scroll', throttledHandleTopButton); 3393 3394 handlebackToTopButton() 3395 3396 // åå°é¡¶é¨æé®ç¹å»äºä»¶ 3397 backToTopButton.addEventListener('click', function () { 3398 gsap.to(window, { 3399 duration: 0.6, 3400 scrollTo: 0, 3401 ease: "power2.inOut" 3402 }); 3403 }); 3404 3405 } else { 3406 const container = document.querySelectorAll('.swiper'); 3407 3408 const docWidth = document.documentElement.clientWidth; 3409 const docHeight = document.documentElement.clientHeight; 3410 const vw = docWidth / 100; 3411 const vh = docHeight / 100; 3412 let spaceBetween = 1.3 * vw; 3413 3414 let spaceNum = docWidth > 960 ? 0.012 : 0.05; 3415 3416 3417 3418 // 页èå表 3419 const footerElement = $('.stretch-item'); 3420 3421 footerElement.each((index, item) => { 3422 let title = $(item).find('.stretch-title'); 3423 title.on('click', function () { 3424 $(item).toggleClass('stretch-item-active'); 3425 }); 3426 }); 3427 3428 3429 3430 3431 3432 container.length > 0 && container.forEach(function (item, index) { 3433 item.classList.remove('limited-width'); 3434 const classList = item.classList; 3435 3436 // è¿æ»¤æ .swiper-container ç±» 3437 const otherClasses = Array.from(classList).filter(className => className !== 'swiper'); 3438 3439 swipers[index] = new Swiper(`.${otherClasses.join(' ')}`, { 3440 loop: true, 3441 spaceBetween: docWidth * spaceNum, 3442 slidesPerView: "1.01", 3443 centeredSlides: true,
3444 centeredSlidesBounds: true, 3445 // initialSlide: 1, 3446 navigation: { 3447 nextEl: `.${otherClasses.join(' ')} .swiper-button-next`, 3448 prevEl: `.${otherClasses.join(' ')} .swiper-button-prev`, 3449 }, 3450 }); 3451 }); 3452 3453 3454 } 3455 3456 3457 }) 3458 </script>
vendor: 1 bytes, line 3458
3458
3459<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3459 3460</body> 3461</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.