提供您的想法 Provide your ideas

<input class="subform" type="button" id="subform" value="提交">
        </form>
      </div>
      <div class="right-cont">
        <div class="flex flex-row title">
          <div class="flex flex-row left-text">
            <span class="shu">0</span><span class="shu">0</span><span class="maohao">:</span><span class="shu">3</span><span class="shu">0</span>
          </div>
          <div class="flex flex-column right-text">
            <h3>只需30分钟</h3><p>获取报价及开发方案</p>
          </div>
        </div>
        <div class="flex flex-row text-cont">
          <div class="lianxi">
            <h3>联系我们 <span>Contact us</span></h3>
            <p>电话 15722128892</p>
            <p>地址 贵州省贵阳市观山湖区</p>
          </div>
          <a class="btn" href="/about.html#column-7">了解更多</a>
        </div>
      </div>
    </div>
  </div>
</section>

<section id="column-8" class="flex flex-row column-8 about-us-6">
  <div class="left-cont">
    <img width="1024" height="576" decoding="async" loading="lazy"  src="https://assets.lvesun.com/guanwang/wxdata/4349326650fe2ae387641e16ac42457d.jpg?v=1.23" alt="联系我们">
    <div class="flex flex-row cont-text">
      <div class="text">
        <img width="197" height="48" src="https://assets.lvesun.com/guanwang/wxdata/7d1eb6691fa354badbf4f6eb1c4a2662.png" alt="公司Logo">
        <p class="p1">专注互联网解决方案11年</p>
        <p class="p2">Copyright 2026 Lvesun Technology ALL Rights Reserved</p>
        <p class="p2"><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">黔ICP备2021000000号</a></p>
      </div>
    </div>
  </div>
  <div class="flex flex-row right-cont">
    <div class="flex flex-column shouye">
      <h3>服务</h3>
      <a href="/active/htmldata.html">网站建设</a>
      <a href="/active/hfivedata.html">H5响应式</a>
      <a href="/ywapp.html">APP开发</a>
      <a href="/xcxdata.html">小程序开发</a>
    </div>
    <div class="flex flex-column anli">
      <h3>案例</h3>
      <a href="/caselist.html">企业网站案例</a>
      <a href="/caselist.html">H5响应式案例</a>
      <a href="/caselist.html">小程序案例</a>
      <a href="/caselist.html">APP开发案例</a>
    </div>
    <div class="flex flex-column cont-code">
      <img src="https://assets.lvesun.com/guanwang/wxdata/fbe2ed159a3750618f35e6e49ae93846.png" alt="微信公众号二维码">
      <span>扫二维码</span><span>关注我们的动态</span>
    </div>
  </div>
</section>

<section class="hf-features-new">
  <div class="sec-hd fade-up">
    <div class="sec-eyebrow">CORE ADVANTAGES</div>
    <h2>H5响应式网站核心优势</h2>
    <p>一套代码，全端适配，打造令用户爱不释手的多屏体验</p>
  </div>
  <div class="fc-grid">
    <div class="fc-card fade-up">
      <div class="fc-icon-wrap"><img width="412" height="404" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/30478ec4d16da473b6d1c6935fac6f7b.png" alt="全端自适应"></div>
      <h3>全端自适应</h3>
      <p>弹性流式布局 + CSS3媒体查询，智能识别设备类型，PC、手机、平板均完美呈现，无任何裁切</p>
    </div>
    <div class="fc-card fade-up" style="transition-delay:.1s;">
      <div class="fc-icon-wrap"><img width="404" height="400" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/beebdb6eb0c3c8d7683c6ebe571ee905.png" alt="SEO优化"></div>
      <h3>SEO深度优化</h3>
      <p>语义化HTML5标签、结构化数据、单一规范URL，全面迎合百度/谷歌算法，自然流量大幅提升</p>
    </div>
    <div class="fc-card fade-up" style="transition-delay:.2s;">
      <div class="fc-icon-wrap"><img width="406" height="400" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/6e370670b7f4a8e6958e1ffd9676104e.png" alt="高性能"></div>
      <h3>极速高性能</h3>
      <p>代码精简压缩、资源懒加载、CDN加速，首屏渲染小于2秒，用户留存率提升60%+</p>
    </div>
    <div class="fc-card fade-up" style="transition-delay:.3s;">
      <div class="fc-icon-wrap"><img width="410" height="404" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/a174e1ae83c0a18f65ab0351d684b376.png" alt="跨平台"></div>
      <h3>跨平台兼容</h3>
      <p>兼容Chrome、Safari、Firefox、Edge等主流浏览器，iOS与Android全版本无缝覆盖</p>
    </div>
  </div>
