CINXE.COM
Crown-科朗叉车官网 | 首页
<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js ie ie6 lte9 lte8 lte7"> <![endif]--> <!--[if IE 7]> <html class="no-js ie ie7 lte9 lte8 lte7"> <![endif]--> <!--[if IE 8]> <html class="no-js ie ie8 lte9 lte8"> <![endif]--> <!--[if IE 9]> <html class="no-js ie ie9 lte9 lt-ie10"> <![endif]--> <!--[if gt IE 9]> <html class="no-js"> <![endif]--> <!--[if !IE]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="keywords"/> <meta name="description" content="Crown-科朗提供电动叉车、内燃叉车、手动托盘搬运车等全系列设备,满足您对物料搬运的需求,一站式仓库解决方案提供商。"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <!--Granite CSS --> <!--Canonical URL--> <script defer type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="canonical" href="https://www.crown.com/zh-cn.html"/> <!--Granite JS --> <script src="/etc/clientlibs/global-web/granite.lc-924b68355282635f248afbd8a75c823e-lc.min.js"></script> <script type="text/javascript"> var pageDomain="https:\/\/www.crown.com";</script> </meta> </meta> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?c6d7037d5737456c6f6168a6ce753708"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <link rel="icon" type="image/vnd.microsoft.icon" href="/content/dam/crown/images/favicon.ico"/> <link rel="stylesheet" href="/etc/clientlibs/global-web/page/head/css/compiled/application.css"/> </link> <title>Crown-科朗叉车官网 | 首页</title> <link rel="alternate" hreflang="en-us" href="https://www.crown.com/en-us/"/> <link rel="alternate" hreflang="en-ca" href="https://www.crown.com/en-ca/"/> <link rel="alternate" hreflang="fr-ca" href="https://www.crown.com/fr-ca/"/> <link rel="alternate" hreflang="en-bb" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="en-ky" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="en-jm" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="en-tt" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="es" href="https://www.crown.com/es-la/"/> <link rel="alternate" hreflang="en-br" href="https://www.crown.com/en-br/"/> <link rel="alternate" hreflang="pt-br" href="https://www.crown.com/pt-br/"/> <link rel="alternate" hreflang="en-au" href="https://www.crown.com/en-au/"/> <link rel="alternate" hreflang="en-nz" href="https://www.crown.com/en-nz/"/> <link rel="alternate" hreflang="en-ph" href="https://www.crown.com/en-ph/"/> <link rel="alternate" hreflang="en-my" href="https://www.crown.com/en-my/"/> <link rel="alternate" hreflang="en-sg" href="https://www.crown.com/en-sg/"/> <link rel="alternate" hreflang="en-kr" href="https://www.crown.com/en-kr/"/> <link rel="alternate" hreflang="ko-kr" href="https://www.crown.com/ko-kr/"/> <link rel="alternate" hreflang="en-th" href="https://www.crown.com/en-th/"/> <link rel="alternate" hreflang="th-th" href="https://www.crown.com/th-th/"/> <link rel="alternate" hreflang="en-vn" href="https://www.crown.com/en-vn/"/> <link rel="alternate" hreflang="vi-vn" href="https://www.crown.com/vi-vn/"/> <link rel="alternate" hreflang="en-uk" href="https://www.crown.com/en-uk/"/> <link rel="alternate" hreflang="en" href="https://www.crown.com/en-eu/"/> <link rel="alternate" hreflang="de-de" href="https://www.crown.com/de-de/"/> <link rel="alternate" hreflang="de" href="https://www.crown.com/de-eu/"/> <link rel="alternate" hreflang="fr-fr" href="https://www.crown.com/fr-fr/"/> <link rel="alternate" hreflang="fr-be" href="https://www.crown.com/fr-be/"/> <link rel="alternate" hreflang="nl-be" href="https://www.crown.com/nl-be/"/> <link rel="alternate" hreflang="nl" href="https://www.crown.com/nl-nl/"/> <link rel="alternate" hreflang="ru" href="https://www.crown.com/ru-ru/"/> <link rel="alternate" hreflang="es-es" href="https://www.crown.com/es-es/"/> <link rel="alternate" hreflang="it" href="https://www.crown.com/it-it/"/> <link rel="alternate" hreflang="en-cn" href="https://www.crown.com/en-cn/"/> <link rel="alternate" hreflang="zh-cn" href="https://www.crown.com/zh-cn/"/> <link rel="alternate" hreflang="en-hk" href="https://www.crown.com/en-hk/"/> <link rel="alternate" hreflang="zh-hk" href="https://www.crown.com/zh-hk/"/> <!-- Fonts for crown.com --> <link rel="stylesheet" href="https://use.typekit.net/teg2oye.css"/> </head> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <body> <input type="hidden" id="isoLanguageCountryCode" value="zh-CN"/> <link rel="stylesheet" href="/etc.clientlibs/global-web/clientlibs/clientlib-vendor.lc-ecafdfecbde2289002f0578413993c39-lc.min.css" type="text/css"> <script src="/etc.clientlibs/global-web/clientlibs/clientlib-vendor.lc-65f898139c7e0d2a5d8a92360ae0f892-lc.min.js"></script> <header> <!-- we need to add/set this property in CRX/DE for related regions 404 pages--> <p id="is404" hidden></p> <div class="modal fade" id="ecatalog-viewer-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-full-page"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></a> <div class="modal-body"> <div id="ecatalog"></div> </div> </div> </div> </div> <div><div class="cookiepolicy"> <div class="text-white background-black cookie-policy hide"> <div class="container"> <div class="cookie-policy-text"><p>本网页使用cookies提高功能和性能。如果您继续浏览网站,即表示默认同意在该网站上使用cookies。详情请见我们的隐私政策。</p> </div> <div class="close-button" title="关闭"><a class="btn fa fa-times" id="closeButton" onmouseover="onHover();" onmouseout="onHoverOut();" href="javascript: void(0);"></a> </div> </div> </div> <div class="text-white background-black cookiePolicyMobile hide"> <div class="container"> <div class="cookie-policy-text"><p>本网页使用cookies提高功能和性能。如果您继续浏览网站,即表示默认同意在该网站上使用cookies。详情请见我们的隐私政策。</p> </div> <div class="close-button"><a class="btn btn-cta text-black background-white" id="closeButtonMobile" onmouseover="onHover();" onmouseout="onHoverOut();" href="javascript: void(0);">关闭</a> </div> </div> </div> <script> jQuery(document).ready(function() { Crown.Components.CookiePolicy.checkCookiePolicyStatus(); }); $(window).resize(function(){ let cookiePolicy = Crown.Common.Cookies.readCookie("cookiePolicy"); let width = window.innerWidth; if(cookiePolicy != "accepted") { if (width > 767 ) { $(".cookiePolicyMobile").removeClass("show"); $(".cookiePolicyMobile").addClass("hide"); $(".cookie-policy").addClass("show"); } else { $(".cookie-policy").removeClass("show"); $(".cookie-policy").addClass("hide"); $(".cookiePolicyMobile").addClass("show"); } } }); function onHover() { $("#closeButton").css("backgroundColor", "#f7f7f7"); $("#closeButtonMobile").css("backgroundColor", "#f7f7f7"); } function onHoverOut() { $("#closeButton").css("backgroundColor", ""); $("#closeButtonMobile").css("backgroundColor", ""); } function delayCookieView() { let width = window.innerWidth; if (width > 767 ) { $(".cookie-policy").removeClass("hide"); $(".cookie-policy").addClass("show"); } else { $(".cookiePolicyMobile").removeClass("hide"); $(".cookiePolicyMobile").addClass("show"); } } </script> </div> </div> <div><div class="header iparsys parsys"> <div class="header"><header class="header-main"> <div class="d-none d-md-block"><div class="container-fluid clearfix localeselectorheader background-light-black"> <div id="menubar" class="container"> <ul> <a onclick="addLocaleSelectorGA('经销商查询')" href="/content/zh-cn/forklift-dealers" tabindex="0"> 经销商查询 </a> <span>|</span> <span> <a href="#" onclick="addLocaleSelectorGA('联系我们')" data-toggle="modal" data-target="#modal-form" data-formsource="/content/zh-cn/contact-us.html" tabindex="0"> 联系我们 </a> </span> <span>|</span> <span> <li><a onclick="Crown.Common.Cookies.eraseCookie('crownlocation'); addLocaleSelectorGA('中国(切换)');" href="/global-selector-page.html" tabindex="0">中国(切换)</a> </li> </span> </ul> </div> </div> <script> window.addEventListener("load", () => { if("") { $.ajax({ url: "/content/zh-cn/jcr:content/header/header/locatorselector" + ".userTokenValidate.json", type: 'GET', dataType: 'json', success: function(response) { if(response.isValid) { $('.signIn').hide(); $('.signInMobile').hide(); $('.myAccount').show(); $('.myAccountMobile').show(); } else { $('.signIn').show(); $('.signInMobile').show().css('display', 'inline-flex'); $('.myAccount').hide(); $('.myAccountMobile').hide(); if(response.isUnauthorized) { $("#authErrorModal").modal(); } } }, error: function() { // Using console log as there is no error that the user will see if an error happens. Waiting for store to implement a solution console.log("Token validation Failure"); $('.signIn').show(); $('.myAccount').hide(); } }) } }); $(document).click(function(event) { if("") { const signInDropdown = $(".signIn"); const myAccountDropdown = $(".myAccount"); if($("#signInDropdownContent").hasClass("show") && !signInDropdown.is(event.target) && !signInDropdown.has(event.target).length) { toggleAuthDropdown("signIn"); } else if($("#myAccountDropdownContent").hasClass("show") && !myAccountDropdown.is(event.target) && !myAccountDropdown.has(event.target).length) { toggleAuthDropdown("myAccount"); } else if($("#myAccountDropdownMobile").hasClass("show") && !$(event.target).is('.myAccountButtonMobile, .myAccountUserIcon, .myAccountPortion')) { $("#myAccountDropdownMobile").toggleClass("show"); $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } }); function addLocaleSelectorGA(labelName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'header_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': labelName, 'eventLabel': currentPage }); } } } // Toggle hide and show behavior for Sign In and My Account dropdowns function toggleAuthDropdown(dropdownType) { const dropdownClass = "#" + dropdownType + "DropdownContent"; $(dropdownClass).toggleClass("show"); if($(dropdownClass).hasClass("show")) { toggleAuthButtonCSS("#c2c2c2", "#333", dropdownType); $("." + dropdownType + "Button").addClass("caretUp"); } else { toggleAuthButtonCSS("#444", "#fff", dropdownType); $("." + dropdownType + "Button").removeClass("caretUp"); } } // Toggle CSS of SignIn and My Account buttons function toggleAuthButtonCSS(background, color, buttonType) { $("." + buttonType).css("background-color", background); $("." + buttonType + "Button").css("color", color); $("." + buttonType + " .textIcon").css("color", color); } function onSignInButtonClick() { $.ajax({ url: "/content/zh-cn/jcr:content/header/header/locatorselector" + ".auth0login.json", type: 'GET', data: { redirectUrl: window.location.pathname, hash: window.location.hash, urlParams: window.location.search.substring(1) }, dataType: 'json', success: function(result) { if(result.redirect === true) { window.location = result.location; } }, error: function() { alert("Redirection Failure, please try again after sometime"); } }); } function onSignOutButtonClick() { $.ajax({ url: "/content/zh-cn/jcr:content/header/header/locatorselector" + ".auth0logout.json", type: 'GET', data: { redirectUrl: window.location.pathname, hash: window.location.hash, urlParams: window.location.search.substring(1) }, dataType: 'json', success: function(result) { if(result.redirect === true) { window.location = result.location; } }, error: function(result) { alert("Redirection Failure"); } }); } $(".signIn").keypress(function(event) { if(event.keyCode === 13) { toggleAuthDropdown("signIn"); } }); $(".myAccount").keypress(function(event) { if(event.keyCode === 13) { toggleAuthDropdown("myAccount"); } }); $(".signOutText").keypress(function(event) { if(event.keyCode === 13) { toggleAuthDropdown("myAccount"); } }); $(".signInBtn").keypress(function(event) { if(event.keyCode === 13) { onSignInButtonClick(); } }) </script></div> <nav class="navbar theme-nav-main" role="navigation"> <div class="theme-container-nav"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-main" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="hamburger"> <i class="fas fa-bars fa-fw"></i> </span> <span class="close"> × </span> </button> <div class="nav-logo"> <a class="navbar-brand theme-navbar-brand" href="/zh-cn.html" tabindex="0"> <img class="img-responsive" src="/content/dam/crown/logos/logo.png" alt="Crown Equipment Corporation" title="Crown" data-emptytext="Logo"/> </a> </div> <!--* this is part of the main nav *--> <div class="nav-button-navigation navbar-right text-right d-xl-none"> <ul class="list-inline"> <li> <a href="tel:4008200663" onclick="addDealerLocatorCTAGA('400 820 0663 Click')" class="btn-dealerLocator btn-orange dealerLocatorMobile" tabindex="0"> <i class="fas fa-phone-alt dealerLocatorIcon"></i> <span class="btn-dealerLocator-text">400 820 0663</span> </a> <script> function addDealerLocatorCTAGA(eventLabel) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_find_dealer', 'eventCategory': 'Call to Actions', 'eventLabel': eventLabel, 'eventAction': 'Header' }); } } } </script> </li> <li> <a class="btn-search " href="javascript: void(0);" style="background: transparent !important" data-toggle="search-form" data-target="#search-form"> <i class="fas fa-search headerSearchIcon"></i> </a> </li> </ul> <!--* end main nav *--> </div> <span class="headerItems"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <div class="collapse navbar-collapse theme-navbar-collapse " data-activedrawer="" id="navbar-main"><!-- removed from class: navbar-left --> <ul class="nav navbar-nav theme-navbar-nav "> <li class="dropdown"> <a class="dropdown-toggle" unique-id="1382627895" data-toggle="dropdown" id="drawer" onclick="triggerFirstItemClick_(this); triggerDrawerClick(this);" tabindex="0" href="javascript: void(0);"> 产品 </a> <div class="dropdown-menu multi-level theme-nav-dropdown-menu background-black dualLayer" role="menu" aria-labelledby="全新叉车"> <div class="container container-dropdown text-black background-black dualLayerContainer" id="minHeight_"> <div class="row"> <div class="col-xl-3 col-sm-12 theme-nav-dropdown-menu-list-container dualLayerMenuListContainer"> <ul class="firstLayerList" id="firstLayerListId1382627895"> <li id="item01382627895" side-content-url="/content/zh-cn/main-navigation-drawer/products" unique-id="1382627895" class="dropdown-submenu firstLayerItem_ "> <a id="item01382627895Text" class="firstLayerText" data-toggle="dropdown-menu" tabindex="-1" href="#">全新叉车</a> <!-- Second Level Dropdown goes here--> <div class="d-block d-xl-none "> <div class="secondLayerInner"> <ul class="dropdown-menu hideContent secondLayerMobileList" id="item01382627895ChildListMobile"> <li> <a onclick="addMainNavGA('产品', '叉车选型工具')" class="secondLayerText" tabindex="-1" href="/zh-cn/forklift-product-selector.html">叉车选型工具</a> </li> <li> <a onclick="addMainNavGA('产品', '托盘搬运车')" class="secondLayerText" tabindex="-1" href="/zh-cn/forklifts/pallet-trucks.html">托盘搬运车</a> </li> <li> <a onclick="addMainNavGA('产品', '堆高机 ')" class="secondLayerText" tabindex="-1" href="/zh-cn/forklifts/stackers.html">堆高机 </a> </li> <li> <a onclick="addMainNavGA('产品', '电动平衡重')" class="secondLayerText" tabindex="-1" href="/zh-cn/forklifts/electric-counterbalance-forklifts.html">电动平衡重</a> </li> <li> <a onclick="addMainNavGA('产品', '前移式叉车')" class="secondLayerText" tabindex="-1" href="/zh-cn/forklifts/reach-trucks.html">前移式叉车</a> </li> <li> <a onclick="addMainNavGA('产品', '手动拣选车')" class="secondLayerText" tabindex="-1" href="/zh-cn/forklifts/man-up-order-pickers.html">手动拣选车</a> </li> <li> <a onclick="addMainNavGA('产品', '查看所有叉车')" class="secondLayerText" tabindex="-1" href="/zh-cn/forklifts.html">查看所有叉车</a> </li> </ul> </div> </div> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('产品', '租赁叉车')" href="/zh-cn/forklift-rentals.html">租赁叉车</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('产品', '二手叉车')" href="/zh-cn/pre-owned-forklifts.html">二手叉车</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('产品', 'Encore 叉车')" href="/zh-cn/remanufactured-forklifts.html">Encore 叉车</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('产品', 'V\u002DForce电池及充电器')" href="/zh-cn/batteries-and-chargers.html">V-Force电池及充电器</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('产品', '查看所有产品')" href="/zh-cn/products.html">查看所有产品</a> </li> </ul> </div> <div class="col-xl-3 d-none d-xl-block float-left secondLayerDesktopDiv"> <ul class="firstLayerList" id="secondLayerList"> <!-- Second Level Dropdown goes here--> <div class="secondLayerDiv hideContent" id="item01382627895Child"> <ul class="secondLayerDesktopList"> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('产品', '叉车选型工具')" tabindex="-1" href="/zh-cn/forklift-product-selector.html">叉车选型工具</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('产品', '托盘搬运车')" tabindex="-1" href="/zh-cn/forklifts/pallet-trucks.html">托盘搬运车</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('产品', '堆高机 ')" tabindex="-1" href="/zh-cn/forklifts/stackers.html">堆高机 </a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('产品', '电动平衡重')" tabindex="-1" href="/zh-cn/forklifts/electric-counterbalance-forklifts.html">电动平衡重</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('产品', '前移式叉车')" tabindex="-1" href="/zh-cn/forklifts/reach-trucks.html">前移式叉车</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('产品', '手动拣选车')" tabindex="-1" href="/zh-cn/forklifts/man-up-order-pickers.html">手动拣选车</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('产品', '查看所有叉车')" tabindex="-1" href="/zh-cn/forklifts.html">查看所有叉车</a> </li> </ul> </div> <!-- Second Level Dropdown goes here--> <div class="secondLayerDiv hideContent" id="item11382627895Child"> </div> <!-- Second Level Dropdown goes here--> <div class="secondLayerDiv hideContent" id="item21382627895Child"> </div> <!-- Second Level Dropdown goes here--> <div class="secondLayerDiv hideContent" id="item31382627895Child"> </div> <!-- Second Level Dropdown goes here--> <div class="secondLayerDiv hideContent" id="item41382627895Child"> </div> <!-- Second Level Dropdown goes here--> <div class="secondLayerDiv hideContent" id="item51382627895Child"> </div> </ul> </div> <div class="col-xl-6 d-none d-xl-block container-side-content dualLayerSideContent" id="drawer-side-content"></div> </div> </div> </div> <script> let currentActiveParent_ = ""; let currentActiveChild_ = ""; let currentActiveChildMobile_ = ""; $(document).ready(function() { $('.firstLayerItem_').on("click", function(e) { const selectedOptionId = e.currentTarget.id; const sideContentUrl = $('#' + selectedOptionId).attr('side-content-url'); // Load side content $.ajax({ url: sideContentUrl + '.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer-side-content').html(content); } }); // Toggle Second Layer Drop-downs toggleSecondLayerDropDowns_(selectedOptionId); $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); // Redirect to the specified link when the user clicks on the second dropdown option $('.secondLayerText').on('click', function(e) { e.preventDefault(); window.location.href = $(this).attr('href'); }) }); // Clicks on the first option in the list to load the side content and the second layer on desktop function triggerFirstItemClick_(element) { const firstLayerListId = '#firstLayerListId' + element.getAttribute('unique-id'); let firstDropdownItemId = $('ul' + firstLayerListId + ' li:first').get(0).id; if(element.getAttribute('aria-expanded') !== 'true') { $("#" + firstDropdownItemId).trigger("click"); hideDropdown(firstDropdownItemId + "ChildListMobile"); $('#' + firstDropdownItemId + 'Text').removeClass('caretUp'); } $("#"+ firstDropdownItemId+"Child").find("li a[tabindex='-1']").each( function() { $(this).attr("tabindex", 0); }); $(firstLayerListId).find("li a[tabindex='-1']").each( function() { $(this).attr("tabindex", 0); }) } function toggleSecondLayerDropDowns_(selectedOptionId) { const newChild = selectedOptionId + 'Child'; const newChildMobile = selectedOptionId + 'ChildListMobile'; // Check if the selected option's dropdown is open already. If it is, open/close the dropdown. If not, close the current dropdown and open the selected option's dropdown if((currentActiveChild_ === "" && currentActiveChildMobile_ === "") || (currentActiveChild_ === newChild && currentActiveChildMobile_ === newChildMobile)) { currentActiveChild_ = newChild; currentActiveChildMobile_ = newChildMobile; currentActiveParent_ = selectedOptionId; // Change the css of the selected option $('#' + selectedOptionId + 'Text').addClass('firstLayerSelectedColor'); // Check if the selected dropdown is open/closed and toggle the dropdown accordingly (2nd layer dropdown should not close in desktop view) if($('#' + currentActiveChild_).hasClass('showContent') && $('#' + currentActiveChildMobile_).hasClass('showContent')) { hideDropdown(currentActiveChildMobile_); $('#' + selectedOptionId + 'Text').removeClass('caretUp'); } else { showDropdown(currentActiveChild_); showDropdown(currentActiveChildMobile_); $('#' + selectedOptionId + 'Text').addClass('caretUp'); } } else { hideDropdown(currentActiveChild_); hideDropdown(currentActiveChildMobile_); showDropdown(newChild); showDropdown(newChildMobile); // Toggle first layer css on select $('#' + currentActiveParent_ + 'Text').removeClass('firstLayerSelectedColor'); $('#' + currentActiveParent_ + 'Text').removeClass('caretUp'); $('#' + selectedOptionId + 'Text').addClass('firstLayerSelectedColor'); $('#' + selectedOptionId + 'Text').addClass('caretUp'); currentActiveChild_ = newChild; currentActiveChildMobile_ = newChildMobile; currentActiveParent_ = selectedOptionId; } } function hideDropdown(divId) { $('#' + divId).removeClass('showContent'); $('#' + divId).addClass('hideContent'); $('#'+ divId).find("li a[tabindex='0']").each(function() { $(this).attr("tabindex", -1); }) } function showDropdown(divId) { $('#' + divId).removeClass('hideContent'); $('#' + divId).addClass('showContent'); $('#'+ divId).find("li a[tabindex='-1']").each(function() { $(this).attr("tabindex", 0); }) } $(document).ready(function() { $('#drawer').parent().on("hidden.bs.dropdown", function() { $('#firstLayerListId1382627895').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $(this).find(".secondLayerDesktopList li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer-side-content').empty() }); }) </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_0" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> 解决方案 </a> <label class="hidden"> Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list drawer_0"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('解决方案', '自动化仓库解决方案')" href="/zh-cn/automation.html">自动化仓库解决方案</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('解决方案', '互联解决方案')" href="/zh-cn/connected-solutions.html">互联解决方案</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('解决方案', '车队管理')" href="/zh-cn/fleet-management/infolink.html">车队管理</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('解决方案', '仓库设计解决方案')" href="/zh-cn/warehouse-solutions-design.html">仓库设计解决方案</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('解决方案', '金融方案')" href="/zh-cn/financing.html">金融方案</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('解决方案', '查看所有解决方案')" href="/zh-cn/solutions.html">查看所有解决方案</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_0-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_0').on("click", function() { $.ajax({ url: '/content/zh-cn/main-navigation-drawer/solutions.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_0-side-content').html(content); } }); }); $('#drawer_0').parent().on("hidden.bs.dropdown", function() { $('.drawer_0').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_0-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_1" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> 支持 </a> <label class="hidden"> Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list drawer_1"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('支持', '安全与培训')" href="/zh-cn/safety-training.html">安全与培训</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('支持', '服务与部件')" href="/zh-cn/service-parts.html">服务与部件</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('支持', '经销商网络')" href="/zh-cn/forklift-dealers.html">经销商网络</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('支持', '查看所有支持')" href="/zh-cn/support.html">查看所有支持</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_1-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_1').on("click", function() { $.ajax({ url: '/content/zh-cn/main-navigation-drawer/support.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_1-side-content').html(content); } }); }); $('#drawer_1').parent().on("hidden.bs.dropdown", function() { $('.drawer_1').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_1-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_2" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> 为什么选择 Crown-科朗 </a> <label class="hidden"> Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list drawer_2"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('为什么选择 Crown\u002D科朗', '客户案例')" href="/zh-cn/customer-results.html">客户案例</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('为什么选择 Crown\u002D科朗', '可持续发展')" href="/zh-cn/sustainability.html">可持续发展</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('为什么选择 Crown\u002D科朗', '行业认可')" href="/zh-cn/awards.html">行业认可</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('为什么选择 Crown\u002D科朗', '为什么选择 Crown\u002D科朗')" href="/zh-cn/why-crown.html">为什么选择 Crown-科朗</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_2-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_2').on("click", function() { $.ajax({ url: '/content/zh-cn/main-navigation-drawer/why-crown.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_2-side-content').html(content); } }); }); $('#drawer_2').parent().on("hidden.bs.dropdown", function() { $('.drawer_2').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_2-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="drawer_348335397" data-path="/content/zh-cn/jcr:content/header/header/mainnav/drawer_348335397"> <a href="/zh-cn/promotions.html" class="dropdown-toggle link-only ">促销活动</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_4" data-path="/content/zh-cn/jcr:content/header/header/mainnav/createddrawer_4"> <a href="/zh-cn/forklift-dealers.html" class="dropdown-toggle link-only mobile-only link-only">经销商查询</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_5" data-path="/content/zh-cn/jcr:content/header/header/mainnav/createddrawer_5"> <a href="/zh-cn/contact-us.html" class="dropdown-toggle link-only mobile-only link-only">联系我们</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <a href="/global-selector-page.html" class="{drawer.textColor} mobile-only link-only" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');">Location / Language</a> <label class="hidden" id="Location / Language">Location / Language Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu" aria-labelledby="Location / Language"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list createddrawer_6"> <li role="presentation"> <a onclick="Crown.Common.Cookies.eraseCookie('crownlocation'); addMainNavGA('Location \/ Language', '中国(切换)')" role="menuitem" tabindex="-1" href="/global-selector-page.html">中国(切换)</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="createddrawer_6-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#createddrawer_6').on("click", function() { $.ajax({ url: '.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#createddrawer_6-side-content').html(content); } }); }); $('#createddrawer_6').parent().on("hidden.bs.dropdown", function() { $('.createddrawer_6').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#createddrawer_6-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> </ul> <div class="d-xl-none"> <div class="col-xs-12 container-theme-nav-dropdown-close"> </div> </div> </div> <script> function triggerDrawerClick(value) { let activeDrawer = $("#navbar-main").attr("data-activedrawer"); let ariaExpanded = value.getAttribute('aria-expanded'); if(ariaExpanded !== 'true') { $('.search-form-wrapper').removeClass('open'); } if(activeDrawer === "") { $("#navbar-main").attr("data-activedrawer", value.id); } else if(ariaExpanded !== 'true' && activeDrawer !== "") { $('#' + activeDrawer + '-side-content').empty(); $("#navbar-main").attr("data-activedrawer", value.id); } $("."+value.id).find("li a[tabindex='-1']").each( function() { $(this).attr("tabindex", 0); }); if(ariaExpanded === 'true') { $("."+value.id).find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); } // Closing the auth dropdowns on drawer click. // Since locale selector will always be on page when the Ecomm Functionality is enabled, using a common toggle method from it if('') { if($("#signInDropdownContent").hasClass("show")) { toggleAuthDropdown("signIn"); } else if($("#myAccountDropdownContent").hasClass("show")) { toggleAuthDropdown("myAccount"); } else if($("#myAccountDropdownMobile").hasClass("show")) { $("#myAccountDropdownMobile").toggleClass("show"); $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } } function toggleMyAccountMobileDropdown() { const myAcctDrpDwnMob = $("#myAccountDropdownMobile"); myAcctDrpDwnMob.toggleClass("show"); if(myAcctDrpDwnMob.hasClass("show")) { $(".myAccountMobile").css("max-height", "5000px"); $(".myAccountPortion").addClass("myAccountCaretUp"); } else { $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } </script> <!--* this is part of the main nav *--> <div class="nav-button-navigation navbar-right d-none d-xl-block"> <ul class="list-inline"> <li> <a href="tel:4008200663" onclick="addDealerLocatorCTAGA('400 820 0663 Click')" class="btn-dealerLocator btn-orange dealerLocatorMobile" tabindex="0"> <i class="fas fa-phone-alt dealerLocatorIcon"></i> <span class="btn-dealerLocator-text">400 820 0663</span> </a> <script> function addDealerLocatorCTAGA(eventLabel) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_find_dealer', 'eventCategory': 'Call to Actions', 'eventLabel': eventLabel, 'eventAction': 'Header' }); } } } </script> </li> <li> <a class="btn-search " style="background: transparent !important" data-toggle="search-form" data-target="#search-form" href="javascript: void(0);"> <i class="fas fa-search headerSearchIcon"></i> <!--* load sitesearchbox here in Author Mode to ensure CQ rollover highlight is constrained to the search icon *--> </a> </li> </ul> </div> </span> <!--/.nav-collapse --> <!--* end main nav *--> </div> </div> </nav> </header> <!--* load sitesearchbox here in Publish mode so it can extend the fulll width of the window *--> <div class="modal fade modal-sitesearch " id="modal-search" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="container"> <a class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></a> </div> <div class="modal-body"> <div class="container container-sitesearch"> <form action="/zh-cn/search-results.html" accept-charset="UTF-8"> <label for="sitesearch"> <i class="fas fa-search sitesearch-icon"></i> <span class="sr-only"> Search </span> </label> <input id="sitesearch" class="sitesearch" maxlength="2048" name="q" placeholder="站内搜索"/> </form> </div> </div> </div> </div> </div> <div class="modal" id="authErrorModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="authModalTitle"> <i class="far fa-times-circle"></i> <h5 class="modal-title"></h5> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <p></p> <span class="closeIcon" aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p> <a class="createAccountLink"> .</a> </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-link cancelButton" data-dismiss="modal"> </button> <button type="button" id="createAccountBtnId" class="btn btn-orange btn-rounded btn-block createAccountButton"> </button> </div> </div> </div> </div> <div><div class="modal fade" id="dealerPrivacyHeaderModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered vertical-align-center" role="document"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </a> <div class="modal-body modal-color"> <span id="dealerPrivacyContent" class="dealer-info-auth-text"></span><br/><br/> <p class="text-center"> <button type="button" class="btn btn-cta text-black background-grey-lightest" id="dealerRejectHeader" data-dismiss="modal" onclick="showDealerDetails()"></button>     <button type="button" class="btn btn-cta text-white background-orange" id="dealerAcceptHeader" data-dismiss="modal"></button> </p> </div> </div> </div> </div> <div class="modal fade" id="dealerInfoHeaderModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered vertical-align-center" role="document"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </a> <div class="modal-body modal-color"> <span id="dealerDetailsText" class="dealer-info-auth-text"></span><br/><br/> <span id="dealerInfoContent" style="font-size:18px;"></span> <p class="text-center"> <button type="button" class="btn btn-cta text-black background-grey-lightest" id="closeDealerHeader" onclick="closeModalForm()" data-dismiss="modal"></button>     </p> </div> </div> </div> </div> <script> function closeModalForm() { $("#modal-form .close").click(); } </script> </div> <script> let shopBaseUrl = "https:\/\/api.caeiox1tx\u002Dcrownequi1\u002Dp1\u002Dpublic.model\u002Dt.cc.commerce.ondemand.com"; let sessionCartUrl = "/crowncommercewebservices/v2/crown/carts/session-cart"; let storeCartUrl = "/crown/en/cart"; $(document).ready(function() { if("") { let eCommUrl = shopBaseUrl + sessionCartUrl; if(eCommUrl !== undefined) { loadCartInfo(eCommUrl); } } $('.navbar-toggle').click(function() { if(this.getAttribute("aria-expanded")) { $('.search-form-wrapper').removeClass('open'); } }); }); function loadCartInfo(eCommUrl) { $.ajax({ url: eCommUrl, type: 'GET', dataType: "json", xhrFields: { withCredentials: true }, crossDomain: true, headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', }, success: function(response) { document.getElementById('cartItemCountDesktop').innerText = '( ' + response.totalItems + ' )'; } }); } function onCartClick() { let eCommCartUrl; eCommCartUrl = shopBaseUrl + storeCartUrl; window.location.replace(eCommCartUrl); } $(".cartIcon").keypress(function(event) { if(event.keyCode === 13 ){ onCartClick(); } }); document.getElementById('createAccountBtnId').addEventListener('click', ()=>{ window.location = ""; }); </script> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div> <!--* to pull in the modal - Please DO NOT remove *--> <div> <div class="modal fade modal-form-viewer" id="modal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-full-page modal-lg"> <div class="modal-content"> <div class="btn close ml-auto" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></div> <div class="modal-body modal-color"> <div class="container-form-viewer"> <div class="form-viewer" id="modal-content-form"> </div> </div> </div> </div> </div> </div> </div> <script> //from http://getbootstrap.com/javascript/#modals $("#modal-form").off().on("show.bs.modal", function(event) { var button = $(event.relatedTarget); var formSource = button.data("formsource"); var queryString = button.data("querystring"); var branchID = getBranchId(queryString, "branchID"); getPageContent(formSource, branchID, queryString); }); $("#modal-form").on("hidden.bs.modal", function () { $("#modal-content-form").empty(); }); function getBranchId(qString, sParam) { if(qString != undefined) { var sURLVariables = qString.split("&"); if(sURLVariables != undefined) { for(var i = 0; i < sURLVariables.length; i++) { var sParameterName = sURLVariables[i].split("="); if(sParameterName[0] == sParam) { return sParameterName[1].replace("%20", " ").trim(); } } } } return ""; } function getPageContent(formSource, branchID, queryString) { $.ajax({ url: formSource, success: function(html) { var content = $("<div />").html(html).find("#content"); $("#modal-content-form").html(content); } }).done(function() { if($('.contactformcomponent').length > 0) { var formId = $('#modal-content-form').find('.contact-us-form').attr('id'); var uniqueId = "_".concat(formId.split("_")[1]); if((branchID !== undefined) && (branchID.length > 0)) { $("#branchID" + uniqueId).val(branchID); } $('.contactformcomponent').addClass("modal-width"); var aoiSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "areaOfInterest"); var forkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "liftTruck"); var rentalForkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "rentalForklift"); var usedForkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "usedForklift"); var fmSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "fleetManagementSelect"); var pAndSSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "partsAndService"); var infoLinkSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "infolinkList"); var brochureRequestSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "brochureRequestSelect"); var preOwnedForkliftsSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "preOwnedProducts"); var preferredLanguageSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "preferredLanguage"); var batteriesAndChargersSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "batteriesAndChargers"); populateSelectValue('#primaryAreaOfInterest' + uniqueId, aoiSelection); populateMultiSelectValue('#forkliftList' + uniqueId, forkliftSelection); populateMultiSelectValue('#usedForkliftList' + uniqueId, usedForkliftSelection); populateMultiSelectValue('#rentalForkliftList' + uniqueId, rentalForkliftSelection); populateSelectValue('#fleetManagementList' + uniqueId, fmSelection); populateSelectValue('#partsAndServiceList' + uniqueId, pAndSSelection); populateSelectValue('#infolinkList' + uniqueId, infoLinkSelection); populateMultiSelectValue('#brochureRequest' + uniqueId, brochureRequestSelection); populateMultiSelectValue('#preOwnedForklift' + uniqueId, preOwnedForkliftsSelection); populateSelectValue('#preferredLanguage' + uniqueId, preferredLanguageSelection); populateSelectValue('#batteriesAndChargersList' + uniqueId, batteriesAndChargersSelection); $(document).ready(function() { eval('if (typeof areaOfInterestChanged' + uniqueId + ' === "function") { areaOfInterestChanged' + uniqueId + '(aoiSelection) }'); eval('if (typeof fleetManagementChanged' + uniqueId + ' === "function") { fleetManagementChanged' + uniqueId + '(fmSelection) }'); }); } }); } function populateMultiSelectValue(controlName, value) { if((value !== undefined) && (value.length > 0)) { var dataArray = value.split(','); $(controlName).val(dataArray); } } function populateSelectValue(controlName, value1) { if((value1 !== undefined) && (value1.length > 0)) { $(controlName).val(value1); } } </script> <!--* to pull in the modal video - Please DO NOT remove *--> <div> <div class="modal fade modal-video-viewer" id="modal-video-viewer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <a class="btn close ml-auto" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></a> <div class="modal-body"> <div class="embed-responsive embed-responsive-16by9" id="video-tag"> </div> </div> </div> </div> </div> </div> <script> //from http://getbootstrap.com/javascript/#modals jQuery("#modal-video-viewer").on("show.bs.modal", function(event) { var button = jQuery(event.relatedTarget); var videoSource = button.data("videosource"); var posterImage = button.data("posterimage"); var controls = button.data("controls"); var autoplay = button.data("autoplay"); var videoLoop = button.data("videoloop"); if(videoSource.indexOf("https://www.youtu") === 0) { jQuery("#video-tag").append('<iframe id="video-frame" src=' + videoSource + "&muted=1" + ' allowfullscreen allow="autoplay"></iframe>'); } else if(videoSource.indexOf("/content/") === 0) { jQuery("#video-tag").append('<video id="video-view" src=' + videoSource + ' poster=' + posterImage + '></video>'); jQuery("#video-view").attr("autoplay", autoplay); jQuery("#video-view").attr("loop", videoLoop); jQuery("#video-view").attr("controls", controls); } }); jQuery("#modal-video-viewer").on("hidden.bs.modal", function(e) { jQuery("#video-frame").remove(); jQuery("#video-view").remove(); }); </script> <form id="combinedSearchForm" name="combinedSearchForm" action="/zh-cn/search-results.html" accept-charset="UTF-8"> <div class="search-form-wrapper " id="search-form" aria-hidden="true"> <div class="inputgroup"> <input id="search-box" class="site-search" maxlength="2048" autocomplete="off" placeholder="搜索 Crown-科朗" name="q" tabindex="0"/> <label for="search-box"> <i class="fas fa-search sitesearch-icon" id="searchIcon"></i> </label> <a class="btn search-close" aria-label="Close" href="javascript: void(0);" tabindex="0"><span aria-hidden="true">×</span></a> <div class="searchDropDown"> <div class="searchHeader">建议</div> <div id="searchSuggestions" class="searchItem"> </div> <div class="searchHeader">搜索结果</div> <div id="searchResults" class="searchItem"> </div> </div> </div> </div> </form> <div class="breadcrumb-container"> <div class="breadcrumb"></div> </div> <script> $(document).ready(function() { $('[data-toggle=search-form]').click(function() { $('#search-box').val(''); $('.search-form-wrapper').toggleClass('open'); $('#search-box').placeholder(); $('#search-box').focus(); }); $('[data-toggle=search-form-close]').click(function() { $('#search-box').val(''); $('.search-form-wrapper').removeClass('open'); }); $('.search-close').click(function() { $('#search-box').val(''); $('.search-form-wrapper').removeClass('open'); }); if(navigator.userAgent.indexOf('Mac') > 0) { $('.search-close').addClass('search-close-mac'); } }); $('#search-box').on('keyup', function() { let searchTerm = this.value; if(searchTerm) { $("#searchIcon").css("opacity", "1"); } else { $("#searchIcon").css("opacity", "0.65"); } if(searchTerm.length >= 3) { $("#searchSuggestions").empty(); $("#searchResults").empty(); $(".searchDropDown").css("display", "block"); getSearchSuggestions(searchTerm); getResultSuggestions(searchTerm) } else { $(".searchDropDown").css("display", "none"); } }); function getSearchSuggestions(searchTerm) { $.ajax({ url: "/content/zh-cn/jcr:content/header/header" + ".searchsuggestions" + ".json", type: "GET", async: true, dataType: "json", data: { "searchTerm": searchTerm, "pagesSearchPath": "/content/zh-cn/" } }).done(function(response) { let resLength = response.suggestions.length; let suggLength = 3; if(resLength > 0 && resLength < 3) { suggLength = resLength; } $("#searchSuggestions").empty(); if(resLength > 0) { for(let i = 0; i < suggLength; i++) { let searchOption = response.suggestions[i]; $("#searchSuggestions").append("<div onclick='searchSubmit(\"" + searchOption + "\")'>" + searchOption + "</div>"); } } else { $("#searchSuggestions").append("<div> </div>"); } }); } function getResultSuggestions(searchTerm) { $.ajax({ url: "/content/zh-cn/jcr:content/header/header" + ".searchservlet" + ".json", type: 'GET', async: true, data: { "searchterm": searchTerm, "pagesize": 3, "pagesSearchPath": "/content/zh-cn/" } }).done(function(response) { let totalMatches = response.totalMatches; let resultsLength = 3; if(totalMatches > 0 && totalMatches < 3) { resultsLength = totalMatches; } $("#searchResults").empty(); if(totalMatches > 0) { for(let i = 0; i < resultsLength; i++) { $("#searchResults").append("<div><a href='" + response.resultDetails[i].path + "'>" + searchTerm + "<span class='resultLinkTo'> in " + response.resultDetails[i].title + "</span></a></div>"); } } else { $("#searchResults").append("<div>没有与您的搜索匹配的结果</div>"); } }); } function searchSubmit(suggestionText) { document.combinedSearchForm.q.value = suggestionText; document.getElementById("combinedSearchForm").submit(); } $(document).mouseup(function(e) { let container = $(".searchDropDown"); if(!container.is(e.target) && container.has(e.target).length === 0) { container.hide(); } }); </script> </header> <div> <div class="socialconnect"> <ul id="mainpar_socialconnect-connect-list" role="group" class="socialConnect background-black text-white"> <li> <a href="tel:4008200663" onclick="addSocialConnectGA('400 820 0663')" tabindex="-1"> <span class="social-title">400 820 0663</span> <i class="fas fa-phone-alt fa-fw"></i> </a> </li> <li> <a href="#" onclick="addSocialConnectGA('请求更多信息')" data-querystring="areaOfInterest=generalInquiry" data-target="#modal-form" data-formsource="/content/zh-cn/contact-us.html" data-toggle="modal"> <span class="social-title">请求更多信息</span> <i class="fas fa-comment fa-fw"></i> </a> </li> <li> <a href="#" onclick="addSocialConnectGA('关注微信公众号')" data-target="#modal-form" data-formsource="/content/zh-cn/main-navigation-drawer/we-chat.html" data-toggle="modal"> <span class="social-title">关注微信公众号</span> <i class="fab fa-weixin fa-fw"></i> </a> </li> </ul> <script> 'use strict'; jQuery(document).ready (function (){ var $socialShare = jQuery('#mainpar_socialconnect-connect-list'); $socialShare.find('li').hover(function() { jQuery(this).addClass('hover'); }, function() { jQuery(this).removeClass('hover'); }); } ); function addSocialConnectGA(title) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'side_nav_click', 'eventCategory': 'Side Navigation', 'eventAction': title, 'eventLabel': currentPage }); } } } </script></div> <div class="carousel"> <div> <style> .component-carousel .column .row-child { min-height: 500px; } @media (max-width: 767px) { .component-carousel .dotsOnOpacityContent { top: 270px; } .component-carousel .column .row-child { min-height: 250px; } .component-carousel .slick-prev, .component-carousel .slick-next { top: 120px; } .component-carousel .slick-slider { margin-bottom: 0px; } .component-carousel .slick-list { min-height: px; } } @media (min-width: 768px) and (max-width: 991.98px) { .component-carousel .dotsOnOpacityContent { top: 520px; } .component-carousel .slick-slider { margin-bottom: 0px; } } </style> </div> <input type="hidden" id="carouselsize" value="6"/> <div class="component-carousel text-white carousel-max-height-lg carousel-max-height-md carousel-max-height-sm"> <div class="container fullWidth "> <div class="overwriteContainerPadding"> <div class="row"> <div class="wrapper"> <div id="mainpar_carousel"> <!-- ~ Copyright Crown Equipment Corporation. All rights reserved. --> <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_966ac2ee24194628bc93b982eb4ab6b4" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_966ac2ee24194628bc93b982eb4ab6b4" class="clearfix row-child background-black-process everyDevice text-white tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-4x-top padding-2x-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">开辟订单拣选的新局面<br> </h2> <p style="text-align: center;">Crown-科朗全新 SP 1500 系列高位拣选车介绍。了解全方位的视野与清晰的行驶体验如何提升信心、改善安全性与助力高效订单拣选。<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/zh-cn/forklifts/man-up-order-pickers/sp-1500-stockpicker.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>了解更多信息<\/p>\r\n')" tabindex="0"><p>了解更多信息</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.6)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent').css("background-color", "rgba(0,0,0,0.6)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_966ac2ee24194628bc93b982eb4ab6b4" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_966ac2ee24194628bc93b982eb4ab6b4').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_966ac2ee24194628bc93b982eb4ab6b4').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_966ac2ee24194628bc93b982eb4ab6b4(); }); $(window).resize(function(){ setBackgroundImage_966ac2ee24194628bc93b982eb4ab6b4(); }); function setBackgroundImage_966ac2ee24194628bc93b982eb4ab6b4() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/sp\u002Dseries\u002Dhomepage\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/sp-series-homepage-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/sp\u002Dseries\u002Dhomepage\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/sp-series-homepage-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/sp-series-homepage-desktop.jpg"); } $('#bgImage_966ac2ee24194628bc93b982eb4ab6b4').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent(); setOpacityComponentMinHeight_966ac2ee24194628bc93b982eb4ab6b4(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent(); setOpacityComponentMinHeight_966ac2ee24194628bc93b982eb4ab6b4(); }); function toggleMobileDesktop_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent').hide(); $('#opacityComponentMobileTablet_966ac2ee24194628bc93b982eb4ab6b4').html(opacityContent_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_829792020_column_column2_opacitycomponent); } $('#opacityComponentMobileTablet_966ac2ee24194628bc93b982eb4ab6b4').html(""); } } function setOpacityComponentMinHeight_966ac2ee24194628bc93b982eb4ab6b4() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_966ac2ee24194628bc93b982eb4ab6b4').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_966ac2ee24194628bc93b982eb4ab6b4').css("min-height", ""); } } } </script> </div> <!-- ~ Copyright Crown Equipment Corporation. All rights reserved. --> <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_cea45a4d16a94cef90196d1b3cf6f7a9" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_cea45a4d16a94cef90196d1b3cf6f7a9" class="clearfix row-child background-black-process everyDevice text-white tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-12 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-6x-top padding-6x-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">您的物料搬运设备和解决方案提供商<br> </h2> <p style="text-align: center;">了解 Crown-科朗能为您做些什么。<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="#" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-toggle="modal" data-formsource="/content/zh-cn/contact-us.html" data-target="#modal-form" data-querystring="areaOfInterest=generalInquiry" onclick="addCTAGA('', '', '', '<p>立即联系我们<\/p>\r\n')" tabindex="0"><p>立即联系我们</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_cea45a4d16a94cef90196d1b3cf6f7a9" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_cea45a4d16a94cef90196d1b3cf6f7a9').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_cea45a4d16a94cef90196d1b3cf6f7a9').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_cea45a4d16a94cef90196d1b3cf6f7a9(); }); $(window).resize(function(){ setBackgroundImage_cea45a4d16a94cef90196d1b3cf6f7a9(); }); function setBackgroundImage_cea45a4d16a94cef90196d1b3cf6f7a9() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/warehouse\u002Dbkgd\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/warehouse-bkgd-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/warehouse\u002Dbkgd\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/warehouse-bkgd-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/warehouse-bkgd.jpg"); } $('#bgImage_cea45a4d16a94cef90196d1b3cf6f7a9').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent(); setOpacityComponentMinHeight_cea45a4d16a94cef90196d1b3cf6f7a9(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent(); setOpacityComponentMinHeight_cea45a4d16a94cef90196d1b3cf6f7a9(); }); function toggleMobileDesktop_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_cea45a4d16a94cef90196d1b3cf6f7a9').html(opacityContent_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_1666156329_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_cea45a4d16a94cef90196d1b3cf6f7a9').html(""); } } function setOpacityComponentMinHeight_cea45a4d16a94cef90196d1b3cf6f7a9() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_cea45a4d16a94cef90196d1b3cf6f7a9').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_cea45a4d16a94cef90196d1b3cf6f7a9').css("min-height", ""); } } } </script> </div> <!-- ~ Copyright Crown Equipment Corporation. All rights reserved. --> <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_f95f29ee65af45e89d92d2b5d896f296" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_f95f29ee65af45e89d92d2b5d896f296" class="clearfix row-child background-black-process everyDevice text-white tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-8x-top padding-8x-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">获得新视角</h2> <p style="text-align: center;">InfoLink 操作员和车队管理系统为操作员和仓库经理提供了了解叉车性能的新视角。<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/zh-cn/fleet-management/infolink.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>了解更多<\/p>\r\n')" tabindex="0"><p>了解更多</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.6)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.6)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_f95f29ee65af45e89d92d2b5d896f296" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_f95f29ee65af45e89d92d2b5d896f296').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_f95f29ee65af45e89d92d2b5d896f296').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_f95f29ee65af45e89d92d2b5d896f296(); }); $(window).resize(function(){ setBackgroundImage_f95f29ee65af45e89d92d2b5d896f296(); }); function setBackgroundImage_f95f29ee65af45e89d92d2b5d896f296() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/infolink\u002Dfleet\u002Dand\u002Doperator\u002Dmanagement\u002Dmobile\u002Den.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/infolink-fleet-and-operator-management-mobile-en.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/infolink\u002Dfleet\u002Dand\u002Doperator\u002Dmanagement\u002Dmobile\u002Den.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/infolink-fleet-and-operator-management-mobile-en.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/infolink-fleet-and-operator-management-desktop-en.jpg"); } $('#bgImage_f95f29ee65af45e89d92d2b5d896f296').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_column_column1_opacitycomponent(); setOpacityComponentMinHeight_f95f29ee65af45e89d92d2b5d896f296(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_column_column1_opacitycomponent(); setOpacityComponentMinHeight_f95f29ee65af45e89d92d2b5d896f296(); }); function toggleMobileDesktop_mainpar_carousel_carousel_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_f95f29ee65af45e89d92d2b5d896f296').html(opacityContent_mainpar_carousel_carousel_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_f95f29ee65af45e89d92d2b5d896f296').html(""); } } function setOpacityComponentMinHeight_f95f29ee65af45e89d92d2b5d896f296() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_f95f29ee65af45e89d92d2b5d896f296').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_f95f29ee65af45e89d92d2b5d896f296').css("min-height", ""); } } } </script> </div> <!-- ~ Copyright Crown Equipment Corporation. All rights reserved. --> <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_fee9b51f089a468396b45e4f454bb43c" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_fee9b51f089a468396b45e4f454bb43c" class="clearfix row-child background-black-process everyDevice text-white tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-8x-top padding-8x-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;"><span class="text-orange">对准。点击。查找。</span></h2> <p style="text-align: center;">Crown-科朗叉车目录包含各型叉车,我们的叉车产品选择器可帮助您轻松查找和比较其中的产品,进而找到适合您应用场景的车辆。</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/zh-cn/forklift-product-selector.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>立即尝试<\/p>\r\n')" tabindex="0"><p>立即尝试</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.5)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.5)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_fee9b51f089a468396b45e4f454bb43c" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_fee9b51f089a468396b45e4f454bb43c').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_fee9b51f089a468396b45e4f454bb43c').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_fee9b51f089a468396b45e4f454bb43c(); }); $(window).resize(function(){ setBackgroundImage_fee9b51f089a468396b45e4f454bb43c(); }); function setBackgroundImage_fee9b51f089a468396b45e4f454bb43c() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/zh\u002Dcn\u002Dproduct\u002Dselector\u002Dhero\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/zh-cn-product-selector-hero-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/zh\u002Dcn\u002Dproduct\u002Dselector\u002Dhero\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/zh-cn-product-selector-hero-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/zh-cn-product-selector-hero-desktop.jpg"); } $('#bgImage_fee9b51f089a468396b45e4f454bb43c').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent(); setOpacityComponentMinHeight_fee9b51f089a468396b45e4f454bb43c(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent(); setOpacityComponentMinHeight_fee9b51f089a468396b45e4f454bb43c(); }); function toggleMobileDesktop_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_fee9b51f089a468396b45e4f454bb43c').html(opacityContent_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_2071269277_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_fee9b51f089a468396b45e4f454bb43c').html(""); } } function setOpacityComponentMinHeight_fee9b51f089a468396b45e4f454bb43c() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_fee9b51f089a468396b45e4f454bb43c').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_fee9b51f089a468396b45e4f454bb43c').css("min-height", ""); } } } </script> </div> <!-- ~ Copyright Crown Equipment Corporation. All rights reserved. --> <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_7763e3a0e5c94e7fa730b9482d90635d" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_7763e3a0e5c94e7fa730b9482d90635d" class="clearfix row-child background-black-process everyDevice text-white tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="target parbase"> <script type="text/javascript"> function makeTargetedComponentVisible(componentID) { var targetedComponent = undefined; if( document.readyState !== 'loading' ) { targetedComponent = document.getElementById(componentID); if (targetedComponent) targetedComponent.style.visibility = 'visible'; } else { document.addEventListener('DOMContentLoaded', function () { targetedComponent = document.getElementById(componentID); if (targetedComponent) targetedComponent.style.visibility = 'visible'; }); } } </script> <script type="text/javascript"> if (window.ContextHub && ContextHub.SegmentEngine) { ContextHubJQ(function() { ContextHub.eventing.on(ContextHub.Constants.EVENT_TEASER_LOADED, function(event, data){ data.data.forEach(function(evData) { if (evData.key === "_content_zh\u002Dcn_jcr_content_mainpar_carousel_carousel_1835165736_column_column1_videoviewer0515d107\u002D83f8\u002D4df7\u002D9cf8\u002Dc4b0ff896e23") { makeTargetedComponentVisible("_content_zh-cn_jcr_content_mainpar_carousel_carousel_1835165736_column_column1_videoviewer0515d107-83f8-4df7-9cf8-c4b0ff896e23"); } }); }); ContextHub.SegmentEngine.PageInteraction.Teaser({ locationId: '_content_zh\u002Dcn_jcr_content_mainpar_carousel_carousel_1835165736_column_column1_videoviewer0515d107\u002D83f8\u002D4df7\u002D9cf8\u002Dc4b0ff896e23', variants: [{"path":"/zh-cn/default","name":"default","title":"Default","campaignName":"","thumbnail":"/zh-cn.thumb.png","url":"/zh-cn/_jcr_content/mainpar/carousel/carousel_1835165736/column/column1/videoviewer.default.html","campaignPriority":0,"tags":[]}], strategy: '', trackingURL: null }); // Make the targeted content visible if no teasers were loaded after 5s setTimeout(function(){ makeTargetedComponentVisible("_content_zh-cn_jcr_content_mainpar_carousel_carousel_1835165736_column_column1_videoviewer0515d107-83f8-4df7-9cf8-c4b0ff896e23"); }, 5000); }); } else { makeTargetedComponentVisible("_content_zh-cn_jcr_content_mainpar_carousel_carousel_1835165736_column_column1_videoviewer0515d107-83f8-4df7-9cf8-c4b0ff896e23"); } </script> <div id="_content_zh-cn_jcr_content_mainpar_carousel_carousel_1835165736_column_column1_videoviewer0515d107-83f8-4df7-9cf8-c4b0ff896e23" class="campaign " style="visibility: hidden"> </div> </div> <div class="opacitycomponent"> <div class=" padding-8x-top "> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">随时随地为您提供触手可及的叉车服务<br> </h2> <p style="text-align: center;">请扫描二维码,在线提交服务请求;或点击微信底部的“在线服务请求”菜单<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(42, 42, 42,1)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent').css("background-color", "rgba(42, 42, 42,1)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_7763e3a0e5c94e7fa730b9482d90635d" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_7763e3a0e5c94e7fa730b9482d90635d').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_7763e3a0e5c94e7fa730b9482d90635d').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_7763e3a0e5c94e7fa730b9482d90635d(); }); $(window).resize(function(){ setBackgroundImage_7763e3a0e5c94e7fa730b9482d90635d(); }); function setBackgroundImage_7763e3a0e5c94e7fa730b9482d90635d() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/forklift\u002Dservice\u002Dfingertips\u002Dmobile\u002Dzh\u002Dcn.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/forklift-service-fingertips-mobile-zh-cn.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/forklift\u002Dservice\u002Dfingertips\u002Dmobile\u002Dzh\u002Dcn.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/forklift-service-fingertips-mobile-zh-cn.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/forklift-service-fingertips-desktop-zh-cn.jpg"); } $('#bgImage_7763e3a0e5c94e7fa730b9482d90635d').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent(); setOpacityComponentMinHeight_7763e3a0e5c94e7fa730b9482d90635d(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent(); setOpacityComponentMinHeight_7763e3a0e5c94e7fa730b9482d90635d(); }); function toggleMobileDesktop_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_7763e3a0e5c94e7fa730b9482d90635d').html(opacityContent_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_1835165736_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_7763e3a0e5c94e7fa730b9482d90635d').html(""); } } function setOpacityComponentMinHeight_7763e3a0e5c94e7fa730b9482d90635d() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_7763e3a0e5c94e7fa730b9482d90635d').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_7763e3a0e5c94e7fa730b9482d90635d').css("min-height", ""); } } } </script> </div> <!-- ~ Copyright Crown Equipment Corporation. All rights reserved. --> <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_5ab7f1a0ddc14273950375078e57159a" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_5ab7f1a0ddc14273950375078e57159a" class="clearfix row-child background-black-process everyDevice text-white tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-8x-top "> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h4 style="text-align: center;">新一代电源动力</h4> <h5 style="text-align: center;">V-Force 锂离子动力产品具有灵活性、可靠性和高效率<br> </h5> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/zh-cn/batteries-and-chargers.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>了解更多<\/p>\r\n')" tabindex="0"><p>了解更多</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.6)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.6)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_5ab7f1a0ddc14273950375078e57159a" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_5ab7f1a0ddc14273950375078e57159a').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_5ab7f1a0ddc14273950375078e57159a').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_5ab7f1a0ddc14273950375078e57159a(); }); $(window).resize(function(){ setBackgroundImage_5ab7f1a0ddc14273950375078e57159a(); }); function setBackgroundImage_5ab7f1a0ddc14273950375078e57159a() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/a\u002Dnew\u002Dgeneration\u002Dof\u002Dpower\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/a-new-generation-of-power-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/a\u002Dnew\u002Dgeneration\u002Dof\u002Dpower\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/a-new-generation-of-power-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/a-new-generation-of-power-desktop.jpg"); } $('#bgImage_5ab7f1a0ddc14273950375078e57159a').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent(); setOpacityComponentMinHeight_5ab7f1a0ddc14273950375078e57159a(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent(); setOpacityComponentMinHeight_5ab7f1a0ddc14273950375078e57159a(); }); function toggleMobileDesktop_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_5ab7f1a0ddc14273950375078e57159a').html(opacityContent_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_2144198249_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_5ab7f1a0ddc14273950375078e57159a').html(""); } } function setOpacityComponentMinHeight_5ab7f1a0ddc14273950375078e57159a() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_5ab7f1a0ddc14273950375078e57159a').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_5ab7f1a0ddc14273950375078e57159a').css("min-height", ""); } } } </script> </div> </div> </div> </div> </div> </div> <div> <script> var mySlick = $('#mainpar_carousel').slick({ infinite: true, slidesToShow: 1, slidesToScroll: 1, centerMode: false, arrows: true, autoplay: true, autoplaySpeed: 7000, dots: true }); //To pause carousel autoplay while watching a video $("#modal-video-viewer").on("show.bs.modal", function () { mySlick.slick('slickPause'); }); //To resume carousel autoplay when the video is closed $("#modal-video-viewer").on("hidden.bs.modal", function () { mySlick.slick('slickPlay'); }); </script> </div> </div> <script> $(document).ready(function() { let currentPage = window.location.href; let currentPagePath = '\/content\/zh\u002Dcn'; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && currentPagePath.split("/").length === 3) { $(".slick-prev").attr("onclick", "addCarouselGA('Previous', $('.slick-current').attr('data-slick-index'))"); $(".slick-next").attr("onclick", "addCarouselGA('Next', $('.slick-current').attr('data-slick-index'))"); for (i = 0; i < 6; i++){ $('#slick-slide-control0'+i).attr("onclick", "addCarouselGA('Select', " + i + ")"); } } if(false) { $(".slick-dots").addClass("dotOnBackgroundImage") } if(true) { $(".slick-dots").addClass("dotsOnOpacityContent"); } }); function addCarouselGA(eventAction, slickIndex) { let componentPath = '/content/zh-cn/jcr:content/mainpar/carousel'; $.ajax({ url: componentPath + ".carouselGAevents", type: 'GET', data: { "slickIndex": parseInt(slickIndex) + 1, "resourcePath": '\/content\/zh\u002Dcn\/jcr:content\/mainpar\/carousel' } }).done(function(response) { if(window.dataLayer) { dataLayer.push({ 'event': 'homepage_banner_cycle_click', 'eventCategory': 'Homepage Banner Nav', 'eventAction': eventAction, 'eventLabel': response }); } }); } </script> </div> <div class="target parbase"> <script type="text/javascript"> function makeTargetedComponentVisible(componentID) { var targetedComponent = undefined; if( document.readyState !== 'loading' ) { targetedComponent = document.getElementById(componentID); if (targetedComponent) targetedComponent.style.visibility = 'visible'; } else { document.addEventListener('DOMContentLoaded', function () { targetedComponent = document.getElementById(componentID); if (targetedComponent) targetedComponent.style.visibility = 'visible'; }); } } </script> <script type="text/javascript"> if (window.ContextHub && ContextHub.SegmentEngine) { ContextHubJQ(function() { ContextHub.eventing.on(ContextHub.Constants.EVENT_TEASER_LOADED, function(event, data){ data.data.forEach(function(evData) { if (evData.key === "_content_zh\u002Dcn_jcr_content_mainpar_column_8ad74493e\u002D3bff\u002D44ed\u002D9e12\u002D17da5227159c") { makeTargetedComponentVisible("_content_zh-cn_jcr_content_mainpar_column_8ad74493e-3bff-44ed-9e12-17da5227159c"); } }); }); ContextHub.SegmentEngine.PageInteraction.Teaser({ locationId: '_content_zh\u002Dcn_jcr_content_mainpar_column_8ad74493e\u002D3bff\u002D44ed\u002D9e12\u002D17da5227159c', variants: [{"path":"/zh-cn/default","name":"default","title":"Default","campaignName":"","thumbnail":"/zh-cn.thumb.png","url":"/zh-cn/_jcr_content/mainpar/column_8.default.html","campaignPriority":0,"tags":[]}], strategy: '', trackingURL: null }); // Make the targeted content visible if no teasers were loaded after 5s setTimeout(function(){ makeTargetedComponentVisible("_content_zh-cn_jcr_content_mainpar_column_8ad74493e-3bff-44ed-9e12-17da5227159c"); }, 5000); }); } else { makeTargetedComponentVisible("_content_zh-cn_jcr_content_mainpar_column_8ad74493e-3bff-44ed-9e12-17da5227159c"); } </script> <div id="_content_zh-cn_jcr_content_mainpar_column_8ad74493e-3bff-44ed-9e12-17da5227159c" class="campaign " style="visibility: hidden"> </div> </div> <div class="target parbase"> <script type="text/javascript"> function makeTargetedComponentVisible(componentID) { var targetedComponent = undefined; if( document.readyState !== 'loading' ) { targetedComponent = document.getElementById(componentID); if (targetedComponent) targetedComponent.style.visibility = 'visible'; } else { document.addEventListener('DOMContentLoaded', function () { targetedComponent = document.getElementById(componentID); if (targetedComponent) targetedComponent.style.visibility = 'visible'; }); } } </script> <script type="text/javascript"> if (window.ContextHub && ContextHub.SegmentEngine) { ContextHubJQ(function() { ContextHub.eventing.on(ContextHub.Constants.EVENT_TEASER_LOADED, function(event, data){ data.data.forEach(function(evData) { if (evData.key === "_content_zh\u002Dcn_jcr_content_mainpar_column_6743ea374\u002D8ee9\u002D43de\u002D923d\u002D09d806fce1b0") { makeTargetedComponentVisible("_content_zh-cn_jcr_content_mainpar_column_6743ea374-8ee9-43de-923d-09d806fce1b0"); } }); }); ContextHub.SegmentEngine.PageInteraction.Teaser({ locationId: '_content_zh\u002Dcn_jcr_content_mainpar_column_6743ea374\u002D8ee9\u002D43de\u002D923d\u002D09d806fce1b0', variants: [{"path":"/zh-cn/default","name":"default","title":"Default","campaignName":"","thumbnail":"/zh-cn.thumb.png","url":"/zh-cn/_jcr_content/mainpar/column_6.default.html","campaignPriority":0,"tags":[]}], strategy: '', trackingURL: null }); // Make the targeted content visible if no teasers were loaded after 5s setTimeout(function(){ makeTargetedComponentVisible("_content_zh-cn_jcr_content_mainpar_column_6743ea374-8ee9-43de-923d-09d806fce1b0"); }, 5000); }); } else { makeTargetedComponentVisible("_content_zh-cn_jcr_content_mainpar_column_6743ea374-8ee9-43de-923d-09d806fce1b0"); } </script> <div id="_content_zh-cn_jcr_content_mainpar_column_6743ea374-8ee9-43de-923d-09d806fce1b0" class="campaign " style="visibility: hidden"> </div> </div> <div class="target parbase"> <script type="text/javascript"> function makeTargetedComponentVisible(componentID) { var targetedComponent = undefined; if( document.readyState !== 'loading' ) { targetedComponent = document.getElementById(componentID); if (targetedComponent) targetedComponent.style.visibility = 'visible'; } else { document.addEventListener('DOMContentLoaded', function () { targetedComponent = document.getElementById(componentID); if (targetedComponent) targetedComponent.style.visibility = 'visible'; }); } } </script> <script type="text/javascript"> if (window.ContextHub && ContextHub.SegmentEngine) { ContextHubJQ(function() { ContextHub.eventing.on(ContextHub.Constants.EVENT_TEASER_LOADED, function(event, data){ data.data.forEach(function(evData) { if (evData.key === "_content_zh\u002Dcn_jcr_content_mainpar_column_98e084ee9\u002De688\u002D4f96\u002Da01c\u002D11bc9ab4947f") { makeTargetedComponentVisible("_content_zh-cn_jcr_content_mainpar_column_98e084ee9-e688-4f96-a01c-11bc9ab4947f"); } }); }); ContextHub.SegmentEngine.PageInteraction.Teaser({ locationId: '_content_zh\u002Dcn_jcr_content_mainpar_column_98e084ee9\u002De688\u002D4f96\u002Da01c\u002D11bc9ab4947f', variants: [{"path":"/zh-cn/default","name":"default","title":"Default","campaignName":"","thumbnail":"/zh-cn.thumb.png","url":"/zh-cn/_jcr_content/mainpar/column_9.default.html","campaignPriority":0,"tags":[]}], strategy: '', trackingURL: null }); // Make the targeted content visible if no teasers were loaded after 5s setTimeout(function(){ makeTargetedComponentVisible("_content_zh-cn_jcr_content_mainpar_column_98e084ee9-e688-4f96-a01c-11bc9ab4947f"); }, 5000); }); } else { makeTargetedComponentVisible("_content_zh-cn_jcr_content_mainpar_column_98e084ee9-e688-4f96-a01c-11bc9ab4947f"); } </script> <div id="_content_zh-cn_jcr_content_mainpar_column_98e084ee9-e688-4f96-a01c-11bc9ab4947f" class="campaign " style="visibility: hidden"> </div> </div> <div class="tabcomponent"> <div class="container-fluid text-black padding-2x-top "> <div class="container"> <div class="tabTitle">智能解决方案</div> <div class="overwriteContainerPadding"> <div class="tabNavWrapper" id="tabNavWrapper_mainpar_tabcomponent_copy"> <nav class="tabsDisplay tabsDisplay_mainpar_tabcomponent_copy padding-2x-bottom" id="tabsDisplay_mainpar_tabcomponent_copy"> <ol class="tabsList" id="tabsList_mainpar_tabcomponent_copy" tabindex="0"> <li class="tab tab_mainpar_tabcomponent_copy" data-anchor="所有解决方案" onclick="triggerTabContent_mainpar_tabcomponent_copy(this)"> <a href="javascript: void(0);" tabindex="0">所有解决方案</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_copy" data-anchor="仓库解决方案" onclick="triggerTabContent_mainpar_tabcomponent_copy(this)"> <a href="javascript: void(0);" tabindex="0">仓库解决方案</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_copy" data-anchor="自动化解决方案" onclick="triggerTabContent_mainpar_tabcomponent_copy(this)"> <a href="javascript: void(0);" tabindex="0">自动化解决方案</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_copy" data-anchor="能源解决方案" onclick="triggerTabContent_mainpar_tabcomponent_copy(this)"> <a href="javascript: void(0);" tabindex="0">能源解决方案</a> <div class="tabHighlight"></div> </li> </ol> </nav> <button class="tabNavArrow prev" aria-label="previous item" aria-disabled="true" id="tabArrowPrev_mainpar_tabcomponent_copy"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M6.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L14.07 13h-8z" transform="rotate(135 10.071 8)"></path> </g> </g> </svg> </button> <button class="tabNavArrow next" aria-label="next item" aria-disabled="true" id="tabArrowNext_mainpar_tabcomponent_copy"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M2.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L10.07 13h-8z" transform="rotate(-45 6.071 8)"></path> </g> </g> </svg> </button> </div> </div> <div> <div id="mainpar_tabcomponent_copy"> <div id="所有解决方案" class="tabContent hideSpace tabContent_mainpar_tabcomponent_copy"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent"> <a href="/zh-cn/warehouse-solutions-design.html" class="imageItem imageItem_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/warehouse-products.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent"><p class="titleText">仓库解决方案</p></div> </a> <a href="/zh-cn/connected-solutions.html" class="imageItem imageItem_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/connected-solutions.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent"><p class="titleText">车队管理</p></div> </a> <a href="/zh-cn/automation.html" class="imageItem imageItem_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/all-solutions-automation.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent"><p class="titleText">自动化解决方案</p></div> </a> <a href="/zh-cn/batteries-and-chargers.html" class="imageItem imageItem_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/all-solutions-energy.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent"><p class="titleText">能源解决方案</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "23%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_copy_tab_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="仓库解决方案" class="tabContent hideSpace tabContent_mainpar_tabcomponent_copy"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent"> <a href="/zh-cn/warehouse-solutions-design.html" class="imageItem imageItem_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/warehouse-solutions-design.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent"><p class="titleText">仓库设计</p></div> </a> <a href="/zh-cn/warehouse-solutions-design.html" class="imageItem imageItem_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/warehouse-solutions-racking.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent"><p class="titleText">上架和存储</p></div> </a> <a href="/zh-cn/warehouse-solutions-design.html" class="imageItem imageItem_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/warehouse-products.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent"><p class="titleText">仓库产品</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "31.56%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_copy_tab_1976164393_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="自动化解决方案" class="tabContent hideSpace tabContent_mainpar_tabcomponent_copy"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent"> <a href="/zh-cn/forklifts/order-picking-technology-quickpick.html" class="imageItem imageItem_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/semi-automated-order-picking.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent"><p class="titleText">半自动订单拣选</p></div> </a> <a href="/zh-cn/forklifts/man-up-order-pickers/tsp-turret-stockpicker.html" class="imageItem imageItem_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/automation-solutions-automation.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent"><p class="titleText">自动定位</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "48.67%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_copy_tab_425191987_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="能源解决方案" class="tabContent hideSpace tabContent_mainpar_tabcomponent_copy"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent"> <a href="/zh-cn/batteries-and-chargers/lithium-ion-battery.html" class="imageItem imageItem_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/energy-solutions-lithium-ion-2-col.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent"><p class="titleText">锂离子能源系统</p></div> </a> <a href="/zh-cn/batteries-and-chargers/forklift-battery-charger-vhfb.html" class="imageItem imageItem_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/energy-solutions-chargers-2-col-cn.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent"><p class="titleText">蓄电池充电器和辅助件</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "48.67%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_copy_tab_918279238_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function() { let firstChildName = $('#tabsList_mainpar_tabcomponent_copy li:first').attr('data-anchor'); $("#" + firstChildName).css("display", "block"); $("#" + firstChildName).removeClass("hideSpace"); $('#tabsList_mainpar_tabcomponent_copy li:first').first().addClass("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_copy').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_copy').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent_copy").addClass("scrollable"); $("#tabNavWrapper_mainpar_tabcomponent_copy .prev").addClass("isDisabled"); } // Below code handles swipe left and right in touch devices let tabItem = document.getElementById("mainpar_tabcomponent_copy"), swipeDir, startX, startY, distX, distY, threshold = 150, //required min distance traveled to be considered swipe restraint = 100, // maximum distance allowed at the same time in perpendicular direction allowedTime = 300, // maximum time allowed to travel that distance elapsedTime, startTime; tabItem.addEventListener('touchstart', function(e){ let touchObj = e.changedTouches[0]; swipeDir = 'none'; startX = touchObj.pageX; startY = touchObj.pageY; startTime = new Date().getTime(); // record time when finger first makes contact with surface }, false) tabItem.addEventListener('touchend', function(e){ let touchObj = e.changedTouches[0]; distX = touchObj.pageX - startX; // get horizontal dist traveled by finger while in contact with surface distY = touchObj.pageY - startY; // get vertical dist traveled by finger while in contact with surface elapsedTime = new Date().getTime() - startTime; // get time elapsed if (elapsedTime <= allowedTime){ // first condition for swipe met if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint){ // 2nd condition for horizontal swipe met swipeDir = (distX < 0)? 'left' : 'right'; // if dist traveled is negative, it indicates left swipe } } if(swipeDir === 'left') { let current = $('#tabsList_mainpar_tabcomponent_copy li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent_copy li:last').attr('data-anchor')) { current.next().trigger("click"); } } else if(swipeDir === 'right') { let current = $('#tabsList_mainpar_tabcomponent_copy li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent_copy li:first').attr('data-anchor')) { current.prev().trigger("click"); } } }, false) }); $(window).resize(function() { let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_copy').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_copy').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent_copy").addClass("scrollable"); let myScrollPosition = $('#tabsList_mainpar_tabcomponent_copy li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent_copy li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent_copy').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent_copy').width() / 2; $('#tabsDisplay_mainpar_tabcomponent_copy').scrollLeft(myScrollPosition); } else { $("#tabNavWrapper_mainpar_tabcomponent_copy").removeClass("scrollable"); } }); $("#tabsDisplay_mainpar_tabcomponent_copy").scroll(function() { let newScrollLeft = $('#tabsDisplay_mainpar_tabcomponent_copy').scrollLeft(); let width = $('#tabsDisplay_mainpar_tabcomponent_copy').outerWidth(); let scrollWidth = $('#tabsDisplay_mainpar_tabcomponent_copy').get(0).scrollWidth; if(newScrollLeft < 50) { $("#tabNavWrapper_mainpar_tabcomponent_copy .prev").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent_copy .prev").removeClass("isDisabled"); } if(width + newScrollLeft >= scrollWidth) { $("#tabNavWrapper_mainpar_tabcomponent_copy .next").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent_copy .next").removeClass("isDisabled"); } }); $("#tabArrowPrev_mainpar_tabcomponent_copy").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent_copy').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent_copy').scrollLeft() - 100 }, 300); }); $("#tabArrowNext_mainpar_tabcomponent_copy").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent_copy').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent_copy').scrollLeft() + 100 }, 300); }); function triggerTabContent_mainpar_tabcomponent_copy(element) { if(!element.classList.contains('tabsActive')) { let selectedTabId = "#" + $(".tab_mainpar_tabcomponent_copy.tabsActive").get(0).getAttribute('data-anchor'); $(selectedTabId).stop().hide().fadeOut("400"); $(selectedTabId).addClass("hideSpace"); $(".tab_mainpar_tabcomponent_copy").removeClass("tabsActive"); $("#tabNavWrapper_mainpar_tabcomponent_copy .tabNavArrow").removeClass("isDisabled"); let anchorName = element.getAttribute('data-anchor'); element.classList.add("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_copy').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_copy').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { let myScrollPosition = $('#tabsList_mainpar_tabcomponent_copy li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent_copy li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent_copy').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent_copy').width() / 2; $('#tabsDisplay_mainpar_tabcomponent_copy').scrollLeft(myScrollPosition); if($('#tabsList_mainpar_tabcomponent_copy li:first').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent_copy .prev").addClass("isDisabled"); } else if($('#tabsList_mainpar_tabcomponent_copy li:last').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent_copy .next").addClass("isDisabled"); } } let anchorId = "#" + anchorName; $(anchorId).stop().hide().fadeIn("400"); $(anchorId).removeClass("hideSpace"); //imagegrid title equal height let imageGridMaxHeight = 0; $('.imagegridcomponent .imageTitle:visible').each(function() { const imageTitleHeight = $(this).height(); imageGridMaxHeight = Math.max(imageGridMaxHeight, imageTitleHeight); }); $('.imagegridcomponent .imageTitle:visible').height(imageGridMaxHeight); } $('.imagegridcomponent a.imageItem').hover( function() { $(this).find('.imageTitle').css("padding-bottom", imageGridMaxHeight * 2); }, function() { $(this).find('.imageTitle').css("padding-bottom", ""); }); $('.imagegridcomponent .imageTitle').height('auto'); } </script></div> <div class="productslider"><!-- ~ Copyright Crown Equipment Corporation. All rights reserved. --> <div class="container-fluid padding-4x-top padding-4x-bottom"> <div class="container fullWidth"> <ul class="products"> <li> <a href="/content/zh-cn/forklifts/pallet-trucks#handpallet.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/hand-pallet-jacks-300x300.jpg" alt="托盘搬运车"/> <p>托盘搬运车</p> </div> </a> </li> <li> <a href="/content/zh-cn/forklifts/pallet-trucks#electricpallet.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/electric-pallet-jacks-300x300.jpg" alt="电动托盘搬运车"/> <p>电动托盘搬运车</p> </div> </a> </li> <li> <a href="/content/zh-cn/forklifts/pallet-trucks#riderpallet.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/rider-pallet-trucks-300x300.jpg" alt="站驾式托盘搬运车"/> <p>站驾式托盘搬运车</p> </div> </a> </li> <li> <a href="/zh-cn/forklifts/stackers.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/straddle-stackers-300x300.jpg" alt="跨腿式堆高机"/> <p>跨腿式堆高机</p> </div> </a> </li> <li> <a href="/zh-cn/forklifts/stackers/sh-shr-shc-heavy-duty-reach-stacker.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/counterbalance-stackers-300x300.jpg" alt="平衡重式堆高机"/> <p>平衡重式堆高机</p> </div> </a> </li> <li> <a href="/zh-cn/forklifts/electric-counterbalance-forklifts/rc-stand-up-rider-counterbalanced-truck.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/stand-up-forklifts-300x300.jpg" alt="站驾式叉车"/> <p>站驾式叉车</p> </div> </a> </li> <li> <a href="/zh-cn/forklifts/electric-counterbalance-forklifts.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/sit-down-forklifts-300x300.png" alt="坐驾式叉车"/> <p>坐驾式叉车</p> </div> </a> </li> <li> <a href="/zh-cn/forklifts/reach-trucks.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/reach-trucks-300x300.jpg" alt="前移式叉车"/> <p>前移式叉车</p> </div> </a> </li> <li> <a href="/zh-cn/forklifts/man-up-order-pickers.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/man-up-order-pickers.jpg" alt="人上型拣选车"/> <p>人上型拣选车</p> </div> </a> </li> <li> <a href="/zh-cn/forklifts/man-up-order-pickers/tsp-turret-stockpicker.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/turret-order-pickers-300x300.jpg" alt="三向叉车"/> <p>三向叉车</p> </div> </a> </li> <li> <a href="/zh-cn/forklifts/man-up-order-pickers/wave-work-assist-vehicle.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/work-assist-vehicles-300x300.jpg" alt="工作辅助车"/> <p>工作辅助车</p> </div> </a> </li> <li> <a href="/zh-cn/forklifts/pallet-trucks/tr-tow-tractor.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/tow-tractors-300x300.jpg" alt="牵引车"/> <p>牵引车</p> </div> </a> </li> </ul> </div> </div> </div> <div class="column"> <div id="height_8acd0c92b4d14b6e8d44b7b215e49216" class="margin-4x-bottom" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_8acd0c92b4d14b6e8d44b7b215e49216" class="clearfix everyDevice text-black padding-4x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-4 "> <div class="container-inner"> <div class="column"> <div id="height_6b9ada6a34cb44e29aa5e1383c9c6766" style="height: px"> <div class="container-fluid background-grey-lightestest "> <div class="background-grey-lightestest "> <div id="bgImage_6b9ada6a34cb44e29aa5e1383c9c6766" class="clearfix row-child background-grey-lightestest everyDevice text-black tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-2x-top width-100 component-left"> <h4 style="text-align: center;">叉车租赁</h4> <p style="text-align: center;">我们的车队拥有各型叉车,可满足短期和长期需求。</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="calltoactionbutton"><div class="text-center padding-2x-bottom "> <a href="/zh-cn/forklift-rentals.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>了解更多<\/p>\r\n')" tabindex="0"><p>了解更多</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_6b9ada6a34cb44e29aa5e1383c9c6766').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_6b9ada6a34cb44e29aa5e1383c9c6766').addClass('bricksRow'); } }); </script> </div> <div class="column"> <div id="height_5fe19618eca34b518eba0cdc55060929" style="height: px"> <div class="container-fluid "> <div class=" "> <div id="bgImage_5fe19618eca34b518eba0cdc55060929" class="clearfix row-child everyDevice text-black padding-2x-top tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_5fe19618eca34b518eba0cdc55060929').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_5fe19618eca34b518eba0cdc55060929').addClass('bricksRow'); } }); </script> </div> </div> </div> <div class=" col-md-4 "> <div class="container-inner"> <div class="column"> <div id="height_61eae095376949d4860b9d9c72fcb0d5" style="height: px"> <div class="container-fluid background-grey-lightestest "> <div class="background-grey-lightestest "> <div id="bgImage_61eae095376949d4860b9d9c72fcb0d5" class="clearfix row-child background-grey-lightestest everyDevice text-black tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-2x-top width-100 component-left"> <h4 style="text-align: center;">翻新的叉车</h4> <p style="text-align: center;">翻新的叉车享有完备的保修服务。<br /> <br /> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="calltoactionbutton"><div class="text-center padding-2x-bottom "> <a href="/zh-cn/remanufactured-forklifts.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>了解更多<\/p>\r\n')" tabindex="0"><p>了解更多</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_61eae095376949d4860b9d9c72fcb0d5').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_61eae095376949d4860b9d9c72fcb0d5').addClass('bricksRow'); } }); </script> </div> <div class="column"> <div id="height_7c2d0df43c664b90b0922f38fc6751b6" style="height: px"> <div class="container-fluid "> <div class=" "> <div id="bgImage_7c2d0df43c664b90b0922f38fc6751b6" class="clearfix row-child everyDevice text-black padding-2x-top tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_7c2d0df43c664b90b0922f38fc6751b6').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_7c2d0df43c664b90b0922f38fc6751b6').addClass('bricksRow'); } }); </script> </div> </div> </div> <div class=" col-md-4 "> <div class="container-inner"> <div class="column"> <div id="height_12d1c6c6655b44a1b978737c6ad3c6e9" style="height: px"> <div class="container-fluid background-grey-lightestest "> <div class="background-grey-lightestest "> <div id="bgImage_12d1c6c6655b44a1b978737c6ad3c6e9" class="clearfix row-child background-grey-lightestest everyDevice text-black tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-2x-top width-100 component-left"> <h4 style="text-align: center;">二手叉车</h4> <p style="text-align: center;">我们可以保证,二手叉车符合我们的安全和性能标准。</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="calltoactionbutton"><div class="text-center padding-2x-bottom "> <a href="/zh-cn/pre-owned-forklifts.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>了解更多<\/p>\r\n')" tabindex="0"><p>了解更多</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_12d1c6c6655b44a1b978737c6ad3c6e9').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_12d1c6c6655b44a1b978737c6ad3c6e9').addClass('bricksRow'); } }); </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_8acd0c92b4d14b6e8d44b7b215e49216').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_8acd0c92b4d14b6e8d44b7b215e49216').addClass('bricksRow'); } }); </script> </div> <div class="column"> <div id="height_d79e582e477d406db3203eb838dd6459" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_d79e582e477d406db3203eb838dd6459" class="clearfix everyDevice text-white padding-8x-top padding-8x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class="padding-2x-left "> <div class="backgroundCSS backgroundColorOpacity_mainpar_column_copy_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_column_copy_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h3 style="text-align: left;">PTH 50 系列步行式托盘搬运车,3 年保修</h3> <p>托盘搬运车应该是经久耐用的,而不是一次性的。在质量、可维修性和耐用性方面,PTH 系列无疑处于优势地位。</p> <p><span class="text-white"><a href="/zh-cn/promotions/pth-terms-and-conditions.html" target="_blank">单击此处,了解有关 3 年保修的更多信息。</a></span></p> <h5>立即在线购买</h5> <h5 class="text-white"><a href="https://shop526567866.taobao.com/" target="_blank"><u>在淘宝上购买></u></a></h5> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.6)") { $('#backgroundColorOpacity_mainpar_column_copy_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.6)"); } if("200px") { $('#backgroundColorOpacity_mainpar_column_copy_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_d79e582e477d406db3203eb838dd6459" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_d79e582e477d406db3203eb838dd6459').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_d79e582e477d406db3203eb838dd6459').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_d79e582e477d406db3203eb838dd6459(); }); $(window).resize(function(){ setBackgroundImage_d79e582e477d406db3203eb838dd6459(); }); function setBackgroundImage_d79e582e477d406db3203eb838dd6459() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/promo\/pth\u002Dbuy\u002Donline\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/promo/pth-buy-online-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/promo\/pth\u002Dbuy\u002Donline\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/promo/pth-buy-online-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/promo/pth-buy-online-desktop-overlay.jpg"); } $('#bgImage_d79e582e477d406db3203eb838dd6459').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_column_copy_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_column_copy_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_column_copy_column1_opacitycomponent(); setOpacityComponentMinHeight_d79e582e477d406db3203eb838dd6459(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_column_copy_column1_opacitycomponent(); setOpacityComponentMinHeight_d79e582e477d406db3203eb838dd6459(); }); function toggleMobileDesktop_mainpar_column_copy_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_column_copy_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_d79e582e477d406db3203eb838dd6459').html(opacityContent_mainpar_column_copy_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_column_copy_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_column_copy_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_column_copy_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_column_copy_column1_opacitycomponent').html(opacityContent_mainpar_column_copy_column1_opacitycomponent); } $('#opacityComponentMobileTablet_d79e582e477d406db3203eb838dd6459').html(""); } } function setOpacityComponentMinHeight_d79e582e477d406db3203eb838dd6459() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_d79e582e477d406db3203eb838dd6459').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_d79e582e477d406db3203eb838dd6459').css("min-height", ""); } } } </script> </div> <div class="column"> <div id="height_4792909e4071478cb42517cad3eda2e9" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_4792909e4071478cb42517cad3eda2e9" class="clearfix everyDevice text-black padding-2x-top no-padding-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> <div class="richtext"> <div class=" width-100 component-left"> <h3 style="text-align: center;">Crown-科朗售后支持</h3> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_4792909e4071478cb42517cad3eda2e9').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_4792909e4071478cb42517cad3eda2e9').addClass('bricksRow'); } }); </script> </div> <div class="quadlayout"><!-- ~ Copyright Crown Equipment Corporation. All rights reserved. --> <div class="container-fluid no-padding-top padding-6x-bottom"> <div class="container "> <div class="parent"> <div class="child firstChild "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/zh-cn/forklift-dealers.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-map-marker-alt fa-fw fa-4x text-orange"></i> </div> <div> <h5>查找 Crown-科朗经销商的位置</h5> </div> </a> </div> </div> </div> </div> </div> </div> <div class="child "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/zh-cn/service-parts/integrity-service.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-wrench fa-fw fa-4x text-orange"></i> </div> <div> <h5>叉车服务</h5> </div> </a> </div> </div> </div> </div> </div> </div> <div class="child thirdChild "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/zh-cn/service-parts/integrity-parts.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-cogs fa-fw fa-4x text-orange"></i> </div> <div> <h5>叉车零部件和辅助件</h5> </div> </a> </div> </div> </div> </div> </div> </div> <div class="child "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/zh-cn/safety-training.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-users fa-fw fa-4x text-orange"></i> </div> <div> <h5>安全与培训</h5> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tabcomponent"> <div class="fullWidth text-black "> <div> <div class="tabTitle">探索 Crown-科朗</div> <div> <div class="tabNavWrapper" id="tabNavWrapper_mainpar_tabcomponent_3885675"> <nav class="tabsDisplay tabsDisplay_mainpar_tabcomponent_3885675 padding-2x-bottom" id="tabsDisplay_mainpar_tabcomponent_3885675"> <ol class="tabsList" id="tabsList_mainpar_tabcomponent_3885675" tabindex="0"> <li class="tab tab_mainpar_tabcomponent_3885675" data-anchor="我们公司" onclick="triggerTabContent_mainpar_tabcomponent_3885675(this)"> <a href="javascript: void(0);" tabindex="0">我们公司</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_3885675" data-anchor="创新" onclick="triggerTabContent_mainpar_tabcomponent_3885675(this)"> <a href="javascript: void(0);" tabindex="0">创新</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_3885675" data-anchor="客户案例" onclick="triggerTabContent_mainpar_tabcomponent_3885675(this)"> <a href="javascript: void(0);" tabindex="0">客户案例</a> <div class="tabHighlight"></div> </li> </ol> </nav> <button class="tabNavArrow prev" aria-label="previous item" aria-disabled="true" id="tabArrowPrev_mainpar_tabcomponent_3885675"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M6.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L14.07 13h-8z" transform="rotate(135 10.071 8)"></path> </g> </g> </svg> </button> <button class="tabNavArrow next" aria-label="next item" aria-disabled="true" id="tabArrowNext_mainpar_tabcomponent_3885675"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M2.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L10.07 13h-8z" transform="rotate(-45 6.071 8)"></path> </g> </g> </svg> </button> </div> </div> <div> <div id="mainpar_tabcomponent_3885675"> <div id="我们公司" class="tabContent hideSpace tabContent_mainpar_tabcomponent_3885675"> <div> <div> <div class="column"> <div id="height_2d46c8fa419947d08767c0a3d1ff13cc" style="height: px"> <div class=" background-black-process "> <div class="fullWidth background-black-process "> <div id="bgImage_2d46c8fa419947d08767c0a3d1ff13cc" class="clearfix background-black-process everyDevice text-white padding-8x-top padding-8x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-8x-top padding-8x-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">定义物料搬运的未来</h2> <p style="text-align: center;">客户和行业专家一致认为,Crown-科朗因屡获殊荣的产品设计、先进的工程技术以及对可持续发展的承诺而享有盛名。</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/zh-cn/about-us.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>了解更多<\/p>\r\n')" tabindex="0"><p>了解更多</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("200px") { $('#backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_2d46c8fa419947d08767c0a3d1ff13cc" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_2d46c8fa419947d08767c0a3d1ff13cc').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_2d46c8fa419947d08767c0a3d1ff13cc').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_2d46c8fa419947d08767c0a3d1ff13cc(); }); $(window).resize(function(){ setBackgroundImage_2d46c8fa419947d08767c0a3d1ff13cc(); }); function setBackgroundImage_2d46c8fa419947d08767c0a3d1ff13cc() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dour\u002Dcompany\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-our-company-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dour\u002Dcompany\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-our-company-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-our-company.jpg"); } $('#bgImage_2d46c8fa419947d08767c0a3d1ff13cc').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_2d46c8fa419947d08767c0a3d1ff13cc(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_2d46c8fa419947d08767c0a3d1ff13cc(); }); function toggleMobileDesktop_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_2d46c8fa419947d08767c0a3d1ff13cc').html(opacityContent_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent').html(opacityContent_mainpar_tabcomponent_3885675_tab_TabContentParsys_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_2d46c8fa419947d08767c0a3d1ff13cc').html(""); } } function setOpacityComponentMinHeight_2d46c8fa419947d08767c0a3d1ff13cc() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_2d46c8fa419947d08767c0a3d1ff13cc').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_2d46c8fa419947d08767c0a3d1ff13cc').css("min-height", ""); } } } </script> </div> </div> </div> </div> <div id="创新" class="tabContent hideSpace tabContent_mainpar_tabcomponent_3885675"> <div> <div> <div class="column"> <div id="height_a3b779f773e7451eb0dc585fa3b1277c" style="height: px"> <div class=" "> <div class="fullWidth "> <div id="bgImage_a3b779f773e7451eb0dc585fa3b1277c" class="clearfix everyDevice text-white padding-8x-top padding-8x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" "> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">设计可靠</h2> <p style="text-align: center;">Crown-科朗的创新产品生产能力为优异设计树立了新标准,因此获得了众多奖项。</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/zh-cn/awards.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>查看 Crown\u002D科朗获得的设计奖项<\/p>\r\n')" tabindex="0"><p>查看 Crown-科朗获得的设计奖项</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("200px") { $('#backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_a3b779f773e7451eb0dc585fa3b1277c" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_a3b779f773e7451eb0dc585fa3b1277c').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_a3b779f773e7451eb0dc585fa3b1277c').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_a3b779f773e7451eb0dc585fa3b1277c(); }); $(window).resize(function(){ setBackgroundImage_a3b779f773e7451eb0dc585fa3b1277c(); }); function setBackgroundImage_a3b779f773e7451eb0dc585fa3b1277c() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dinnovation\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-innovation-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dinnovation\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-innovation-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-innovation.jpg"); } $('#bgImage_a3b779f773e7451eb0dc585fa3b1277c').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent(); setOpacityComponentMinHeight_a3b779f773e7451eb0dc585fa3b1277c(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent(); setOpacityComponentMinHeight_a3b779f773e7451eb0dc585fa3b1277c(); }); function toggleMobileDesktop_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent').hide(); $('#opacityComponentMobileTablet_a3b779f773e7451eb0dc585fa3b1277c').html(opacityContent_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent').html(opacityContent_mainpar_tabcomponent_3885675_tab_1952187964_TabContentParsys_column_column2_opacitycomponent); } $('#opacityComponentMobileTablet_a3b779f773e7451eb0dc585fa3b1277c').html(""); } } function setOpacityComponentMinHeight_a3b779f773e7451eb0dc585fa3b1277c() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_a3b779f773e7451eb0dc585fa3b1277c').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_a3b779f773e7451eb0dc585fa3b1277c').css("min-height", ""); } } } </script> </div> </div> </div> </div> <div id="客户案例" class="tabContent hideSpace tabContent_mainpar_tabcomponent_3885675"> <div> <div> <div class="column"> <div id="height_d3ec7eb6e63440ea8001f93895356113" style="height: px"> <div class=" background-black-process "> <div class="fullWidth background-black-process "> <div id="bgImage_d3ec7eb6e63440ea8001f93895356113" class="clearfix background-black-process everyDevice text-white padding-8x-top padding-8x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" "> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">中牧冷链<br> </h2> <p style="text-align: center;">保证仓库的正常运营和零生产事故是重中之重</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/zh-cn/customer-results/cahg-increase-uptime.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>阅读案例<\/p>\r\n')" tabindex="0"><p>阅读案例</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class="text-center "> <a href="/zh-cn/customer-results.html" class="btn btn-plain text-white " onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>查看所有客户案例<\/p>\r\n')" tabindex="0"><p>查看所有客户案例</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_d3ec7eb6e63440ea8001f93895356113" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_d3ec7eb6e63440ea8001f93895356113').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_d3ec7eb6e63440ea8001f93895356113').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_d3ec7eb6e63440ea8001f93895356113(); }); $(window).resize(function(){ setBackgroundImage_d3ec7eb6e63440ea8001f93895356113(); }); function setBackgroundImage_d3ec7eb6e63440ea8001f93895356113() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/Discover\u002Dcrown\u002Dcahg\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/Discover-crown-cahg-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/Discover\u002Dcrown\u002Dcahg\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/Discover-crown-cahg-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/discover-crown/Discover-crown-cahg.jpg"); } $('#bgImage_d3ec7eb6e63440ea8001f93895356113').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent(); setOpacityComponentMinHeight_d3ec7eb6e63440ea8001f93895356113(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent(); setOpacityComponentMinHeight_d3ec7eb6e63440ea8001f93895356113(); }); function toggleMobileDesktop_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent').hide(); $('#opacityComponentMobileTablet_d3ec7eb6e63440ea8001f93895356113').html(opacityContent_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent').html(opacityContent_mainpar_tabcomponent_3885675_tab_2016398369_TabContentParsys_column_column2_opacitycomponent); } $('#opacityComponentMobileTablet_d3ec7eb6e63440ea8001f93895356113').html(""); } } function setOpacityComponentMinHeight_d3ec7eb6e63440ea8001f93895356113() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_d3ec7eb6e63440ea8001f93895356113').css("min-height", ""); } else { $('#opacityComponentMobileTablet_d3ec7eb6e63440ea8001f93895356113').css("min-height", ""); } } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function() { let firstChildName = $('#tabsList_mainpar_tabcomponent_3885675 li:first').attr('data-anchor'); $("#" + firstChildName).css("display", "block"); $("#" + firstChildName).removeClass("hideSpace"); $('#tabsList_mainpar_tabcomponent_3885675 li:first').first().addClass("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_3885675').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_3885675').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent_3885675").addClass("scrollable"); $("#tabNavWrapper_mainpar_tabcomponent_3885675 .prev").addClass("isDisabled"); } // Below code handles swipe left and right in touch devices let tabItem = document.getElementById("mainpar_tabcomponent_3885675"), swipeDir, startX, startY, distX, distY, threshold = 150, //required min distance traveled to be considered swipe restraint = 100, // maximum distance allowed at the same time in perpendicular direction allowedTime = 300, // maximum time allowed to travel that distance elapsedTime, startTime; tabItem.addEventListener('touchstart', function(e){ let touchObj = e.changedTouches[0]; swipeDir = 'none'; startX = touchObj.pageX; startY = touchObj.pageY; startTime = new Date().getTime(); // record time when finger first makes contact with surface }, false) tabItem.addEventListener('touchend', function(e){ let touchObj = e.changedTouches[0]; distX = touchObj.pageX - startX; // get horizontal dist traveled by finger while in contact with surface distY = touchObj.pageY - startY; // get vertical dist traveled by finger while in contact with surface elapsedTime = new Date().getTime() - startTime; // get time elapsed if (elapsedTime <= allowedTime){ // first condition for swipe met if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint){ // 2nd condition for horizontal swipe met swipeDir = (distX < 0)? 'left' : 'right'; // if dist traveled is negative, it indicates left swipe } } if(swipeDir === 'left') { let current = $('#tabsList_mainpar_tabcomponent_3885675 li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent_3885675 li:last').attr('data-anchor')) { current.next().trigger("click"); } } else if(swipeDir === 'right') { let current = $('#tabsList_mainpar_tabcomponent_3885675 li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent_3885675 li:first').attr('data-anchor')) { current.prev().trigger("click"); } } }, false) }); $(window).resize(function() { let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_3885675').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_3885675').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent_3885675").addClass("scrollable"); let myScrollPosition = $('#tabsList_mainpar_tabcomponent_3885675 li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent_3885675 li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent_3885675').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent_3885675').width() / 2; $('#tabsDisplay_mainpar_tabcomponent_3885675').scrollLeft(myScrollPosition); } else { $("#tabNavWrapper_mainpar_tabcomponent_3885675").removeClass("scrollable"); } }); $("#tabsDisplay_mainpar_tabcomponent_3885675").scroll(function() { let newScrollLeft = $('#tabsDisplay_mainpar_tabcomponent_3885675').scrollLeft(); let width = $('#tabsDisplay_mainpar_tabcomponent_3885675').outerWidth(); let scrollWidth = $('#tabsDisplay_mainpar_tabcomponent_3885675').get(0).scrollWidth; if(newScrollLeft < 50) { $("#tabNavWrapper_mainpar_tabcomponent_3885675 .prev").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent_3885675 .prev").removeClass("isDisabled"); } if(width + newScrollLeft >= scrollWidth) { $("#tabNavWrapper_mainpar_tabcomponent_3885675 .next").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent_3885675 .next").removeClass("isDisabled"); } }); $("#tabArrowPrev_mainpar_tabcomponent_3885675").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent_3885675').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent_3885675').scrollLeft() - 100 }, 300); }); $("#tabArrowNext_mainpar_tabcomponent_3885675").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent_3885675').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent_3885675').scrollLeft() + 100 }, 300); }); function triggerTabContent_mainpar_tabcomponent_3885675(element) { if(!element.classList.contains('tabsActive')) { let selectedTabId = "#" + $(".tab_mainpar_tabcomponent_3885675.tabsActive").get(0).getAttribute('data-anchor'); $(selectedTabId).stop().hide().fadeOut("400"); $(selectedTabId).addClass("hideSpace"); $(".tab_mainpar_tabcomponent_3885675").removeClass("tabsActive"); $("#tabNavWrapper_mainpar_tabcomponent_3885675 .tabNavArrow").removeClass("isDisabled"); let anchorName = element.getAttribute('data-anchor'); element.classList.add("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_3885675').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_3885675').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { let myScrollPosition = $('#tabsList_mainpar_tabcomponent_3885675 li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent_3885675 li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent_3885675').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent_3885675').width() / 2; $('#tabsDisplay_mainpar_tabcomponent_3885675').scrollLeft(myScrollPosition); if($('#tabsList_mainpar_tabcomponent_3885675 li:first').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent_3885675 .prev").addClass("isDisabled"); } else if($('#tabsList_mainpar_tabcomponent_3885675 li:last').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent_3885675 .next").addClass("isDisabled"); } } let anchorId = "#" + anchorName; $(anchorId).stop().hide().fadeIn("400"); $(anchorId).removeClass("hideSpace"); //imagegrid title equal height let imageGridMaxHeight = 0; $('.imagegridcomponent .imageTitle:visible').each(function() { const imageTitleHeight = $(this).height(); imageGridMaxHeight = Math.max(imageGridMaxHeight, imageTitleHeight); }); $('.imagegridcomponent .imageTitle:visible').height(imageGridMaxHeight); } $('.imagegridcomponent a.imageItem').hover( function() { $(this).find('.imageTitle').css("padding-bottom", imageGridMaxHeight * 2); }, function() { $(this).find('.imageTitle').css("padding-bottom", ""); }); $('.imagegridcomponent .imageTitle').height('auto'); } </script></div> </div> <div class="clearfix"></div> <footer> <div><div class="footer iparsys parsys"> <div class="footercomponent"> <div class="d-none d-md-block desktopFooterView"> <div class="firstRow"> <div class="searchBoxContainer"> <form action="/zh-cn/search-results.html" accept-charset="UTF-8"> <div class="searchFormWrapper" aria-hidden="true"> <div class="inputGroup"> <span><i class="fas fa-search sitesearch-icon footerSearchIcon"></i></span> <input class="searchBox footerSearchBox" maxlength="2048" autocomplete="off" placeholder="站内搜索" name="q"/> </div> </div> </form> </div> <div class="text-white connectLinks"> <div class="col-md-4 textwithicon"> <div><div> <div class="icon-column "> <i class="fas fa-map-marker-alt fa-fw fa-lg "></i> </div> <div class="text-column "> <a href="/zh-cn/forklift-dealers.html" tabindex="0"> <div> <p>经销商查询</p> </div> </a> </div> </div> </div> </div> <div class="col-md-4 textwithicon alignCenter"> <div><div> <a href="#" data-toggle="modal" data-target="#modal-form" data-formsource="/content/zh-cn/contact-us.html" tabindex="0"> <div class="icon-column "> <i class="fas fa-comment fa-fw fa-lg "></i> </div> <div class="text-column "> <p>联系我们</p> </div> </a> </div> </div> </div> <div class="col-md-4 textwithicon"> <div><div> <div class="icon-column "> <i class="fas fa-phone-alt fa-fw fa-lg "></i> </div> <div class="text-column "> <a href="tel:4008200663" tabindex="0"> <div> <p>400 820 0663</p> </div> </a> </div> </div> </div> </div> </div> </div> <hr class="lineSeparator"/> <div class="footerDrawerColumn"> <div id="height_909bb514dbd9440b9d77b626bca0c176" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_909bb514dbd9440b9d77b626bca0c176" class="clearfix everyDevice text-white row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">产品</div> <div class="drawerItems"> <a onclick="addFooterGA('叉车','产品')" href="/zh-cn/forklifts.html" target="" tabindex="0">叉车</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('叉车租赁','产品')" href="/zh-cn/forklift-rentals.html" target="" tabindex="0">叉车租赁</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Encore 叉车','产品')" href="/zh-cn/remanufactured-forklifts.html" target="" tabindex="0">Encore 叉车</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('二手叉车','产品')" href="/zh-cn/pre-owned-forklifts.html" target="" tabindex="0">二手叉车</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('叉车蓄电池与充电器','产品')" href="/zh-cn/batteries-and-chargers.html" target="" tabindex="0">叉车蓄电池与充电器</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">更多信息</div> <div class="drawerItems"> <a onclick="addFooterGA('服务与部件','更多信息')" href="/zh-cn/service-parts.html" target="" tabindex="0">服务与部件</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('科朗解决方案','更多信息')" href="/zh-cn/solutions.html" target="" tabindex="0">科朗解决方案</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('售后支持','更多信息')" href="/zh-cn/support.html" target="" tabindex="0">售后支持</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('京东店铺','更多信息')" href="https://crowncn.jd.com/" target="" tabindex="0">京东店铺</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">关于Crown-科朗</div> <div class="drawerItems"> <a onclick="addFooterGA('关于我们','关于Crown\u002D科朗')" href="/zh-cn/about-us.html" target="" tabindex="0">关于我们</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('行为准则','关于Crown\u002D科朗')" href="/content/dam/crown/pdfs/zh-cn/legal/code-of-conduct.pdf" target="_blank" tabindex="0">行为准则</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('供应商行为准则','关于Crown\u002D科朗')" href="/content/dam/crown/pdfs/zh-cn/legal/supplier-code-of-conduct-cn.pdf" target="_blank" tabindex="0">供应商行为准则</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('招贤纳士','关于Crown\u002D科朗')" href="/zh-cn/careers.html" target="" tabindex="0">招贤纳士</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="chinalogo"><!-- ~ Copyright Crown Equipment Corporation. All rights reserved. --> <div class=" padding-2x-top "> <script> var szgs_protocol = (("https:" == document.location.protocol) ? "https://" : "http://"); document.write(unescape("%3C/script%3E%3Cspan id='szgs_stat_icon_6557'%3E%3C/span%3E%3Cscript src='" + szgs_protocol + "www.beian.suzhou.gov.cn/sendMark?siteid=6557&type=1' type='text/javascript'%3E%3C/script%3E")); </script> </div> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_909bb514dbd9440b9d77b626bca0c176').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_909bb514dbd9440b9d77b626bca0c176').addClass('bricksRow'); } }); </script> </div> <div> <a class="textWhite globalSelectorText" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');" tabindex="0">中国大陆(切换)</a> <div class="copyRight float-right"> <span class="copyRightYear">© 2002-2024 科朗设备公司 |</span> <span><div class="textWhite"> <div class=" padding-8x-bottom width-100 component-left"> <p><a href="/zh-cn/legal-policies.html">法律政策</a> | <a href="http://beian.miit.gov.cn/publish/query/indexFirst.action" target="_blank">苏ICP备10029256号-1</a></p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div></span> <div class="backToTop"> <svg class="bi bi-arrow-up-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" tabindex="0"> <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-10.646.354a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 6.207V11a.5.5 0 0 1-1 0V6.207L5.354 8.354z"/> </svg> </div> </div> </div> </div> <div class="footerItemsMobile d-md-none"> <div class="searchBoxContainer"> <form action="/zh-cn/search-results.html" accept-charset="UTF-8"> <div class="searchFormWrapper" aria-hidden="true"> <div class="inputGroup"> <span><i class="fas fa-search sitesearch-icon footerSearchIcon"></i></span> <input class="searchBox footerSearchBox" maxlength="2048" autocomplete="off" placeholder="站内搜索" name="q"/> </div> </div> </form> </div> <ul class="footerDrawerList"> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> 产品 </a> <div class="dropdown-menu" role="menu" aria-labelledby="产品"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('叉车','产品')" href="/content/zh-cn/forklifts">叉车</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('叉车租赁','产品')" href="/content/zh-cn/forklift-rentals">叉车租赁</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Encore 叉车','产品')" href="/content/zh-cn/remanufactured-forklifts">Encore 叉车</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('二手叉车','产品')" href="/content/zh-cn/pre-owned-forklifts">二手叉车</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('叉车蓄电池与充电器','产品')" href="/content/zh-cn/batteries-and-chargers">叉车蓄电池与充电器</a> </li> </ul> </div> </div> </div> </div> </li> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> 更多信息 </a> <div class="dropdown-menu" role="menu" aria-labelledby="更多信息"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('服务与部件','更多信息')" href="/content/zh-cn/service-parts">服务与部件</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('科朗解决方案','更多信息')" href="/content/zh-cn/solutions">科朗解决方案</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('售后支持','更多信息')" href="/content/zh-cn/support">售后支持</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('京东店铺','更多信息')" href="https://crowncn.jd.com/">京东店铺</a> </li> </ul> </div> </div> </div> </div> </li> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> 关于Crown-科朗 </a> <div class="dropdown-menu" role="menu" aria-labelledby="关于Crown-科朗"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('关于我们','关于Crown\u002D科朗')" href="/content/zh-cn/about-us">关于我们</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('行为准则','关于Crown\u002D科朗')" href="/content/dam/crown/pdfs/zh-cn/legal/code-of-conduct.pdf">行为准则</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('供应商行为准则','关于Crown\u002D科朗')" href="/content/dam/crown/pdfs/zh-cn/legal/supplier-code-of-conduct-cn.pdf">供应商行为准则</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('招贤纳士','关于Crown\u002D科朗')" href="/content/zh-cn/careers">招贤纳士</a> </li> </ul> </div> </div> </div> </div> </li> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> 联系我们 </a> <div class="dropdown-menu" role="menu" aria-labelledby="联系我们"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('经销商查询','联系我们')" href="/content/zh-cn/forklift-dealers">经销商查询</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('联系我们','联系我们')" href="/content/zh-cn/contact-us">联系我们</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('400 820 0663','联系我们')" href="tel:4008200663">400 820 0663</a> </li> </ul> </div> </div> </div> </div> </li> </ul> <div class="socialicons"> </div> <a class="textWhite globalSelectorText" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');" tabindex="0">中国大陆(切换)</a> <div tabindex="0"> <svg class="bi bi-arrow-up-circle-fill backToTop" width="1em" height="1em" viewBox="0 0 16 16" fill="#ffffff" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-10.646.354a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 6.207V11a.5.5 0 0 1-1 0V6.207L5.354 8.354z" tabindex="0"/> </svg> <div class="backToTopText">回到顶部</div> </div> <div class="copyRight"> <span class="copyRightYear">© 2002-2024 科朗设备公司</span> </div> <div class="textWhite"><p><a href="/zh-cn/legal-policies.html">法律政策</a> | <a href="http://beian.miit.gov.cn/publish/query/indexFirst.action" target="_blank" rel="noopener noreferrer">苏ICP备10029256号-1</a></p> </div> </div> <div class="desktopFooterView"> <div id="desktopFooterViewer" class="chinaLogo d-none"><!-- ~ Copyright Crown Equipment Corporation. All rights reserved. --> <div class=" "> <script> var szgs_protocol = (("https:" == document.location.protocol) ? "https://" : "http://"); document.write(unescape("%3C/script%3E%3Cspan id='szgs_stat_icon_6557'%3E%3C/span%3E%3Cscript src='" + szgs_protocol + "www.beian.suzhou.gov.cn/sendMark?siteid=6557&type=1' type='text/javascript'%3E%3C/script%3E")); </script> </div> </div> </div> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div> </footer> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <script src="/etc/clientlibs/global-web/clientlib.lc-80ad870cbd36fb4c764a3d7ae4b19797-lc.min.js"></script> <script> jQuery(document).ready(function() { Crown.Common.Helper.checkReferrer(); }); </script> <!--If the country is Australia then we need to activate call tracking service --> <!--If the country is New zealand then we need to activate call tracking service --> <!--This script will be removed once we get the resolution for resolving translated 404 pages from either Adobe or ACS--> <!-- The purpose of this script is to append a / to the url form some regions like th-th, ko-kr 404's pages--> <script> if($('#is404').text()) { var windowLocation = window.location.href; if(windowLocation.substr(windowLocation.length - 1) !== '/') { window.location = window.location.href + '/'; } } </script> </body> </html>