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 — Global Presence</ title >
< meta name = "description" content = "HESU Global Network — branches across the Middle East, Central Asia, Eastern Europe and Africa, covering 72+ countries worldwide." />
< meta property = "og:type" content = "website" />
< meta property = "og:title" content = "HESU — Global Presence" />
< meta property = "og:description" content = "HESU Global Network — branches across the Middle East, Central Asia, Eastern Europe and Africa, covering 72+ countries worldwide." />
< 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/global-presence.css?v=20260823b" />
< link rel = "stylesheet" href = "css/mobile.css?v=20260823b" />
</ head >
< body >
<!-- ============ 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 >
<!-- ============ FULLPAGE SCREENS ============ -->
< main class = "gp-main" >
< div class = "gp-pagebg" aria-hidden = "true" ></ div >
<!-- Screen 1 — Overview (shared bg + text, no overlay) -->
< section class = "gp-screen gp-overview" id = "gp-1" >
< div class = "gp-inner gp-overview-inner" >
< h1 class = "gp-title" > GLOBAL LAYOUT</ h1 >
< ul class = "gp-nav-list" >
< li >< a href = "#gp-2" data-i = "1" > the Middle East</ a ></ li >
< li >< a href = "#gp-3" data-i = "2" > Africa</ a ></ li >
< li >< a href = "#gp-4" data-i = "3" > Central Asia</ a ></ li >
< li >< a href = "#gp-5" data-i = "4" > Eastern Europe</ a ></ li >
</ ul >
</ div >
</ section >
<!-- Screen 2 — Middle East -->
< section class = "gp-screen" id = "gp-2" >
< div class = "gp-overlay" aria-hidden = "true" ></ div >
< img width = "971" height = "468" class = "gp-corner-img" src = "image/East.png" alt = "Middle East" aria-hidden = "true" >
< div class = "gp-inner" >
< div class = "gp-panel" >
< h2 class = "gp-title1" > THE MIDDLE EAST</ h2 >
< p class = "gp-lead" > As a core Middle Eastern market and global trade transit hub, the UAE serves as our key overseas operational base. Dubai handles overseas warehousing, vehicle inventory management, regional distribution, order delivery and comprehensive customer support, while Abu Dhabi focuses on local market expansion, empowering terminal brand display, brand exhibition and in-depth local customer coverage to consolidate regional market advantages.</ p >
</ div >
</ div >
</ section >
<!-- Screen 3 — Africa -->
< section class = "gp-screen" id = "gp-3" >
< div class = "gp-overlay" aria-hidden = "true" ></ div >
< img width = "971" height = "468" class = "gp-corner-img" src = "image/Africa.png" alt = "Africa" aria-hidden = "true" >
< div class = "gp-inner" >
< div class = "gp-panel" >
< h2 class = "gp-title1" > AFRICA</ h2 >
< p class = "gp-lead" > Based in Minsk, our Belarus base serves Eastern Europe and Russian-speaking regions with solid business foundations. It provides integrated localized services including vehicle exhibition, order delivery, after-sales service and regional customer support for standardized and efficient local operations.</ p >
</ div >
</ div >
</ section >
<!-- Screen 4 — Central Asia -->
< section class = "gp-screen" id = "gp-4" >
< div class = "gp-overlay" aria-hidden = "true" ></ div >
< img width = "971" height = "468" class = "gp-corner-img" src = "image/Asia.png" alt = "Central Asia" aria-hidden = "true" >
< div class = "gp-inner" >
< div class = "gp-panel" >
< h2 class = "gp-title1" > CENTRAL ASIA</ h2 >
< p class = "gp-lead" > Supported by China's superior supply chain and cross-border logistics system, we expand diversified cross-border trade in Central Asia, covering automobiles, building materials and other sectors. We keep deepening local cooperation and broadening regional market coverage.</ p >
</ div >
</ div >
</ section >
<!-- Screen 5 — Eastern Europe -->
< section class = "gp-screen" id = "gp-5" >
< div class = "gp-overlay" aria-hidden = "true" ></ div >
< img width = "971" height = "468" class = "gp-corner-img" src = "image/Europe.png" alt = "Eastern Europe" aria-hidden = "true" >
< div class = "gp-inner" >
< div class = "gp-panel" >
< h2 class = "gp-title1" > EASTERN EUROPE</ h2 >
< p class = "gp-lead" > Based in Minsk, our Belarus base serves Eastern Europe and Russian-speaking regions with solid business foundations. It provides integrated localized services including vehicle exhibition, order delivery, after-sales service and regional customer support for standardized and efficient local operations.</ p >
</ 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 = "building-materials.html" > Building Materials Export</ a ></ li >< li >< a href = "auto-export.html" > Auto Export</ a ></ li >< li >< a href = "after-sales.html" > After-sales & Modification</ a ></ li >< li >< a href = "global-logistics.html" > Global Logistics</ 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 = "global-presence.html#gp-4" > Central Asia</ a ></ li >< li >< a href = "https://smartcars.cc/" target = "_blank" rel = "noopener" > Eastern Europe</ a ></ li ></ ul >
</ div >
< div class = "footer-col" >
< h4 > About Us</ h4 >
< ul >< li >< a href = "about-us.html" > Company Overview</ a ></ li >< li >< a href = "development-history.html" > Development History</ a ></ li >< li >< a href = "news.html" > News</ a ></ li >< li >< a href = "contact.html" > Contact Us</ a ></ li ></ ul >
</ div >
< div class = "footer-col" >
< h4 > News</ h4 >
< ul >< li >< a href = "news-detail.html?id=1" > 139th Canton Fair</ a ></ li >< li >< a href = "news-detail.html?id=2" > Dubai Branch Opens</ a ></ li >< li >< a href = "news-detail.html?id=3" > West Africa Factory</ a ></ li >< li >< a href = "news-detail.html?id=4" > Clients Visit HQ</ 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 >
< script src = "js/global-presence.js" ></ script >
</ body >
</ html >
