工业装备集团官网模板 | 多品牌 + 四维产品导航 23 页，纯静态开箱即用

基于 jQuery + Swiper 打造的工业装备 / 多品牌集团官网模板。纯静态 HTML，无需构建工具，替换品牌素材即可上线。

一个工业装备集团的官网，难点是”产品线多、应用行业多、代理品牌多”如何在一套导航里讲清楚。这套模板给出了标准答案：产品按分类 / 功能 / 品牌 / 应用四个维度组织，五大代理品牌各有独立展示页，应用案例按行业矩阵铺开。23 个页面即拆即用，装备制造、工程器械、代理贸易类企业替换产品数据，半天即可上线一个集团级官网。

模板亮点

1. 23 页集团级页面体系

• 首页（index）：品牌矩阵 + 核心应用 + 产品导航
• 产品展示（product / product_show）：支持按产品分类 / 按功能 / 按品牌 / 按应用四维导航，鼠标悬停展开多级菜单
• 应用展示（yy / yy2 / yy_show）：市政公路水务、铁路养护、搜索救援、拆解回收、水下作业、铁路信号通讯及接触网等行业应用矩阵
• 品牌展示（pp + pp_show ~ pp_show5）：史丹利 Stanley、力邦特 LaBounty、都百瑞 Dubuis、英腾嘉 Intaca、霍斯特·斯普林格 HS 五大品牌独立展示页
• 视频集锦（video）：产品作业视频集中呈现
• 关于公司（about / about_hlsm / about_news + show / about_rczp 人才招聘 / about_zzzs 资质证书）
• 经销网点（jydz）+ 销售服务联系人（xsyfwlxr）+ 联系我们（contact）

2. 多品牌集团架构示范

五套品牌展示页结构统一又各自独立，示范了”集团官网承载多代理品牌”的标准做法，品牌数量按需增删。

3. 四维产品导航体系

产品导航同时提供分类 / 功能 / 品牌 / 应用四种检索路径，配合悬停展开的多级菜单，复杂产品线的组织难题在导航层直接解决。

4. 行业应用矩阵

应用展示页按工程场景（管网抢修、排水排涝、轨道交通、应急救援、水下作业、破碎拆除回收等）组织案例，B2B 客户按行业快速对号入座。

5. 渠道与服务网络页面

经销网点页 + 销售服务联系人页，把”哪里买、找谁买”的信息闭环做完，贴合工业品销售动线。

技术栈

技术	用途
HTML5 / CSS3	页面结构与样式
jQuery	DOM 操作与交互
Swiper	Banner 自动轮播
jquery.reveal	滚动显现动画
normalize.css	样式重置

项目结构

sld/
├── index.html                        # 首页
├── product.html / product_show.html  # 产品展示（四维导航）/ 详情
├── yy.html / yy2.html / yy_show.html # 应用展示列表 × 2 / 详情
├── pp.html + pp_show.html ~ pp_show5.html  # 品牌展示 + 五大品牌页
├── video.html                        # 视频集锦
├── about.html / about_hlsm.html      # 公司简介
├── about_news.html / about_news_show.html   # 新闻资讯
├── about_rczp.html                   # 人才招聘
├── about_zzzs.html                   # 资质证书
├── jydz.html                         # 经销网点
├── xsyfwlxr.html                     # 销售服务联系人
├── contact.html                      # 联系我们
├── css/                              # normalize + PC 端样式
├── js/                               # jQuery / Swiper / reveal
└── img/                              # 品牌与产品素材

快速开始

纯静态模板，无需安装依赖：

# 方式一：直接双击 index.html 即可浏览

# 方式二：使用本地静态服务器（推荐）
npx serve .

二次开发指南

需求	操作
更换品牌	替换 img/ 与五大品牌页中的 logo 与文案
调整产品导航	首页导航区的四维分类结构直接增删
上新应用行业	复制 yy_show.html 改名，替换行业内容
增删品牌页	复制 / 删除 pp_show*.html，导航同步调整
更新经销网点	jydz.html 列表按省市替换
增删页面	复制任一页面改名改造，互不影响

适用场景

工业装备集团、工程机械厂商、电动 / 液压工具品牌、设备代理贸易公司、市政工程装备企业、多品牌运营的 B2B 集团官网。

从零自研 vs 使用本模板

维度	从零自研	使用本模板
交付周期	3~4 周起	半天上线
产品组织	需自行梳理	四维导航体系已成型
多品牌承载	需额外开发	五大品牌独立页已内置
渠道展示	需自行设计	经销网点 + 联系人页齐备
维护成本	自行承担	纯静态结构，改文案即可迭代

在线预览

纯静态文件，上传至任意静态托管（Vercel / Netlify / 阿里云 OSS / 宝塔）即可直接访问。

http://8.166.93.126:8989/sld