浅念
242 lines
14 KiB
HTML
242 lines
14 KiB
HTML
<!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="preload" href="font/texgyreheros-regular.otf" as="font" type="font/otf" crossorigin />
|
||
<link rel="preload" href="font/texgyreheros-bold.otf" as="font" type="font/otf" crossorigin />
|
||
<link rel="stylesheet" href="css/fonts.css?v=20260903a" />
|
||
<link rel="stylesheet" href="css/style.css?v=20260903a" />
|
||
<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">
|
||
<a href="#">Business <span class="caret" aria-hidden="true"></span></a>
|
||
<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-select1"></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-select2"></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-select3"></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-select4"></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">
|
||
<a href="#">About Us <span class="caret" aria-hidden="true"></span></a>
|
||
<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>
|
||
<a class="btn btn-explore" href="https://siluex.com/" data-reveal>Explore More</a>
|
||
</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 & 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 & 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>
|