</section>

<section class="hf-whyus">
  <div class="wu-inner">
    <div class="wu-left fade-up">
      <div class="sec-hd" style="text-align:left;margin-bottom:0;">
        <div class="sec-eyebrow">WHY CHOOSE US</div>
        <h2>为什么选择优网科技</h2>
        <p>11年专注数字化建设，5000+企业选择我们，成就每一个客户的商业成功</p>
      </div>
      <div class="wu-list">
        <div class="wu-item"><div class="wu-num">01</div><div class="wu-text"><h4>深度需求理解，量身定制方案</h4><p>专业顾问1对1沟通，深度理解行业特性与业务逻辑，产出定制化技术方案</p></div></div>
        <div class="wu-item"><div class="wu-num">02</div><div class="wu-text"><h4>UI/UX双重设计，颜值与体验并重</h4><p>资深设计师团队，精研用户交互心理，打造高颜值、高转化率的界面</p></div></div>
        <div class="wu-item"><div class="wu-num">03</div><div class="wu-text"><h4>敏捷开发交付，进度透明可控</h4><p>标准化项目管理，阶段验收节点清晰，保障按时高质量交付</p></div></div>
        <div class="wu-item"><div class="wu-num">04</div><div class="wu-text"><h4>全生命周期服务，上线后持续护航</h4><p>提供运维保障、安全加固、SEO持续优化，让网站长期保持竞争力</p></div></div>
      </div>
    </div>
    <div class="wu-right fade-up" style="transition-delay:.2s;">
      <img class="wu-img" src="https://assets.lvesun.com/guanwang/wxdata/697162c68974ac8329ad5f6e7258a6c6.png" alt="优网科技服务">
      <div class="wu-badge b-left">
        <div class="wu-badge-icon"><img src="https://assets.lvesun.com/guanwang/wxdata/beebdb6eb0c3c8d7683c6ebe571ee905.png" alt="网站开发"></div>
        <div><strong>5000+</strong><span>成功交付案例</span></div>
      </div>
      <div class="wu-badge b-top">
        <div class="wu-badge-icon"><img src="https://assets.lvesun.com/guanwang/wxdata/30478ec4d16da473b6d1c6935fac6f7b.png" alt="系统开发"></div>
        <div><strong>98%</strong><span>客户满意好评</span></div>
      </div>
    </div>
  </div>
</section>

