Files
qianshi/software-detail.html
T
ubuntu f5f0d8736c fix(visual): 修复轮播标题颜色与页脚 logo 反白
Bug1: 首页 banner 轮播 4 张 slide 标题写作 <h2>...</h1>(开闭标签错配),浏览器自动把 </h1> 当作 </h2> 闭合,实际元素是 h2;而 CSS 只写了 .banner-slide h1{color:#fff},h2 命中不到 → 回落到全局深色文字,深蓝底上几乎看不见。改为 <h1>...</h1>(语义也正确:每张 slide 一个主标题),并把 h2 加进 CSS 规则作兜底。

Bug2: 33 页页脚 logo 用了 logo-dark.png(深底反白版/白字)放在 background:#fff 白卡片里,白字压白底。白卡内改回 logo.png(深色文字版)。按上下文精确匹配替换,JSON-LD 的 logo 字段未受影响。
2026-09-16 20:32:09 +08:00

411 lines
32 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/fontawesome/css/all.min.css">
<link rel="icon" href="/assets/favicon-32x32.png" sizes="32x32">
<link rel="icon" href="/assets/favicon-16x16.png" sizes="16x16">
<link rel="apple-touch-icon" href="/assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="512x512" href="/assets/icon-512.png">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--primary:#0039C8; --primary-dark:#002a94; --primary-light:#4d6be0;
--green:#00c857; --purple:#8762ff; --red:#e5484d;
--bg:#fff; --bg-alt:#f7f8fc; --bg-gray:#f2f3f5; --bg-dark:#0d1b3e;
--text:#333; --text-dim:#666; --text-light:#999; --border:#e5e8ef;
--radius:10px; --radius-lg:16px;
}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--text);line-height:1.7;background:var(--bg);padding-top:70px;overflow-x:hidden}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:70px;box-shadow:0 1px 6px rgba(0,0,0,.04)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo img{width:auto;height:28px;display:block;flex:0 0 auto}
.nav-logo span{font-size:1.1rem;font-weight:800;color:var(--primary);letter-spacing:.5px;line-height:1}
.nav-links{display:flex;list-style:none;align-items:center;height:100%}
.nav-links>li{position:relative;height:100%}
.nav-links>li>a{display:flex;align-items:center;height:100%;padding:0 14px;color:var(--text);text-decoration:none;font-size:.9rem;transition:color .2s;white-space:nowrap}
.nav-links>li>a:hover,.nav-links>li:hover>a{color:var(--primary)}
.nav-links>li.has-sub::after{content:'▾';font-size:.7rem;color:var(--text-dim);margin-left:-6px}
.sub-menu{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border:1px solid var(--border);border-radius:0 0 8px 8px;box-shadow:0 8px 24px rgba(0,0,0,.08);display:none;list-style:none;padding:8px 0;z-index:100}
.nav-links>li:hover .sub-menu{display:block}
.sub-menu a{display:block;padding:9px 18px;color:var(--text);text-decoration:none;font-size:.85rem;transition:all .2s}
.sub-menu a:hover{color:var(--primary);background:var(--bg-alt);padding-left:22px}
.nav-right{display:flex;align-items:center;gap:14px}
.nav-tel{color:var(--primary);font-weight:600;font-size:.9rem}
.lang-toggle{cursor:pointer;font-size:.85rem;transition:opacity .2s}
.menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text)}
.sidebar{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;gap:2px}
.sidebar a{display:flex;align-items:center;justify-content:center;width:46px;height:56px;background:var(--primary);color:#fff;text-decoration:none;font-size:.72rem;writing-mode:vertical-rl;letter-spacing:2px;transition:background .2s;border-radius:4px 0 0 4px}
.sidebar a:hover{background:var(--primary-dark)}
.hero{padding:120px 0 80px;background:linear-gradient(135deg,#f0f4ff 0%,#e8eefc 50%,#f5f3ff 100%);text-align:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-250px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(0,57,200,.08) 0%,transparent 70%);pointer-events:none}
.hero h1{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.3;margin-bottom:16px;color:var(--text);position:relative}
.hero h1 span{background:linear-gradient(135deg,var(--primary),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero p{font-size:1.1rem;color:var(--text-dim);max-width:700px;margin:0 auto 40px;position:relative}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative}
.btn{padding:13px 32px;border-radius:var(--radius);font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s;border:none;cursor:pointer}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 18px rgba(0,57,200,.25)}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 22px rgba(0,57,200,.35)}
.btn-outline{border:2px solid var(--primary);color:var(--primary);background:transparent}
.btn-outline:hover{background:var(--primary);color:#fff}
.btn-green{background:var(--green);color:#fff}
.btn-green:hover{opacity:.9;transform:translateY(-1px)}
.section{padding:80px 0}
.section-header{text-align:center;margin-bottom:50px}
.section-header h2{font-size:1.9rem;font-weight:700;margin-bottom:12px;color:var(--text)}
.section-header p{color:var(--text-dim);font-size:1rem;max-width:640px;margin:0 auto}
.section-gray{background:var(--bg-alt)}
.section-dark{background:var(--bg-dark);color:#fff}
.section-dark .section-header h2{color:#fff}
.section-dark .section-header p{color:#b8c2e0}
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px 26px;transition:all .3s;text-decoration:none;color:inherit;display:block}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08);border-color:var(--primary-light)}
.card .icon{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,rgba(0,57,200,.08),rgba(135,98,255,.1));display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.card .icon i{font-size:1.5rem;color:var(--primary)}
.card h4{font-size:1.05rem;margin-bottom:10px;color:var(--text)}
.card p{color:var(--text-dim);font-size:.88rem;line-height:1.7}
.card .tag{display:inline-block;margin-top:10px;font-size:.75rem;color:var(--primary);font-weight:600}
.stats{background:var(--primary);color:#fff;padding:55px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.stat-num{font-size:2.6rem;font-weight:800}
.stat-label{font-size:.9rem;opacity:.85;margin-top:6px}
.footer{background:var(--bg-dark);color:#fff;padding:60px 0 30px}
.footer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;margin-bottom:40px}
.footer-col h5{font-size:.95rem;margin-bottom:16px;color:#fff}
.footer-col a{display:block;color:#a8b3d4;text-decoration:none;font-size:.85rem;line-height:2.2;transition:color .2s}
.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.85rem;color:#a8b3d4}
.footer-bottom a{color:#a8b3d4}
.footer-links{display:flex;gap:16px;flex-wrap:wrap;list-style:none}
.footer-links a{color:#a8b3d4;text-decoration:none;font-size:.82rem}
.page-hero{padding:80px 0 50px;background:linear-gradient(135deg,#f0f4ff 0%,#e8eefc 50%,#f5f3ff 100%);text-align:center}
.page-hero h1{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;color:var(--text)}
.page-hero p{color:var(--text-dim);margin-top:10px;font-size:1.05rem;max-width:700px;margin-left:auto;margin-right:auto}
.qr-img{display:block;max-width:132px;width:100%;height:auto;margin:0 auto;border-radius:8px;background:#fff}
/* ===== 微信客服入口(全局) ===== */
.sidebar-wechat{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}
.wechat-qr-btn{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#07C160;color:#fff;text-decoration:none;font-size:1.15rem;border-radius:4px 0 0 4px;transition:background .2s;box-shadow:0 3px 12px rgba(7,193,96,.35);flex:0 0 auto}
.wechat-qr-btn:hover{background:#06a452}
.wechat-qr{position:absolute;right:56px;top:0;transform:translateX(12px);background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.16);padding:14px;width:200px;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s;text-align:center;z-index:1000}
.wechat-qr-btn:hover .wechat-qr{opacity:1;visibility:visible;transform:translateX(0)}
.wechat-qr img{width:172px;height:172px;border-radius:8px;display:block}
.wechat-qr p{margin-top:9px;font-size:.84rem;color:var(--text);font-weight:600;line-height:1.4}
.wechat-qr::after{content:'';position:absolute;right:-9px;top:50%;transform:translateY(-50%);width:0;height:0;border:9px solid transparent;border-left-color:#fff;border-right:0}
@media(max-width:768px){.sidebar-wechat{display:flex;flex-direction:column;align-items:center;gap:2px;position:fixed;right:0;top:auto;bottom:150px;transform:none;z-index:999}.wechat-qr{right:56px}}
/* ===== 流程图 ===== */
.flow{display:flex;align-items:stretch;gap:6px;flex-wrap:nowrap}
.flow-step{flex:1 1 0;min-width:0;background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 16px;text-align:center;transition:all .3s}
.flow-step:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.08);border-color:var(--primary-light)}
.flow-num{display:block;font-size:1.6rem;font-weight:800;line-height:1;margin-bottom:12px;background:linear-gradient(135deg,var(--primary),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.flow-step h4{font-size:.98rem;margin-bottom:8px;color:var(--text)}
.flow-step p{font-size:.8rem;color:var(--text-dim);line-height:1.65}
.flow-arrow{flex:0 0 auto;align-self:center;color:var(--primary-light);font-size:1.2rem}
.flow-dark .flow-step{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.flow-dark .flow-step h4{color:#fff}
.flow-dark .flow-step p{color:#b8c2e0}
.flow-dark .flow-arrow{color:var(--primary-light);opacity:.9}
@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.flow{flex-wrap:wrap}.flow-arrow{display:none}}
@media(max-width:768px){
.nav-links{display:none}.nav-right{display:none}.menu-btn{display:block}
.sub-menu{position:static;display:none}
.nav-links.open{display:flex;flex-direction:column;position:absolute;top:70px;left:0;right:0;background:#fff;padding:10px 24px;border-bottom:1px solid var(--border);height:auto;gap:0}
.nav-links.open>li{height:auto}
.nav-links.open>li>a{height:44px;padding:0}
.nav-links.open .sub-menu{position:static;display:none;box-shadow:none;border:none;padding-left:16px}
.nav-links.open>li.open .sub-menu{display:block}
.hero{padding:100px 0 50px}
.hero h1{font-size:1.6rem}
.section{padding:55px 0}
.grid-2,.grid-3{grid-template-columns:1fr}
.stats-grid{grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:repeat(2,1fr)}
.sidebar{display:none}
.sidebar-wechat{position:fixed;right:0;bottom:120px;display:flex;z-index:999}
.wechat-qr{right:56px}
}
@media(max-width:480px){.stats-grid,.footer-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr}}
</style>
<title>软件定制开发 — 管理系统/数据平台/小程序/App定制 — 千视科技</title>
<meta name="description" content="软件定制开发:管理系统(ERP/CRM/OA)、数据平台、自动化工具、小程序与App定制。从需求分析到运维迭代全流程交付,贴合业务、无技术债。">
<meta name="keywords" content="软件定制,定制开发,管理系统定制,ERP定制,CRM定制,OA定制,数据平台,数据中台,BI看板,小程序开发,App开发,Flutter开发,RPA自动化,AI定制开发">
<link rel="canonical" href="https://qianshi.cool/software-detail.html">
<link rel="sitemap" type="application/xml" title="Sitemap" href="https://qianshi.cool/sitemap.xml">
<meta name="author" content="千视科技">
<meta name="robots" content="index,follow">
<meta property="og:type" content="article">
<meta property="og:site_name" content="千视科技">
<meta property="og:title" content="软件定制开发 — 管理系统/数据平台/小程序/App定制 — 千视科技">
<meta property="og:description" content="软件定制开发:管理系统(ERP/CRM/OA)、数据平台、自动化工具、小程序与App定制。从需求分析到运维迭代全流程交付,贴合业务、无技术债。">
<meta property="og:url" content="https://qianshi.cool/software-detail.html">
<meta property="og:image" content="https://qianshi.cool/assets/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:locale" content="zh_CN">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="软件定制开发 — 管理系统/数据平台/小程序/App定制 — 千视科技">
<meta name="twitter:description" content="软件定制开发:管理系统(ERP/CRM/OA)、数据平台、自动化工具、小程序与App定制。从需求分析到运维迭代全流程交付,贴合业务、无技术债。">
<meta name="twitter:image" content="https://qianshi.cool/assets/og-image.png">
<script type="application/ld+json">
{"@context": "https://schema.org", "@type": "Organization", "name": "千视科技", "alternateName": "Qianshi Tech", "url": "https://qianshi.cool", "logo": "https://qianshi.cool/assets/logo.png", "description": "千视科技:企业智能体、AI拓客、AI推广、软件定制开发,一站式AI数字化增长服务商。", "foundingDate": "2019", "address": {"@type": "PostalAddress", "streetAddress": "宝安区西乡街道固戍一路塘西综合楼洪辉科创空间A314", "addressLocality": "深圳市", "addressRegion": "广东省", "postalCode": "518100", "addressCountry": "CN"}, "geo": {"@type": "GeoCoordinates", "latitude": 22.599684, "longitude": 113.85247}, "contactPoint": {"@type": "ContactPoint", "telephone": "18948732299", "contactType": "sales", "areaServed": "CN", "availableLanguage": ["zh-CN", "en"]}, "sameAs": ["https://qianshi.cool/blog.html", "https://qianshi.cool/cases.html", "https://qianshi.cool/news.html"], "hasBreadcrumb": {"@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "首页", "item": "https://qianshi.cool/"}, {"@type": "ListItem", "position": 2, "name": "软件定制", "item": "https://qianshi.cool/software.html"}, {"@type": "ListItem", "position": 3, "name": "软件定制开发", "item": "https://qianshi.cool/software-detail.html"}]}}
</script>
</head>
<body>
<nav class="nav">
<div class="container nav-inner">
<a href="/" class="nav-logo" aria-label="千视科技">
<img src="/assets/nav-icon.png" alt="千视科技" width="35" height="28">
<span data-zh="千视科技" data-en="Qianshi Tech">千视科技</span></a>
<ul class="nav-links" id="navLinks">
<li><a href="/" data-zh="首页" data-en="Home">首页</a></li>
<li class="has-sub">
<a href="/enterprise-agent.html" data-zh="企业智能体" data-en="Enterprise AI">企业智能体</a>
<ul class="sub-menu">
<li><a href="/rag-kb.html" data-zh="RAG企业知识库" data-en="RAG Knowledge Base">RAG企业知识库</a></li>
<li><a href="/ai-private-expert.html" data-zh="AI私有专家" data-en="AI Private Expert">AI私有专家</a></li>
<li><a href="/ai-customer-service.html" data-zh="AI客服" data-en="AI Customer Service">AI客服</a></li>
<li><a href="/digital-human.html" data-zh="数字人/视频复刻/IP" data-en="Digital Human/Video/IP">数字人/视频复刻/IP</a></li>
<li><a href="/opc-solution.html" data-zh="OPC一人公司" data-en="OPC One-Person Biz">OPC一人公司</a></li>
</ul>
</li>
<li class="has-sub">
<a href="/ai-acquisition.html" data-zh="AI拓客" data-en="AI Prospecting">AI拓客</a>
<ul class="sub-menu">
<li><a href="/superlink.html" data-zh="Superlink" data-en="Superlink">Superlink</a></li>
<li><a href="/edm-email.html" data-zh="EDM邮件" data-en="EDM Email">EDM邮件</a></li>
</ul>
</li>
<li class="has-sub">
<a href="/ai-promotion.html" data-zh="AI推广" data-en="AI Promotion">AI推广</a>
<ul class="sub-menu">
<li><a href="/media-ops.html" data-zh="自媒体代运营" data-en="Social Media Ops">自媒体代运营</a></li>
<li><a href="/geo-seo-sem.html" data-zh="GEO/SEO/SEM" data-en="GEO/SEO/SEM">GEO/SEO/SEM</a></li>
<li><a href="/website-building.html" data-zh="建站" data-en="Website Building">建站</a></li>
<li><a href="/sentiment-management.html" data-zh="舆情管理" data-en="Sentiment Mgmt">舆情管理</a></li>
</ul>
</li>
<li><a href="/software.html" data-zh="软件定制" data-en="Custom Software">软件定制</a></li>
<li><a href="/cases.html" data-zh="客户案例" data-en="Cases">客户案例</a></li>
<li class="has-sub">
<a href="/blog.html" data-zh="博客" data-en="Blog">博客</a>
<ul class="sub-menu">
<li><a href="/marketing-resources.html" data-zh="营销资料中心" data-en="Marketing Resources">营销资料中心</a></li>
<li><a href="/forum.html" data-zh="论坛" data-en="Forum">论坛</a></li>
</ul>
</li>
<li class="has-sub">
<a href="/about.html" data-zh="关于我们" data-en="About Us">关于我们</a>
<ul class="sub-menu">
<li><a href="/company.html" data-zh="公司介绍" data-en="Company">公司介绍</a></li>
<li><a href="/news.html" data-zh="新闻中心" data-en="News">新闻中心</a></li>
<li><a href="/join.html" data-zh="加入我们" data-en="Careers">加入我们</a></li>
<li><a href="/contact.html" data-zh="联系我们" data-en="Contact">联系我们</a></li>
</ul>
</li>
</ul>
<div class="nav-right">
<span style="display:flex;gap:6px;align-items:center;color:var(--text-dim)">
<span onclick="setLang('zh')" class="lang-toggle active" data-lang="zh">中文</span><span style="color:#ccc">|</span>
<span onclick="setLang('en')" class="lang-toggle" data-lang="en" style="opacity:.5">EN</span>
</span>
<span class="nav-tel">18948732299</span>
</div>
<button class="menu-btn" id="menuBtn">☰</button>
</div>
</nav>
<div class="sidebar">
<a href="/contact.html" data-zh="联系我们" data-en="Contact">联系我们</a>
<a href="/company.html" data-zh="公司介绍" data-en="About">公司介绍</a>
<a href="/contact.html" data-zh="预约咨询" data-en="Consult">预约咨询</a>
<a href="#top" data-zh="返回顶部" data-en="Top">返回顶部</a>
</div>
<div class="sidebar sidebar-wechat">
<a href="https://work.weixin.qq.com/kfid/kfc2c2318896260391b" target="_blank" rel="noopener" class="wechat-qr-btn" aria-label="微信扫码咨询客服">
<i class="fa-brands fa-weixin"></i>
<span class="wechat-qr">
<img src="/assets/wechat-service.png" alt="微信扫码咨询客服二维码">
<p data-zh="微信扫码咨询客服" data-en="Scan to chat with us">微信扫码咨询客服</p>
</span>
</a>
</div>
<div class="page-hero" id="top">
<div class="container">
<h1 data-zh="软件定制开发" data-en="Custom Software Development">软件定制开发</h1>
<p data-zh="从需求分析、架构设计到开发交付、运维迭代,全流程定制开发,让软件真正服务业务" data-en="Full-cycle custom development from requirements to maintenance, software that truly serves your business">从需求分析、架构设计到开发交付、运维迭代,全流程定制开发,让软件真正服务业务</p>
<div class="hero-btns" style="margin-top:26px">
<a href="/contact.html" class="btn btn-primary" data-zh="免费需求评估" data-en="Free Assessment">免费需求评估</a>
<a href="/cases.html" class="btn btn-outline" data-zh="查看案例" data-en="View Cases">查看案例</a>
</div>
</div>
</div>
<section class="section">
<div class="container">
<div class="section-header">
<h2 data-zh="定制服务" data-en="Custom Services">定制服务</h2>
<p data-zh="不只是写代码,而是把你的业务流程变成稳定运行的软件资产。" data-en="More than writing code — we turn your business processes into stable software assets.">不只是写代码,而是把你的业务流程变成稳定运行的软件资产。</p>
</div>
<div class="grid grid-4"><div class="card"><span class="icon"><i class="fa-solid fa-gears"></i></span>
<h4 data-zh="管理系统" data-en="Management Systems">管理系统</h4>
<p data-zh="ERP/CRM/OA等企业管理系统定制开发,打通业务全流程。" data-en="ERP, CRM, OA and other management systems.">ERP/CRM/OA等企业管理系统定制开发,打通业务全流程。</p></div><div class="card"><span class="icon"><i class="fa-solid fa-chart-column"></i></span>
<h4 data-zh="数据平台" data-en="Data Platforms">数据平台</h4>
<p data-zh="数据采集、分析、可视化平台开发。" data-en="Data collection, analytics and visualization platforms.">数据采集、分析、可视化平台开发。</p></div><div class="card"><span class="icon"><i class="fa-solid fa-robot"></i></span>
<h4 data-zh="自动化工具" data-en="Automation Tools">自动化工具</h4>
<p data-zh="业务流程自动化与AI集成开发。" data-en="Workflow automation and AI integration.">业务流程自动化与AI集成开发。</p></div><div class="card"><span class="icon"><i class="fa-solid fa-mobile-screen"></i></span>
<h4 data-zh="小程序/App" data-en="Mini-App / App">小程序/App</h4>
<p data-zh="微信小程序与移动端应用开发。" data-en="WeChat mini-programs and mobile apps.">微信小程序与移动端应用开发。</p></div></div>
</div>
</section>
<section class="section section-gray">
<div class="container">
<div class="section-header">
<h2 data-zh="定制开发五步流程" data-en="Our 5-Step Process">定制开发五步流程</h2>
<p data-zh="标准化流程保障项目按期交付,每一步都有明确产出物。" data-en="A standardized process ensures on-time delivery, with clear outputs at every step.">标准化流程保障项目按期交付,每一步都有明确产出物。</p>
</div>
<div class="flow"><div class="flow-step"><span class="flow-num">01</span><h4 data-zh="需求调研" data-en="Discovery">需求调研</h4><p data-zh="深入沟通业务场景,梳理核心需求与优先级。" data-en="Deep-dive into your business scenarios to map core needs and priorities.">深入沟通业务场景,梳理核心需求与优先级。</p></div><div class="flow-arrow">→</div><div class="flow-step"><span class="flow-num">02</span><h4 data-zh="方案设计" data-en="Design">方案设计</h4><p data-zh="输出架构方案、UI原型与项目排期报价。" data-en="Deliver architecture, UI prototypes and a scheduled, quoted plan.">输出架构方案、UI原型与项目排期报价。</p></div><div class="flow-arrow">→</div><div class="flow-step"><span class="flow-num">03</span><h4 data-zh="开发交付" data-en="Development">开发交付</h4><p data-zh="敏捷迭代开发,分阶段交付可验收版本。" data-en="Agile iteration with deliverables at every stage.">敏捷迭代开发,分阶段交付可验收版本。</p></div><div class="flow-arrow">→</div><div class="flow-step"><span class="flow-num">04</span><h4 data-zh="测试上线" data-en="Test & Launch">测试上线</h4><p data-zh="功能与性能测试,协助部署上线。" data-en="Functional and performance testing, then deployment support.">功能与性能测试,协助部署上线。</p></div><div class="flow-arrow">→</div><div class="flow-step"><span class="flow-num">05</span><h4 data-zh="运维迭代" data-en="O&M & Iteration">运维迭代</h4><p data-zh="7×24运维保障,持续迭代优化。" data-en="7x24 support with continuous iteration.">7×24运维保障,持续迭代优化。</p></div></div>
</div>
</section>
<section class="section section-dark">
<div class="container">
<div class="section-header">
<h2 data-zh="交付保障" data-en="Delivery Guarantee">交付保障</h2>
</div>
<div class="stats-grid">
<div><div class="stat-num">100%</div><div class="stat-label" data-zh="定制贴合" data-en="100% Custom">定制贴合</div></div>
<div><div class="stat-num">1对1</div><div class="stat-label" data-zh="专属团队" data-en="Dedicated Team">专属团队</div></div>
<div><div class="stat-num">7×24</div><div class="stat-label" data-zh="运维保障" data-en="O&M Support">运维保障</div></div>
<div><div class="stat-num">0</div><div class="stat-label" data-zh="技术债" data-en="Tech Debt">技术债</div></div>
</div>
</div>
</section>
<section class="section section-gray" style="text-align:center">
<div class="container">
<h2 style="font-size:1.6rem;margin-bottom:14px" data-zh="需要定制你的系统?" data-en="Need a custom system?">需要定制你的系统?</h2>
<p style="color:var(--text-dim);margin-bottom:26px" data-zh="告诉我们你的业务场景,48小时内获得方案评估" data-en="Tell us your scenario and get a solution assessment within 48 hours">告诉我们你的业务场景,48小时内获得方案评估</p>
<div style="display:flex;gap:14px;justify-content:center;flex-wrap:wrap">
<a href="/contact.html" class="btn btn-primary" data-zh="免费需求评估" data-en="Free Assessment">免费需求评估</a>
<a href="/cases.html" class="btn btn-outline" data-zh="查看案例" data-en="View Cases">查看案例</a>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div class="footer-col">
<h5 data-zh="企业智能体" data-en="Enterprise AI">企业智能体</h5>
<a href="/rag-kb.html" data-zh="RAG企业知识库" data-en="RAG Knowledge Base">RAG企业知识库</a>
<a href="/ai-private-expert.html" data-zh="AI私有专家" data-en="AI Private Expert">AI私有专家</a>
<a href="/ai-customer-service.html" data-zh="AI客服" data-en="AI Customer Service">AI客服</a>
<a href="/digital-human.html" data-zh="数字人/视频复刻/IP" data-en="Digital Human/Video/IP">数字人/视频复刻/IP</a>
<a href="/opc-solution.html" data-zh="OPC一人公司" data-en="OPC One-Person Biz">OPC一人公司</a>
</div>
<div class="footer-col">
<h5 data-zh="AI拓客" data-en="AI Prospecting">AI拓客</h5>
<a href="/superlink.html" data-zh="Superlink" data-en="Superlink">Superlink</a>
<a href="/edm-email.html" data-zh="EDM邮件" data-en="EDM Email">EDM邮件</a>
<h5 style="margin-top:16px" data-zh="AI推广" data-en="AI Promotion">AI推广</h5>
<a href="/media-ops.html" data-zh="自媒体代运营" data-en="Social Media Ops">自媒体代运营</a>
<a href="/geo-seo-sem.html" data-zh="GEO/SEO/SEM" data-en="GEO/SEO/SEM">GEO/SEO/SEM</a>
</div>
<div class="footer-col">
<h5 data-zh="解决方案" data-en="Solutions">解决方案</h5>
<a href="/website-building.html" data-zh="建站" data-en="Website Building">建站</a>
<a href="/sentiment-management.html" data-zh="舆情管理" data-en="Sentiment Mgmt">舆情管理</a>
<a href="/software.html" data-zh="软件定制" data-en="Custom Software">软件定制</a>
<a href="/cases.html" data-zh="客户案例" data-en="Cases">客户案例</a>
</div>
<div class="footer-col">
<h5 data-zh="博客" data-en="Blog">博客</h5>
<a href="/marketing-resources.html" data-zh="营销资料中心" data-en="Marketing Resources">营销资料中心</a>
<a href="/forum.html" data-zh="论坛" data-en="Forum">论坛</a>
<h5 style="margin-top:16px" data-zh="关于我们" data-en="About Us">关于我们</h5>
<a href="/company.html" data-zh="公司介绍" data-en="Company">公司介绍</a>
<a href="/news.html" data-zh="新闻中心" data-en="News">新闻中心</a>
<a href="/join.html" data-zh="加入我们" data-en="Careers">加入我们</a>
<a href="/contact.html" data-zh="联系我们" data-en="Contact">联系我们</a>
</div>
<div class="footer-col">
<div style="background:#fff;border-radius:10px;padding:11px 14px;width:fit-content;margin-bottom:18px">
<img src="/assets/logo.png" alt="千视科技" width="120" height="33" style="display:block;width:120px;height:auto"></div>
<h5 data-zh="联系方式" data-en="Contact">联系方式</h5>
<div style="font-size:1.3rem;font-weight:700;color:#fff">18948732299</div>
<div style="margin-top:4px;color:#a8b3d4">105920869@qq.com</div>
<div style="margin-top:12px;font-size:.82rem;line-height:1.5;color:#a8b3d4" data-zh="地址:深圳市宝安区西乡街道固戍一路塘西综合楼洪辉科创空间A314" data-en="Addr: A314, Honghui Sci-Tech Space, Tangxi Building, Gushu 1st Rd, Xixiang Sub-district, Bao'an District, Shenzhen">地址:深圳市宝安区西乡街道固戍一路塘西综合楼洪辉科创空间A314<a href="https://uri.amap.com/search?keyword=%E6%B7%B1%E5%9C%B3%E5%B8%82%E5%AE%9D%E5%AE%89%E5%8C%BA%E8%A5%BF%E4%B9%A1%E8%A1%97%E9%81%93%E5%9B%BA%E6%88%8D%E4%B8%80%E8%B7%AF%E5%A1%98%E8%A5%BF%E7%BB%BC%E5%90%88%E6%A5%BC%E6%B4%AA%E8%BE%89%E7%A7%91%E5%88%9B%E7%A9%BA%E9%97%B4A314&city=%E6%B7%B1%E5%9C%B3" target="_blank" rel="noopener" style="color:#00c857;text-decoration:none;margin-left:4px" data-zh="查看地图" data-en="View on Map">查看地图</a></div>
<div style="margin-top:16px;text-align:center">
<a href="https://work.weixin.qq.com/kfid/kfc2c2318896260391b" target="_blank" rel="noopener" style="text-decoration:none">
<img src="/assets/wechat-service.png" alt="微信扫码咨询客服二维码" class="wechat-qr-img">
</a>
<div style="margin-top:8px;font-size:.82rem;color:#a8b3d4" data-zh="微信扫码咨询客服" data-en="WeChat Support">微信扫码咨询客服</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div>© 2019-2026 千视科技 版权所有 | <a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">粤ICP备2026089876号-1</a></div>
<ul class="footer-links">
<li><a href="#">友情链接</a></li><li><a href="/sitemap.html">网站地图</a></li><li><a href="/privacy.html">隐私政策</a></li>
<li><a href="/legal.html">法律声明</a></li><li><a href="/disclaimer.html">免责声明</a></li><li><a href="/cookie.html">关于Cookie</a></li>
</ul>
</div>
</div>
</footer>
<script>
(function(){
var btn=document.getElementById('menuBtn');
var nav=document.getElementById('navLinks');
if(!btn||!nav)return;
btn.addEventListener('click',function(){
nav.classList.toggle('open');
btn.textContent=nav.classList.contains('open')?'✕':'☰';
});
document.querySelectorAll('.has-sub>a').forEach(function(a){
a.addEventListener('click',function(e){
if(window.innerWidth<=768 && nav.classList.contains('open')){
e.preventDefault();
a.parentElement.classList.toggle('open');
}
});
});
})()
</script>
<script>
(function(){
var btn=document.querySelector('.wechat-qr-btn');
var qr=document.querySelector('.wechat-qr');
if(btn&&qr){
btn.addEventListener('click',function(e){
if(window.innerWidth<=768){
e.preventDefault();
qr.classList.toggle('open');
}
});
document.addEventListener('click',function(e){
if(window.innerWidth<=768&&!btn.contains(e.target)){
qr.classList.remove('open');
}
});
}
})()
</script>
<script src="/i18n.js"></script>
</body>
</html>