cms-SiteForge/examples/mobile-showcase/automotive/listing.html

<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><base href="./"><title>全部产品</title><meta name="description" content="分类查看产品与解决方案"><meta property="og:type" content="website"><meta property="og:title" content="全部产品"><meta property="og:description" content="分类查看产品与解决方案"><meta property="og:url" content="https://example.com/products/"><meta name="theme-color" content="#0e1c2c"><meta name="robots" content="index,follow"><link rel="canonical" href="https://example.com/products/"><link rel="stylesheet" href="assets/theme.css"><link rel="stylesheet" href="assets/blocks.css"><link rel="stylesheet" href="assets/factory.css"><link rel="stylesheet" href="assets/pro-base.css"><link rel="stylesheet" href="assets/pro.css"><link rel="stylesheet" href="assets/commercial.css"><link rel="stylesheet" href="assets/custom.css"></head><body class="sf-theme-automotive pro-automotive"><a class="pro-skip" href="#main-content">跳转至正文</a>

<div class="pro-utility" hidden><div class="pro-wrap"><span></span><span>专业车辆采购与全球交付</span></div></div>
<header class="sf-site-head pro-header"><div class="pro-wrap pro-head-inner"><a class="pro-logo" href="index.html" aria-label="汽车出口 首页"><span class="pro-logo-symbol">S<span>.</span></span><span class="pro-logo-name">汽车出口<small> AUTOMOTIVE</small></span></a><button class="pro-mobile-toggle" type="button" data-pro-menu aria-controls="pro-navigation" aria-expanded="false" aria-label="打开导航">☰</button><nav id="pro-navigation" class="pro-navigation" aria-label="主导航"><a href="index.html">首页</a><div class="pro-nav-group"><a href="listing.html">产品系列</a><button type="button" class="pro-nav-disclose" aria-expanded="false" aria-label="展开产品系列子菜单">▾</button><div class="pro-nav-children" hidden><a href="/classic/">经典系列</a><a href="/ev/">新能源</a></div></div><a href="/about/">品牌介绍</a><a href="article.html">新闻资讯</a><a href="article.html">联系我们</a><a class="pro-search-link" href="/search/" aria-label="站内搜索">⌕</a></nav><button class="pro-catalog-toggle" type="button" data-pro-catalog aria-controls="pro-mega-content" aria-expanded="false">品牌与系列 ▾</button><a href="article.html" class="pro-header-cta">联系我们 <span>↗</span></a></div><div class="pro-mega pro-wrap" data-pro-mega id="pro-mega-content" hidden><span>探索品牌与系列</span><div><a href="/brands/example/">EXAMPLE ↗</a><a href="/categories/term-36a4ff4ebeb5/">精选产品</a></div></div></header>
<section class="pro-inner-hero pro-listing-hero"><div class="pro-wrap"><span class="pro-eyebrow">DISCOVER / COLLECTION</span><h1>全部产品</h1><p>分类查看产品与解决方案</p><div class="pro-breadcrumb"><a href="index.html">首页</a><span>／</span><strong>全部产品</strong></div></div></section>
<section class="pro-section pro-list-section"><div class="pro-wrap"><div class="pro-filter-panel"><label><span>搜索</span><input type="search" data-pro-filter-search placeholder="按名称或内容筛选"></label><label><span>品牌</span><select data-pro-filter-brand><option value="">全部品牌</option></select></label><label><span>分类</span><select data-pro-filter-category><option value="">全部分类</option></select></label><span class="pro-filter-count" data-pro-filter-count role="status"></span></div><div class="pro-filter-scope"><div class="pro-grid pro-grid-catalog">
<a class="pro-card pro-card-catalog" href="product.html" data-category="精选产品" data-brand="EXAMPLE">
  <div class="pro-card-cover">
  <div class="pro-art pro-art-catalog"><span class="pro-art-ring"></span><span class="pro-art-center">标准</span><span class="pro-art-label">CATALOG</span></div>
</div>
  <div class="pro-card-body"><div class="pro-card-meta"><span>EXAMPLE</span><span>01</span></div>
  <h3>标准系列产品</h3><p>面向全球客户的精选示范产品</p><span class="pro-card-link">查看详情 <span aria-hidden="true">↗</span></span></div>
</a>
</div></div></div></section>

<main id="main-content" class="sf-canvas pro-custom-content" aria-hidden="true"></main>
<section class="pro-end-cta"><div class="pro-wrap"><div><span class="pro-eyebrow">LET'S CONNECT</span><h2>从这里开始下一步。</h2><p>专业车辆采购与全球交付</p></div><a href="article.html">联系我们 <span>↗</span></a></div></section>
<footer class="sf-site-foot pro-footer"><div class="pro-wrap"><div class="pro-footer-top"><div><span class="pro-eyebrow">DRIVEN BY PURPOSE</span><h2>汽车出口</h2><p>专业车辆采购与全球交付</p></div><div class="pro-footer-links"><ul><li><a href="index.html">首页</a></li><li><a href="listing.html">产品系列</a></li><li><a href="/about/">品牌介绍</a></li><li><a href="article.html">新闻资讯</a></li><li><a href="article.html">联系我们</a></li></ul></div><div><span class="pro-eyebrow">LET'S TALK</span><p>请在后台配置企业联系方式</p></div></div><div class="pro-footer-bottom"><span>© 2026 汽车出口</span><span>SITEFORGE / STATIC SITE</span></div></div></footer>

<nav class="sf-mobile-tabs" style="--sf-mobile-tab-count:4" aria-label="手机底部快捷导航" data-mobile-tabs>
<a class="sf-mobile-tab" href="index.html"><span class="sf-tab-icon" aria-hidden="true">⌂</span><span class="sf-tab-label">首页</span></a><a class="sf-mobile-tab" href="listing.html" aria-current="page"><span class="sf-tab-icon" aria-hidden="true">▤</span><span class="sf-tab-label">产品</span></a><a class="sf-mobile-tab" href="article.html"><span class="sf-tab-icon" aria-hidden="true">✉</span><span class="sf-tab-label">联系我们</span></a><button type="button" class="sf-mobile-tab" data-mobile-open-menu aria-label="菜单"><span class="sf-tab-icon" aria-hidden="true">☰</span><span class="sf-tab-label">菜单</span></button></nav>
<script defer src="assets/site-runtime.js"></script><script defer src="assets/pro.js"></script></body></html>