<section class="hf-types-new">
  <div class="sec-hd fade-up">
    <div class="sec-eyebrow">SITE TYPES</div>
    <h2>H5响应式网站类型</h2>
    <p>深耕多个行业赛道，精准匹配您的业务场景</p>
  </div>
  <div class="type-nav-wrap">
    <div class="type-nav-pills">
      <div class="type-pill active" data-panel="tp-0">企业官网 H5</div>
      <div class="type-pill" data-panel="tp-1">营销型 H5</div>
      <div class="type-pill" data-panel="tp-2">电商购物 H5</div>
      <div class="type-pill" data-panel="tp-3">门户资讯 H5</div>
    </div>
  </div>
  <div class="type-panel-new active" id="tp-0">
    <div class="tp-img-wrap"><img width="280" height="374" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/697162c68974ac8329ad5f6e7258a6c6.png" alt="企业官网H5"></div>
    <div class="tp-body">
      <span class="tp-eyebrow">ENTERPRISE WEBSITE</span>
      <h3>企业官网 H5 响应式</h3>
      <p class="tp-desc">专为企业量身打造的品牌展示型H5网站，融合现代设计美学与强大的内容管理能力，让您的品牌在所有终端设备上留下深刻印象，有效提升品牌权威度与客户信任感。</p>
      <div class="tp-tags-row"><span>品牌形象</span><span>产品展示</span><span>团队文化</span><span>招商加盟</span><span>在线咨询</span></div>
      <ul class="tp-ul">
        <li>全端自适应，PC / 手机 / 平板完美呈现</li>
        <li>CMS后台，内容随时自助更新管理</li>
        <li>集成在线客服、询盘表单</li>
        <li>SEO深度优化，百度排名显著提升</li>
      </ul>
      <a class="tp-cta-link" href="#cr-name">立即咨询定制 →</a>
    </div>
  </div>
  <div class="type-panel-new" id="tp-1">
    <div class="tp-img-wrap"><img width="456" height="420" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/2caea8879b0f18be93c97ceeff713daf.png" alt="营销型H5"></div>
    <div class="tp-body">
      <span class="tp-eyebrow">MARKETING WEBSITE</span>
      <h3>营销型 H5 响应式网站</h3>
      <p class="tp-desc">以转化率为核心的设计理念，科学布局CTA、落地页与表单，融合数据埋点，最大化每一次访问的商业价值，快速积累高质量销售线索。</p>
      <div class="tp-tags-row"><span>落地页</span><span>活动专题</span><span>表单收集</span><span>朋友圈裂变</span><span>数据分析</span></div>
      <ul class="tp-ul">
        <li>CRO设计，有效提升表单提交率</li>
        <li>集成微信分享、朋友圈裂变传播</li>
        <li>活动倒计时、限时抢购等营销组件</li>
        <li>实时数据统计，优化转化漏斗</li>
      </ul>
      <a class="tp-cta-link" href="#cr-name">立即咨询定制 →</a>
    </div>
  </div>
  <div class="type-panel-new" id="tp-2">
    <div class="tp-img-wrap"><img width="456" height="420" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/113804aec80ac9ac949d3f2b8bcb5cf7.png" alt="电商H5"></div>
    <div class="tp-body">
      <span class="tp-eyebrow">E-COMMERCE WEBSITE</span>
      <h3>电商购物 H5 响应式网站</h3>
      <p class="tp-desc">全功能在线商城H5解决方案，支持商品展示、购物车、多渠道支付、订单管理等核心功能，一套代码驱动PC端和移动端，助力线上销售额快速增长。</p>
      <div class="tp-tags-row"><span>商品展示</span><span>购物车</span><span>在线支付</span><span>订单管理</span><span>会员系统</span></div>
      <ul class="tp-ul">
        <li>微信 / 支付宝 / 银联多渠道支付</li>
        <li>SKU多规格商品灵活管理</li>
        <li>秒杀、拼团、优惠券营销玩法</li>
        <li>商家后台数据统计与销售报表</li>
      </ul>
      <a class="tp-cta-link" href="#cr-name">立即咨询定制 →</a>
    </div>
  </div>
  <div class="type-panel-new" id="tp-3">
    <div class="tp-img-wrap"><img width="456" height="420" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/e4ee2b670c8adb9c8e92c99a6b453d3d.png" alt="门户H5"></div>
    <div class="tp-body">
      <span class="tp-eyebrow">PORTAL WEBSITE</span>
      <h3>门户资讯 H5 响应式网站</h3>
      <p class="tp-desc">专业的新闻资讯与内容运营型H5网站，支持多栏目文章管理、分类标签、全文检索，手机端阅读体验极致流畅，打造高黏性内容社区生态。</p>
      <div class="tp-tags-row"><span>新闻发布</span><span>内容分类</span><span>全文检索</span><span>评论互动</span><span>视频资讯</span></div>
      <ul class="tp-ul">
        <li>多栏目多分类灵活配置管理</li>
        <li>富文本编辑器，图文混排流畅</li>
        <li>全站搜索，精准内容定位</li>
        <li>RSS订阅与消息推送集成</li>
      </ul>
      <a class="tp-cta-link" href="#cr-name">立即咨询定制 →</a>
    </div>
  </div>
</section>

