如何优化网站产品页面
606 阅读 字号
优化企业网站的时候，企业网站的页面一般分为两个页面：产品的页面、新闻或者文章的页面，针对优化网站产品页面细说：URL的规范、标题关键词设置、页面优化。
如何优化网站产品页面
1、URL的规范
优化网站产品页面URL正确写法：http://www.xiaoercms.com/index.php?s=index/category/index&id=108
很多人会将product的位置写成分类的名称，这个写法是错误的，举个例子：网站做的类型是电子产品，product的位置会写成电子。
例如：http：//item.jd.com/15537558969.html（京东）：item(商品的意思)采用二级域名来放置一级域名的商品，15537558969(商品的ID)直接放置二级域名根目录下。一个网站的产品数量比较大的时候，采用这种方式会比较好。
2、标题关键词
产品页面的标题=产品名称+搜索词+属性+延伸词
举个例子：
松下(Panasonic)投影仪办公家用会议室投影机，产品名称：投影仪，搜索词：办公家用会议室；</p><p style="color: rgb(51, 51, 51); font-family: Microsoft Yahei, PingFangSC-Regular, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">3300流明 PT-WX3400 官方标配+10米VGA线+100英寸（产品属性），图片、价格、品牌、报价（延伸词）</p><p style="color: rgb(51, 51, 51); font-family: Microsoft Yahei, PingFangSC-Regular, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">3、页面优化</p><p style="color: rgb(51, 51, 51); font-family: Microsoft Yahei, PingFangSC-Regular, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">①图文并茂</p><p style="color: rgb(51, 51, 51); font-family: Microsoft Yahei, PingFangSC-Regular, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">②多个模块，每个模块多个句子</p><p style="color: rgb(51, 51, 51); font-family: Microsoft Yahei, PingFangSC-Regular, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">③围绕产品多维度展开描述</p><p style="color: rgb(51, 51, 51); font-family: Microsoft Yahei, PingFangSC-Regular, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">④产品未尾相关推荐3-5个产品</p><p style="color: rgb(51, 51, 51); font-family: Microsoft Yahei, PingFangSC-Regular, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">⑤内容带锚文本，链接1%，网站不要过度优化对SEO而言是晦气的。</p><p style="color: rgb(51, 51, 51); font-family: Microsoft Yahei, PingFangSC-Regular, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">其实在建设网站的过程中，不管是布局还是设计，都需要要从用户的体验出发，设计出满足用户需求的网页，网站才会获取到更多的用户流量;不管是什么行业的<a href="https://www.xiaoercms.com/news/tag/%E7%BD%91%E7%AB%99%E5%BB%BA%E8%AE%BE"target="_bank"><span style="color:#E53333;">网站建设</span></a>，我们要做的件事情就是分析用户行为，定位网站，进行合理的网站布局和结构搭建。</p><p><br/></p> <style>
.nd-paywall{max-width:680px;margin:24px auto;padding:32px;border:1px solid #fde68a;border-radius:16px;background:linear-gradient(135deg,#fffbeb,#fff);text-align:center;}
.nd-paywall-ico{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:#f59e0b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;}
.nd-paywall h3{margin:0 0 8px;font-size:20px;color:#1f2937;}
.nd-paywall p{margin:0 0 18px;color:#6b7280;}
.nd-paywall p strong{color:#ef4444;font-size:18px;}
.nd-paywall-btn{display:inline-block;padding:12px 32px;border:none;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:15px;font-weight:700;cursor:pointer;}
.nd-paywall-btn:disabled{opacity:.6;cursor:not-allowed;}
.nd-paywall-tip{margin-top:12px;font-size:13px;color:#ef4444;min-height:18px;}
.nd-paid-extra{margin-top:24px;padding:20px;border-left:3px solid #10b981;background:#f0fdf4;border-radius:0 10px 10px 0;}
</style>
<div class="nd-note-simple">
<i class="fa-solid fa-circle-info"></i>
<div class="nd-note-simple-tx">
<strong>文章声明</strong>
<p>本文标题：<a href="" class="nd-note-link">如何优化网站产品页面</a></p>
<p>文章内容来源于网络，文章表达观点不代表本站观点，文章版权归原作者所有。若有侵权，请联系本站站长处理！</p>
</div>
</div>
<!-- 小二CMS业务介绍 -->
<div class="nd-biz">
<div class="nd-biz-head"><i class="fa-solid fa-cube"></i>小二CMS介绍</div>
<div class="nd-biz-body">
<div class="nd-biz-cols">
<div class="nd-biz-main">
<p class="nd-biz-desc">我们立足合肥，业务覆盖安徽、全国及全球市场。我们凭借一支经验丰富、富有创意、协作无间的专业技术团队，专注于将前沿技术通过高效简捷的途径呈现给客户，量身打造优质解决方案。我们致力于通过持续努力，成为客户在信息化领域值得托付、共创价值的长期战略合作伙伴，协助客户在新经济时代敏锐捕捉商机，拓展发展空间，构筑强大竞争力。小二CMS专注企业数字化转型的智能建站与营销系统，提供从官网搭建、品牌推广到运营增长的一站式服务，助力中小企业低门槛拥有专业级互联网阵地。</p>
<div class="nd-biz-tags">
<span><a href="https://www.jz190.com/" class="svc-tag">首页</a></span>
<span><a href="https://www.jz190.com/service" class="svc-tag">服务</a></span>
<span><a href="https://www.jz190.com/product" class="svc-tag">产品</a></span>
<span><a href="https://www.jz190.com/solution" class="svc-tag">方案</a></span>
<span><a href="https://www.jz190.com/case" class="svc-tag">案例</a></span>
<span><a href="https://www.jz190.com/news" class="svc-tag">资讯</a></span>
<span><a href="https://www.jz190.com/demo" class="svc-tag">演示</a></span>
<span><a href="https://www.jz190.com/about" class="svc-tag">关于</a></span>
</div>
<a class="nd-biz-btn" href="https://www.jz190.com/service">了解全部业务 <i class="fa-solid fa-arrow-right"></i></a>
</div>
<div class="nd-biz-qr">
<div class="nd-biz-qr-img"><img src="https://www.jz190.com/xiaoercms/Themes/home/images/style/weixin.jpg" alt="小二CMS微信二维码"></div>
<div class="nd-biz-qr-tip"><i class="fa-solid fa-mobile-screen-button"></i> 扫码咨询 · 关注微信</div>
</div>
</div>
</div>
</div>
</div>
<!-- 关键词 -->
<div class="nd-content-tags">
<span class="nd-tags-label"><i class="fa-solid fa-tags"></i> 关键词</span>
<div class="nd-ctags">
<a href="https://www.jz190.com/tags/list-301.html" class="nd-ctag" target="_blank" rel="tag">企业网站优化</a>
</div>
</div>
<!-- 顶踩 -->
<div class="nd-digg" id="ndDigg">
<div class="nd-dg-head">
<span class="nd-dg-badge"><i class="fa-solid fa-face-smile"></i></span>
<h3>这篇文章对你有帮助吗？</h3>
<p class="nd-dg-sub">你的每一次鼓励，都是我们持续打磨优质内容的动力</p>
</div>
<div class="nd-digg-row">
<button class="nd-dg-btn nd-dg-like" onclick="xiaoercms_digg('like')" id="likeBtn2">
<span class="nd-dg-ic"><i class="fa-solid fa-thumbs-up"></i></span>
<span class="nd-dg-tx"><strong>有帮助</strong><small>已赞 <span id="likeNum2">121</span> 次</small></span>
<span class="nd-dg-check"><i class="fa-solid fa-circle-check"></i></span>
</button>
<button class="nd-dg-btn nd-dg-dislike" onclick="xiaoercms_digg('dislike')" id="dislikeBtn2">
<span class="nd-dg-ic"><i class="fa-solid fa-thumbs-down"></i></span>
<span class="nd-dg-tx"><strong>没帮助</strong><small>已踩 <span id="dislikeNum2">0</span> 次</small></span>
<span class="nd-dg-check"><i class="fa-solid fa-circle-check"></i></span>
</button>
</div>
</div>
<!-- 上一篇/下一篇 -->
<nav class="nd-prevnext">
<a href="https://www.jz190.com/news/3060.html" class="nd-pn nd-pn-prev">
<i class="fa-solid fa-arrow-left"></i>
<div><span>上一篇</span><strong>低价做网站会给企业带来的四大影响</strong></div>
</a>
<a href="https://www.jz190.com/news/9745.html" class="nd-pn nd-pn-next">
<div><span>下一篇</span><strong>年前做网站建设为什么是黄金期？5大优势助你来年弯道超车</strong></div>
<i class="fa-solid fa-arrow-right"></i>
</a>
</nav>
</article>
<!-- 侧栏 -->
<aside class="nd-side">
<!-- 资讯分类 -->
<div class="nd-card nd-catbox">
<div class="nd-card-head"><i class="fa-solid fa-folder-tree"></i> 资讯分类</div>
<ul class="nd-cats">
<li class="nd-cat-item">
<a href="https://www.jz190.com/gonggao"><i class="fa-solid fa-folder"></i><span>网站公告</span><i class="fa-solid fa-angle-right nd-cat-arr"></i></a>
</li>
<li class="nd-cat-item">
<a href="https://www.jz190.com/news/list-1.html"><i class="fa-solid fa-folder"></i><span>互联网资讯</span><i class="fa-solid fa-angle-right nd-cat-arr"></i></a>
</li>
<li class="nd-cat-item">
<a href="https://www.jz190.com/news/list-2.html"><i class="fa-solid fa-folder"></i><span>运营推广</span><i class="fa-solid fa-angle-right nd-cat-arr"></i></a>
</li>
<li class="nd-cat-item on">
<a href="https://www.jz190.com/news/list-3.html"><i class="fa-solid fa-folder"></i><span>建站问题</span><i class="fa-solid fa-angle-right nd-cat-arr"></i></a>
</li>
<li class="nd-cat-item">
<a href="https://www.jz190.com/news/list-4.html"><i class="fa-solid fa-folder"></i><span>技术文章</span><i class="fa-solid fa-angle-right nd-cat-arr"></i></a>
</li>
<li class="nd-cat-item">
<a href="https://www.jz190.com/news/list-5.html"><i class="fa-solid fa-folder"></i><span>小程序</span><i class="fa-solid fa-angle-right nd-cat-arr"></i></a>
</li>
</ul>
</div>
<!-- 热门 -->
<div class="nd-card nd-hot">
<div class="nd-card-head"><span class="nd-hot-fire"><i class="fa-solid fa-fire"></i></span> 热门阅读</div>
<ol class="nd-hot-list">
<li class="nd-hi">
<a href="https://www.jz190.com/news/8603.html" class="nd-hi-link">
<em class="nd-hi-no">1</em>
<span class="nd-hi-body">
<span class="nd-hi-tt">100个b2b免费推广的网站平台，2025年B2B信息发布平台大全</span>
<span class="nd-hi-meta">
<span class="nd-hi-views"><i class="fa-regular fa-eye"></i> 14523</span>
</span>
</span>
</a>
</li>
<li class="nd-hi">
<a href="https://www.jz190.com/news/4229.html" class="nd-hi-link">
<em class="nd-hi-no">2</em>
<span class="nd-hi-body">
<span class="nd-hi-tt">网站被举报，违反广告法违禁词怎么办？多少罚款？</span>
<span class="nd-hi-meta">
<span class="nd-hi-views"><i class="fa-regular fa-eye"></i> 6224</span>
</span>
</span>
</a>
</li>
<li class="nd-hi">
<a href="https://www.jz190.com/news/8567.html" class="nd-hi-link">
<em class="nd-hi-no">3</em>
<span class="nd-hi-body">
<span class="nd-hi-tt">小程序不用了怎么注销？超详细注销流程及注意事项</span>
<span class="nd-hi-meta">
<span class="nd-hi-views"><i class="fa-regular fa-eye"></i> 5405</span>
</span>
</span>
</a>
</li>
<li class="nd-hi">
<a href="https://www.jz190.com/news/6885.html" class="nd-hi-link">
<em class="nd-hi-no">4</em>
<span class="nd-hi-body">
<span class="nd-hi-tt">关于百度地图全面收费，请修改网站地图</span>
<span class="nd-hi-meta">
<span class="nd-hi-views"><i class="fa-regular fa-eye"></i> 5370</span>
</span>
</span>
</a>
</li>
<li class="nd-hi">
<a href="https://www.jz190.com/news/511.html" class="nd-hi-link">
<em class="nd-hi-no">5</em>
<span class="nd-hi-body">
<span class="nd-hi-tt">日本RMT游戏币交易网站交易表单基本日语</span>
<span class="nd-hi-meta">
<span class="nd-hi-views"><i class="fa-regular fa-eye"></i> 5306</span>
</span>
</span>
</a>
</li>
<li class="nd-hi">
<a href="https://www.jz190.com/news/2447.html" class="nd-hi-link">
<em class="nd-hi-no">6</em>
<span class="nd-hi-body">
<span class="nd-hi-tt">企业微信的聊天记录、文件图片等，能保存多长时间?</span>
<span class="nd-hi-meta">
<span class="nd-hi-views"><i class="fa-regular fa-eye"></i> 5028</span>
</span>
</span>
</a>
</li>
</ol>
</div>
<!-- 猜你喜欢 -->
<div class="nd-card">
<div class="nd-card-head"><i class="fa-solid fa-heart"></i> 猜你喜欢</div>
<ul class="nd-links">
<li><a href="https://www.jz190.com/news/9750.html"><i class="fa-solid fa-angle-right"></i><span>实体商家为什么要做小程序？六大经营优势解析，超讯兴网络科技13年实战解读</span></a></li>
<li><a href="https://www.jz190.com/news/9749.html"><i class="fa-solid fa-angle-right"></i><span>合肥定制小程序开发优势详解：打造适配企业业务的专属数字化程序，超讯兴网络科技13年沉淀</span></a></li>
<li><a href="https://www.jz190.com/news/9748.html"><i class="fa-solid fa-angle-right"></i><span>企业小程序搭建全流程：从需求梳理到上线要几步？超讯兴网络科技13年实战拆解</span></a></li>
<li><a href="https://www.jz190.com/news/9747.html"><i class="fa-solid fa-angle-right"></i><span>全国小程序开发跨区域合作指南：异地企业如何高效落地小程序项目？超讯兴网络科技13年经验全解析</span></a></li>
<li><a href="https://www.jz190.com/news/9746.html"><i class="fa-solid fa-angle-right"></i><span>企业数字化转型轻量化方案：小程序能解决什么？超讯兴网络科技13年实战解读</span></a></li>
<li><a href="https://www.jz190.com/news/9745.html"><i class="fa-solid fa-angle-right"></i><span>年前做网站建设为什么是黄金期？5大优势助你来年弯道超车</span></a></li>
</ul>
</div>
<!-- 标签 -->
<div class="nd-card">
<div class="nd-card-head"><i class="fa-solid fa-tags"></i> 热门标签</div>
<div class="nd-cloud">
<a href="https://www.jz190.com/tags/list-662.html">网站建设</a>
<a href="https://www.jz190.com/tags/list-18.html">网站优化</a>
<a href="https://www.jz190.com/tags/list-35.html">SEO优化</a>
<a href="https://www.jz190.com/tags/list-67.html">企业网站建设</a>
<a href="https://www.jz190.com/tags/list-728.html">网站制作</a>
<a href="https://www.jz190.com/tags/list-366.html">网站设计</a>
<a href="https://www.jz190.com/tags/list-77.html">网站SEO</a>
<a href="https://www.jz190.com/tags/list-144.html">小程序开发</a>
<a href="https://www.jz190.com/tags/list-84.html">网站建设公司</a>
<a href="https://www.jz190.com/tags/list-86.html">网站SEO优化</a>
<a href="https://www.jz190.com/tags/list-17.html">搜索引擎优化</a>
<a href="https://www.jz190.com/tags/list-115.html">网站推广</a>
<a href="https://www.jz190.com/tags/list-109.html">合肥网站建设</a>
<a href="https://www.jz190.com/tags/list-2028.html">搜索引擎</a>
<a href="https://www.jz190.com/tags/list-459.html">微信小程序</a>
<a href="https://www.jz190.com/tags/list-427.html">关键词优化</a>
</div>
</div>
</aside>
</div>
<!-- 相关推荐 全宽 -->
<div class="nd-related-wrap">
<div class="nd-rel-head"><i class="fa-solid fa-compass"></i> 相关推荐</div>
<div class="nd-rel-grid">
<a href="https://www.jz190.com/news/9750.html" class="nd-rel-card">
<div class="nd-rel-top">
<span class="nd-rel-cat"></span>
<span class="nd-rel-date">2026-08-26</span>
</div>
<h4>实体商家为什么要做小程序？六大经营优势解析，超讯兴网络科技13年实战解读</h4>
<p></p>
<div class="nd-rel-bot"><span>阅读全文 <i class="fa-solid fa-arrow-right"></i></span></div>
</a>
<a href="https://www.jz190.com/news/9749.html" class="nd-rel-card">
<div class="nd-rel-top">
<span class="nd-rel-cat"></span>
<span class="nd-rel-date">2026-08-26</span>
</div>
<h4>合肥定制小程序开发优势详解：打造适配企业业务的专属数字化程序，超讯兴网络科技13年沉淀</h4>
<p></p>
<div class="nd-rel-bot"><span>阅读全文 <i class="fa-solid fa-arrow-right"></i></span></div>
</a>
<a href="https://www.jz190.com/news/9748.html" class="nd-rel-card">
<div class="nd-rel-top">
<span class="nd-rel-cat"></span>
<span class="nd-rel-date">2026-08-26</span>
</div>
<h4>企业小程序搭建全流程：从需求梳理到上线要几步？超讯兴网络科技13年实战拆解</h4>
<p></p>
<div class="nd-rel-bot"><span>阅读全文 <i class="fa-solid fa-arrow-right"></i></span></div>
</a>
<a href="https://www.jz190.com/news/9747.html" class="nd-rel-card">
<div class="nd-rel-top">
<span class="nd-rel-cat"></span>
<span class="nd-rel-date">2026-08-26</span>
</div>
<h4>全国小程序开发跨区域合作指南：异地企业如何高效落地小程序项目？超讯兴网络科技13年经验全解析</h4>
<p></p>
<div class="nd-rel-bot"><span>阅读全文 <i class="fa-solid fa-arrow-right"></i></span></div>
</a>
</div>
</div>
</main>
<!-- ═══════════ 关于我们 ═══════════ -->
<div id="about">
<div class="ab-wrap xiaoercms-reveal">
<div class="ab-head service-title">
<div class="service-title-tag">
<span class="tag-line"></span>
<span class="tag-text">ABOUT US</span>
<span class="tag-line"></span>
</div>
<h2 class="service-title-main">
<span class="title-word">关于我们</span>
</h2>
<div class="service-title-divider">
<span class="divider-line"></span>
<span class="divider-diamond"></span>
<span class="divider-line"></span>
</div>
<p class="service-title-desc">以 AI 驱动创新，以品质铸造口碑</p>
</div>
<div class="ab-cols">
<!-- 左列：关于我们 -->
<div class="ab-col">
<div class="ab-col-hd">
<i class="fa-solid fa-building-columns"></i>
<span>关于我们</span>
</div>
<p>小二CMS一家融合<strong>AI人工智能</strong>与前沿互联网技术的数字化解决方案服务商，专注于高端网站建设、微信小程序开发、移动端应用研发及企业数字化转型服务。我们将AI技术深度融入产品研发与服务流程，通过智能算法、大模型应用与自动化工具，为客户提供更高效、更精准的数字化解决方案。</p>
<p class="ab-col-high">自2013年成立以来，我们已成功交付<strong>3000+</strong>个精品项目，服务客户遍布金融、零售、制造、教育、医疗、互联网等多个行业领域。我们拥有资深的技术团队与丰富的实战经验，在<strong>AI智能应用</strong>、复杂业务建模、高性能架构设计、跨平台开发及企业级安全保障等方面具备专业能力。</p>
<p>我们相信，AI不是替代人，而是赋能人。选择小二CMS，就是选择一支懂技术、懂AI、更懂您业务痛点的数字化创新团队。让我们以AI之力，将您的品牌愿景与市场机遇转化为可落地的数字现实，共同驱动业务增长与品牌价值升级。</p>
<div class="ab-col-stats">
<span><strong>3000+</strong> 精品项目</span>
<span class="ab-dot"></span>
<span><strong>13年</strong> 行业深耕</span>
<span class="ab-dot"></span>
<span><strong>98%</strong> 客户满意</span>
</div>
</div>
<!-- 中列：我们的优势 -->
<div class="ab-col">
<div class="ab-col-hd">
<i class="fa-solid fa-trophy"></i>
<span>我们的优势</span>
</div>
<div class="ab-col-grid">
<div class="ab-col-gitem"><span class="ab-gnum">01</span><div><strong>AI深度融合</strong><span>大模型+智能自动化</span></div></div>
<div class="ab-col-gitem"><span class="ab-gnum">02</span><div><strong>十三年深耕</strong><span>专注高端网站建设</span></div></div>
<div class="ab-col-gitem"><span class="ab-gnum">03</span><div><strong>全栈技术能力</strong><span>前后端+跨平台开发</span></div></div>
<div class="ab-col-gitem"><span class="ab-gnum">04</span><div><strong>资深策划团队</strong><span>深度洞悉行业需求</span></div></div>
<div class="ab-col-gitem"><span class="ab-gnum">05</span><div><strong>SEO深度优化</strong><span>搜索引擎友好排名</span></div></div>
<div class="ab-col-gitem"><span class="ab-gnum">06</span><div><strong>完善售后体系</strong><span>全程无忧技术支持</span></div></div>
<div class="ab-col-gitem"><span class="ab-gnum">07</span><div><strong>数据安全保障</strong><span>多重防护体系</span></div></div>
<div class="ab-col-gitem"><span class="ab-gnum">08</span><div><strong>弹性架构</strong><span>灵活支持二次开发</span></div></div>
</div>
</div>
<!-- 右列：我们的不同 -->
<div class="ab-col">
<div class="ab-col-hd">
<i class="fa-solid fa-heart"></i>
<span>我们的不同</span>
</div>
<p>我们是一支充满激情与创造力的团队，痴迷代码，沉醉设计，深耕AI技术。我们坚信：技术不是冰冷的工具，而是驱动商业增长的核动力。</p>
<div class="ab-col-mission">
<div class="ab-miss-item">
<span class="ab-miss-icon"><i class="fa-solid fa-brain"></i></span>
<div>
<strong>AI先行</strong>
<p>将AI融入产品与服务全流程</p>
</div>
</div>
<div class="ab-miss-item">
<span class="ab-miss-icon"><i class="fa-solid fa-gem"></i></span>
<div>
<strong>品质至上</strong>
<p>客户第一，追求卓越用户体验</p>
</div>
</div>
<div class="ab-miss-item">
<span class="ab-miss-icon"><i class="fa-solid fa-handshake"></i></span>
<div>
<strong>彼此成就</strong>
<p>客户的成功，才是我们真正的成功</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 关于结束 -->
<!-- ═══════════ 底部 · 旗舰豪华版 ═══════════ -->
<div id="footer">
<!-- 装饰层 -->
<div class="ft-glow-left"></div>
<div class="ft-glow-right"></div>
<div class="ft-grid-overlay"></div>
<div class="ft-top-wave">
<svg viewBox="0 0 1440 60" preserveAspectRatio="none"><path d="M0,30 C360,60 720,0 1080,30 C1260,45 1350,30 1440,30 L1440,60 L0,60 Z" fill="rgba(255,255,255,0.015)"/></svg>
</div>
<div class="ft-wrap">
<!-- ====== 顶部信息条 ====== -->
<div class="ft-topbar">
<div class="ft-topbar-left">
<span class="ft-topbar-tag">HI，欢迎来到 建站190 ！</span>
<span class="ft-topbar-divider">|</span>
<span class="ft-topbar-slogan">以 AI 驱动数字创新，以品质铸造行业标杆</span>
</div>
<div class="ft-topbar-right">
<i class="fa-solid fa-headset"></i>
<span>服务热线：</span>
<strong class="ft-topbar-tel">19810950281</strong>
</div>
</div>
<!-- ====== 主网格：5列 ====== -->
<div class="ft-grid">
<!-- 列1：品牌 -->
<div class="ft-col ft-brand">
<div class="ft-logo">
<div class="ft-logo-icon"><i class="fa-solid fa-crown"></i></div>
<div class="ft-logo-text">
<span class="ft-logo-name">建站190</span>
<span class="ft-logo-subtitle">AI 驱动 · 数字创新</span>
</div>
</div>
<p class="ft-desc">深耕互联网行业12年，融合AI人工智能与前沿技术，专注于高端网站建设、微信小程序开发、移动端应用研发及企业数字化转型，将大模型与智能自动化融入产品全流程，为客户提供从策划、设计到开发、部署的一站式数字化解决方案。</p>
<p class="ft-desc">立足安徽，辐射全国。服务网络遍及全省16个地市——合肥、安庆、芜湖、蚌埠、淮南、淮北、马鞍山、铜陵、黄山、滁州、阜阳、宿州、六安、亳州、池州、宣城，同时为全国范围内接受异地协作的企业与机构提供定制化技术支持与服务保障。</p>
<p class="ft-desc">专注互联网数字化解决方案，擅长微信小程序开发。业务涵盖：微信生态与移动端（小程序、微信/手机端、APP定制）；网站建设（企业站、品牌站、响应式网站）；电商平台（商城系统、游戏交易网站）；行业网站（旅游、外贸、教育培训）；个性定制等。</p>
</div>
<!-- 列2：产品服务 -->
<div class="ft-col">
<div class="ft-col-title">产品服务</div>
<div class="ft-links ft-links-icon">
<a href="https://www.jz190.com/product/1.html" title="家装门户系统"><i class=""></i> <span class="ft-link-text">家装门户系统</span></a>
<a href="https://www.jz190.com/product/2.html" title="家装招标门户系统"><i class=""></i> <span class="ft-link-text">家装招标门户系统</span></a>
<a href="https://www.jz190.com/product/3.html" title="威客系统"><i class=""></i> <span class="ft-link-text">威客系统</span></a>
<a href="https://www.jz190.com/product/4.html" title="B2C商城系统"><i class=""></i> <span class="ft-link-text">B2C商城系统</span></a>
<a href="https://www.jz190.com/product/5.html" title="国外游戏币销售系统"><i class=""></i> <span class="ft-link-text">国外游戏币销售系统</span></a>
<a href="https://www.jz190.com/product/6.html" title="维修网站系统"><i class=""></i> <span class="ft-link-text">维修网站系统</span></a>
<a href="https://www.jz190.com/product/7.html" title="家政网站系统"><i class=""></i> <span class="ft-link-text">家政网站系统</span></a>
<a href="https://www.jz190.com/product/8.html" title="门户网站系统"><i class=""></i> <span class="ft-link-text">门户网站系统</span></a>
</div>
</div>
<!-- 列3：解决方案 -->
<div class="ft-col">
<div class="ft-col-title">解决方案</div>
<div class="ft-links ft-links-icon">
<a href="https://www.jz190.com/solution/115.html" title="构建数字商会新生态：基于小二CMS的行业协会联盟小程序开发全案，打造资源聚合与商业赋能的数字枢纽"><i class="fa-solid fa-building"></i> <span class="ft-link-text">构建数字商会新生态：基于小二CMS的行业协会联盟小程序开发全案，打造资源聚合与商业赋能的数字枢纽</span></a>
<a href="https://www.jz190.com/solution/114.html" title="在线教育与企业培训的数字基建：基于小二CMS的答题考试小程序系统开发全案，实现智能组卷与防作弊闭环"><i class="fa-solid fa-building"></i> <span class="ft-link-text">在线教育与企业培训的数字基建：基于小二CMS的答题考试小程序系统开发全案，实现智能组卷与防作弊闭环</span></a>
<a href="https://www.jz190.com/solution/113.html" title="知识付费与专家咨询的数字化闭环：基于小二CMS的问答咨询小程序系统开发全案"><i class="fa-solid fa-building"></i> <span class="ft-link-text">知识付费与专家咨询的数字化闭环：基于小二CMS的问答咨询小程序系统开发全案</span></a>
<a href="https://www.jz190.com/solution/112.html" title="私域流量变现新引擎：基于小二CMS的社群圈子小程序开发方案，构建高活跃、强粘性的数字化社区生态"><i class="fa-solid fa-building"></i> <span class="ft-link-text">私域流量变现新引擎：基于小二CMS的社群圈子小程序开发方案，构建高活跃、强粘性的数字化社区生态</span></a>
<a href="https://www.jz190.com/solution/111.html" title="企业数字化转型加速器：基于小二CMS的高可用CRM系统开发全案，实现销售业绩翻倍"><i class="fa-solid fa-building"></i> <span class="ft-link-text">企业数字化转型加速器：基于小二CMS的高可用CRM系统开发全案，实现销售业绩翻倍</span></a>
<a href="https://www.jz190.com/solution/110.html" title="基于小二CMS的排队叫号系统开发全案：打造高并发、全场景的智能调度数字基座"><i class="fa-solid fa-building"></i> <span class="ft-link-text">基于小二CMS的排队叫号系统开发全案：打造高并发、全场景的智能调度数字基座</span></a>
<a href="https://www.jz190.com/solution/109.html" title="小二CMS家政O2O系统：打造千万级高并发的同城上门服务平台，一站式解决获客、派单与管理难题"><i class="fa-solid fa-building"></i> <span class="ft-link-text">小二CMS家政O2O系统：打造千万级高并发的同城上门服务平台，一站式解决获客、派单与管理难题</span></a>
<a href="https://www.jz190.com/solution/108.html" title="基于小二CMS的同城“搭子”社交系统开发方案：精准匹配与商业变现全攻略"><i class="fa-solid fa-building"></i> <span class="ft-link-text">基于小二CMS的同城“搭子”社交系统开发方案：精准匹配与商业变现全攻略</span></a>
</div>
</div>
<!-- 列4：关于我们 -->
<div class="ft-col">
<div class="ft-col-title">关于我们</div>
<div class="ft-links ft-links-icon">
<a href="https://www.jz190.com/about/10.html" target="_blank" title="商务合作"><i class="fa-solid fa-file-lines"></i> <span class="ft-link-text">商务合作</span></a>
<a href="https://www.jz190.com/about/7.html" target="_blank" title="模板、插件定制"><i class="fa-solid fa-file-lines"></i> <span class="ft-link-text">模板、插件定制</span></a>
<a href="https://www.jz190.com/about/9.html" target="_blank" title="赠值服务报价"><i class="fa-solid fa-file-lines"></i> <span class="ft-link-text">赠值服务报价</span></a>
<a href="https://www.jz190.com/about/8.html" target="_blank" title="演示地址"><i class="fa-solid fa-file-lines"></i> <span class="ft-link-text">演示地址</span></a>
<a href="https://www.jz190.com/about/5.html" target="_blank" title="售后服务"><i class="fa-solid fa-file-lines"></i> <span class="ft-link-text">售后服务</span></a>
<a href="https://www.jz190.com/about/4.html" target="_blank" title="我们的优势"><i class="fa-solid fa-file-lines"></i> <span class="ft-link-text">我们的优势</span></a>
<a href="https://www.jz190.com/about/6.html" target="_blank" title="付款方式"><i class="fa-solid fa-file-lines"></i> <span class="ft-link-text">付款方式</span></a>
<a href="https://www.jz190.com/about/3.html" target="_blank" title="加入我们"><i class="fa-solid fa-file-lines"></i> <span class="ft-link-text">加入我们</span></a>
<a href="https://www.jz190.com/about/2.html" target="_blank" title="联系我们"><i class="fa-solid fa-file-lines"></i> <span class="ft-link-text">联系我们</span></a>
<a href="https://www.jz190.com/about/1.html" target="_blank" title="关于我们"><i class="fa-solid fa-file-lines"></i> <span class="ft-link-text">关于我们</span></a>
<a href="https://www.jz190.com/case"><i class="fa-solid fa-folder-open"></i> 成功案例</a>
<a href="https://www.jz190.com/news"><i class="fa-solid fa-newspaper"></i> 新闻动态</a>
</div>
</div>
<!-- 列4：关注我们 -->
<div class="ft-col ft-qr-col">
<div class="ft-col-title">关注我们</div>
<div class="ft-qr-grid">
<div class="ft-qr-item">
<div class="ft-qr-img"><img src="https://www.jz190.com/xiaoercms/Themes/home/images/style/gzh.jpg" alt="公众号"></div>
<span>官方公众号</span>
</div>
<div class="ft-qr-item">
<div class="ft-qr-img"><img src="https://www.jz190.com/xiaoercms/Themes/home/images/style/xcx.jpg" alt="小程序"></div>
<span>微信小程序</span>
</div>
<div class="ft-qr-item">
<div class="ft-qr-img"><img src="https://www.jz190.com/xiaoercms/Themes/home/images/style/weixin.jpg" alt="客服微信"></div>
<span>客服微信</span>
</div>
</div>
</div>
</div>
<!-- ====== 服务承诺 ====== -->
<div class="ft-promise">
<div class="ft-promise-item"><i class="fa-solid fa-headset"></i><span><strong>7×24h</strong> 售后支持</span></div>
<div class="ft-promise-dot"></div>
<div class="ft-promise-item"><i class="fa-solid fa-shield-halved"></i><span><strong>数据加密</strong> 安全保障</span></div>
<div class="ft-promise-dot"></div>
<div class="ft-promise-item"><i class="fa-solid fa-clock-rotate-left"></i><span><strong>30天</strong> 免费维护</span></div>
<div class="ft-promise-dot"></div>
<div class="ft-promise-item"><i class="fa-solid fa-rotate"></i><span><strong>免费</strong> 二次修改</span></div>
<div class="ft-promise-dot"></div>
<div class="ft-promise-item"><i class="fa-solid fa-trophy"></i><span><strong>品质</strong> 售后无忧</span></div>
</div>
<!-- 分隔线 -->
<div class="ft-divider"></div>
<!-- ====== 底部版权栏 ====== -->
<div class="ft-bottom">
<div class="ft-motto">
<div class="ft-motto-item">
<span class="ft-motto-icon"><i class="fa-solid fa-bullseye"></i></span>
<span class="ft-motto-text">我们的使命：通过我们的努力，让技术改变命运！</span>
</div>
<span class="ft-motto-dot"></span>
<div class="ft-motto-item">
<span class="ft-motto-icon"><i class="fa-solid fa-hand-fist"></i></span>
<span class="ft-motto-text">我们的宗旨：客户第一，品质至上！</span>
</div>
<span class="ft-motto-dot"></span>
<div class="ft-motto-item">
<span class="ft-motto-icon"><i class="fa-solid fa-handshake"></i></span>
<span class="ft-motto-text">我们的信念：唯有客户的成功，才是我们的成功！</span>
</div>
</div>
<div class="ft-bottom-divider"></div>
<div class="ft-nav">
<a href="https://www.jz190.com/"><i class="fa-solid fa-house"></i> 网站首页</a>
<span class="ft-nav-dot">|</span>
<a href="https://www.jz190.com/about/10.html" target="_blank">商务合作</a>
<span class="ft-nav-dot">|</span>
<a href="https://www.jz190.com/about/7.html" target="_blank">模板、插件定制</a>
<span class="ft-nav-dot">|</span>
<a href="https://www.jz190.com/about/9.html" target="_blank">赠值服务报价</a>
<span class="ft-nav-dot">|</span>
<a href="https://www.jz190.com/about/8.html" target="_blank">演示地址</a>
<span class="ft-nav-dot">|</span>
<a href="https://www.jz190.com/about/5.html" target="_blank">售后服务</a>
<span class="ft-nav-dot">|</span>
<a href="https://www.jz190.com/about/4.html" target="_blank">我们的优势</a>
<span class="ft-nav-dot">|</span>
<a href="https://www.jz190.com/about/6.html" target="_blank">付款方式</a>
<span class="ft-nav-dot">|</span>
<a href="https://www.jz190.com/about/3.html" target="_blank">加入我们</a>
<span class="ft-nav-dot">|</span>
<a href="https://www.jz190.com/about/2.html" target="_blank">联系我们</a>
<span class="ft-nav-dot">|</span>
<a href="https://www.jz190.com/about/1.html" target="_blank">关于我们</a>
<span class="ft-nav-dot">|</span>
<a href="https://www.jz190.com/auth" target="_blank"><i class="fa-solid fa-certificate"></i> 授权查询</a>
<span class="ft-nav-dot">|</span>
<a href="https://www.jz190.com/tags" target="_blank"><i class="fa-solid fa-tags"></i> 网站标签</a>
<span class="ft-nav-dot">|</span>
<a href="https://www.jz190.com/maps.html" target="_blank"><i class="fa-solid fa-sitemap"></i> 站点地图</a>
</div>
<div class="ft-desc-text">
<i class="fa-solid fa-rocket"></i>
我们提供全端互联网产品：企业官网、微信小程序、APP、电商平台、游戏币交易系统等。您可以通过电话 <a href="tel:19810950281" target="_blank" class="ft-desc-tel">198-1095-0281</a> 咨询详情，或<a href="https://www.jz190.com/product" target="_blank" class="ft-desc-link">查看产品列表 <i class="fa-solid fa-arrow-up-right-from-square"></i></a>。
</div>
<div class="ft-copy">
<span>Copyright © 2013-2026 JZ190.COM All Rights Reserved. 专注网站/小程序/电商定制开发</span>
<span class="ft-dot">|</span>
<span>工信部备案：<a href="https://beian.miit.gov.cn" target="_blank">皖ICP备19021785号-6</a></span>
<span class="ft-dot">|</span>
<span>公安备案：<a href="https://beian.mps.gov.cn" target="_blank">皖公网安备34019102000119号</a></span>
<span class="ft-dot">|</span>
<span><i class="fa-solid fa-shield-halved"></i> 本网站已安全运行 <strong id="run-days"></strong> 天</span>
<span class="ft-dot">|</span>
<span class="ft-copy-tech">Powered by 建站190</span>
</div>
</div>
</div>
</div>
<!-- 产品二维码弹窗 -->
<div id="qrcode-modal">
<div class="qrcode-modal-content">
<button onclick="closeQRCode()" class="qrcode-close-btn">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 2L16 16M16 2L2 16" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
</svg>
</button>
<h3 class="qrcode-modal-title">产品演示</h3>
<div class="qrcode-image-wrapper">
<img src="https://www.jz190.com/xiaoercms/Themes/home/images/style/xcx.jpg" alt="产品演示二维码">
</div>
<p class="qrcode-modal-hint">请使用微信扫描二维码</p>
<p class="qrcode-modal-subhint">查看产品演示</p>
</div>
</div>
<!-- ═══════════ 豪华客服弹窗 - QQ客服 ═══════════ -->
<div id="qq-qrcode-modal">
<div class="kc-modal-overlay" onclick="closeQQModal()"></div>
<div class="kc-modal">
<button onclick="closeQQModal()" class="kc-close"><i class="fa-solid fa-xmark"></i></button>
<div class="kc-modal-glow" style="background:radial-gradient(circle at 30% 20%,rgba(18,183,245,.15),transparent 60%);"></div>
<div class="kc-modal-body">
<div class="kc-brand-icon kc-qq-icon">
<i class="fa-brands fa-qq"></i>
</div>
<h3 class="kc-title">QQ 客服</h3>
<p class="kc-desc">扫码添加好友 · 专属客服在线</p>
<div class="kc-qr-wrap">
<div class="kc-qr-inner">
<div class="kc-qr-glow" style="background:radial-gradient(circle,rgba(18,183,245,.2),transparent 60%);"></div>
<img src="https://www.jz190.com/xiaoercms/Themes/home/images/style/qqewm.jpg" alt="QQ二维码">
</div>
</div>
<div class="kc-contact-row">
<i class="fa-brands fa-qq"></i>
<span>QQ号：<strong>460623785</strong></span>
</div>
<div class="kc-footer">
<span class="kc-footer-icon"><i class="fa-solid fa-clock"></i></span>
<span>工作日 9:00 - 21:00 在线</span>
</div>
</div>
</div>
</div>
<!-- ═══════════ 豪华客服弹窗 - 微信客服 ═══════════ -->
<div id="wechat-qrcode-modal">
<div class="kc-modal-overlay" onclick="closeWechatModal()"></div>
<div class="kc-modal">
<button onclick="closeWechatModal()" class="kc-close"><i class="fa-solid fa-xmark"></i></button>
<div class="kc-modal-glow" style="background:radial-gradient(circle at 30% 20%,rgba(7,193,96,.12),transparent 60%);"></div>
<div class="kc-modal-body">
<div class="kc-brand-icon kc-wechat-icon">
<i class="fa-brands fa-weixin"></i>
</div>
<h3 class="kc-title">微信客服</h3>
<p class="kc-desc">扫码添加 · 一对一专属服务</p>
<div class="kc-qr-wrap">
<div class="kc-qr-inner">
<div class="kc-qr-glow" style="background:radial-gradient(circle,rgba(7,193,96,.18),transparent 60%);"></div>
<img src="https://www.jz190.com/xiaoercms/Themes/home/images/style/weixin.jpg" alt="微信二维码">
</div>
</div>
<div class="kc-contact-row">
<i class="fa-brands fa-weixin"></i>
<span>微信号：<strong>yanboss0901</strong></span>
</div>
<div class="kc-footer">
<span class="kc-footer-icon"><i class="fa-solid fa-message"></i></span>
<span>添加即送 · 产品资料 & 专属优惠</span>
</div>
</div>
</div>
</div>
<!-- ═══════════ 精美客服弹窗 · 旗舰版 ═══════════ -->
<div id="service-modal">
<div class="sv-overlay" onclick="closeServiceModal()"></div>
<div class="sv-modal">
<button class="sv-close" onclick="closeServiceModal()" aria-label="关闭"><i class="fa-solid fa-xmark"></i></button>
<span class="sv-deco sv-deco-1"></span>
<span class="sv-deco sv-deco-2"></span>
<div class="sv-header">
<span class="sv-eyebrow"><i class="fa-solid fa-comment-dots"></i> PROFESSIONAL SERVICE</span>
<h2 class="sv-title">联系我们</h2>
<p class="sv-subtitle">选择最适合您的方式 · 专属顾问 7×24 在线为您服务</p>
</div>
<div class="sv-body">
<!-- 微信客服 -->
<div class="sv-card sv-card-wechat">
<div class="sv-card-ic"><i class="fa-brands fa-weixin"></i></div>
<h3 class="sv-card-title">微信客服</h3>
<p class="sv-card-desc">扫码添加 · 一对一专属服务</p>
<div class="sv-qr-wrap">
<img src="https://www.jz190.com/xiaoercms/Themes/home/images/style/weixin.jpg" alt="微信二维码">
</div>
<div class="sv-card-foot">
<span class="sv-label">微信号</span>
<span class="sv-value" id="wechat-number">yanboss0901</span>
<button class="sv-copy" id="copy-wechat" onclick="copyText(event,'wechat-number')" title="复制微信号"><i class="fa-solid fa-copy"></i></button>
</div>
</div>
<!-- QQ客服 -->
<div class="sv-card sv-card-qq">
<div class="sv-card-ic"><i class="fa-brands fa-qq"></i></div>
<h3 class="sv-card-title">QQ 客服</h3>
<p class="sv-card-desc">扫码添加 · 专属客服在线</p>
<div class="sv-qr-wrap">
<img src="https://www.jz190.com/xiaoercms/Themes/home/images/style/qqewm.jpg" alt="QQ二维码">
</div>
<div class="sv-card-foot">
<span class="sv-label">QQ号</span>
<span class="sv-value" id="qq-number">460623785</span>
<button class="sv-copy" id="copy-qq" onclick="copyText(event,'qq-number')" title="复制QQ号"><i class="fa-solid fa-copy"></i></button>
</div>
</div>
<!-- 电话咨询 -->
<div class="sv-card sv-card-phone">
<div class="sv-card-ic"><i class="fa-solid fa-phone"></i></div>
<h3 class="sv-card-title">电话咨询</h3>
<p class="sv-card-desc">工作日 9:00-21:00 · 极速响应</p>
<div class="sv-phone-show">
<i class="fa-solid fa-headset"></i>
<a href="tel:19810950281" class="sv-phone-number">19810950281</a>
</div>
<a href="tel:19810950281" class="sv-call-btn"><i class="fa-solid fa-phone-volume"></i> 立即拨打</a>
</div>
<!-- 在线客服 -->
<div class="sv-card sv-card-chat">
<div class="sv-card-ic"><i class="fa-solid fa-comments"></i></div>
<h3 class="sv-card-title">在线客服</h3>
<p class="sv-card-desc">智能 + 人工 · 即时沟通</p>
<p class="sv-chat-tip">遇到问题？点击进入在线客服，智能助手与人工顾问随时为您解答。</p>
<a class="sv-chat-btn" href="https://www.jz190.com/chat"><i class="fa-solid fa-headset"></i> 进入在线客服</a>
</div>
</div>
<div class="sv-footer">
<span class="sv-footer-icon"><i class="fa-solid fa-clock"></i></span>
<span>专业团队 · 快速响应 · 贴心服务</span>
</div>
</div>
</div>
<!-- 悬浮客服侧边栏 -->
<div class="floating-service-bar">
<!-- 在线客服 -->
<a class="service-item message-item" href="https://www.xiaoercms.com/chat" target="_blank" rel="noopener">
<i class="fa-solid fa-headset"></i>
<div class="service-tooltip">在线客服</div>
</a>
<!-- 电话 -->
<div class="service-item phone-item" onclick="xiaoercms_phone()">
<i class="fa-solid fa-phone-volume"></i>
<div class="service-tooltip">电话咨询</div>
</div>
<!-- 微信 -->
<div class="service-item wechat-item" onclick="openWechatModal()">
<i class="fa-brands fa-weixin"></i>
<div class="service-tooltip">微信咨询</div>
</div>
<!-- QQ -->
<div class="service-item qq-item" onclick="openQQModal()">
<i class="fa-brands fa-qq"></i>
<div class="service-tooltip">QQ咨询</div>
</div>
</div>
<!-- ═══════════ 电话咨询弹窗 ═══════════ -->
<style>
.ph-overlay{position:fixed;inset:0;z-index:10000;background:rgba(8,15,35,.6);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}
.ph-modal{position:relative;width:100%;max-width:420px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:phPop .3s ease;z-index:10001}
#phone-modal{display:none;position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center}
#phone-modal.open{display:flex}
@keyframes phPop{from{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:none}}
.ph-head{position:relative;padding:28px 28px 24px;background:linear-gradient(135deg,#0f1b3c,#16356b 60%,#1d3f86);color:#fff;text-align:center}
.ph-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:50px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.08));pointer-events:none}
.ph-close{position:absolute;top:12px;right:14px;z-index:2;width:34px;height:34px;border:none;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:15px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}
.ph-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}
.ph-ico{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 14px;border-radius:18px;font-size:26px;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 10px 24px rgba(37,99,235,.45)}
.ph-head h3{margin:0 0 6px;font-size:22px;font-weight:800;letter-spacing:.02em}
.ph-head p{margin:0;font-size:13px;color:rgba(255,255,255,.7)}
.ph-body{padding:26px 28px 30px;display:flex;flex-direction:column;gap:14px}
.ph-item{display:flex;align-items:center;gap:16px;padding:16px 18px;background:#f8faff;border:1px solid #e6edf6;border-radius:14px;text-decoration:none;transition:all .22s}
.ph-item:hover{border-color:#2563eb;box-shadow:0 8px 20px rgba(37,99,235,.12);transform:translateX(4px)}
.ph-item>i{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;font-size:18px;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}
.ph-item div{flex:1;display:flex;flex-direction:column;gap:3px}
.ph-item div span{font-size:12px;color:#94a3b8}
.ph-item div b{font-size:18px;font-weight:800;color:#0f172a;letter-spacing:.01em}
.ph-item .ph-go{width:auto;background:rgba(37,99,235,.1);color:#2563eb;font-size:12px}
.ph-work{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:4px;font-size:12.5px;color:#94a3b8}
.ph-work i{color:#10b981}
</style>
<div id="phone-modal">
<div class="ph-overlay" onclick="closePhoneModal()"></div>
<div class="ph-modal">
<button class="ph-close" onclick="closePhoneModal()" aria-label="关闭"><i class="fa-solid fa-xmark"></i></button>
<div class="ph-head">
<div class="ph-ico"><i class="fa-solid fa-phone-volume"></i></div>
<h3>电话咨询</h3>
<p>点击拨打 · 专属顾问为您解答</p>
</div>
<div class="ph-body">
<a class="ph-item" href="tel:19810950281" data-tel="19810950281">
<i class="fa-solid fa-phone"></i>
<div><span>咨询热线</span><b>19810950281</b></div>
<i class="fa-solid fa-arrow-right ph-go"></i>
</a>
<div class="ph-work"><i class="fa-regular fa-clock"></i> 服务时间：周一至周日 9:00 - 21:00</div>
</div>
</div>
</div>
<!-- 回到顶部按钮 -->
<div class="back-to-top" id="backToTop">
<i class="fa-solid fa-chevron-up"></i>
<div class="tooltip">回到顶部</div>
</div>
<!-- ═══════════ 查看演示 · 线索留资弹窗（样式见 css/xiaoercms.css） ═══════════ -->
<div id="lead-modal">
<div class="lm-overlay" onclick="closeLeadModal()"></div>
<div class="lm-card">
<button class="lm-close" onclick="closeLeadModal()"><i class="fa-solid fa-xmark"></i></button>
<div id="lm-form-wrap" class="lm-cols">
<div class="lm-left">
<div class="lm-head">
<span class="lm-badge"><i class="fa-solid fa-eye"></i> 预约演示 · FREE DEMO</span>
<h3 class="lm-title">预约产品演示</h3>
<p class="lm-sub">留下联系方式，顾问将尽快为您安排一对一演示</p>
</div>
<form id="leadModalForm" onsubmit="return xiaoercms_submitLeadModal(event)">
<input type="hidden" name="source" id="lm-source-input" value="" />
<div class="lm-row">
<div class="lm-field">
<label>称呼<i class="req">*</i></label>
<input type="text" name="name" maxlength="20" placeholder="如：王经理" required />
</div>
<div class="lm-field">
<label>手机号<i class="req">*</i></label>
<input type="tel" name="phone" maxlength="11" placeholder="11 位手机号" required />
</div>
</div>
<div class="lm-field">
<label>公司 / 单位</label>
<input type="text" name="company" maxlength="60" placeholder="选填" />
</div>
<div class="lm-field">
<label>需求类型</label>
<select name="demand_type">
<option value="demo" selected>预约演示 / 咨询</option>
<option value="website">企业官网建设</option>
<option value="ecommerce">电商/商城系统</option>
<option value="site">城市分站/行业门户</option>
<option value="wechat">微信小程序/公众号</option>
<option value="app">APP 开发（iOS/安卓）</option>
<option value="seo">SEO 优化/整站排名</option>
<option value="system">业务系统/ERP/CRM 定制</option>
<option value="other">其他需求</option>
</select>
</div>
<div class="lm-field">
<label>留言</label>
<textarea name="message" maxlength="500" placeholder="想了解的产品或演示需求（选填）"></textarea>
</div>
<button type="submit" class="lm-submit">提交预约</button>
<div class="lm-tip"><i class="fa-solid fa-lock"></i> 信息严格保密，仅用于与您联系</div>
</form>
</div>
<div class="lm-right" id="lm-qr-col" style="display:none">
<div id="lm-qr" class="lm-qr">
<div class="lm-qr-img"><img src="https://www.jz190.com/xiaoercms/Themes/home/images/style/xcx.jpg" alt="小程序二维码" /></div>
<p class="lm-qr-tip"><i class="fa-solid fa-qrcode"></i> 长按 / 微信扫一扫，立即体验小程序</p>
</div>
</div>
</div>
<div id="lm-done" class="lm-done">
<div class="lm-done-ring"><i class="fa-solid fa-check"></i></div>
<h3>提交成功</h3>
<p>我们已收到您的预约，顾问将尽快与您联系。</p>
</div>
</div>
</div>
<script>
var weburl="https://www.jz190.com",
webname="如何优化网站产品页面 - 建站190";
window.XIAOERCMS = { siteUrl: weburl, siteId: 1, siteLogo: "data/upload/logo/20240303/1714074080C_37.png", siteName: "建站190" };
// 从 PHP session 同步 member_id 到 localStorage，确保弹窗领券等功能能识别已登录用户
try{
var midsync=0;
if(midsync>0&&!localStorage.getItem('xiaoercms_member_id')){
localStorage.setItem('xiaoercms_member_id',String(midsync));
window.XIAOERCMS.memberId=midsync;
}
}catch(e){}
</script>
<!-- ═══════════ 视频弹窗 ═══════════ -->
<style>
.video-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:rgba(8,15,35,.82);backdrop-filter:blur(8px);padding:20px}
.video-modal-box{position:relative;width:100%;max-width:900px;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.video-modal-close{position:absolute;top:12px;right:14px;z-index:2;width:38px;height:38px;border:none;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:17px;cursor:pointer;transition:all .22s;display:flex;align-items:center;justify-content:center}
.video-modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}
.video-modal-box video{display:block;width:100%;height:auto;max-height:82vh;background:#000}
</style>
<div id="video-container" class="video-modal" onclick="if(event.target===this)closeVideo()">
<div class="video-modal-box">
<button type="button" class="video-modal-close" onclick="closeVideo()" aria-label="关闭"><i class="fa-solid fa-xmark"></i></button>
<video id="mainVideo" controls playsinline preload="metadata">
<source src="https://www.jz190.com/data/upload/video/index.mp4" type="video/mp4">
</video>
</div>
</div>
<script type="text/javascript" src="https://www.jz190.com/static/js/jquery.min.js?v=6720"></script>
<script type="text/javascript" src="https://www.jz190.com/xiaoercms/Themes/home/js/xiaoercms.js?v=6720"></script>
<script type="text/javascript" src="https://www.jz190.com/static/js/visit.js?v=6720"></script>
<!-- ═══ 底部/弹窗功能兜底（兼容 jz190）═══ -->
<script>
function copyText(e, id){
var el = document.getElementById(id);
if (!el) return;
var txt = el.textContent.trim();
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(txt).then(function(){ tip('已复制'); });
} else {
var ta = document.createElement('textarea');
ta.value = txt; document.body.appendChild(ta); ta.select();
try { document.execCommand('copy'); tip('已复制'); } catch(err){}
document.body.removeChild(ta);
}
}
function tip(msg){
var d = document.createElement('div');
d.className = 'tip-toast'; d.textContent = msg;
d.style.cssText = 'position:fixed;left:50%;bottom:60px;transform:translateX(-50%);background:rgba(0,0,0,.75);color:#fff;padding:8px 18px;border-radius:20px;z-index:99999;font-size:13px;';
document.body.appendChild(d);
setTimeout(function(){ d.remove(); }, 1800);
}
function openLeadModal(name){ var m = document.getElementById('lead-modal'); if(m) m.style.display='flex'; }
function closeLeadModal(){ var m = document.getElementById('lead-modal'); if(m) m.style.display='none'; }
window.openLeadModal = window.openLeadModal || openLeadModal;
function xiaoercms_submitLeadModal(e){
e.preventDefault();
var done = document.getElementById('lm-done');
if (done) done.style.display = 'flex';
return false;
}
</script>
<!--下面为自动推送功能-->
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
<script>
var N={id:3067,base:'https://www.jz190.com',dk:'xiaoercms_news_digg_'+3067,dd:localStorage.getItem('xiaoercms_news_digg_'+3067),cp:1,cl:false};
// 自研 Toast 提示
function T(m,t){t=t||'info';var c=document.getElementById('ndToastCt');if(!c){c=document.createElement('div');c.id='ndToastCt';c.style.cssText='position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none';document.body.appendChild(c)}
var e=document.createElement('div');e.style.cssText='display:flex;align-items:center;gap:10px;padding:13px 26px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-20px);opacity:0;transition:all .35s ease;pointer-events:auto;white-space:nowrap';
if(t==='success'){e.style.background='linear-gradient(135deg,#10b981,#34d399)';e.style.color='#fff';e.innerHTML='<i class=\"fa-solid fa-circle-check\" style=font-size:17px></i> '+m}
else if(t==='error'){e.style.background='linear-gradient(135deg,#ef4444,#f87171)';e.style.color='#fff';e.innerHTML='<i class=\"fa-solid fa-circle-xmark\" style=font-size:17px></i> '+m}
else{e.style.background='linear-gradient(135deg,#0ea5e9,#38bdf8)';e.style.color='#fff';e.innerHTML='<i class=\"fa-solid fa-circle-info\" style=font-size:17px></i> '+m}
c.appendChild(e);requestAnimationFrame(function(){e.style.transform='translateY(0)';e.style.opacity='1'});
setTimeout(function(){e.style.transform='translateY(-20px)';e.style.opacity='0';setTimeout(function(){if(e.parentNode)e.parentNode.removeChild(e)},350)},2500)}
function ok(c){return c===200||c===0}
// 进度条
window.addEventListener('scroll',function(){var p=document.documentElement.scrollHeight-document.documentElement.clientHeight;document.getElementById('ndBar').style.width=p>0?Math.min(100,Math.round(window.scrollY/p*100))+'%':'0'});
// 字号调节（切换 .nd-content 的 fs-s / fs-l 类，字号由 CSS 变量 --nd-fs 控制）
function xiaoercms_setFS(fs,btn){
var c=document.querySelector('.nd-content');
if(!c) return;
c.classList.remove('fs-s','fs-l');
if(fs==='s') c.classList.add('fs-s');
if(fs==='l') c.classList.add('fs-l');
var btns=document.querySelectorAll('.nd-fs-btn');
for(var i=0;i<btns.length;i++) btns[i].classList.remove('on');
if(btn) btn.classList.add('on');
try{localStorage.setItem('xiaoercms_news_fs',fs);}catch(e){}
}
// 载入时恢复上次字号选择
(function(){
try{
var fs=localStorage.getItem('xiaoercms_news_fs');
if(fs){
var c=document.querySelector('.nd-content');
if(c){c.classList.remove('fs-s','fs-l');if(fs==='s')c.classList.add('fs-s');if(fs==='l')c.classList.add('fs-l');}
var b=document.querySelector('.nd-fs-btn[data-fs="'+fs+'"]');
if(b){var bs=document.querySelectorAll('.nd-fs-btn');for(var i=0;i<bs.length;i++)bs[i].classList.remove('on');b.classList.add('on');}
}
}catch(e){}
})();
// 分享
function xiaoercms_share(){if(navigator.clipboard){navigator.clipboard.writeText(location.href).then(function(){T('链接已复制到剪贴板','success')})}else{T('页面地址：'+location.href,'info')}}
// 顶踩
function xiaoercms_digg(a){
if(N.dd){T('你已经评价过了','error');return;}
var likeBtn=document.getElementById('likeBtn'),likeBtn2=document.getElementById('likeBtn2');
var dislikeBtn=document.getElementById('dislikeBtn'),dislikeBtn2=document.getElementById('dislikeBtn2');
var likeNum=document.getElementById('likeNum'),likeNum2=document.getElementById('likeNum2');
var dislikeNum=document.getElementById('dislikeNum'),dislikeNum2=document.getElementById('dislikeNum2');
if(a==='like'){
if(likeBtn)likeBtn.classList.add('on'); if(likeBtn2)likeBtn2.classList.add('on');
var n=(parseInt(likeNum.textContent,10)||0)+1;
if(likeNum)likeNum.textContent=n; if(likeNum2)likeNum2.textContent=n;
}else{
if(dislikeBtn)dislikeBtn.classList.add('on'); if(dislikeBtn2)dislikeBtn2.classList.add('on');
var n2=(parseInt(dislikeNum.textContent,10)||0)+1;
if(dislikeNum)dislikeNum.textContent=n2; if(dislikeNum2)dislikeNum2.textContent=n2;
}
N.dd=a;localStorage.setItem(N.dk,a);T('感谢您的评价','success');
}
if(N.dd){var db=document.getElementById(N.dd==='like'?'likeBtn':'dislikeBtn');if(db)db.classList.add('on');var db2=document.getElementById(N.dd==='like'?'likeBtn2':'dislikeBtn2');if(db2)db2.classList.add('on');}
// 点赞与分享</script>
</body>
</html>
