Files
hesu-JT/global-logistics.html
T

239 lines
13 KiB
HTML
Raw Normal View History

2026-08-27 11:54:26 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HESU — International Logistics</title>
<meta name="description" content="HESU Logistics — Self-built cross-border logistics system. S-LAND, Hesu's TIR-accredited platform integrating sea, land and multimodal transport for worldwide delivery." />
<meta property="og:type" content="website" />
<meta property="og:title" content="HESU — International Logistics" />
<meta property="og:description" content="HESU Logistics — Self-built cross-border logistics system. S-LAND, Hesu's TIR-accredited platform integrating sea, land and multimodal transport for worldwide delivery." />
<meta property="og:image" content="image/logo.png" />
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="stylesheet" href="css/style.css?v=20260823b" />
<link rel="stylesheet" href="css/business.css?v=20260823b" />
<link rel="stylesheet" href="css/business-pages.css?v=20260823b" />
<link rel="stylesheet" href="css/mobile.css?v=20260823b" />
</head>
<body class="is-bp is-gl">
<!-- ============ HEADER (shared) ============ -->
<header id="siteHeader" class="site-header">
<div class="container header-inner">
<a class="logo" href="index.html" aria-label="HESU home">
<img width="85" height="25" class="logo-img" src="image/logo.png" alt="HESU" />
</a>
<nav class="main-nav" id="mainNav" aria-label="Primary">
<a class="drawer-logo" href="index.html" aria-label="HESU home">
<img width="85" height="25" class="logo-img" src="image/logo.png" alt="HESU" />
</a>
<ul class="nav-list">
<li class="nav-item has-mega">
2026-09-02 14:24:54 +08:00
<a href="#">Business <span class="caret" aria-hidden="true"></span></a>
2026-08-27 11:54:26 +08:00
<div class="mega" role="dialog" aria-label="Business">
<div class="mega-inner">
<div class="mega-left">
<h3 class="mega-title">Four Core Businesses</h3>
</div>
<div class="mega-right">
<a class="mega-card" href="auto-export.html">
<div class="mega-card-img ph-auto"></div>
<div class="mega-card-text"><h4>Auto Export</h4></div>
</a>
<a class="mega-card" href="building-materials.html">
<div class="mega-card-img ph-materials"></div>
<div class="mega-card-text"><h4>HESU PIPE</h4></div>
</a>
<a class="mega-card" href="global-logistics.html">
<div class="mega-card-img ph-logistics"></div>
<div class="mega-card-text"><h4>Global Logistics</h4></div>
</a>
<a class="mega-card" href="after-sales.html">
<div class="mega-card-img ph-aftermarket"></div>
<div class="mega-card-text"><h4>After-sales</h4></div>
</a>
</div>
</div>
</div>
</li>
<li class="nav-item"><a href="global-presence.html">Global Presence</a></li>
<li class="nav-item has-mega">
2026-09-02 14:24:54 +08:00
<a href="#">About Us <span class="caret" aria-hidden="true"></span></a>
2026-08-27 11:54:26 +08:00
<div class="mega" role="dialog" aria-label="About HESU">
<div class="mega-inner">
<div class="mega-left">
</div>
<div class="mega-right">
<a class="mega-card" href="about-us.html"><div class="mega-card-img ph-easterneurope"></div><div class="mega-card-text"><h4>Company Overview</h4></div></a>
<a class="mega-card" href="development-history.html"><div class="mega-card-img ph-middleeast"></div><div class="mega-card-text"><h4>Company History</h4></div></a>
</div>
</div>
</div>
</li>
<li class="nav-item"><a href="news.html">News</a></li>
<li class="nav-item nav-contact"><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
<div class="header-right">
<a href="contact.html" class="btn btn-contact">Contact Us</a>
<button class="menu-toggle" id="menuToggle" aria-label="Open menu" aria-expanded="false"><span></span><span></span><span></span></button>
</div>
</div>
</header>
<main class="bp">
<!-- ============================================================
1. HERO BANNER — cargo-ship photo + left-aligned copy
============================================================ -->
<section class="bp-hero" aria-label="HESU Logistics">
<div class="bp-hero__scene" aria-hidden="true">
<img width="1440" height="600" class="bp-hero__bg" src="image/global-logistics/banner.jpg" alt="" />
</div>
<div class="bp-hero__veil" aria-hidden="true"></div>
<div class="bp-hero__copy container">
<h1 class="bp-hero__title" data-reveal>HESU</h1>
<p class="bp-hero__sub" data-reveal>Cross-border Logistics</p>
<p class="bp-hero__tag" data-reveal>Self-Built Cross-Border Logistics System</p>
2026-09-02 14:24:54 +08:00
<a class="btn btn-explore" href="https://siluex.com/" data-reveal>Explore More</a>
2026-08-27 11:54:26 +08:00
</div>
</section>
<!-- ============================================================
2. BUSINESS INTRODUCTION — text + image + 4 data stats
============================================================ -->
<section class="bp-intro" id="intro">
<div class="container bp-intro__grid">
<div class="bp-intro__text">
<h2 class="bp-h2" data-reveal>Business Introduction</h2>
<p class="bp-body" data-reveal>S-LAND, Hesu Group's proprietary logistics platform accredited with TIR qualification, covers Central Europe &amp; Central Asia. Integrated with sea, land and multimodal transport, it ensures efficient, stable and compliant logistics services for our automotive, building material and all export goods.</p>
<ul class="bp-caps">
<li class="bp-cap" data-reveal>
<img width="60" height="60" loading="lazy" class="bp-cap__ico" src="image/global-logistics/Completed-Delivery.png" alt="" aria-hidden="true" />
<span class="bp-cap__label">1,250+ </span>
<span class="bp-cap__label">Completed Delivery</span>
</li>
<li class="bp-cap" data-reveal>
<img width="64" height="64" loading="lazy" class="bp-cap__ico" src="image/global-logistics/Satisfied-Clients.png" alt="" aria-hidden="true" />
<span class="bp-cap__label">12K+ </span>
<span class="bp-cap__label">Satisfied Clients</span>
</li>
<li class="bp-cap" data-reveal>
<img width="60" height="60" loading="lazy" class="bp-cap__ico" src="image/global-logistics/Awards-Winner.png" alt="" aria-hidden="true" />
<span class="bp-cap__label">99% </span>
<span class="bp-cap__label">Awards Winner</span>
</li>
<li class="bp-cap" data-reveal>
<img width="60" height="60" loading="lazy" class="bp-cap__ico" src="image/global-logistics/Team-Members.png" alt="" aria-hidden="true" />
<span class="bp-cap__label">80+ </span>
<span class="bp-cap__label">Team Members</span>
</li>
</ul>
</div>
<div class="bp-intro__media" data-reveal>
<img width="504" height="431" loading="lazy" class="bp-intro__img" src="image/busin.jpg" alt="HESU cross-border logistics by truck, ship and air" />
</div>
</div>
</section>
<!-- ============================================================
3. PORT IMAGE — full-width port / cargo-ship photo
============================================================ -->
<section class="gl-port" aria-label="Port and cargo handling">
<div class="gl-port__frame">
<img width="1200" height="535" loading="lazy" class="gl-port__img" src="image/Cross-Logistics.jpg" alt="Container port with cranes loading a cargo ship" />
</div>
</section>
<!-- ============================================================
4. SERVICE CONTENTS — centered title + 2×3 round cards
============================================================ -->
<section class="gl-services" id="services">
<div class="container">
<div class="gl-services__head">
<h2 class="bp-h2 bp-center" data-reveal>Service Contents</h2>
</div>
<ul class="gl-services__grid">
<li class="gl-svc" data-reveal>
<div class="gl-svc__ico">
<img width="190" height="192" loading="lazy" src="image/global-logistics/Service1.png" alt="" aria-hidden="true" />
</div>
<h3 class="gl-svc__name">Consolidation &amp; Warehousing</h3>
</li>
<li class="gl-svc" data-reveal>
<div class="gl-svc__ico">
<img width="190" height="192" loading="lazy" src="image/global-logistics/Service2.png" alt="" aria-hidden="true" />
</div>
<h3 class="gl-svc__name">Export Customs Declaration</h3>
</li>
<li class="gl-svc" data-reveal>
<div class="gl-svc__ico">
<img width="190" height="192" loading="lazy" src="image/global-logistics/Service3.png" alt="" aria-hidden="true" />
</div>
<h3 class="gl-svc__name">Cross-Border Transportation</h3>
</li>
<li class="gl-svc" data-reveal>
<div class="gl-svc__ico">
<img width="190" height="192" loading="lazy" src="image/global-logistics/Service4.png" alt="" aria-hidden="true" />
</div>
<h3 class="gl-svc__name">In-Transit Tracking</h3>
</li>
<li class="gl-svc" data-reveal>
<div class="gl-svc__ico">
<img width="190" height="192" loading="lazy" src="image/global-logistics/Service5.png" alt="" aria-hidden="true" />
</div>
<h3 class="gl-svc__name">Regional Distribution</h3>
</li>
<li class="gl-svc" data-reveal>
<div class="gl-svc__ico">
<img width="190" height="192" loading="lazy" src="image/global-logistics/Service6.png" alt="" aria-hidden="true" />
</div>
<h3 class="gl-svc__name">Final Supporting Delivery</h3>
</li>
</ul>
<!-- view more -->
<div class="bp-viewmore">
<a href="#services" class="bp-viewmore__link">view more<span class="plus">+</span></a>
</div>
</div>
</section>
</main>
<!-- ============ FOOTER (shared) ============ -->
<footer class="site-footer" id="contact">
<div class="container">
<div class="footer-top">
<a class="logo logo-light" href="index.html" aria-label="HESU home">
<img width="85" height="25" class="logo-img" src="image/logo.png" alt="HESU" />
</a>
<div class="footer-social">
<a href="https://www.tiktok.com/@hesu_group_global" target="_blank" rel="noopener" class="social" aria-label="TikTok"><img width="30" height="30" loading="lazy" src="image/TikTok.png" alt="TikTok"></a>
<a href="https://www.facebook.com/hesuauto" target="_blank" rel="noopener" class="social" aria-label="Facebook"><img width="30" height="30" loading="lazy" src="image/Facebook.png" alt="Facebook"></a>
<a href="https://www.instagram.com/hesuauto" target="_blank" rel="noopener" class="social" aria-label="Instagram"><img width="30" height="30" loading="lazy" src="image/Instagram.png" alt="Instagram"></a>
<a href="https://wa.me/8618530090296" target="_blank" rel="noopener" class="social" aria-label="WhatsApp"><img width="30" height="30" loading="lazy" src="image/whatsapp.png" alt="WhatsApp"></a>
</div>
<div class="footer-grid">
<div class="footer-col footer-intro">
<p class="footer-slogan">Comprehensive International </br> Trade Service Platform</p>
</div><div class="footer-col"><h4>Business</h4><ul><li><a href="auto-export.html">Automobile Export</a></li><li><a href="building-materials.html">Building Materials Export</a></li><li><a href="global-logistics.html">International Logistics</a></li><li><a href="after-sales.html">After-sales Service</a></li></ul></div><div class="footer-col"><h4>Global Presence</h4><ul><li><a href="https://magicbridgeauto.com/" target="_blank" rel="noopener">Middle East</a></li><li><a href="https://bowindawinauto.com/" target="_blank" rel="noopener">Africa</a></li><li><a href="https://smartcars.cc/" target="_blank" rel="noopener">Eastern Europe</a></li><li><a href="global-presence.html#gp-4">Central Asia</a></li></ul></div><div class="footer-col"><h4>About Us</h4><ul><li><a href="about-us.html">Company Profile</a></li><li><a href="development-history.html">Corporate Milestones</a></li></ul></div><div class="footer-col"><h4>News</h4><ul><li><a href="news.html">Company News</a></li><li><a href="news.html">Delivery Cases</a></li><li><a href="news.html">Exhibitions</a></li></ul></div>
</div>
</div>
<div class="footer-bottom"><div class="container"><span>© <span id="year">2025</span> HESU. All rights reserved.</span><span class="footer-links"><a href="index.html">Privacy</a><a href="index.html">Terms</a><a href="index.html">Sitemap</a></span></div></div>
</footer>
<script src="js/main.js?v=20260821-12"></script>
</body>
</html>