<section class="hf-cases">
  <div class="sec-hd fade-up">
    <div class="sec-eyebrow">CASE STUDIES</div>
    <h2>精选案例展示</h2>
    <p>真实项目见证，每一个作品都是我们对品质的承诺</p>
  </div>
  <div class="cases-grid fade-up" style="transition-delay:.1s;">
    <a class="cc-card" href="/casedetail/92.html" style="text-decoration:none;">
      <img width="560" height="748" decoding="async"  class="cc-bg" src="https://assets.lvesun.com/guanwang/wxdata/7ba2d94d6e80e96ac0665cf0c147336d.png" alt="好莱客官网">
      <div class="cc-overlay"></div><div class="cc-arrow">→</div>
      <div class="cc-body">
        <img width="130" height="100" decoding="async"  class="cc-logo" src="https://assets.lvesun.com/guanwang/wxdata/ab7059f3af38512cd2ccc9bafd8810a5.png" alt="好莱客">
        <div class="cc-title">好莱客：品牌响应式官网</div>
        <div class="cc-desc">全端自适应品牌展示网站，完美适配所有设备，展现高端家居品牌形象</div>
        <div class="cc-chips"><span class="cc-chip">企业官网</span><span class="cc-chip">H5响应式</span></div>
      </div>
    </a>
    <a class="cc-card" href="/casedetail/89.html" style="text-decoration:none;">
      <img width="560" height="748" decoding="async"  class="cc-bg" src="https://assets.lvesun.com/guanwang/wxdata/7ba2d94d6e80e96ac0665cf0c147336d.png" alt="虎牙直播">
      <div class="cc-overlay"></div><div class="cc-arrow">→</div>
      <div class="cc-body">
        <img width="480" height="162" decoding="async"  class="cc-logo" src="https://assets.lvesun.com/guanwang/wxdata/d19e6e90b2180b36057588a84214b258.png" alt="虎牙直播">
        <div class="cc-title">虎牙直播：招聘响应式官网</div>
        <div class="cc-desc">集品牌展示与职位发布于一体，全端完美适配，用户体验极致流畅</div>
        <div class="cc-chips"><span class="cc-chip">招聘网站</span><span class="cc-chip">H5响应式</span></div>
      </div>
    </a>
    <a class="cc-card" href="/casedetail/86.html" style="text-decoration:none;">
      <img width="280" height="374" decoding="async"  class="cc-bg" src="https://assets.lvesun.com/guanwang/wxdata/59d1fe509f90cc1145a694dd02702431.png" alt="南科大">
      <div class="cc-overlay"></div><div class="cc-arrow">→</div>
      <div class="cc-body">
        <img width="240" height="80" decoding="async"  class="cc-logo" src="https://assets.lvesun.com/guanwang/wxdata/93d28beeebf89e9f4ed52ab784456bd5.png" alt="南科大">
        <div class="cc-title">南方科技大学：校园门户</div>
        <div class="cc-desc">响应式校园门户，课表查询、通知公告全功能，移动端体验完美</div>
        <div class="cc-chips"><span class="cc-chip">门户网站</span><span class="cc-chip">H5响应式</span></div>
      </div>
    </a>
    <a class="cc-card" href="/casedetail/53.html" style="text-decoration:none;">
      <img width="280" height="374" decoding="async"  class="cc-bg" src="https://assets.lvesun.com/guanwang/wxdata/fb8bbbcf84cd6bec375764e18680d0c9.png" alt="达瑞医疗">
      <div class="cc-overlay"></div><div class="cc-arrow">→</div>
      <div class="cc-body">
        <img width="240" height="80" decoding="async"  class="cc-logo" src="https://assets.lvesun.com/guanwang/wxdata/06bba25595a0c950758cdf82d1aa84af.png" alt="达瑞医疗">
        <div class="cc-title">达瑞医疗：企业响应式官网</div>
        <div class="cc-desc">医疗行业专业品牌官网，手机端预约咨询功能完整，信任感强</div>
        <div class="cc-chips"><span class="cc-chip">医疗行业</span><span class="cc-chip">H5响应式</span></div>
      </div>
    </a>
  </div>
  <div class="cases-more-row fade-up" style="transition-delay:.2s;">
    <a class="cases-more-btn" href="/caselist.html">查看全部案例 →</a>
  </div>
</section>

