Initial commit: add qianshi site source files
Sync the local qianshi web project (HTML pages, assets, and config) Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
qianqiuwanzi
+205
@@ -0,0 +1,205 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>关于千视 — 千视科技</title>
|
||||
<meta name="description" content="千视科技公司介绍，AI智能体技术研发企业">
|
||||
<style>
|
||||
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
||||
:root{
|
||||
--bg:#fff;--bg-alt:#f8f9fa;--bg-dark:#1a1a2e;
|
||||
--text:#1a1a2e;--text-dim:#6b7280;--text-light:#9ca3af;
|
||||
--accent:#4f46e5;--accent-light:#6366f1;--accent-dark:#3730a3;
|
||||
--border:#e5e7eb;
|
||||
--radius:10px;--radius-lg:16px;
|
||||
}
|
||||
html{scroll-behavior:smooth}
|
||||
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);line-height:1.7;padding-top:70px}
|
||||
.container{max-width:1200px;margin:0 auto;padding:0 24px}
|
||||
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:70px}
|
||||
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1200px;margin:0 auto;padding:0 24px}
|
||||
.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-size:1.25rem;font-weight:800}
|
||||
.nav-links{display:flex;list-style:none;gap:32px;align-items:center}
|
||||
.nav-links a{color:var(--text-dim);text-decoration:none;font-size:0.92rem;transition:color .2s}
|
||||
.nav-links a:hover{color:var(--accent)}
|
||||
.nav-right{display:flex;align-items:center;gap:16px;font-size:0.9rem}
|
||||
.nav-tel{color:var(--accent);font-weight:600}
|
||||
.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:99;display:flex;flex-direction:column;gap:2px}
|
||||
.sidebar a{display:flex;align-items:center;justify-content:center;width:46px;height:60px;background:var(--accent);color:#fff;text-decoration:none;font-size:0.75rem;writing-mode:vertical-rl;letter-spacing:2px;transition:background .2s;border-radius:4px 0 0 4px}
|
||||
.sidebar a:hover{background:var(--accent-dark)}
|
||||
.page-hero{padding:80px 0 50px;background:linear-gradient(135deg,#f0f4ff 0%,#e8ecf8 50%,#f5f3ff 100%);text-align:center}
|
||||
.page-hero h1{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800}
|
||||
.page-hero p{color:var(--text-dim);margin-top:10px;font-size:1.05rem}
|
||||
.section{padding:80px 0}
|
||||
.section h2{font-size:1.8rem;font-weight:700;margin-bottom:30px;text-align:center}
|
||||
.section h3{font-size:1.2rem;margin-bottom:12px}
|
||||
.section p{color:var(--text-dim);line-height:1.8;margin-bottom:16px}
|
||||
.section-gray{background:var(--bg-alt)}
|
||||
.btn{padding:14px 36px;border-radius:var(--radius);font-size:1rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s}
|
||||
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 20px rgba(79,70,229,0.3)}
|
||||
.btn-primary:hover{background:var(--accent-dark)}
|
||||
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
|
||||
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;transition:all .3s}
|
||||
.card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.06)}
|
||||
.card h4{font-size:1.05rem;margin-bottom:8px}
|
||||
.card p{color:var(--text-dim);font-size:0.9rem}
|
||||
.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:0.95rem;margin-bottom:16px;color:#fff}
|
||||
.footer-col a{display:block;color:var(--text-light);text-decoration:none;font-size:0.85rem;line-height:2.2;transition:color .2s}
|
||||
.footer-col a:hover{color:#fff}
|
||||
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:0.85rem;color:var(--text-light)}
|
||||
.footer-bottom a{color:var(--text-light)}
|
||||
.footer-links{display:flex;gap:16px;flex-wrap:wrap;list-style:none}
|
||||
.footer-links a{color:var(--text-light);text-decoration:none;font-size:0.82rem}
|
||||
.footer-contact{font-size:1.4rem;font-weight:700;color:#fff;margin-top:8px}
|
||||
@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(3,1fr)}}
|
||||
@media(max-width:768px){
|
||||
.footer-grid{grid-template-columns:repeat(2,1fr)}
|
||||
.nav-links,.nav-right{display:none}
|
||||
.menu-btn{display:block}
|
||||
.sidebar{display:none}
|
||||
.card-grid{grid-template-columns:1fr}
|
||||
}
|
||||
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="nav">
|
||||
<div class="nav-inner">
|
||||
<a href="/" class="nav-logo">千视科技</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/">首页</a></li>
|
||||
<li><a href="/qianshiclaw.html">qianshiClaw</a></li>
|
||||
<li><a href="/products.html">产品方案</a></li>
|
||||
<li><a href="/service.html">服务模式</a></li>
|
||||
<li><a href="/cases.html">客户案例</a></li>
|
||||
<li><a href="/blog.html">千视Blog</a></li>
|
||||
<li><a href="/about.html">关于千视</a></li>
|
||||
</ul>
|
||||
<div class="nav-right">
|
||||
<a href="#" style="color:var(--text-dim);text-decoration:none">语言</a>
|
||||
<a href="#" style="color:var(--text-dim);text-decoration:none">登录</a>
|
||||
<span class="nav-tel">400-XXX-XXXX</span>
|
||||
</div>
|
||||
<button class="menu-btn" id="menuBtn">☰</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="sidebar">
|
||||
<a href="/demo.html">预约演示</a>
|
||||
<a href="#">加入社群</a>
|
||||
<a href="/about.html#contact">联系我们</a>
|
||||
<a href="#top">返回顶部</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="page-hero">
|
||||
<div class="container">
|
||||
<h1>关于千视</h1>
|
||||
<p>致力于用AI Agent技术为企业装数字员工引擎</p>
|
||||
</div>
|
||||
</div>
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<h2>公司简介</h2>
|
||||
<p style="max-width:800px;margin:0 auto;text-align:center">千视科技成立于2017年，是一家专注于AI智能体技术研发与应用的高科技企业。公司总部位于深圳，核心团队来自国内外顶尖互联网与AI企业，拥有多年自然语言处理、计算机视觉和自动化领域的研发经验。</p>
|
||||
<p style="max-width:800px;margin:20px auto 0;text-align:center">我们自主研发的qianshiClaw智能体平台，已服务超过500家企业客户，覆盖内容生产、数字营销、数据分析、视频制作和运营自动化五大场景。</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section section-gray" id="contact">
|
||||
<div class="container">
|
||||
<h2>联系我们</h2>
|
||||
<div class="card-grid" style="max-width:800px;margin:0 auto">
|
||||
<div class="card" style="text-align:center">
|
||||
<div style="font-size:2rem;margin-bottom:8px">📞</div>
|
||||
<h4>客服热线</h4>
|
||||
<p style="font-size:1.5rem;font-weight:700;color:var(--text)">139-XXXX-XXXX</p>
|
||||
<p>24小时服务支持</p>
|
||||
</div>
|
||||
<div class="card" style="text-align:center">
|
||||
<div style="font-size:2rem;margin-bottom:8px">📧</div>
|
||||
<h4>电子邮箱</h4>
|
||||
<p style="font-weight:600;color:var(--text)">marketing@qianshi.cool</p>
|
||||
<p>工作日24小时内回复</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div class="footer-col">
|
||||
<h5>qianshiClaw</h5>
|
||||
<a href="/products.html">企业级Agent</a>
|
||||
<a href="/products.html">个人Agent</a>
|
||||
<a href="/products.html">智能体商城</a>
|
||||
<a href="/products.html">AI实战课堂</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h5>产品方案</h5>
|
||||
<a href="/products.html">内容Agent</a>
|
||||
<a href="/products.html">视频Agent</a>
|
||||
<a href="/products.html">数字人3.0</a>
|
||||
<a href="/products.html">企业GEO</a>
|
||||
<a href="/products.html">OPC一人公司</a>
|
||||
<a href="/products.html">量化投资策略</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h5>客户案例</h5>
|
||||
<a href="/cases.html">案例1</a>
|
||||
<a href="/cases.html">案例2</a>
|
||||
<a href="/cases.html">案例3</a>
|
||||
<a href="/cases.html">案例4</a>
|
||||
<a href="/cases.html">案例5</a>
|
||||
<a href="/cases.html">案例6</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h5>千视Blog</h5>
|
||||
<a href="/blog.html">培训栏目</a>
|
||||
<a href="/blog.html">热门讨论</a>
|
||||
<a href="/about.html">关于千视</a>
|
||||
<a href="/join.html">加入千视</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h5>联系方式</h5>
|
||||
<div style="font-size:1.3rem;font-weight:700">139-XXXX-XXXX</div>
|
||||
<div style="margin-top:4px">marketing@qianshi.cool</div>
|
||||
<a href="/service.html" style="margin-top:8px">服务支持</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<div>© 2017-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="#">网站地图</a></li>
|
||||
<li><a href="#">隐私政策</a></li>
|
||||
<li><a href="#">法律声明</a></li>
|
||||
<li><a href="#">免责声明</a></li>
|
||||
<li><a href="#">关于Cookie</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<script>
|
||||
(function(){
|
||||
var btn=document.getElementById('menuBtn');
|
||||
var nav=document.querySelector('.nav-links');
|
||||
btn.addEventListener('click',function(){
|
||||
var o=nav.style.display==='flex';
|
||||
if(o){nav.style.display='';nav.removeAttribute('style')}
|
||||
else{nav.style.display='flex';nav.style.flexDirection='column';nav.style.position='absolute';nav.style.top='70px';nav.style.left='0';nav.style.right='0';nav.style.background='#fff';nav.style.padding='16px 24px';nav.style.borderBottom='1px solid #e5e7eb';nav.style.gap='12px'}
|
||||
btn.textContent=o?'☰':'✕'
|
||||
})
|
||||
})()
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user