238 lines
10 KiB
HTML
238 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>腾势Z9GT vs 享界S9T - 豪华电动轿车对比</title>
|
||
<link rel="stylesheet" href="styles.css">
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<header class="header">
|
||
<div class="container">
|
||
<h1 class="title">豪华电动轿车对比</h1>
|
||
<p class="subtitle">腾势Z9GT vs 享界S9T</p>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="main">
|
||
<div class="container">
|
||
<!-- 概览对比 -->
|
||
<section class="overview-section">
|
||
<div class="car-cards">
|
||
<div class="car-card">
|
||
<div class="car-image">
|
||
<div class="car-placeholder z9gt"></div>
|
||
</div>
|
||
<h2 class="car-name">腾势Z9GT</h2>
|
||
<p class="car-tagline">科技豪华旗舰轿车</p>
|
||
<div class="price-range">
|
||
<span class="price-label">价格区间</span>
|
||
<span class="price">33.48-41.48万</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vs-divider">VS</div>
|
||
|
||
<div class="car-card">
|
||
<div class="car-image">
|
||
<div class="car-placeholder s9t"></div>
|
||
</div>
|
||
<h2 class="car-name">享界S9T</h2>
|
||
<p class="car-tagline">鸿蒙智行豪华轿车</p>
|
||
<div class="price-range">
|
||
<span class="price-label">价格区间</span>
|
||
<span class="price">30.98-36.98万</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 动力形式对比 -->
|
||
<section class="comparison-section">
|
||
<h2 class="section-title">动力形式对比</h2>
|
||
<div class="powertrain-grid">
|
||
<div class="powertrain-card">
|
||
<h3>腾势Z9GT</h3>
|
||
<div class="powertrain-options">
|
||
<div class="option">
|
||
<span class="option-name">易三方插混</span>
|
||
<span class="option-price">33.48万起</span>
|
||
</div>
|
||
<div class="option">
|
||
<span class="option-name">易三方纯电</span>
|
||
<span class="option-price">35.48万起</span>
|
||
</div>
|
||
</div>
|
||
<div class="specs">
|
||
<div class="spec-item">
|
||
<span class="spec-label">综合扭矩</span>
|
||
<span class="spec-value">1035-1150 N·m</span>
|
||
</div>
|
||
<div class="spec-item">
|
||
<span class="spec-label">0-100km/h</span>
|
||
<span class="spec-value">3.4-3.6秒</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="powertrain-card">
|
||
<h3>享界S9T</h3>
|
||
<div class="powertrain-options">
|
||
<div class="option">
|
||
<span class="option-name">增程版</span>
|
||
<span class="option-price">30.98万起</span>
|
||
</div>
|
||
<div class="option">
|
||
<span class="option-name">纯电版</span>
|
||
<span class="option-price">32.98万起</span>
|
||
</div>
|
||
</div>
|
||
<div class="specs">
|
||
<div class="spec-item">
|
||
<span class="spec-label">综合扭矩</span>
|
||
<span class="spec-value">320-396 N·m</span>
|
||
</div>
|
||
<div class="spec-item">
|
||
<span class="spec-label">0-100km/h</span>
|
||
<span class="spec-value">3.95-7.32秒</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 详细参数对比 -->
|
||
<section class="comparison-section">
|
||
<h2 class="section-title">详细参数对比</h2>
|
||
<div class="comparison-table">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>参数项目</th>
|
||
<th>腾势Z9GT</th>
|
||
<th>享界S9T</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="param-name">车身尺寸</td>
|
||
<td>5180×1990×1500mm</td>
|
||
<td>5160×2005×1492mm</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="param-name">轴距</td>
|
||
<td>3125mm</td>
|
||
<td>3050mm</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="param-name">续航里程</td>
|
||
<td>纯电: 630km<br>插混: 1101km</td>
|
||
<td>纯电: 701-801km<br>增程: 251-354km</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="param-name">电池容量</td>
|
||
<td>100kWh / 38.5kWh</td>
|
||
<td>100kWh / 37-53.4kWh</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="param-name">充电时间</td>
|
||
<td>快充19分钟(30%-80%)</td>
|
||
<td>快充15分钟(20%-80%)</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="param-name">后备厢容积</td>
|
||
<td>488L</td>
|
||
<td>729L</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="param-name">特色功能</td>
|
||
<td>易三方技术、圆规掉头<br>智能蟹行、云辇-A</td>
|
||
<td>鸿蒙座舱、华为ADS<br>800V高压平台</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 配置层级对比 -->
|
||
<section class="comparison-section">
|
||
<h2 class="section-title">配置层级对比</h2>
|
||
<div class="config-comparison">
|
||
<div class="config-column">
|
||
<h3>腾势Z9GT 配置层级</h3>
|
||
<div class="config-card">
|
||
<h4>插混版</h4>
|
||
<ul>
|
||
<li>Pro版 - 33.48万</li>
|
||
<li>Max版 - 35.48万</li>
|
||
<li>Ultra版 - 41.48万</li>
|
||
</ul>
|
||
</div>
|
||
<div class="config-card">
|
||
<h4>纯电版</h4>
|
||
<ul>
|
||
<li>Pro版 - 35.48万</li>
|
||
<li>Max版 - 37.48万</li>
|
||
<li>Ultra版 - 41.48万</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="config-column">
|
||
<h3>享界S9T 配置层级</h3>
|
||
<div class="config-card">
|
||
<h4>增程版</h4>
|
||
<ul>
|
||
<li>Max 37kWh - 30.98万</li>
|
||
<li>Max 53kWh - 32.98万</li>
|
||
<li>Ultra 53kWh - 34.98万</li>
|
||
</ul>
|
||
</div>
|
||
<div class="config-card">
|
||
<h4>纯电版</h4>
|
||
<ul>
|
||
<li>Max后驱 - 32.98万</li>
|
||
<li>Max四驱 - 34.98万</li>
|
||
<li>Ultra四驱 - 36.98万</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 总结 -->
|
||
<section class="summary-section">
|
||
<h2 class="section-title">选择建议</h2>
|
||
<div class="summary-grid">
|
||
<div class="summary-card">
|
||
<h3>腾势Z9GT 优势</h3>
|
||
<ul>
|
||
<li>更强的动力性能（1000+马力）</li>
|
||
<li>独特的易三方技术平台</li>
|
||
<li>更长的综合续航（插混版）</li>
|
||
<li>云辇-A智能空气悬架</li>
|
||
</ul>
|
||
</div>
|
||
<div class="summary-card">
|
||
<h3>享界S9T 优势</h3>
|
||
<ul>
|
||
<li>更入门的价格门槛</li>
|
||
<li>更大的后备厢空间</li>
|
||
<li>华为鸿蒙智能座舱</li>
|
||
<li>更快的充电速度</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<p>© 2025 豪华电动轿车对比. 数据来源于官方配置表.</p>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|