509 lines
23 KiB
Plaintext
Executable File
509 lines
23 KiB
Plaintext
Executable File
<!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">
|
||
<div class="container">
|
||
<a href="/index.html" class="logo">
|
||
<img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
|
||
</a>
|
||
<ul class="nav-menu">
|
||
<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">API</h4>
|
||
<ul class="footer-links">
|
||
<li><a href="/apidemo/">API 平台</a></li>
|
||
<li><a href="/all-apis.html">全部接口</a></li>
|
||
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</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="/privacy.html">隐私政策</a></li>
|
||
<li><a href="/terms.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>
|