<section class="hf-testimonials">
  <div class="sec-hd fade-up">
    <div class="sec-eyebrow">CLIENT REVIEWS</div>
    <h2>客户真实评价</h2>
    <p>每一份信赖都是我们最好的勋章，品质值得您的托付</p>
  </div>
  <div class="testi-grid fade-up" style="transition-delay:.1s;">
    <div class="testi-card">
      <div class="testi-stars">★★★★★</div>
      <p class="testi-quote">「优网科技团队非常专业，我们官网上线后自然流量增加了60%，询盘量月均提升40%。PC和手机端的视觉体验都令我们非常满意，合作体验超预期！」</p>
      <div class="testi-foot">
        <div class="testi-avatar">李</div>
        <div><strong>李总监</strong><span>某知名家居品牌 · 市场总监</span></div>
      </div>
    </div>
    <div class="testi-card">
      <div class="testi-stars">★★★★★</div>
      <p class="testi-quote">「交付速度比承诺还快，品质更是令人惊喜。移动端体验极致流畅，我们的在线预约率提升了35%。优网科技是真正懂业务的技术团队，强烈推荐！」</p>
      <div class="testi-foot">
        <div class="testi-avatar">王</div>
        <div><strong>王院长</strong><span>某连锁医疗机构 · 运营总负责人</span></div>
      </div>
    </div>
    <div class="testi-card">
      <div class="testi-stars">★★★★★</div>
      <p class="testi-quote">「SEO效果非常出色，三个月后核心关键词排名全面提升，来自搜索引擎的优质流量增加了3倍，投资回报率完全超过预期，已再次合作！」</p>
      <div class="testi-foot">
        <div class="testi-avatar">张</div>
        <div><strong>张总</strong><span>某电商科技企业 · CEO</span></div>
      </div>
    </div>
  </div>
</section>

<section class="middle-process" style="display:block!important;">
  <div class="top-title">
    <div class="line"></div>
    <div class="flex flex-column mobile-app-title">
      <h3 class="title">优网科技以9道开发流程，严控产品质量</h3>
      <p style="font-size:20px;font-weight:400;">严谨的项目管理流程，确保项目进度和质量</p>
    </div>
  </div>
  <div class="process-content">
    <div class="item"><img width="260" height="160" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/1d182a2cb2f59987eb594a1dae6faf39.png" alt="需求分析" class="process-img"><img width="61" height="10" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/2fd08ead706a5cb9192535d1a367941d.png" alt="流程箭头" role="presentation" class="arrow"></div>
    <div class="item"><img width="260" height="160" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/9ffdb462eb515ae10825e0e91314898c.png" alt="原型设计" class="process-img"><img width="61" height="10" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/2fd08ead706a5cb9192535d1a367941d.png" alt="流程箭头" role="presentation" class="arrow"></div>
    <div class="item"><img width="260" height="160" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/3f709d6a33bc64cb399146a24705a2bf.png" alt="UI设计" class="process-img"><img width="61" height="10" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/2fd08ead706a5cb9192535d1a367941d.png" alt="流程箭头" role="presentation" class="arrow"></div>
    <div class="item"><img width="260" height="160" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/972f952a03dd35c43d4797b35eb07a38.png" alt="前端开发" class="process-img"><img width="61" height="10" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/2fd08ead706a5cb9192535d1a367941d.png" alt="流程箭头" role="presentation" class="arrow"></div>
    <div class="item"><img width="260" height="160" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/538d94af31921572db50b4408e5db204.png" alt="后端开发" class="process-img"></div>
    <div class="item"><img width="260" height="160" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/7b3fdcbf1271ae144b6a0cf10e7bf892.png" alt="售后维护" class="process-img"><img width="61" height="10" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/2775826a8b19b422d75bf1b9f77bff49.png" alt="流程箭头" role="presentation" class="arrow-back"></div>
    <div class="item"><img width="260" height="160" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/d9205cae730860d317c3bfcdc2816a2f.png" alt="正式上线" class="process-img"><img width="61" height="10" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/2775826a8b19b422d75bf1b9f77bff49.png" alt="流程箭头" role="presentation" class="arrow-back"></div>
    <div class="item"><img width="260" height="160" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/30ccb05b088a150a72cfb74f1217bc5b.png" alt="系统测试" class="process-img"><img width="61" height="10" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/2775826a8b19b422d75bf1b9f77bff49.png" alt="流程箭头" role="presentation" class="arrow-back"></div>
    <div class="item"><img width="260" height="160" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/16336f01eae8500e936406a71275c47a.png" alt="联调部署" class="process-img"><img width="84" height="93" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/da910a3c2a4f59f76f7db100b10c0a37.png" alt="流程箭头" role="presentation" class="arrow-turn"></div>
  </div>
