xinyouhe/hesu-JT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
f4fb024e985394370980d78e52f2254ace7956f9
hesu-JT/auto-export.html
T

284 lines
16 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 — 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="auto-export.html">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-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">
<a href="about-us.html">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__title" data-reveal>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/Rectangle 124.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 &amp; 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>
Reference in New Issue Copy Permalink