浅念
249 lines
14 KiB
HTML
249 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 — After-Sales & Modification</title>
|
|
<meta name="description" content="HESU After-Sales & Modification — more than export, we support long-term operation. Vehicle maintenance, unified parts supply, online tech support, overseas dedicated follow-up and timely after-sales service across China, the Middle East and Africa." />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="HESU — After-Sales & Modification" />
|
|
<meta property="og:description" content="HESU After-Sales & Modification — more than export, we support long-term operation. Vehicle maintenance, unified parts supply, online tech support, overseas dedicated follow-up and timely after-sales service across China, the Middle East and Africa." />
|
|
<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-as">
|
|
|
|
<!-- ============ 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-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 <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 — fleet photo + left-aligned copy
|
|
============================================================ -->
|
|
<section class="bp-hero" aria-label="HESU After-Sales & Modification">
|
|
<div class="bp-hero__scene" aria-hidden="true">
|
|
<img class="bp-hero__bg" src="image/After-sales/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>After-Sales & Modification</p>
|
|
<p class="bp-hero__tag" data-reveal>More Than Export, We Support Long-Term Operation</p>
|
|
<!--<a class="btn btn-explore" href="#intro" 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 after-sales & modification business extends far beyond vehicle export — providing overseas clients with a complete lifecycle of modification, maintenance, spare-parts supply and technical support that keeps every fleet running profitably in the field.</p>
|
|
<p class="bp-body" data-reveal>From regional service centers and parts warehouses in the Middle East and Africa, to online technical guidance and on-site troubleshooting, our teams partner with distributors and fleet operators to minimize downtime, protect resale value and turn one-time buyers into long-term customers.</p>
|
|
|
|
<ul class="bp-caps">
|
|
<li class="bp-cap" data-reveal>
|
|
<img loading="lazy" class="bp-cap__ico" src="image/After-sales/Reliable-Car-Inventory.png" alt="" aria-hidden="true" />
|
|
<span class="bp-cap__label">Reliable Car Inventory</span>
|
|
</li>
|
|
<li class="bp-cap" data-reveal>
|
|
<img loading="lazy" class="bp-cap__ico" src="image/After-sales/Ongoing-Services.png" alt="" aria-hidden="true" />
|
|
<span class="bp-cap__label">Ongoing Services</span>
|
|
</li>
|
|
<li class="bp-cap" data-reveal>
|
|
<img loading="lazy" class="bp-cap__ico" src="image/After-sales/Full-Spare-Parts-Coverage.png" alt="" aria-hidden="true" />
|
|
<span class="bp-cap__label">Full Spare Parts Coverage</span>
|
|
</li>
|
|
<li class="bp-cap" data-reveal>
|
|
<img loading="lazy" class="bp-cap__ico" src="image/After-sales/Local-Technical-Support.png" alt="" aria-hidden="true" />
|
|
<span class="bp-cap__label">Local Technical Support</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="bp-intro__media" data-reveal>
|
|
<img loading="lazy" class="bp-intro__img" src="image/After-sales/Business-Introduction.jpg" alt="HESU after-sales and modification services" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ============================================================
|
|
3. SERVICE CONTENTS — centered title + 6 circular services
|
|
============================================================ -->
|
|
<section class="as-services">
|
|
<div class="container">
|
|
<div class="as-services__head">
|
|
<h2 class="bp-h2 bp-center" data-reveal>Service Contents</h2>
|
|
</div>
|
|
|
|
<ul class="as-services__grid">
|
|
<li class="as-svc" data-reveal>
|
|
<div class="as-svc__ring">
|
|
<img loading="lazy" src="image/After-sales/Service1.png" alt="" aria-hidden="true" />
|
|
</div>
|
|
<h3 class="as-svc__name">Vehicle Maintenance</h3>
|
|
</li>
|
|
<li class="as-svc" data-reveal>
|
|
<div class="as-svc__ring">
|
|
<img loading="lazy" src="image/After-sales/Service2.png" alt="" aria-hidden="true" />
|
|
</div>
|
|
<h3 class="as-svc__name">Unified Parts Supply</h3>
|
|
</li>
|
|
<li class="as-svc" data-reveal>
|
|
<div class="as-svc__ring">
|
|
<img loading="lazy" src="image/After-sales/Service3.png" alt="" aria-hidden="true" />
|
|
</div>
|
|
<h3 class="as-svc__name">Online Tech Support</h3>
|
|
</li>
|
|
<li class="as-svc" data-reveal>
|
|
<div class="as-svc__ring">
|
|
<img loading="lazy" src="image/After-sales/Service4.png" alt="" aria-hidden="true" />
|
|
</div>
|
|
<h3 class="as-svc__name">Overseas Dedicated Follow-up</h3>
|
|
</li>
|
|
<li class="as-svc" data-reveal>
|
|
<div class="as-svc__ring">
|
|
<img loading="lazy" src="image/After-sales/Service5.png" alt="" aria-hidden="true" />
|
|
</div>
|
|
<h3 class="as-svc__name">Global Market Cooperation</h3>
|
|
</li>
|
|
<li class="as-svc" data-reveal>
|
|
<div class="as-svc__ring">
|
|
<img loading="lazy" src="image/After-sales/Service6.png" alt="" aria-hidden="true" />
|
|
</div>
|
|
<h3 class="as-svc__name">Timely After-sales Service</h3>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ============================================================
|
|
4. REGIONAL SUPPORT — centered title + 3 location cards
|
|
============================================================ -->
|
|
<section class="as-region">
|
|
<div class="container">
|
|
<div class="as-region__head">
|
|
<h2 class="bp-h2 bp-center" data-reveal>Regional Support</h2>
|
|
<p class="bp-body bp-center" data-reveal>In the future, we will upgrade our maintenance, parts supply, remote diagnosis, training and vehicle refitting services. A complete after-sales system will help us gain more customer trust, encourage repeat orders and strengthen our edge in regional markets.</p>
|
|
</div>
|
|
|
|
<div class="as-region__grid">
|
|
<article class="as-loc" data-reveal>
|
|
<div class="as-loc__media"><img loading="lazy" src="image/After-sales/Zhengzhou.jpg" alt="HESU service center in Zhengzhou, China" /></div>
|
|
<span class="as-loc__title">Zhengzhou<br/>China</span>
|
|
</article>
|
|
<article class="as-loc" data-reveal>
|
|
<div class="as-loc__media"><img loading="lazy" src="image/After-sales/Dhabi.jpg" alt="HESU service hub in Abu Dhabi, UAE" /></div>
|
|
<span class="as-loc__title">Abu Dhabi<br/>UAE</span>
|
|
</article>
|
|
<article class="as-loc" data-reveal>
|
|
<div class="as-loc__media"><img loading="lazy" src="image/After-sales/ghana.jpg" alt="HESU service center in Ghana, Africa" /></div>
|
|
<span class="as-loc__title">Ghana<br/>Africa</span>
|
|
</article>
|
|
</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>
|