</section>

<section class="hf-cta-strip fade-up">
  <h2>准备好打造您的 H5 响应式网站了吗？</h2>
  <p>现在咨询，享受专属优惠方案 · 30分钟快速响应 · 全程1对1服务</p>
  <div class="cta-btn-row">
    <a class="cta-btn-dark" href="#cr-name">立即免费咨询 →</a>
    <a class="cta-btn-ghost" href="/caselist.html">查看成功案例</a>
  </div>
</section>

<section class="hf-contact-new">
  <div class="contact-wrap">
    <div class="cl-left fade-up">
      <div class="sec-hd" style="text-align:left;margin-bottom:32px;">
        <div class="sec-eyebrow">CONTACT US</div>
        <h2>联系我们</h2>
        <p>填写需求，30分钟内专属顾问主动联系您</p>
      </div>
      <div class="cl-info-item">
        <div class="cl-info-icon"><img width="412" height="404" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/30478ec4d16da473b6d1c6935fac6f7b.png" alt="电话"></div>
        <div class="cl-info-text"><strong>咨询热线</strong><span>15722128892（周一至周六 9:00-18:00）</span></div>
      </div>
      <div class="cl-info-item">
        <div class="cl-info-icon"><img width="404" height="400" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/beebdb6eb0c3c8d7683c6ebe571ee905.png" alt="地址"></div>
        <div class="cl-info-text"><strong>公司地址</strong><span>贵州省贵阳市观山湖区</span></div>
      </div>
      <div class="cl-info-item">
        <div class="cl-info-icon"><img width="406" height="400" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/6e370670b7f4a8e6958e1ffd9676104e.png" alt="微信"></div>
        <div class="cl-info-text"><strong>微信扫码咨询</strong><span>扫描右侧二维码，与我们微信沟通</span></div>
      </div>
      <div class="cl-guarantee">
        <div class="cg-item"><span class="cg-num">30min</span><span class="cg-lbl">快速响应</span></div>
        <div class="cg-item"><span class="cg-num">免费</span><span class="cg-lbl">方案报价</span></div>
        <div class="cg-item"><span class="cg-num">1对1</span><span class="cg-lbl">专属服务</span></div>
      </div>
    </div>
    <div class="cr-right fade-up" style="transition-delay:.15s;">
      <div class="cr-form-card">
        <h3>提交您的需求</h3>
        <p class="cr-sub">我们会在30分钟内与您取得联系，提供定制化解决方案</p>
        <div class="cr-grid">
