浅念
284 lines
16 KiB
HTML
284 lines
16 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 — Auto Export</title>
|
||
<meta name="description" content="HESU Auto — Serving Global Market Demand. New energy & fuel vehicles sourced from China, delivered worldwide via our Dubai hub and global warehousing network." />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:title" content="HESU — Auto Export" />
|
||
<meta property="og:description" content="HESU Auto — Serving Global Market Demand. New energy & fuel vehicles sourced from China, delivered worldwide via our Dubai hub and global warehousing network." />
|
||
<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-ae">
|
||
|
||
<!-- ============ 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 photo + centered copy
|
||
============================================================ -->
|
||
<section class="bp-hero bp-hero--center" aria-label="HESU Auto">
|
||
<div class="bp-hero__scene" aria-hidden="true">
|
||
<img width="1440" height="600" class="bp-hero__bg" src="image/carexport/export-bg.jpg" alt="" />
|
||
</div>
|
||
<div class="bp-hero__veil" aria-hidden="true"></div>
|
||
|
||
<div class="bp-hero__copy container">
|
||
<h1 class="bp-hero__titles" data-reveal><img src="image/home/hesu.png" alt="HESU" /> AUTO</h1>
|
||
<p class="bp-hero__sub" data-reveal>Serving Global Market Demand</p>
|
||
<a class="btn btn-explore" target="_blank" href="https://www.hesucar.com/" data-reveal>Explore More</a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================================================
|
||
2. BUSINESS INTRODUCTION — text + image, 4 capability icons
|
||
============================================================ -->
|
||
<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>Henan Hesu's automobile export business covers new energy vehicles, fuel vehicles, used cars, passenger vehicles, commercial vehicles and special-purpose vehicles — catering to multi-level demands from overseas distributors, wholesalers, car dealers, fleet operators and project purchasers.</p>
|
||
<p class="bp-body" data-reveal>Leveraging China's complete automotive industrial-chain resources and rich experience in overseas exports, the company provides clients with full-cycle services ranging from vehicle sourcing, automobile inspection, procurement execution and export documentation to international transportation, overseas warehousing and final order delivery.</p>
|
||
|
||
<ul class="bp-caps">
|
||
<li class="bp-cap" data-reveal>
|
||
<img width="60" height="60" loading="lazy" class="bp-cap__ico" src="image/carexport/China-Supply.png" alt="" aria-hidden="true" />
|
||
<span class="bp-cap__label">China Supply</span>
|
||
</li>
|
||
<li class="bp-cap" data-reveal>
|
||
<img width="60" height="60" loading="lazy" class="bp-cap__ico" src="image/carexport/Dubai-Hub.png" alt="" aria-hidden="true" />
|
||
<span class="bp-cap__label">Dubai Hub</span>
|
||
</li>
|
||
<li class="bp-cap" data-reveal>
|
||
<img width="60" height="60" loading="lazy" class="bp-cap__ico" src="image/carexport/Overseas-Delivery.png" alt="" aria-hidden="true" />
|
||
<span class="bp-cap__label">Overseas Delivery</span>
|
||
</li>
|
||
<li class="bp-cap" data-reveal>
|
||
<img width="67" height="62" loading="lazy" class="bp-cap__ico" src="image/carexport/Vehicle-Scope.png" alt="" aria-hidden="true" />
|
||
<span class="bp-cap__label">Vehicle Scope</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="bp-intro__media" data-reveal>
|
||
<img width="504" height="565" loading="lazy" class="bp-intro__img" src="image/carexport/Business-i.jpg" alt="HESU vehicle inventory" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================================================
|
||
3. VEHICLE SHOWCASE — centered title + wide fleet image
|
||
============================================================ -->
|
||
<section class="ae-showcase">
|
||
<div class="container ae-showcase__head">
|
||
<h2 class="bp-h2 bp-center" data-reveal>Business Introduction</h2>
|
||
</div>
|
||
<div class="container" data-reveal>
|
||
<img loading="lazy" class="ae-showcase__img" src="image/carexport/Rectangle 137.jpg" alt="HESU SUV lineup ready for export" />
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================================================
|
||
4. BRANDS — 4-column logo wall
|
||
============================================================ -->
|
||
<section class="ae-brands">
|
||
<div class="container">
|
||
<div class="ae-brands__grid">
|
||
<article class="ae-brand" data-reveal>
|
||
<div class="ae-brand__card"><img class="ae-brand__logo" src="image/carexport/DONGFENG.png" alt="Dongfeng" /></div>
|
||
<h3 class="ae-brand__name">DONGFENG</h3>
|
||
</article>
|
||
<article class="ae-brand" data-reveal>
|
||
<div class="ae-brand__card"><img class="ae-brand__logo" src="image/carexport/LEOPARD.png" alt="Leopard" /></div>
|
||
<h3 class="ae-brand__name">LEOPARD</h3>
|
||
</article>
|
||
<article class="ae-brand" data-reveal>
|
||
<div class="ae-brand__card"><img class="ae-brand__logo" src="image/carexport/ROX.png" alt="ROX" /></div>
|
||
<h3 class="ae-brand__name">ROX</h3>
|
||
</article>
|
||
<article class="ae-brand" data-reveal>
|
||
<div class="ae-brand__card"><img class="ae-brand__logo" src="image/carexport/KARRY.png" alt="Karry" /></div>
|
||
<h3 class="ae-brand__name">KARRY</h3>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================================================
|
||
5. AUTHORIZED VEHICLE MODELS — text only
|
||
============================================================ -->
|
||
<section class="ae-models">
|
||
<div class="container ae-models__inner">
|
||
<h2 class="bp-h2" data-reveal>Authorized Vehicle Models</h2>
|
||
<p class="ae-models__body" data-reveal>Authorized Models: ROX, BYD, Leopard, Dongfeng, Karry and Other mainstream Chinese new energy & fuel-powered vehicles. </p>
|
||
<p class="ae-models__body" data-reveal> With reliable supply chains, streamlined export processes and global warehousing delivery, we provide services for automotive industries in dozens of countries and regions.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================================================
|
||
6 + 7. REGIONAL SUPPORT → WORLD MAP
|
||
============================================================ -->
|
||
<section class="ae-region" id="region">
|
||
<div class="container">
|
||
<div class="ae-region__head">
|
||
<h2 class="bp-h2 bp-center" data-reveal>Regional Support</h2>
|
||
</div>
|
||
|
||
<div class="ae-map" data-reveal aria-label="HESU global presence map">
|
||
<!-- map art + SVG markers share the 1135 × 647 coordinate space -->
|
||
<img width="1135" height="647" loading="lazy" class="ae-map__img" src="image/carexport/Group131.png" alt="World map showing HESU regional presence" />
|
||
|
||
<svg class="ae-map__overlay" viewBox="0 0 1135 647" preserveAspectRatio="none" aria-hidden="true">
|
||
<!-- Belarus -->
|
||
<g class="marker orange active">
|
||
<circle class="pulse" cx="166" cy="189" r="8"/>
|
||
<circle class="pulse p2" cx="166" cy="189" r="8"/>
|
||
<circle class="dot" cx="166" cy="189" r="5.5"/>
|
||
<text class="label" x="136" y="220" font-size="20">Belarus</text>
|
||
</g>
|
||
<!-- Dubai & Abu Dhabi (two dots, one group) -->
|
||
<g class="marker orange">
|
||
<circle class="pulse" cx="253" cy="333" r="8"/>
|
||
<circle class="pulse p2" cx="253" cy="333" r="8"/>
|
||
<circle class="dot" cx="253" cy="333" r="5.5"/>
|
||
<circle class="pulse" cx="257" cy="342" r="8"/>
|
||
<circle class="pulse p2" cx="257" cy="342" r="8"/>
|
||
<circle class="dot" cx="257" cy="342" r="5.5"/>
|
||
<text class="label" x="180" y="370" font-size="20">Dubai & Abu Dhabi</text>
|
||
</g>
|
||
<!-- Ethiopia -->
|
||
<g class="marker orange">
|
||
<circle class="pulse" cx="202" cy="391" r="8"/>
|
||
<circle class="pulse p2" cx="202" cy="391" r="8"/>
|
||
<circle class="dot" cx="202" cy="391" r="5.5"/>
|
||
<text class="label" x="170" y="421" font-size="18">Ethiopia</text>
|
||
</g>
|
||
<!-- Ghana -->
|
||
<g class="marker orange">
|
||
<circle class="pulse" cx="116" cy="430" r="8"/>
|
||
<circle class="pulse p2" cx="116" cy="430" r="8"/>
|
||
<circle class="dot" cx="116" cy="430" r="5.5"/>
|
||
<text class="label" x="103" y="460" font-size="18">Ghana</text>
|
||
</g>
|
||
<!-- China (yellow, larger) -->
|
||
<g class="marker yellow">
|
||
<circle class="pulse" cx="432.5" cy="280.5" r="9"/>
|
||
<circle class="pulse p2" cx="432.5" cy="280.5" r="9"/>
|
||
<circle class="dot" cx="432.5" cy="280.5" r="6"/>
|
||
<text class="label" x="399" y="321" font-size="24">China</text>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================================================
|
||
8. VIEW MORE — centered orange text link
|
||
============================================================ -->
|
||
<section class="bp-viewmore">
|
||
<a href="global-presence.html" class="bp-viewmore__link">view more<span class="plus">+</span></a>
|
||
</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>
|