jameswu/yuyuecha-guanwang
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial commit: 愉悦查官网（清理所有备份）

Browse Source
This commit is contained in:
James Wu
2026-04-14 14:44:14 +08:00
commit 6a01524fc1
122 changed files with 78763 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contact.html.bak.address
Executable
+523
View File
@@ -0,0 +1,523 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>联系我们 - 愉悦查 | 7×12 小时在线服务</title>
<meta name="description" content="联系愉悦查，获取产品咨询、技术支持、商务合作。7×12 小时在线服务，企业微信、电话、邮箱多种联系方式。">
<meta name="keywords" content="联系愉悦查，技术支持，商务合作，客服联系方式">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
<style>
:root {
--primary-orange: #FF6A19;
--primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
--bg-light: #FFFFFF;
--bg-gray: #F5F7FA;
--bg-dark: #1A1A1A;
--text-primary: #1A1A1A;
--text-secondary: #666666;
--text-light: #999999;
--spacing-xs: 8px;
--spacing-sm: 16px;
--spacing-md: 24px;
--spacing-lg: 48px;
--spacing-xl: 80px;
--radius-md: 8px;
--radius-lg: 16px;
--shadow-md: 0 4px 16px rgba(0,0,0,0.12);
--shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
--transition: all 0.3s ease;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
a { text-decoration: none; color: inherit; transition: var(--transition); }
ul { list-style: none; }
.container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
.btn {
display: inline-block;
padding: 14px 32px;
font-size: 15px;
font-weight: 500;
border-radius: var(--radius-md);
cursor: pointer;
transition: var(--transition);
border: none;
text-align: center;
}
.btn-primary {
background: var(--primary-gradient);
color: white;
box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
.btn-outline {
background: transparent;
border: 2px solid var(--primary-orange);
color: var(--primary-orange);
}
.btn-outline:hover { background: var(--primary-gradient); color: white; }
.btn-lg { padding: 16px 48px; font-size: 17px; }
.navbar {
position: fixed;
top: 0;
background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
backdrop-filter: blur(10px);
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
z-index: 1000;
}
.navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
.logo { display: flex; align-items: center; text-decoration: none; }
.logo-img { height: 60px; width: auto; }
.nav-menu { display: flex; gap: var(--spacing-lg); }
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
.nav-link:hover { color: var(--primary-orange); }
.hero {
padding: 160px 0 100px;
background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
text-align: center;
}
.hero h1 {
font-size: 52px;
font-weight: 900;
margin-bottom: var(--spacing-sm);
background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero p { font-size: 22px; color: var(--text-secondary); max-width: 700px; margin: 0 auto; line-height: 1.8; }
.section { padding: var(--spacing-xl) 0; }
.section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
.section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
.contact-methods { background: white; }
.methods-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: var(--spacing-md);
}
.method-card {
background: var(--bg-gray);
padding: var(--spacing-lg);
border-radius: var(--radius-lg);
text-align: center;
transition: var(--transition);
}
.method-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); }
.method-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
.method-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
.method-card p { font-size: 15px; color: var(--text-secondary); margin-bottom: var(--spacing-sm); line-height: 1.7; }
.method-action { margin-top: var(--spacing-sm); }
.method-note { font-size: 13px; color: var(--text-light); margin-top: var(--spacing-xs); }
.office-section { background: var(--bg-gray); }
.office-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: var(--spacing-md);
}
.office-card {
background: white;
padding: var(--spacing-lg);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md);
}
.office-card h3 { font-size: 24px; margin-bottom: var(--spacing-sm); color: var(--primary-orange); }
.office-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.8; margin-bottom: 8px; }
.office-card .detail { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; }
.office-card .detail-icon { font-size: 20px; }
.faq-section { background: white; }
.faq-list { max-width: 900px; margin: 0 auto; }
.faq-item {
background: var(--bg-gray);
margin-bottom: var(--spacing-sm);
border-radius: var(--radius-md);
overflow: hidden;
}
.faq-question {
padding: var(--spacing-md) var(--spacing-lg);
font-size: 17px;
font-weight: 600;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-answer {
padding: 0 var(--spacing-lg) var(--spacing-md);
font-size: 15px;
color: var(--text-secondary);
line-height: 1.8;
display: none;
}
.faq-item.active .faq-answer { display: block; }
.faq-icon { font-size: 20px; transition: var(--transition); }
.faq-item.active .faq-icon { transform: rotate(45deg); }
.cta-section {
background: var(--primary-gradient);
padding: var(--spacing-xl) 0;
text-align: center;
color: white;
}
.cta-section h2 { font-size: 40px; font-weight: 700; margin-bottom: var(--spacing-sm); }
.cta-section p { font-size: 18px; margin-bottom: var(--spacing-lg); opacity: 0.95; }
.cta-section .btn { background: white; color: var(--primary-orange); }
.footer {
background: var(--bg-dark);
color: white;
padding: var(--spacing-xl) 0 var(--spacing-lg);
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: var(--spacing-lg);
margin-bottom: var(--spacing-lg);
}
.footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
.footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
.footer-links li { margin-bottom: 10px; }
.footer-links a { color: #CCCCCC; }
.footer-links a:hover { color: var(--primary-orange); }
.footer-bottom {
text-align: center;
padding-top: var(--spacing-lg);
border-top: 1px solid #333333;
color: #999999;
font-size: 14px;
}
@media (max-width: 768px) {
.hero h1 { font-size: 36px; }
.section-title { font-size: 32px; }
.methods-grid, .office-grid { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: 1fr; }
.nav-menu { display: none; }
}
</style>
</head>
<body>
<nav class="navbar" id="navbar">
<div class="container">
<a href="/index.html" class="logo">
<img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
</a>
<div class="menu-toggle" id="menuToggle">
<span></span>
<span></span>
<span></span>
</div>
<ul class="nav-menu" id="navMenu">
<li><a href="/index.html" class="nav-link">首页</a></li>
<li><a href="/index.html#products" class="nav-link">产品服务</a></li>
<li><a href="/sample.html" class="nav-link">示例报告</a></li>
<li><a href="/apidemo/" class="nav-link">API 平台</a></li>
<li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
<li><a href="/about.html" class="nav-link">关于我们</a></li>
</ul>
<div class="nav-cta">
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
</div>
</div>
</nav>
<section class="hero">
<div class="container">
<h1>联系我们</h1>
<p>7×12 小时在线服务<br>产品咨询、技术支持、商务合作，我们随时为您服务</p>
</div>
</section>
<section class="section contact-methods">
<div class="container">
<h2 class="section-title">联系方式</h2>
<p class="section-subtitle">选择最适合您的方式联系我们</p>
<div class="methods-grid">
<div class="method-card">
<div class="method-icon">💬</div>
<h3>企业微信客服</h3>
<p>7×12 小时在线服务<br>产品咨询、技术支持、售后问题</p>
<div class="method-action">
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即咨询</a>
</div>
<p class="method-note">⭐ 推荐方式，响应最快</p>
</div>
<div class="method-card">
<div class="method-icon">📧</div>
<h3>商务邮箱</h3>
<p>商务合作、渠道代理、定制需求</p>
<div class="method-action">
<a href="mailto:business@yuyuecha.com" class="btn btn-outline">发送邮件</a>
</div>
<p class="method-note">工作日 24 小时内回复</p>
</div>
<div class="method-card">
<div class="method-icon">📞</div>
<h3>电话咨询</h3>
<p>紧急问题、重要事项沟通</p>
<div class="method-action">
<a href="tel:400-xxx-xxxx" class="btn btn-outline">400-xxx-xxxx</a>
</div>
<p class="method-note">工作日 9:00-18:00</p>
</div>
<div class="method-card">
<div class="method-icon">📍</div>
<h3>公司地址</h3>
<p>北京市海淀区中关村科技园<br>欢迎预约来访</p>
<div class="method-action">
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">预约来访</a>
</div>
<p class="method-note">需提前预约</p>
</div>
</div>
</div>
</section>
<section class="section office-section">
<div class="container">
<h2 class="section-title">公司信息</h2>
<p class="section-subtitle">了解更多公司信息</p>
<div class="office-grid">
<div class="office-card">
<h3>🏢 公司信息</h3>
<div class="detail">
<span class="detail-icon">📋</span>
<div>
<strong>公司全称：</strong>愉悦查（北京正信环宇科技有限公司）
</div>
</div>
<div class="detail">
<span class="detail-icon">📍</span>
<div>
<strong>公司地址：</strong>北京市海淀区中关村科技园 XX 大厦 X 层
</div>
</div>
<div class="detail">
<span class="detail-icon">🏛️</span>
<div>
<strong>注册资本：</strong>XXX 万元人民币
</div>
</div>
<div class="detail">
<span class="detail-icon">📅</span>
<div>
<strong>成立时间：</strong>2025 年
</div>
</div>
</div>
<div class="office-card">
<h3>📜 资质信息</h3>
<div class="detail">
<span class="detail-icon">🔐</span>
<div>
<strong>ICP 备案：</strong>京 ICP 备 2025158088 号 -2
</div>
</div>
<div class="detail">
<span class="detail-icon">🛡️</span>
<div>
<strong>安全认证：</strong>等保三级认证
</div>
</div>
<div class="detail">
<span class="detail-icon">📊</span>
<div>
<strong>数据来源：</strong>官方授权数据源
</div>
</div>
<div class="detail">
<span class="detail-icon">⚖️</span>
<div>
<strong>合规经营：</strong>严格遵守《个人信息保护法》《数据安全法》
</div>
</div>
</div>
<div class="office-card">
<h3>⏰ 服务时间</h3>
<div class="detail">
<span class="detail-icon">🕐</span>
<div>
<strong>客服时间：</strong>周一至周日 9:00-21:00
</div>
</div>
<div class="detail">
<span class="detail-icon">💼</span>
<div>
<strong>商务时间：</strong>周一至周五 9:00-18:00
</div>
</div>
<div class="detail">
<span class="detail-icon">🔧</span>
<div>
<strong>技术支持：</strong>7×12 小时在线
</div>
</div>
<div class="detail">
<span class="detail-icon">🚨</span>
<div>
<strong>紧急联系：</strong>企业微信 24 小时留言
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section faq-section">
<div class="container">
<h2 class="section-title">常见问题</h2>
<p class="section-subtitle">您可能想知道的问题</p>
<div class="faq-list">
<div class="faq-item">
<div class="faq-question">
<span>Q: 如何获取产品报价？</span>
<span class="faq-icon">+</span>
</div>
<div class="faq-answer">
<p>A: 您可以通过企业微信客服咨询产品报价，我们会根据您的具体需求提供详细的价格方案。对于 API 接口，我们提供按次计费、套餐包、预付费等多种计费方式，量大从优。</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<span>Q: 技术支持响应时间多长？</span>
<span class="faq-icon">+</span>
</div>
<div class="faq-answer">
<p>A: 我们提供 7×12 小时技术支持服务。一般问题 30 分钟内响应，紧急问题 15 分钟内响应。对于 API 接入等技术问题，我们会安排专业技术人员为您提供一对一指导。</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<span>Q: 如何成为代理商？</span>
<span class="faq-icon">+</span>
</div>
<div class="faq-answer">
<p>A: 我们提供白银/黄金/钻石三级代理体系。白银代理零门槛免费加入，黄金代理 198 元/年，钻石代理 980 元/年。您可以通过企业微信客服或商务邮箱联系我们，提交代理申请。</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<span>Q: 可以定制开发吗？</span>
<span class="faq-icon">+</span>
</div>
<div class="faq-answer">
<p>A: 是的，我们支持定制开发服务。如果您有特殊的业务需求或需要定制化的数据接口，请通过商务邮箱或企业微信联系我们，我们会安排产品经理与您对接需求。</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<span>Q: 如何申请发票？</span>
<span class="faq-icon">+</span>
</div>
<div class="faq-answer">
<p>A: 您可以通过控制台申请发票，或联系客服协助办理。我们支持电子发票和纸质发票，一般 3-5 个工作日内开具并寄出。</p>
</div>
</div>
</div>
</div>
</section>
<section class="cta-section">
<div class="container">
<h2>有任何问题都可以联系我们</h2>
<p>我们的团队随时为您服务，期待您的咨询</p>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-lg" target="_blank">💬 立即咨询</a>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<h3>愉悦查</h3>
<p>让信任无处不在，让合作没有距离</p>
<p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
<p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
</div>
<div>
<h4 class="footer-title">产品</h4>
<ul class="footer-links">
<li><a href="/product/riskassessment.html">个人大数据报告</a></li>
<li><a href="/product/marriage.html">婚恋风险报告</a></li>
<li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
<li><a href="/product/companyinfo.html">小微企业报告</a></li>
<li><a href="/product/homeservice.html">家政风险报告</a></li>
<li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
</ul>
</div>
<div>
<h4 class="footer-title">公司</h4>
<ul class="footer-links">
<li><a href="/about.html">关于我们</a></li>
<li><a href="/careers.html">加入我们</a></li>
<li><a href="/contact.html">联系我们</a></li>
<li><a href="/news.html">新闻动态</a></li>
<li><a href="/partners.html">合作伙伴</a></li>
</ul>
</div>
<div>
<h4 class="footer-title">支持</h4>
<ul class="footer-links">
<li><a href="/help.html">帮助中心</a></li>
<li><a href="/apidemo/">API 文档</a></li>
<li><a href="/index.html#partnership">代理支持</a></li>
<li><a href="/privacy.html">隐私政策</a></li>
<li><a href="/terms.html">服务条款</a></li>
<li><a href="/disclaimer.html">免责声明</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
<p>京 ICP 备 2025158088 号 -2</p>
</div>
</div>
</footer>
<script>
const faqItems = document.querySelectorAll('.faq-item');
faqItems.forEach(item => {
const question = item.querySelector('.faq-question');
question.addEventListener('click', () => {
const isActive = item.classList.contains('active');
faqItems.forEach(i => i.classList.remove('active'));
if (!isActive) {
item.classList.add('active');
}
});
});
</script>
</body>
</html>