<input class="cr-input" type="text" placeholder="您的姓名" id="cr-name" aria-label="您的姓名">
<input class="cr-input" type="text" placeholder="联系电话" id="cr-mobile" aria-label="联系电话">
<input class="cr-input" type="text" placeholder="微信号（选填）" id="cr-weixin" aria-label="微信号（选填）">
<input class="cr-input" type="text" placeholder="公司名称（选填）" id="cr-company" aria-label="公司名称（选填）">
<textarea class="cr-textarea" placeholder="请描述您的网站需求，例如：行业类型、功能需求、参考案例等" id="cr-needs" aria-label="请描述您的网站需求，例如：行业类型、功能需求、参考案例等">
          <button class="cr-submit-btn" id="cr-submit">立即获取免费方案</button>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="hf-partners-new">
  <div class="sec-hd fade-up">
    <div class="sec-eyebrow">OUR CLIENTS</div>
    <h2>合作伙伴</h2>
    <p>5000+ 企业选择优网科技，覆盖制造、医疗、教育、电商等众多行业</p>
  </div>
  <div class="partners-wrap fade-up" style="transition-delay:.1s;">
    <div class="p-logo-card"><img width="130" height="100" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/ab7059f3af38512cd2ccc9bafd8810a5.png" alt="好莱客"></div>
    <div class="p-logo-card"><img width="480" height="162" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/d19e6e90b2180b36057588a84214b258.png" alt="虎牙直播"></div>
    <div class="p-logo-card"><img width="240" height="80" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/93d28beeebf89e9f4ed52ab784456bd5.png" alt="南科大"></div>
    <div class="p-logo-card"><img width="240" height="80" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/06bba25595a0c950758cdf82d1aa84af.png" alt="达瑞医疗"></div>
    <div class="p-logo-card"><img width="130" height="100" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/b1168cd1cc9726f21e0599ef576b1f3a.png" alt="partner"></div>
    <div class="p-logo-card"><img width="130" height="100" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/8b889722e068bc907c214828dce5546c.png" alt="partner"></div>
    <div class="p-logo-card"><img width="153" height="123" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/eea349d220f11ce79b64e5708576c3c5.png" alt="partner"></div>
    <div class="p-logo-card"><img width="149" height="119" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/5ce107df93a4c06af2c07e0414659bb5.png" alt="partner"></div>
    <div class="p-logo-card"><img width="130" height="100" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/daa62e4359d7a971345cebe3b0252b47.png" alt="partner"></div>
    <div class="p-logo-card"><img width="130" height="100" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/54b919195e411dd4eb5675748bda5387.png" alt="华臻"></div>
    <div class="p-logo-card"><img width="130" height="100" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/fc4afceb5aa88faa4e54a99633bcbd75.png" alt="澳门通"></div>
    <div class="p-logo-card"><img width="130" height="100" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/a4998035fd6811c012dcad395abef399.png" alt="云康"></div>
  </div>
</section>

<footer class="hf-footer-main">
  <div class="hf-footer-inner">
    <div class="hf-footer-brand">
      <img width="244" height="60" decoding="async"  src="https://assets.lvesun.com/guanwang/wxdata/7d1eb6691fa354badbf4f6eb1c4a2662.png" alt="优网科技">
      <p>专注互联网解决方案11年<br>专注数字化建设11年，5000+企业首选合作伙伴</p>
      <p style="margin-top:12px;font-size:12px;color:rgba(26,31,46,.45);">Copyright 2026 Lvesun Technology ALL Rights Reserved<br><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">黔ICP备2021000000号</a></p>
    </div>
    <div class="hf-footer-col">
      <h4>服务项目</h4>
      <a href="/active/htmldata.html">网站建设</a>
      <a href="/active/hfivedata.html">H5响应式网站</a>
      <a href="/ywapp.html">APP开发</a>
      <a href="/xcxdata.html">小程序开发</a>
    </div>
    <div class="hf-footer-col">
      <h4>成功案例</h4>
      <a href="/caselist.html">企业官网案例</a>
      <a href="/caselist.html">H5响应式案例</a>
      <a href="/caselist.html">小程序案例</a>
      <a href="/caselist.html">APP开发案例</a>
    </div>
    <div class="hf-footer-col">
      <h4>关于我们</h4>
      <a href="/about.html">公司简介</a>
      <a href="/companynews.html">新闻动态</a>
      <a href="/about.html">联系我们</a>
    </div>
    <div class="hf-footer-qr">
      <img src="https://assets.lvesun.com/guanwang/wxdata/fbe2ed159a3750618f35e6e49ae93846.png" alt="扫码关注">
      <span>扫码关注我们</span>
    </div>
  </div>
</footer>
<div class="hf-bar" id="hf-back-top">
  <span class="hf-back-top">↑ 返回顶部</span>
</div>

