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" />
2026-09-03 10:57:17 +08:00
< 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" />
2026-08-27 11:54:26 +08:00
< 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" >
2026-09-02 18:35:45 +08:00
< div class = "mega-card-img ph-select1" ></ div >
2026-08-27 11:54:26 +08:00
< div class = "mega-card-text" >< h4 > Auto Export</ h4 ></ div >
</ a >
< a class = "mega-card" href = "building-materials.html" >
2026-09-02 18:35:45 +08:00
< div class = "mega-card-img ph-select2" ></ div >
2026-08-27 11:54:26 +08:00
< div class = "mega-card-text" >< h4 > HESU PIPE</ h4 ></ div >
</ a >
< a class = "mega-card" href = "global-logistics.html" >
2026-09-02 18:35:45 +08:00
< div class = "mega-card-img ph-select3" ></ div >
2026-08-27 11:54:26 +08:00
< div class = "mega-card-text" >< h4 > Global Logistics</ h4 ></ div >
</ a >
< a class = "mega-card" href = "after-sales.html" >
2026-09-02 18:35:45 +08:00
< div class = "mega-card-img ph-select4" ></ div >
2026-08-27 11:54:26 +08:00
< 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 & 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×
============================================================ -->
< 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 >