$(function(){
    /* ── 网站类型 Pill 切换 ── */
    $('.type-pill').on('click',function(){
      var panel=$(this).data('panel');
      $('.type-pill').removeClass('active');$(this).addClass('active');
      $('.type-panel-new').removeClass('active');$('#'+panel).addClass('active');
    });

/* ── Hero 表单 ── */
    $('#banner_submit').on('click',function(){
      var needs=$('#banner_needs').val(),mobile=$('#banner_mobile').val();
      if(mobile||needs){
        postJson(FORM_API,{name:'H5咨询',phone:mobile,content:needs,source:'H5响应式-Hero'})
          .then(function(r){notify(r.success?'稍后会有销售经理联系您':r.message||'提交失败');})
          .catch(function(){notify('提交失败，请检查网络');});
      }else{notify('请至少填写一项联系方式或需求描述');}
    });

/* ── 联系表单 ── */
    $('#cr-submit').on('click',function(){
      var name=$('#cr-name').val(),mobile=$('#cr-mobile').val(),
          weixin=$('#cr-weixin').val(),needs=$('#cr-needs').val();
      if(mobile||name||weixin){
        postJson(FORM_API,{name:name,phone:mobile,content:(weixin?'微信:'+weixin+' ':'')+(needs||''),source:'H5响应式咨询'})
          .then(function(r){notify(r.success?'稍后会有销售经理联系您':r.message||'提交失败');})
          .catch(function(){notify('提交失败，请检查网络');});
      }else{notify('联系方式最少需要填写一项，便于我们联系您');}
    });

/* ── 中部表单 ── */
    $('#subform').on('click',function(){
      var name=$('#name').val(),mobile=$('#mobile').val(),
          weixin=$('#weixin').val(),needs=$('#needs').val();
      if(mobile||name||weixin||needs){
        postJson(FORM_API,{name:name,phone:mobile,content:(weixin?'微信:'+weixin+' ':'')+(needs||''),source:'H5响应式咨询'})
          .then(function(r){notify(r.success?'稍后会有销售经理联系您':r.message||'提交失败');})
          .catch(function(){notify('提交失败，请检查网络');});
      }else{notify('联系方式最少需要填写一项，便于我们联系您');}
    });

/* ── 返回顶部 ── */
    $('#hf-back-top').on('click',function(){$('html,body').animate({scrollTop:0},600);});
  });

/* ── Fade-up 滚动显示 ── */
  (function(){
    var io=new IntersectionObserver(function(entries){
      entries.forEach(function(e){if(e.isIntersecting){e.target.classList.add('visible');io.unobserve(e.target);}});
    },{threshold:0.12});
    document.querySelectorAll('.fade-up').forEach(function(el){io.observe(el);});
  })();

/* ── 数字计数动画 ── */
  (function(){
    var counted=false;
    function countUp(){
      if(counted)return;
      var statsEl=document.querySelector('.hf-stats');
      if(!statsEl)return;
      var rect=statsEl.getBoundingClientRect();
      if(rect.top<window.innerHeight){
        counted=true;
        document.querySelectorAll('.count-num[data-target]').forEach(function(el){
          var target=parseInt(el.dataset.target,10),start=0,dur=1800;
          var step=Math.ceil(target/(dur/16));
          var t=setInterval(function(){
            start=Math.min(start+step,target);
            el.textContent=start.toLocaleString();
            if(start>=target)clearInterval(t);
          },16);
        });
      }
    }
    window.addEventListener('scroll',countUp);
    countUp();
  })();

/* ── 浮动返回顶部按钮 ── */
  (function(){
    var btn=document.createElement('button');
    btn.id='hf-float-top';btn.innerHTML='↑';btn.setAttribute('title','返回顶部');
    btn.style.cssText='display:none;position:fixed;bottom:88px;right:28px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#FFC106,#FFD952);border:none;cursor:pointer;font-size:20px;font-weight:700;color:#1A1F2E;box-shadow:0 6px 24px rgba(255,193,6,.4);z-index:9999;transition:opacity .3s;';
    document.body.appendChild(btn);
    window.addEventListener('scroll',function(){btn.style.display=window.scrollY>500?'block':'none';});
    btn.addEventListener('click',function(){window.scrollTo({top:0,behavior:'smooth'});});
  })();
</script>
</body>
</html>

打造您的
高颜值响应式网站

全端自适应

SEO深度优化

高性能体验

跨平台兼容

企业官网 H5 响应式

营销型 H5 响应式网站

电商购物 H5 响应式网站

门户资讯 H5 响应式网站

优网科技以9道开发流程，严控产品质量

提供您的想法 Provide your ideas

打造您的高颜值响应式网站

全端自适应

SEO深度优化

高性能体验

跨平台兼容

企业官网 H5 响应式

营销型 H5 响应式网站

电商购物 H5 响应式网站

门户资讯 H5 响应式网站

优网科技以9道开发流程，严控产品质量

提供您的想法 Provide your ideas

打造您的
高颜值响应式网站