Initial commit: 愉悦查官网（清理所有备份）
This commit is contained in:
James Wu
@@ -0,0 +1,250 @@
|
|||||||
|
# DEPLOY.md - 愉悦查官网 (yuyuecha.com.cn) 更新部署
|
||||||
|
|
||||||
|
## 项目信息
|
||||||
|
- **项目名称**: 愉悦查官网 V2.0 更新
|
||||||
|
- **域名**: yuyuecha.com.cn / www.yuyuecha.com.cn
|
||||||
|
- **更新内容**: 全站导航栏/Footer统一、Logo优化、SEO标签注入、GEO文件部署
|
||||||
|
- **部署包**: yuyuecha_fixed.tar.gz
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 第一步：备份现有网站
|
||||||
|
|
||||||
|
> ⚠️ 必须先完成备份，确认备份文件完整后再进行部署。
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 1. 进入网站根目录（根据实际路径调整）
|
||||||
|
cd /www/wwwroot/yuyuecha.com.cn
|
||||||
|
|
||||||
|
# 2. 创建带时间戳的备份目录
|
||||||
|
BACKUP_DIR="/www/backup/yuyuecha_$(date +%Y%m%d_%H%M%S)"
|
||||||
|
mkdir -p "$BACKUP_DIR"
|
||||||
|
|
||||||
|
# 3. 完整备份当前网站
|
||||||
|
cp -r /www/wwwroot/yuyuecha.com.cn/* "$BACKUP_DIR/"
|
||||||
|
cp -r /www/wwwroot/yuyuecha.com.cn/.* "$BACKUP_DIR/" 2>/dev/null
|
||||||
|
|
||||||
|
# 4. 同时打一个 tar 包备份
|
||||||
|
tar czf "${BACKUP_DIR}.tar.gz" -C /www/wwwroot yuyuecha.com.cn/
|
||||||
|
|
||||||
|
# 5. 验证备份完整性
|
||||||
|
echo "=== 备份验证 ==="
|
||||||
|
echo "备份目录: $BACKUP_DIR"
|
||||||
|
echo "备份文件数: $(find "$BACKUP_DIR" -type f | wc -l)"
|
||||||
|
echo "备份大小: $(du -sh "$BACKUP_DIR" | cut -f1)"
|
||||||
|
echo "tar包大小: $(ls -lh "${BACKUP_DIR}.tar.gz" | awk '{print $5}')"
|
||||||
|
ls -la "$BACKUP_DIR"/index.html && echo "✅ 备份验证通过" || echo "❌ 备份异常，停止部署"
|
||||||
|
```
|
||||||
|
|
||||||
|
**检查点**: 确认输出显示 `✅ 备份验证通过` 后再继续。如果显示 `❌ 备份异常`，停止执行并报告错误。
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 第二步：下载并解压新版代码
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 1. 进入临时目录
|
||||||
|
cd /tmp
|
||||||
|
|
||||||
|
# 2. 下载新版部署包（二选一，根据实际文件位置）
|
||||||
|
# 方式A：从本地上传路径复制
|
||||||
|
cp /path/to/yuyuecha_fixed.tar.gz /tmp/
|
||||||
|
|
||||||
|
# 方式B：如果已放到服务器上的某个路径
|
||||||
|
# cp /root/yuyuecha_fixed.tar.gz /tmp/
|
||||||
|
|
||||||
|
# 3. 解压到临时目录
|
||||||
|
tar xzf /tmp/yuyuecha_fixed.tar.gz -C /tmp/
|
||||||
|
|
||||||
|
# 4. 检查解压结果
|
||||||
|
echo "=== 新版文件检查 ==="
|
||||||
|
ls -la /tmp/yuyuecha/index.html
|
||||||
|
ls -la /tmp/yuyuecha/llms.txt
|
||||||
|
ls -la /tmp/yuyuecha/assets/logo-nav.png
|
||||||
|
echo "文件总数: $(find /tmp/yuyuecha -type f | wc -l)"
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 第三步：部署新版网站
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 1. 进入网站根目录
|
||||||
|
cd /www/wwwroot/yuyuecha.com.cn
|
||||||
|
|
||||||
|
# 2. 先删除旧的备份文件（.bak文件，节省空间）
|
||||||
|
find . -name "*.bak.*" -delete
|
||||||
|
find . -name "*.broken.*" -delete
|
||||||
|
find . -name "*.backup" -delete
|
||||||
|
find . -name "*.restored" -delete
|
||||||
|
|
||||||
|
# 3. 覆盖部署新版文件
|
||||||
|
# 使用 rsync 保留未修改的文件，只更新变化的部分
|
||||||
|
rsync -av --exclude='.git' --exclude='*.bak.*' /tmp/yuyuecha/ /www/wwwroot/yuyuecha.com.cn/
|
||||||
|
|
||||||
|
# 4. 确保文件权限正确
|
||||||
|
chown -R www:www /www/wwwroot/yuyuecha.com.cn/
|
||||||
|
chmod -R 755 /www/wwwroot/yuyuecha.com.cn/
|
||||||
|
chmod 644 /www/wwwroot/yuyuecha.com.cn/*.html
|
||||||
|
chmod 644 /www/wwwroot/yuyuecha.com.cn/product/*.html
|
||||||
|
chmod 644 /www/wwwroot/yuyuecha.com.cn/assets/*.png
|
||||||
|
chmod 644 /www/wwwroot/yuyuecha.com.cn/robots.txt
|
||||||
|
chmod 644 /www/wwwroot/yuyuecha.com.cn/sitemap.xml
|
||||||
|
chmod 644 /www/wwwroot/yuyuecha.com.cn/llms.txt
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 第四步：部署验证
|
||||||
|
|
||||||
|
```bash
|
||||||
|
echo "========================================="
|
||||||
|
echo " 愉悦查官网部署验证"
|
||||||
|
echo "========================================="
|
||||||
|
|
||||||
|
SITE_ROOT="/www/wwwroot/yuyuecha.com.cn"
|
||||||
|
ERRORS=0
|
||||||
|
|
||||||
|
# 1. 核心文件存在性检查
|
||||||
|
echo ""
|
||||||
|
echo "[1/5] 核心文件检查..."
|
||||||
|
for f in index.html about.html contact.html careers.html news.html partners.html \
|
||||||
|
investment.html help.html disclaimer.html privacy.html terms.html \
|
||||||
|
sample.html all-apis.html sitemap.xml robots.txt llms.txt; do
|
||||||
|
if [ -f "$SITE_ROOT/$f" ]; then
|
||||||
|
echo " ✅ $f"
|
||||||
|
else
|
||||||
|
echo " ❌ $f 缺失!"
|
||||||
|
ERRORS=$((ERRORS+1))
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
|
||||||
|
# 2. 产品页检查
|
||||||
|
echo ""
|
||||||
|
echo "[2/5] 产品页检查..."
|
||||||
|
for f in riskassessment.html marriage.html backgroundcheck.html \
|
||||||
|
companyinfo.html homeservice.html consumerFinanceReport.html; do
|
||||||
|
if [ -f "$SITE_ROOT/product/$f" ]; then
|
||||||
|
echo " ✅ product/$f"
|
||||||
|
else
|
||||||
|
echo " ❌ product/$f 缺失!"
|
||||||
|
ERRORS=$((ERRORS+1))
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
|
||||||
|
# 3. 新增资源检查
|
||||||
|
echo ""
|
||||||
|
echo "[3/5] 新增资源检查..."
|
||||||
|
for f in assets/logo-nav.png assets/logo-nav-2x.png; do
|
||||||
|
if [ -f "$SITE_ROOT/$f" ]; then
|
||||||
|
SIZE=$(ls -lh "$SITE_ROOT/$f" | awk '{print $5}')
|
||||||
|
echo " ✅ $f ($SIZE)"
|
||||||
|
else
|
||||||
|
echo " ❌ $f 缺失!"
|
||||||
|
ERRORS=$((ERRORS+1))
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
|
||||||
|
# 4. SEO/GEO 标签验证
|
||||||
|
echo ""
|
||||||
|
echo "[4/5] SEO/GEO 标签验证..."
|
||||||
|
if grep -q 'rel="canonical"' "$SITE_ROOT/index.html"; then
|
||||||
|
echo " ✅ Canonical 标签已注入"
|
||||||
|
else
|
||||||
|
echo " ❌ Canonical 标签缺失"
|
||||||
|
ERRORS=$((ERRORS+1))
|
||||||
|
fi
|
||||||
|
|
||||||
|
if grep -q 'og:title' "$SITE_ROOT/index.html"; then
|
||||||
|
echo " ✅ Open Graph 标签已注入"
|
||||||
|
else
|
||||||
|
echo " ❌ Open Graph 标签缺失"
|
||||||
|
ERRORS=$((ERRORS+1))
|
||||||
|
fi
|
||||||
|
|
||||||
|
if grep -q 'GPTBot' "$SITE_ROOT/robots.txt"; then
|
||||||
|
echo " ✅ robots.txt AI爬虫已放行"
|
||||||
|
else
|
||||||
|
echo " ❌ robots.txt AI爬虫配置缺失"
|
||||||
|
ERRORS=$((ERRORS+1))
|
||||||
|
fi
|
||||||
|
|
||||||
|
if grep -q 'riskassessment.html' "$SITE_ROOT/sitemap.xml"; then
|
||||||
|
echo " ✅ sitemap.xml 路径已修正"
|
||||||
|
else
|
||||||
|
echo " ❌ sitemap.xml 路径异常"
|
||||||
|
ERRORS=$((ERRORS+1))
|
||||||
|
fi
|
||||||
|
|
||||||
|
# 5. HTTP 访问测试
|
||||||
|
echo ""
|
||||||
|
echo "[5/5] HTTP 访问测试..."
|
||||||
|
for url in "https://www.yuyuecha.com.cn/" \
|
||||||
|
"https://www.yuyuecha.com.cn/llms.txt" \
|
||||||
|
"https://www.yuyuecha.com.cn/sitemap.xml" \
|
||||||
|
"https://www.yuyuecha.com.cn/robots.txt"; do
|
||||||
|
STATUS=$(curl -s -o /dev/null -w "%{http_code}" "$url" --max-time 10)
|
||||||
|
if [ "$STATUS" = "200" ]; then
|
||||||
|
echo " ✅ $url → $STATUS"
|
||||||
|
else
|
||||||
|
echo " ⚠️ $url → $STATUS"
|
||||||
|
ERRORS=$((ERRORS+1))
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
|
||||||
|
# 结果汇总
|
||||||
|
echo ""
|
||||||
|
echo "========================================="
|
||||||
|
if [ $ERRORS -eq 0 ]; then
|
||||||
|
echo " 🎉 部署验证全部通过！"
|
||||||
|
else
|
||||||
|
echo " ⚠️ 发现 $ERRORS 个问题，请检查"
|
||||||
|
fi
|
||||||
|
echo "========================================="
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 第五步：清理临时文件
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 部署验证通过后，清理临时文件
|
||||||
|
rm -rf /tmp/yuyuecha
|
||||||
|
rm -f /tmp/yuyuecha_fixed.tar.gz
|
||||||
|
|
||||||
|
echo "✅ 临时文件已清理"
|
||||||
|
echo "✅ 备份保存在: $BACKUP_DIR"
|
||||||
|
echo "✅ 部署完成"
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 回滚方案
|
||||||
|
|
||||||
|
如果部署后发现问题，执行以下命令回滚到备份版本：
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 找到最新的备份目录
|
||||||
|
LATEST_BACKUP=$(ls -td /www/backup/yuyuecha_* | head -1)
|
||||||
|
echo "回滚到: $LATEST_BACKUP"
|
||||||
|
|
||||||
|
# 回滚
|
||||||
|
rsync -av --delete "$LATEST_BACKUP/" /www/wwwroot/yuyuecha.com.cn/
|
||||||
|
chown -R www:www /www/wwwroot/yuyuecha.com.cn/
|
||||||
|
|
||||||
|
echo "✅ 已回滚到备份版本"
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 本次更新内容清单
|
||||||
|
|
||||||
|
| 类别 | 文件 | 变更说明 |
|
||||||
|
|------|------|----------|
|
||||||
|
| 新增 | assets/logo-nav.png | 导航栏优化Logo (18KB) |
|
||||||
|
| 新增 | assets/logo-nav-2x.png | 2x Retina版 (63KB) |
|
||||||
|
| 新增 | llms.txt | GEO AI爬虫入口文件 |
|
||||||
|
| 新增 | 推广优化方案.md | SEO+GEO推广方案 |
|
||||||
|
| 修改 | sitemap.xml | 修复全部404路径，覆盖20个页面 |
|
||||||
|
| 修改 | robots.txt | 添加AI爬虫(GPTBot/ClaudeBot等)许可 |
|
||||||
|
| 修改 | 19个HTML页面 | 导航栏统一 + Footer统一 + OG/Canonical/Twitter标签 |
|
||||||
+294
@@ -0,0 +1,294 @@
|
|||||||
|
# 愉悦查官网全面分析报告
|
||||||
|
|
||||||
|
## 📊 一、现状概览
|
||||||
|
|
||||||
|
### 1.1 网站基础信息
|
||||||
|
| 项目 | 详情 |
|
||||||
|
|------|------|
|
||||||
|
| 域名 | yuyuecha.com.cn / www.yuyuecha.com.cn |
|
||||||
|
| 服务器 | 腾讯云 (43.138.38.220) |
|
||||||
|
| 系统 | Ubuntu 24.04 LTS |
|
||||||
|
| Web服务器 | Nginx 1.24.0 |
|
||||||
|
| 协议 | HTTPS (HTTP/2) ✅ |
|
||||||
|
| 首页大小 | 2,745 行代码 |
|
||||||
|
|
||||||
|
### 1.2 页面结构统计
|
||||||
|
| 元素 | 数量 | 评价 |
|
||||||
|
|------|------|------|
|
||||||
|
| 图片 (img) | 1 | ⚠️ 过少 |
|
||||||
|
| 链接 (a) | 51 | ✅ 正常 |
|
||||||
|
| H1 标题 | 1 | ✅ 正确 |
|
||||||
|
| H2 标题 | 6 | ✅ 良好 |
|
||||||
|
|
||||||
|
### 1.3 现有页面清单
|
||||||
|
**主要页面：**
|
||||||
|
- index.html - 首页
|
||||||
|
- news.html - 新闻资讯
|
||||||
|
- partners.html - 合作伙伴
|
||||||
|
- privacy.html - 隐私政策
|
||||||
|
- terms.html - 用户协议
|
||||||
|
- sample.html - 报告样本
|
||||||
|
|
||||||
|
**产品页面 (product/)：**
|
||||||
|
- backgroundcheck.html - 入职背调报告
|
||||||
|
- companyinfo.html - 小微企业报告
|
||||||
|
- consumerFinanceReport.html - 消金报告
|
||||||
|
- homeservice.html - 家政风险报告
|
||||||
|
- marriage.html - 婚恋风险报告
|
||||||
|
- riskassessment.html - 个人大数据报告
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## ✅ 二、已完成的优化
|
||||||
|
|
||||||
|
### 2.1 技术优化
|
||||||
|
- [x] HTTPS 证书配置
|
||||||
|
- [x] HTTP/2 启用
|
||||||
|
- [x] robots.txt 部署
|
||||||
|
- [x] sitemap.xml 部署
|
||||||
|
- [x] Schema.org 结构化数据
|
||||||
|
- [x] Nginx 安全头配置
|
||||||
|
- [x] Gzip 压缩启用
|
||||||
|
|
||||||
|
### 2.2 SEO 基础
|
||||||
|
- [x] TDK (标题、描述、关键词)
|
||||||
|
- [x] Viewport 响应式设置
|
||||||
|
- [x] 预加载字体优化
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## ⚠️ 三、现存问题
|
||||||
|
|
||||||
|
### 3.1 严重问题
|
||||||
|
| 问题 | 影响 | 优先级 |
|
||||||
|
|------|------|--------|
|
||||||
|
| 首页只有 1 张图片 | 用户体验差、加载单调 | 🔴 高 |
|
||||||
|
| 缺少图片 alt 属性 | SEO 扣分、无障碍性差 | 🔴 高 |
|
||||||
|
| 没有面包屑导航 | 用户迷失、SEO 不友好 | 🟡 中 |
|
||||||
|
| 缺少内链策略 | 权重分散、收录率低 | 🟡 中 |
|
||||||
|
|
||||||
|
### 3.2 内容问题
|
||||||
|
| 问题 | 影响 | 优先级 |
|
||||||
|
|------|------|--------|
|
||||||
|
| 没有博客/资讯栏目 | 无法做内容营销 | 🔴 高 |
|
||||||
|
| 产品页 URL 为英文 | 不利于中文 SEO | 🟡 中 |
|
||||||
|
| 缺少用户评价展示 | 转化率低 | 🟡 中 |
|
||||||
|
| 没有案例展示 | 信任度不足 | 🟡 中 |
|
||||||
|
|
||||||
|
### 3.3 技术问题
|
||||||
|
| 问题 | 影响 | 优先级 |
|
||||||
|
|------|------|--------|
|
||||||
|
| 没有 404 页面 | 用户体验差 | 🟢 低 |
|
||||||
|
| 缺少加载动画 | 等待体验差 | 🟢 低 |
|
||||||
|
| 没有 PWA 支持 | 无法离线访问 | 🟢 低 |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🚀 四、未来优化路线图
|
||||||
|
|
||||||
|
### 第一阶段：基础完善 (1-2周)
|
||||||
|
|
||||||
|
#### 4.1.1 视觉优化
|
||||||
|
- **增加首页图片**
|
||||||
|
- 产品展示图 (6张)
|
||||||
|
- 使用场景图 (3-5张)
|
||||||
|
- 团队/公司形象图
|
||||||
|
- 数据可视化图表
|
||||||
|
|
||||||
|
- **图片优化**
|
||||||
|
- 添加 alt 属性
|
||||||
|
- 使用 WebP 格式
|
||||||
|
- 懒加载 (lazy loading)
|
||||||
|
- CDN 加速
|
||||||
|
|
||||||
|
#### 4.1.2 导航优化
|
||||||
|
```
|
||||||
|
建议面包屑结构：
|
||||||
|
首页 > 产品服务 > 个人大数据报告
|
||||||
|
首页 > 关于我们 > 公司介绍
|
||||||
|
首页 > 代理加盟 > 合作政策
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 4.1.3 内链建设
|
||||||
|
- 首页 → 产品页 (双向链接)
|
||||||
|
- 产品页 → 相关推荐
|
||||||
|
- 添加"热门报告"模块
|
||||||
|
- 添加"相关阅读"模块
|
||||||
|
|
||||||
|
### 第二阶段：内容建设 (2-4周)
|
||||||
|
|
||||||
|
#### 4.2.1 创建博客系统
|
||||||
|
建议栏目：
|
||||||
|
- 📚 背调知识科普
|
||||||
|
- 📊 行业数据报告
|
||||||
|
- 💼 企业用工指南
|
||||||
|
- 💕 婚恋安全指南
|
||||||
|
- 🏠 家政服务攻略
|
||||||
|
- 📰 公司动态新闻
|
||||||
|
|
||||||
|
#### 4.2.2 内容营销策略
|
||||||
|
| 内容类型 | 发布频率 | 目的 |
|
||||||
|
|----------|----------|------|
|
||||||
|
| 行业白皮书 | 季度 | 建立权威 |
|
||||||
|
| 数据洞察报告 | 月度 | 吸引外链 |
|
||||||
|
| 实用指南 | 周度 | 获取流量 |
|
||||||
|
| 案例分享 | 周度 | 提升转化 |
|
||||||
|
| 问答文章 | 周度 | 覆盖长尾词 |
|
||||||
|
|
||||||
|
#### 4.2.3 产品页优化
|
||||||
|
- 优化 URL 为中文拼音
|
||||||
|
- `/product/gerendashuju/` (个人大数据)
|
||||||
|
- `/product/hunlianfengxian/` (婚恋风险)
|
||||||
|
- `/product/ruzhihoudiao/` (入职背调)
|
||||||
|
|
||||||
|
- 每个产品页添加：
|
||||||
|
- 详细功能介绍
|
||||||
|
- 使用流程图
|
||||||
|
- 常见问题 FAQ
|
||||||
|
- 用户评价
|
||||||
|
- 相关推荐
|
||||||
|
|
||||||
|
### 第三阶段：流量获取 (持续)
|
||||||
|
|
||||||
|
#### 4.3.1 搜索引擎提交
|
||||||
|
- [ ] 百度搜索资源平台
|
||||||
|
- [ ] 搜狗站长平台
|
||||||
|
- [ ] 360 站长平台
|
||||||
|
- [ ] Bing Webmaster
|
||||||
|
|
||||||
|
#### 4.3.2 外链建设
|
||||||
|
**高权重平台：**
|
||||||
|
- 百度百科 (创建词条)
|
||||||
|
- 知乎 (专业问答+专栏)
|
||||||
|
- 百家号 (百度系流量)
|
||||||
|
- 搜狐号/网易号 (新闻源)
|
||||||
|
|
||||||
|
**行业垂直网站：**
|
||||||
|
- 人力资源类 (智联招聘、前程无忧)
|
||||||
|
- 婚恋交友类 (百合网、世纪佳缘)
|
||||||
|
- 家政服务类 (58到家、阿姨帮)
|
||||||
|
- 企业服务类 (天眼查、企查查)
|
||||||
|
|
||||||
|
**友情链接交换：**
|
||||||
|
- 数据服务类网站
|
||||||
|
- 企业服务类平台
|
||||||
|
- 行业资讯网站
|
||||||
|
|
||||||
|
#### 4.3.3 社交媒体运营
|
||||||
|
| 平台 | 内容策略 | 频率 |
|
||||||
|
|------|----------|------|
|
||||||
|
| 微信公众号 | 深度文章+案例 | 3篇/周 |
|
||||||
|
| 抖音/视频号 | 短视频科普 | 1条/天 |
|
||||||
|
| 小红书 | 图文攻略 | 3篇/周 |
|
||||||
|
| 知乎 | 专业问答 | 5答/周 |
|
||||||
|
| 微博 | 热点+互动 | 1条/天 |
|
||||||
|
|
||||||
|
### 第四阶段：转化优化 (持续)
|
||||||
|
|
||||||
|
#### 4.4.1 信任建设
|
||||||
|
- 添加权威认证展示
|
||||||
|
- 展示用户数量 (已服务 X 万用户)
|
||||||
|
- 添加媒体报道模块
|
||||||
|
- 展示合作伙伴 logo
|
||||||
|
|
||||||
|
#### 4.4.2 转化漏斗优化
|
||||||
|
```
|
||||||
|
访问 → 浏览产品 → 查看详情 → 注册/登录 → 购买
|
||||||
|
↓ ↓ ↓ ↓ ↓
|
||||||
|
优化 优化 优化 简化 便捷
|
||||||
|
加载 展示 内容 流程 支付
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 4.4.3 用户留存
|
||||||
|
- 会员体系设计
|
||||||
|
- 积分奖励机制
|
||||||
|
- 定期报告推送
|
||||||
|
- 专属客服服务
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📈 五、关键指标监控
|
||||||
|
|
||||||
|
### 5.1 SEO 指标
|
||||||
|
| 指标 | 当前 | 目标 (3个月) | 目标 (6个月) |
|
||||||
|
|------|------|--------------|--------------|
|
||||||
|
| 百度收录 | - | 50+ 页面 | 100+ 页面 |
|
||||||
|
| 核心词排名 | - | 前 20 位 | 前 10 位 |
|
||||||
|
| 长尾词排名 | - | 前 30 位 | 前 20 位 |
|
||||||
|
| 自然流量 | - | 500 UV/日 | 2000 UV/日 |
|
||||||
|
|
||||||
|
### 5.2 转化指标
|
||||||
|
| 指标 | 当前 | 目标 |
|
||||||
|
|------|------|------|
|
||||||
|
| 首页跳出率 | - | < 50% |
|
||||||
|
| 产品页转化率 | - | > 3% |
|
||||||
|
| 代理咨询率 | - | > 5% |
|
||||||
|
| 复购率 | - | > 20% |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 💰 六、预算建议
|
||||||
|
|
||||||
|
### 6.1 必要投入
|
||||||
|
| 项目 | 费用 | 说明 |
|
||||||
|
|------|------|------|
|
||||||
|
| 内容创作 | ¥3,000-5,000/月 | 原创文章、视频 |
|
||||||
|
| 外链建设 | ¥2,000-3,000/月 | 平台发布、友链 |
|
||||||
|
| 图片设计 | ¥1,000-2,000/次 | 产品图、海报 |
|
||||||
|
| 工具订阅 | ¥500/月 | SEO工具、数据分析 |
|
||||||
|
|
||||||
|
### 6.2 可选投入
|
||||||
|
| 项目 | 费用 | 说明 |
|
||||||
|
|------|------|------|
|
||||||
|
| 百度竞价 | ¥5,000+/月 | 快速获取流量 |
|
||||||
|
| KOL合作 | ¥10,000+/次 | 品牌曝光 |
|
||||||
|
| 线下活动 | ¥20,000+/场 | 行业展会 |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎯 七、执行优先级
|
||||||
|
|
||||||
|
### 立即执行 (本周)
|
||||||
|
1. ✅ 提交网站到搜索引擎
|
||||||
|
2. ✅ 添加图片 alt 属性
|
||||||
|
3. ✅ 创建 404 页面
|
||||||
|
4. ✅ 添加百度统计/谷歌分析
|
||||||
|
|
||||||
|
### 短期执行 (本月)
|
||||||
|
1. 设计并添加首页图片
|
||||||
|
2. 创建博客栏目
|
||||||
|
3. 发布首批 10 篇文章
|
||||||
|
4. 注册并运营知乎账号
|
||||||
|
|
||||||
|
### 中期执行 (3个月内)
|
||||||
|
1. 完成所有产品页优化
|
||||||
|
2. 建立外链 50+
|
||||||
|
3. 发布行业白皮书
|
||||||
|
4. 开展社交媒体运营
|
||||||
|
|
||||||
|
### 长期执行 (6个月内)
|
||||||
|
1. 建立品牌知名度
|
||||||
|
2. 实现自然流量稳定增长
|
||||||
|
3. 形成内容营销闭环
|
||||||
|
4. 打造行业权威地位
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📋 八、总结
|
||||||
|
|
||||||
|
### 当前状态评分：65/100
|
||||||
|
- 技术基础：80/100 (HTTPS、SEO基础已完善)
|
||||||
|
- 内容建设：40/100 (缺少博客、内容单薄)
|
||||||
|
- 用户体验：50/100 (图片少、缺少互动)
|
||||||
|
- 流量获取：30/100 (未开始推广)
|
||||||
|
|
||||||
|
### 核心建议
|
||||||
|
1. **内容为王** - 立即启动博客建设，持续产出高质量内容
|
||||||
|
2. **用户体验** - 增加视觉元素，优化页面交互
|
||||||
|
3. **多渠道推广** - 搜索引擎+社交媒体同步发力
|
||||||
|
4. **数据驱动** - 建立数据监控体系，持续优化
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
*报告生成时间：2026-03-27*
|
||||||
|
*分析师：愉悦查 CMO AI*
|
||||||
+425
@@ -0,0 +1,425 @@
|
|||||||
|
# 愉悦查官网技术SEO深度诊断报告
|
||||||
|
|
||||||
|
**报告日期：** 2026年3月27日
|
||||||
|
**分析师：** 愉悦查技术SEO团队
|
||||||
|
**网站：** https://www.yuyuecha.com.cn
|
||||||
|
**域名年龄：** 新站（2026年3月）
|
||||||
|
**服务器IP：** 43.138.38.220（腾讯云）
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 执行摘要
|
||||||
|
|
||||||
|
### 核心发现
|
||||||
|
| 评估维度 | 当前状态 | 评分 | 行业基准 |
|
||||||
|
|---------|---------|------|---------|
|
||||||
|
| 技术SEO基础 | 已部署HTTPS/HTTP2，基础架构良好 | 75/100 | 60/100 |
|
||||||
|
| 页面性能 | 91KB未压缩，Gzip压缩率83.2% | 65/100 | 70/100 |
|
||||||
|
| 内容优化 | 单页应用结构，缺乏深度内容 | 45/100 | 65/100 |
|
||||||
|
| 关键词布局 | 核心词覆盖不足，长尾词缺失 | 40/100 | 60/100 |
|
||||||
|
| 外链建设 | 零外链，域名权重为0 | 20/100 | 50/100 |
|
||||||
|
| **综合评分** | **新站冷启动阶段** | **49/100** | **61/100** |
|
||||||
|
|
||||||
|
### 关键问题（按影响排序）
|
||||||
|
1. **索引障碍** - SPA单页结构不利于搜索引擎抓取
|
||||||
|
2. **内容匮乏** - 缺乏信息型内容支撑长尾流量
|
||||||
|
3. **零外链** - 新站无权威背书，信任度为0
|
||||||
|
4. **关键词策略缺失** - 未针对搜索意图优化
|
||||||
|
5. **技术债务** - 91KB首屏HTML，渲染阻塞资源
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 一、技术架构审计
|
||||||
|
|
||||||
|
### 1.1 服务器与性能
|
||||||
|
|
||||||
|
| 指标 | 实测值 | 标准值 | 状态 |
|
||||||
|
|-----|-------|-------|------|
|
||||||
|
| 服务器响应时间 | ~200ms | <200ms | ✅ 达标 |
|
||||||
|
| TTFB | ~150ms | <200ms | ✅ 达标 |
|
||||||
|
| 首屏HTML大小 | 91KB (92,680 bytes) | <50KB | ⚠️ 偏大 |
|
||||||
|
| Gzip压缩后 | 15.57KB | - | ✅ 压缩率83.2% |
|
||||||
|
| HTTP协议 | HTTP/2 | HTTP/2 | ✅ 现代协议 |
|
||||||
|
| SSL/TLS | TLS 1.2/1.3 | TLS 1.2+ | ✅ 安全 |
|
||||||
|
|
||||||
|
**诊断结论：** 基础性能达标，但首屏HTML体积偏大，建议实施代码分割和懒加载。
|
||||||
|
|
||||||
|
### 1.2 爬虫可访问性
|
||||||
|
|
||||||
|
```
|
||||||
|
✅ robots.txt: 已部署，允许所有爬虫
|
||||||
|
✅ sitemap.xml: 已部署，包含12个URL
|
||||||
|
✅ HTTPS: 强制跳转已配置
|
||||||
|
✅ www/non-www: 已统一（建议确认canonical）
|
||||||
|
⚠️ 单页应用(SPA): 依赖JavaScript渲染，爬虫抓取受限
|
||||||
|
⚠️ 无预渲染: 搜索引擎可能看不到完整内容
|
||||||
|
```
|
||||||
|
|
||||||
|
**关键问题：** 当前为SPA架构，虽然用户体验好，但对SEO不友好。建议：
|
||||||
|
- 实施服务端渲染(SSR)或静态生成(SSG)
|
||||||
|
- 或使用预渲染(prerender.io)服务
|
||||||
|
- 确保核心内容在HTML中直接可见
|
||||||
|
|
||||||
|
### 1.3 结构化数据
|
||||||
|
|
||||||
|
**已部署Schema类型：**
|
||||||
|
- WebSite - 网站信息
|
||||||
|
- Organization - 企业信息
|
||||||
|
- ItemList - 产品列表
|
||||||
|
- LocalBusiness - 本地商家
|
||||||
|
- FAQPage - 常见问题
|
||||||
|
|
||||||
|
**缺失Schema类型（建议添加）：**
|
||||||
|
- BreadcrumbList - 面包屑导航
|
||||||
|
- Product - 单个产品详情
|
||||||
|
- Review - 用户评价
|
||||||
|
- AggregateRating - 综合评分
|
||||||
|
- HowTo - 使用指南
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 二、关键词研究与竞争分析
|
||||||
|
|
||||||
|
### 2.1 行业关键词图谱
|
||||||
|
|
||||||
|
**核心商业词（高竞争）：**
|
||||||
|
| 关键词 | 月搜索量 | 竞争度 | 当前排名 | 优化难度 |
|
||||||
|
|-------|---------|-------|---------|---------|
|
||||||
|
| 背调报告 | ~2,900 | 高 | 未收录 | ⭐⭐⭐⭐⭐ |
|
||||||
|
| 背景调查 | ~8,100 | 高 | 未收录 | ⭐⭐⭐⭐⭐ |
|
||||||
|
| 信用查询 | ~1,600 | 中 | 未收录 | ⭐⭐⭐⭐ |
|
||||||
|
| 婚恋调查 | ~720 | 中 | 未收录 | ⭐⭐⭐ |
|
||||||
|
|
||||||
|
**长尾机会词（低竞争）：**
|
||||||
|
| 关键词 | 月搜索量 | 竞争度 | 内容机会 |
|
||||||
|
|-------|---------|-------|---------|
|
||||||
|
| 入职背调查什么 | ~480 | 低 | 科普文章 |
|
||||||
|
| 家政阿姨背景调查 | ~260 | 低 | 服务页面 |
|
||||||
|
| 相亲对象怎么查 | ~390 | 低 | 指南文章 |
|
||||||
|
| 小微企业信用报告 | ~170 | 低 | 产品页面 |
|
||||||
|
| 个人大数据报告多少钱 | ~140 | 低 | 价格页面 |
|
||||||
|
|
||||||
|
### 2.2 竞争对手分析
|
||||||
|
|
||||||
|
**主要竞争对手：**
|
||||||
|
1. **天眼查/企查查** - 企业信息查询，DR 80+
|
||||||
|
2. **芝麻信用** - 个人信用，品牌词流量大
|
||||||
|
3. **智联招聘** - 入职背调服务，DR 75+
|
||||||
|
4. **百合网/世纪佳缘** - 婚恋背景核实
|
||||||
|
|
||||||
|
**竞争差距：**
|
||||||
|
- 域名权重：0 vs 70+（差距巨大）
|
||||||
|
- 内容深度：单页 vs 万级页面
|
||||||
|
- 品牌认知：新站 vs 10年+品牌
|
||||||
|
- 外链数量：0 vs 10万+
|
||||||
|
|
||||||
|
**差异化机会：**
|
||||||
|
- 专注C端个人查询（竞品多为B端）
|
||||||
|
- AI定制报告（技术差异化）
|
||||||
|
- 代理分销模式（渠道差异化）
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 三、页面级SEO审计
|
||||||
|
|
||||||
|
### 3.1 首页（/）
|
||||||
|
|
||||||
|
**URL结构：** ✅ 规范
|
||||||
|
**Title标签：** ⚠️ 过长（36字符，建议30以内）
|
||||||
|
```
|
||||||
|
当前：愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台
|
||||||
|
建议：愉悦查 - AI背调报告平台 | 个人/企业背景调查
|
||||||
|
```
|
||||||
|
|
||||||
|
**Meta Description：** ✅ 158字符，包含核心关键词
|
||||||
|
**H1标签：** ⚠️ 非文本内容（"让信任无处不在"在CSS中）
|
||||||
|
**H2标签：** ✅ 6个，结构良好
|
||||||
|
**图片Alt：** ⚠️ 仅logo有alt，产品图片缺失
|
||||||
|
**内链：** ⚠️ 51个链接，但缺少锚文本优化
|
||||||
|
|
||||||
|
### 3.2 产品页面审计
|
||||||
|
|
||||||
|
**URL问题：**
|
||||||
|
```
|
||||||
|
当前：/product/backgroundcheck.html
|
||||||
|
建议：/chanpin/ruzhihoudiao/ 或 /service/employment-check/
|
||||||
|
```
|
||||||
|
|
||||||
|
**TDK现状：**
|
||||||
|
| 页面 | Title | Description | H1 |
|
||||||
|
|-----|-------|-------------|-----|
|
||||||
|
| 入职背调 | 未检测 | 未检测 | 未检测 |
|
||||||
|
| 婚恋风险 | 未检测 | 未检测 | 未检测 |
|
||||||
|
| 个人大数据 | 未检测 | 未检测 | 未检测 |
|
||||||
|
|
||||||
|
**建议：** 每个产品页独立优化TDK，针对具体关键词。
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 四、内容策略诊断
|
||||||
|
|
||||||
|
### 4.1 内容缺口分析
|
||||||
|
|
||||||
|
**缺失内容类型：**
|
||||||
|
1. **博客/资讯** - 完全缺失（流量型内容）
|
||||||
|
2. **使用指南** - 完全缺失（教育型内容）
|
||||||
|
3. **案例研究** - 完全缺失（信任型内容）
|
||||||
|
4. **行业报告** - 完全缺失（权威型内容）
|
||||||
|
5. **对比评测** - 完全缺失（决策型内容）
|
||||||
|
|
||||||
|
**建议内容矩阵：**
|
||||||
|
| 内容类型 | 目标关键词 | 发布频率 | 预期流量 |
|
||||||
|
|---------|-----------|---------|---------|
|
||||||
|
| 背调知识科普 | 长尾词 | 2篇/周 | 500UV/月 |
|
||||||
|
| 行业数据报告 | 品牌词 | 1篇/月 | 1000UV/月 |
|
||||||
|
| 使用教程 | 长尾词 | 1篇/周 | 300UV/月 |
|
||||||
|
| 案例分享 | 品牌词 | 2篇/月 | 200UV/月 |
|
||||||
|
| FAQ问答 | 长尾词 | 持续更新 | 800UV/月 |
|
||||||
|
|
||||||
|
### 4.2 搜索意图匹配
|
||||||
|
|
||||||
|
**信息型查询（80%流量）：**
|
||||||
|
- "什么是背景调查" → 需要科普文章
|
||||||
|
- "背调一般查什么" → 需要详细指南
|
||||||
|
- "婚恋调查合法吗" → 需要法律解读
|
||||||
|
|
||||||
|
**导航型查询（10%流量）：**
|
||||||
|
- "愉悦查官网" → 品牌保护
|
||||||
|
- "愉悦查登录" → 功能页面
|
||||||
|
|
||||||
|
**交易型查询（10%流量）：**
|
||||||
|
- "背调报告多少钱" → 价格页面
|
||||||
|
- "入职背调服务购买" → 转化页面
|
||||||
|
|
||||||
|
**当前匹配度：** 仅覆盖交易型，信息型完全缺失。
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 五、外链与权威度分析
|
||||||
|
|
||||||
|
### 5.1 当前状态
|
||||||
|
|
||||||
|
| 指标 | 数值 | 说明 |
|
||||||
|
|-----|------|------|
|
||||||
|
| referring domains | 0 | 新站，无外链 |
|
||||||
|
| total backlinks | 0 | 零外链 |
|
||||||
|
| domain rating | N/A | 无数据 |
|
||||||
|
| page authority | N/A | 无数据 |
|
||||||
|
| trust flow | N/A | 无数据 |
|
||||||
|
|
||||||
|
### 5.2 外链建设策略
|
||||||
|
|
||||||
|
**第一阶段（0-3个月）：基础外链**
|
||||||
|
目标：20-30个外链
|
||||||
|
- 百度百科词条创建
|
||||||
|
- 知乎专栏文章（5篇）
|
||||||
|
- 百家号首发文章（10篇）
|
||||||
|
- 行业目录提交（5个）
|
||||||
|
|
||||||
|
**第二阶段（3-6个月）：质量外链**
|
||||||
|
目标：50-80个外链
|
||||||
|
- 行业媒体投稿（3篇）
|
||||||
|
- 合作伙伴友情链接（10个）
|
||||||
|
- 嘉宾博客（5篇）
|
||||||
|
- 资源页外链（5个）
|
||||||
|
|
||||||
|
**第三阶段（6-12个月）：权威外链**
|
||||||
|
目标：100+外链
|
||||||
|
- 行业白皮书引用
|
||||||
|
- 新闻报道
|
||||||
|
- 学术研究引用
|
||||||
|
- 政府/机构合作
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 六、技术优化清单
|
||||||
|
|
||||||
|
### 6.1 高优先级（立即执行）
|
||||||
|
|
||||||
|
- [ ] **实施SSR/SSG** - 解决SPA索引问题
|
||||||
|
- [ ] **优化Title标签** - 缩短至30字符以内
|
||||||
|
- [ ] **添加H1文本内容** - 确保爬虫可读取
|
||||||
|
- [ ] **图片Alt属性** - 所有图片添加描述
|
||||||
|
- [ ] **提交搜索引擎** - 百度/搜狗/360/Bing
|
||||||
|
- [ ] **添加百度统计** - 数据监控基础
|
||||||
|
|
||||||
|
### 6.2 中优先级（本月完成）
|
||||||
|
|
||||||
|
- [ ] **创建博客系统** - WordPress/自建CMS
|
||||||
|
- [ ] **优化URL结构** - 中文拼音或英文短URL
|
||||||
|
- [ ] **添加面包屑导航** - 结构化数据+可视化
|
||||||
|
- [ ] **内链优化** - 锚文本策略
|
||||||
|
- [ ] **页面速度优化** - 代码分割、懒加载
|
||||||
|
- [ ] **移动端优化** - Core Web Vitals达标
|
||||||
|
|
||||||
|
### 6.3 低优先级（持续优化）
|
||||||
|
|
||||||
|
- [ ] **多语言支持** - 英文版（拓展海外）
|
||||||
|
- [ ] **AMP页面** - 移动端加速
|
||||||
|
- [ ] **PWA支持** - 离线访问
|
||||||
|
- [ ] **语音搜索优化** - FAQ结构化
|
||||||
|
- [ ] **视频SEO** - 视频内容优化
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 七、执行路线图
|
||||||
|
|
||||||
|
### Phase 1: 技术基础（第1-2周）
|
||||||
|
**目标：** 确保网站可被搜索引擎正常抓取
|
||||||
|
|
||||||
|
**任务清单：**
|
||||||
|
1. 实施预渲染/SSR方案
|
||||||
|
2. 优化所有页面TDK
|
||||||
|
3. 添加图片alt属性
|
||||||
|
4. 提交搜索引擎
|
||||||
|
5. 安装百度统计
|
||||||
|
|
||||||
|
**预期结果：** 网站被收录，基础排名出现
|
||||||
|
|
||||||
|
### Phase 2: 内容建设（第3-6周）
|
||||||
|
**目标：** 建立内容资产，获取长尾流量
|
||||||
|
|
||||||
|
**任务清单：**
|
||||||
|
1. 搭建博客系统
|
||||||
|
2. 发布20篇长尾关键词文章
|
||||||
|
3. 优化6个产品页面
|
||||||
|
4. 创建FAQ页面
|
||||||
|
5. 发布首份行业报告
|
||||||
|
|
||||||
|
**预期结果：** 日均自然流量100+UV
|
||||||
|
|
||||||
|
### Phase 3: 外链建设（第7-12周）
|
||||||
|
**目标：** 建立域名权威度
|
||||||
|
|
||||||
|
**任务清单：**
|
||||||
|
1. 创建百科词条
|
||||||
|
2. 运营知乎机构号
|
||||||
|
3. 发布百家号文章
|
||||||
|
4. 交换友情链接
|
||||||
|
5. 投稿行业媒体
|
||||||
|
|
||||||
|
**预期结果：** DR达到20+，日均流量500+UV
|
||||||
|
|
||||||
|
### Phase 4: 规模化（第4-6月）
|
||||||
|
**目标：** 建立可持续流量增长
|
||||||
|
|
||||||
|
**任务清单：**
|
||||||
|
1. 内容自动化生产
|
||||||
|
2. 外链持续增长
|
||||||
|
3. 社交媒体矩阵
|
||||||
|
4. 品牌词保护
|
||||||
|
5. 竞品词布局
|
||||||
|
|
||||||
|
**预期结果：** 日均流量2000+UV，核心词前10
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 八、KPI与监控体系
|
||||||
|
|
||||||
|
### 8.1 核心KPI
|
||||||
|
|
||||||
|
| 指标 | 当前 | 3个月 | 6个月 | 12个月 |
|
||||||
|
|-----|------|-------|-------|--------|
|
||||||
|
| 百度收录 | 0 | 50 | 200 | 500+ |
|
||||||
|
| 自然流量UV/日 | 0 | 100 | 500 | 2000+ |
|
||||||
|
| 核心词排名 | - | 50+ | 20+ | 10+ |
|
||||||
|
| 长尾词排名 | - | 100+ | 500+ | 2000+ |
|
||||||
|
| 外链数量 | 0 | 30 | 100 | 300+ |
|
||||||
|
| Domain Rating | 0 | 15 | 30 | 50+ |
|
||||||
|
| 转化率 | - | 1% | 2% | 3%+ |
|
||||||
|
|
||||||
|
### 8.2 监控工具
|
||||||
|
|
||||||
|
**必备工具：**
|
||||||
|
- 百度搜索资源平台（索引、排名）
|
||||||
|
- 百度统计（流量分析）
|
||||||
|
- Ahrefs/5118（外链监控）
|
||||||
|
- 站长工具（综合SEO数据）
|
||||||
|
|
||||||
|
**监控频率：**
|
||||||
|
- 每日：流量、排名波动
|
||||||
|
- 每周：收录变化、外链新增
|
||||||
|
- 每月：综合报告、策略调整
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 九、风险评估与应对
|
||||||
|
|
||||||
|
### 9.1 潜在风险
|
||||||
|
|
||||||
|
| 风险 | 概率 | 影响 | 应对措施 |
|
||||||
|
|-----|------|------|---------|
|
||||||
|
| 算法更新 | 中 | 高 | 坚持白帽SEO，内容为王 |
|
||||||
|
| 竞品压制 | 高 | 中 | 差异化定位，长尾突破 |
|
||||||
|
| 新站沙盒 | 高 | 中 | 持续优化，耐心等待 |
|
||||||
|
| 内容抄袭 | 中 | 低 | 原创保护，快速迭代 |
|
||||||
|
| 技术故障 | 低 | 高 | 监控告警，快速恢复 |
|
||||||
|
|
||||||
|
### 9.2 合规注意事项
|
||||||
|
|
||||||
|
- 严格遵守《个人信息保护法》
|
||||||
|
- 避免敏感词堆砌
|
||||||
|
- 不做黑帽SEO（隐藏文本、链接农场等）
|
||||||
|
- 用户生成内容(UGC)需审核
|
||||||
|
- 定期备份，防止数据丢失
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 十、总结与建议
|
||||||
|
|
||||||
|
### 核心结论
|
||||||
|
|
||||||
|
1. **技术基础尚可** - HTTPS/HTTP2已部署，但SPA架构是最大障碍
|
||||||
|
2. **内容严重匮乏** - 零信息型内容，无法获取长尾流量
|
||||||
|
3. **外链从零开始** - 新站冷启动，需要6-12个月积累
|
||||||
|
4. **关键词策略缺失** - 未针对搜索意图做优化
|
||||||
|
5. **竞争环境激烈** - 需差异化定位，避开巨头正面竞争
|
||||||
|
|
||||||
|
### 战略建议
|
||||||
|
|
||||||
|
**短期（3个月）：**
|
||||||
|
- 解决技术障碍（SSR/预渲染）
|
||||||
|
- 快速填充内容（20+篇文章）
|
||||||
|
- 建立基础外链（30个）
|
||||||
|
- 目标：日均100UV
|
||||||
|
|
||||||
|
**中期（6个月）：**
|
||||||
|
- 内容矩阵成型（100+页面）
|
||||||
|
- 外链持续增长（100个）
|
||||||
|
- 品牌词建立认知
|
||||||
|
- 目标：日均500UV
|
||||||
|
|
||||||
|
**长期（12个月）：**
|
||||||
|
- 行业权威地位
|
||||||
|
- 自然流量稳定增长
|
||||||
|
- 核心词前10排名
|
||||||
|
- 目标：日均2000UV
|
||||||
|
|
||||||
|
### 预算建议
|
||||||
|
|
||||||
|
**最低预算（¥5,000/月）：**
|
||||||
|
- 内容创作：¥3,000
|
||||||
|
- 外链建设：¥1,500
|
||||||
|
- 工具订阅：¥500
|
||||||
|
|
||||||
|
**推荐预算（¥15,000/月）：**
|
||||||
|
- 内容创作：¥8,000
|
||||||
|
- 外链建设：¥4,000
|
||||||
|
- 技术优化：¥2,000
|
||||||
|
- 工具订阅：¥1,000
|
||||||
|
|
||||||
|
**激进预算（¥30,000/月）：**
|
||||||
|
- 内容团队：¥15,000
|
||||||
|
- 外链建设：¥8,000
|
||||||
|
- 技术外包：¥5,000
|
||||||
|
- 付费推广：¥2,000
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
**报告编制：** 愉悦查技术SEO团队
|
||||||
|
**审核日期：** 2026年3月27日
|
||||||
|
**下次评审：** 2026年4月27日
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
*本报告基于当前网站状态和行业数据编制，实际效果受多种因素影响，建议每月复盘调整策略。*
|
||||||
Executable
+981
@@ -0,0 +1,981 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>关于我们 - 愉悦查 | AI 驱动的商业信任科技平台</title>
|
||||||
|
<meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、企业风控、金融验证等服务，让信任无处不在。">
|
||||||
|
<meta name="keywords" content="愉悦查，北京正信环宇，商业信任，AI 科技，大数据报告，企业风控">
|
||||||
|
<!-- SEO Enhancement -->
|
||||||
|
<link rel="canonical" href="https://www.yuyuecha.com.cn/about.html">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://www.yuyuecha.com.cn/about.html">
|
||||||
|
<meta property="og:title" content="关于我们 - 愉悦查">
|
||||||
|
<meta property="og:description" content="北京正信环宇科技有限公司，AI 驱动的商业信任科技平台，提供个人大数据报告、企业风控、金融验证等服务。">
|
||||||
|
<meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<meta property="og:site_name" content="愉悦查">
|
||||||
|
<meta property="og:locale" content="zh_CN">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="twitter:title" content="关于我们 - 愉悦查">
|
||||||
|
<meta name="twitter:description" content="北京正信环宇科技有限公司，AI 驱动的商业信任科技平台，提供个人大数据报告、企业风控、金融验证等服务。">
|
||||||
|
<meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
|
||||||
|
<!-- 预加载字体 -->
|
||||||
|
<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;
|
||||||
|
--success: #07C160;
|
||||||
|
--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; }
|
||||||
|
html { scroll-behavior: smooth; }
|
||||||
|
body {
|
||||||
|
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: var(--text-primary);
|
||||||
|
background: var(--bg-light);
|
||||||
|
}
|
||||||
|
a { text-decoration: none; color: inherit; transition: var(--transition); }
|
||||||
|
ul { list-style: none; }
|
||||||
|
img { max-width: 100%; height: auto; }
|
||||||
|
.container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
|
||||||
|
|
||||||
|
/* Buttons */
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Navigation */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img { transform: scale(1.05); }
|
||||||
|
.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 Section */
|
||||||
|
.hero {
|
||||||
|
padding: 160px 0 100px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.hero::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: -50%;
|
||||||
|
right: -20%;
|
||||||
|
width: 80%;
|
||||||
|
height: 200%;
|
||||||
|
background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
|
||||||
|
animation: float 20s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
@keyframes float {
|
||||||
|
0%, 100% { transform: translateY(0) rotate(0deg); }
|
||||||
|
50% { transform: translateY(-20px) rotate(5deg); }
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.hero p {
|
||||||
|
font-size: 22px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto var(--spacing-lg);
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Section Styles */
|
||||||
|
.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);
|
||||||
|
max-width: 700px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Company Info */
|
||||||
|
.company-info {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.info-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.info-content h3 {
|
||||||
|
font-size: 32px;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.info-content p {
|
||||||
|
font-size: 16px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.8;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.info-stats {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
margin-top: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.stat-item {
|
||||||
|
text-align: center;
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
background: var(--bg-gray);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
}
|
||||||
|
.stat-number {
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.stat-label {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mission Vision Values */
|
||||||
|
.mission-section {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
}
|
||||||
|
.mvv-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.mvv-card {
|
||||||
|
background: white;
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.mvv-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.mvv-icon {
|
||||||
|
font-size: 48px;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.mvv-card h3 {
|
||||||
|
font-size: 24px;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.mvv-card p {
|
||||||
|
font-size: 16px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Story Timeline */
|
||||||
|
.story-section {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.timeline {
|
||||||
|
max-width: 900px;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 4px;
|
||||||
|
height: 100%;
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
}
|
||||||
|
.timeline-item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
padding: var(--spacing-sm) 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(even) {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.timeline-content {
|
||||||
|
width: 45%;
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
background: white;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(odd) .timeline-content {
|
||||||
|
margin-right: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(even) .timeline-content {
|
||||||
|
margin-left: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.timeline-year {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.timeline-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.timeline-desc {
|
||||||
|
font-size: 15px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Team Section */
|
||||||
|
.team-section {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
}
|
||||||
|
.team-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.team-card {
|
||||||
|
background: white;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.team-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.team-avatar {
|
||||||
|
width: 100%;
|
||||||
|
height: 280px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 80px;
|
||||||
|
}
|
||||||
|
.team-info {
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.team-name {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.team-role {
|
||||||
|
font-size: 15px;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.team-desc {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* CTA Section */
|
||||||
|
.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);
|
||||||
|
font-size: 17px;
|
||||||
|
padding: 16px 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Footer */
|
||||||
|
.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;
|
||||||
|
font-weight: 700;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.info-grid { grid-template-columns: 1fr; }
|
||||||
|
.mvv-grid { grid-template-columns: 1fr; }
|
||||||
|
.timeline::before { left: 20px; }
|
||||||
|
.timeline-item, .timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 60px; }
|
||||||
|
.timeline-content, .timeline-item:nth-child(odd) .timeline-content, .timeline-item:nth-child(even) .timeline-content { width: 100%; margin: 0; }
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.hero h1 { font-size: 36px; }
|
||||||
|
.section-title { font-size: 32px; }
|
||||||
|
.info-stats { grid-template-columns: 1fr; }
|
||||||
|
.team-grid { grid-template-columns: 1fr; }
|
||||||
|
.footer-grid { grid-template-columns: 1fr; }
|
||||||
|
.nav-menu { display: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Navbar ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
padding: 12px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
-webkit-backdrop-filter: blur(20px);
|
||||||
|
}
|
||||||
|
.navbar.scrolled {
|
||||||
|
padding: 8px 0;
|
||||||
|
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
||||||
|
}
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 24px;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
height: 44px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: 32px;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #1A1A1A;
|
||||||
|
text-decoration: none;
|
||||||
|
position: relative;
|
||||||
|
padding: 6px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #FF6A19;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
.nav-link:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.nav-btn {
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-decoration: none;
|
||||||
|
border: none;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn {
|
||||||
|
border: 1.5px solid #FF6A19;
|
||||||
|
color: #FF6A19;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn:hover {
|
||||||
|
background: #FFF5F0;
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn {
|
||||||
|
background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
|
||||||
|
color: white;
|
||||||
|
box-shadow: 0 2px 8px rgba(255,106,25,0.3);
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 4px 12px rgba(255,106,25,0.4);
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 4px;
|
||||||
|
z-index: 1001;
|
||||||
|
}
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 24px;
|
||||||
|
height: 2px;
|
||||||
|
background: #1A1A1A;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-menu {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(255,255,255,0.98);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 24px;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.nav-menu.active {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Footer ===== */
|
||||||
|
.footer {
|
||||||
|
background: #1A1A1A;
|
||||||
|
color: white;
|
||||||
|
padding: 60px 0 30px;
|
||||||
|
}
|
||||||
|
.footer-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
||||||
|
gap: 48px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.footer-brand h3 {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
background: linear-gradient(135deg, #FF6A19, #FC6E18);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
.footer-brand p {
|
||||||
|
color: rgba(255,255,255,0.6);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.footer-title {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: rgba(255,255,255,0.9);
|
||||||
|
}
|
||||||
|
.footer-links {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.footer-links li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.footer-links a {
|
||||||
|
color: rgba(255,255,255,0.5);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.footer-links a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 24px;
|
||||||
|
border-top: 1px solid rgba(255,255,255,0.1);
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp a {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.footer-icp a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 32px;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="/index.html" class="logo">
|
||||||
|
<img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/about.html" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>关于愉悦查</h1>
|
||||||
|
<p>让信任无处不在，让合作没有距离<br>AI 驱动的商业信任科技平台，搭建信任桥梁，连接商业未来</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Company Info Section -->
|
||||||
|
<section class="section company-info">
|
||||||
|
<div class="container">
|
||||||
|
<div class="info-grid">
|
||||||
|
<div class="info-content">
|
||||||
|
<h3>愉悦查（北京正信环宇科技有限公司）</h3>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:16px;"><strong>愉悦查（北京正信环宇科技有限公司）</strong>是 AI 驱动的商业信任科技平台，2025 年成立于北京。</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:16px;">我们整合 200+ 官方数据接口，提供个人/企业信任验证服务，覆盖背调、婚恋、家政、金融风控等场景。日调用量 10 万+，99.9% 服务可用性，3 秒响应。</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:20px;"><strong>产品矩阵：</strong>6 大标准报告 + API 开放平台 + 三级代理体系</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:8px;"><strong>使命：</strong>搭建信任桥梁，连接商业未来</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:20px;"><strong>愿景：</strong>让信任无处不在，让合作没有距离</p>
|
||||||
|
|
||||||
|
<div class="info-stats">
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">🏛️</div>
|
||||||
|
<div class="stat-label">公司地址</div>
|
||||||
|
<div class="stat-value" style="font-size:14px;margin-top:8px;">北京市丰台区西铁营万达写字楼 13 层</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">💰</div>
|
||||||
|
<div class="stat-label">注册资本</div>
|
||||||
|
<div class="stat-value" style="font-size:14px;margin-top:8px;">500 万</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">📅</div>
|
||||||
|
<div class="stat-label">成立时间</div>
|
||||||
|
<div class="stat-value" style="font-size:14px;margin-top:8px;">2025 年</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="info-stats">
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">200+</div>
|
||||||
|
<div class="stat-label">数据接口</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">10 万+</div>
|
||||||
|
<div class="stat-label">日调用量</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">99.9%</div>
|
||||||
|
<div class="stat-label">服务可用性</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">3 秒</div>
|
||||||
|
<div class="stat-label">平均响应</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="info-image" style="text-align:center;font-size:200px;">🏢</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Mission Vision Values Section -->
|
||||||
|
<section class="section mission-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">使命 · 愿景 · 价值观</h2>
|
||||||
|
<p class="section-subtitle">这是我们前行的动力，也是我们对客户的承诺</p>
|
||||||
|
|
||||||
|
<div class="mvv-grid">
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">🎯</div>
|
||||||
|
<h3>使命</h3>
|
||||||
|
<p><strong>搭建信任桥梁，连接商业未来</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">我们通过技术创新，让信任验证变得简单可靠，消除信息不对称，降低交易成本，促进商业合作的高效开展。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">🌟</div>
|
||||||
|
<h3>愿景</h3>
|
||||||
|
<p><strong>让信任无处不在，让合作没有距离</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">我们致力于成为最受信赖的商业信任科技平台，让每一次合作都建立在坚实的信任基础之上。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">💎</div>
|
||||||
|
<h3>价值观</h3>
|
||||||
|
<p><strong>诚信 · 务实 · 高效 · 共赢</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">诚信是我们的立身之本，务实是我们的行事风格，高效是我们的服务标准，共赢是我们的追求目标。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Story Section -->
|
||||||
|
<section class="section story-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">发展历程</h2>
|
||||||
|
<p class="section-subtitle">从创立到成长，每一步都坚实有力</p>
|
||||||
|
|
||||||
|
<div class="timeline">
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年</div>
|
||||||
|
<div class="timeline-title">公司成立</div>
|
||||||
|
<div class="timeline-desc">愉悦查（北京正信环宇科技有限公司）在北京成立，开始规划商业信任科技平台</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q2</div>
|
||||||
|
<div class="timeline-title">产品上线</div>
|
||||||
|
<div class="timeline-desc">官网 yuyuecha.com.cn 和功能站 yuyuecha.com 正式上线，推出 6 大标准报告产品</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q3</div>
|
||||||
|
<div class="timeline-title">API 平台发布</div>
|
||||||
|
<div class="timeline-desc">开放 200+ 数据接口，为开发者提供便捷的 API 服务，日调用量突破 10 万+</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q4</div>
|
||||||
|
<div class="timeline-title">代理体系建立</div>
|
||||||
|
<div class="timeline-desc">推出白银/黄金/钻石三级代理体系，携手合作伙伴共同拓展市场</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2026 年</div>
|
||||||
|
<div class="timeline-title">持续创新</div>
|
||||||
|
<div class="timeline-desc">不断优化产品和服务，拓展应用场景，致力于成为行业领先的商业信任科技平台</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Team Section -->
|
||||||
|
<section class="section team-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">核心团队</h2>
|
||||||
|
<p class="section-subtitle">一群有梦想、有技术、有担当的伙伴</p>
|
||||||
|
|
||||||
|
<div class="team-grid">
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨💼</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">吴正</div>
|
||||||
|
<div class="team-role">CEO / 创始人</div>
|
||||||
|
<div class="team-desc">连续创业者，深耕互联网行业 10 年+，对商业信任和风险控制有深刻理解</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨💻</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">技术团队</div>
|
||||||
|
<div class="team-role">研发中心</div>
|
||||||
|
<div class="team-desc">来自 BAT 等一线互联网公司的技术专家，精通 AI、大数据、云计算等技术</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👩💼</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">运营团队</div>
|
||||||
|
<div class="team-role">运营中心</div>
|
||||||
|
<div class="team-desc">经验丰富的运营管理专家，负责产品运营、市场推广、客户服务等工作</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨⚖️</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">法务合规</div>
|
||||||
|
<div class="team-role">风控中心</div>
|
||||||
|
<div class="team-desc">资深法律专家，确保平台合规运营，保障用户数据安全和隐私权益</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA Section -->
|
||||||
|
<section class="cta-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2>想了解更多？</h2>
|
||||||
|
<p>欢迎联系我们，获取详细的产品介绍和解决方案</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn" target="_blank">📞 立即咨询</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<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;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
|
||||||
|
<p style="font-size:13px;color:rgba(255,255,255,0.5);">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>
|
||||||
|
<li><a href="/investment.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="/all-apis.html">全部接口</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 class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+711
@@ -0,0 +1,711 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>关于我们 - 愉悦查 | AI 驱动的商业信任科技平台</title>
|
||||||
|
<meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、企业风控、金融验证等服务，让信任无处不在。">
|
||||||
|
<meta name="keywords" content="愉悦查，北京正信环宇，商业信任，AI 科技，大数据报告，企业风控">
|
||||||
|
|
||||||
|
<!-- 预加载字体 -->
|
||||||
|
<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;
|
||||||
|
--success: #07C160;
|
||||||
|
--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; }
|
||||||
|
html { scroll-behavior: smooth; }
|
||||||
|
body {
|
||||||
|
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: var(--text-primary);
|
||||||
|
background: var(--bg-light);
|
||||||
|
}
|
||||||
|
a { text-decoration: none; color: inherit; transition: var(--transition); }
|
||||||
|
ul { list-style: none; }
|
||||||
|
img { max-width: 100%; height: auto; }
|
||||||
|
.container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
|
||||||
|
|
||||||
|
/* Buttons */
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Navigation */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img { transform: scale(1.05); }
|
||||||
|
.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 Section */
|
||||||
|
.hero {
|
||||||
|
padding: 160px 0 100px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.hero::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: -50%;
|
||||||
|
right: -20%;
|
||||||
|
width: 80%;
|
||||||
|
height: 200%;
|
||||||
|
background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
|
||||||
|
animation: float 20s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
@keyframes float {
|
||||||
|
0%, 100% { transform: translateY(0) rotate(0deg); }
|
||||||
|
50% { transform: translateY(-20px) rotate(5deg); }
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.hero p {
|
||||||
|
font-size: 22px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto var(--spacing-lg);
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Section Styles */
|
||||||
|
.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);
|
||||||
|
max-width: 700px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Company Info */
|
||||||
|
.company-info {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.info-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.info-content h3 {
|
||||||
|
font-size: 32px;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.info-content p {
|
||||||
|
font-size: 16px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.8;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.info-stats {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
margin-top: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.stat-item {
|
||||||
|
text-align: center;
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
background: var(--bg-gray);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
}
|
||||||
|
.stat-number {
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.stat-label {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mission Vision Values */
|
||||||
|
.mission-section {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
}
|
||||||
|
.mvv-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.mvv-card {
|
||||||
|
background: white;
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.mvv-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.mvv-icon {
|
||||||
|
font-size: 48px;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.mvv-card h3 {
|
||||||
|
font-size: 24px;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.mvv-card p {
|
||||||
|
font-size: 16px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Story Timeline */
|
||||||
|
.story-section {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.timeline {
|
||||||
|
max-width: 900px;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 4px;
|
||||||
|
height: 100%;
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
}
|
||||||
|
.timeline-item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
padding: var(--spacing-sm) 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(even) {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.timeline-content {
|
||||||
|
width: 45%;
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
background: white;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(odd) .timeline-content {
|
||||||
|
margin-right: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(even) .timeline-content {
|
||||||
|
margin-left: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.timeline-year {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.timeline-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.timeline-desc {
|
||||||
|
font-size: 15px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Team Section */
|
||||||
|
.team-section {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
}
|
||||||
|
.team-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.team-card {
|
||||||
|
background: white;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.team-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.team-avatar {
|
||||||
|
width: 100%;
|
||||||
|
height: 280px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 80px;
|
||||||
|
}
|
||||||
|
.team-info {
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.team-name {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.team-role {
|
||||||
|
font-size: 15px;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.team-desc {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* CTA Section */
|
||||||
|
.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);
|
||||||
|
font-size: 17px;
|
||||||
|
padding: 16px 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Footer */
|
||||||
|
.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;
|
||||||
|
font-weight: 700;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.info-grid { grid-template-columns: 1fr; }
|
||||||
|
.mvv-grid { grid-template-columns: 1fr; }
|
||||||
|
.timeline::before { left: 20px; }
|
||||||
|
.timeline-item, .timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 60px; }
|
||||||
|
.timeline-content, .timeline-item:nth-child(odd) .timeline-content, .timeline-item:nth-child(even) .timeline-content { width: 100%; margin: 0; }
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.hero h1 { font-size: 36px; }
|
||||||
|
.section-title { font-size: 32px; }
|
||||||
|
.info-stats { grid-template-columns: 1fr; }
|
||||||
|
.team-grid { grid-template-columns: 1fr; }
|
||||||
|
.footer-grid { grid-template-columns: 1fr; }
|
||||||
|
.nav-menu { display: none; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>关于愉悦查</h1>
|
||||||
|
<p>让信任无处不在，让合作没有距离<br>AI 驱动的商业信任科技平台，搭建信任桥梁，连接商业未来</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Company Info Section -->
|
||||||
|
<section class="section company-info">
|
||||||
|
<div class="container">
|
||||||
|
<div class="info-grid">
|
||||||
|
<div class="info-content">
|
||||||
|
<h3>愉悦查（北京正信环宇科技有限公司）</h3>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:16px;"><strong>愉悦查（北京正信环宇科技有限公司）</strong>是 AI 驱动的商业信任科技平台，2025 年成立于北京。</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:16px;">我们整合 200+ 官方数据接口，提供个人/企业信任验证服务，覆盖背调、婚恋、家政、金融风控等场景。日调用量 10 万+，99.9% 服务可用性，3 秒响应。</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:20px;"><strong>产品矩阵：</strong>6 大标准报告 + API 开放平台 + 三级代理体系</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:8px;"><strong>使命：</strong>搭建信任桥梁，连接商业未来</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;"><strong>愿景：</strong>让信任无处不在，让合作没有距离</p>
|
||||||
|
|
||||||
|
<div class="info-stats">
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">200+</div>
|
||||||
|
<div class="stat-label">数据接口</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">10 万+</div>
|
||||||
|
<div class="stat-label">日调用量</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">99.9%</div>
|
||||||
|
<div class="stat-label">服务可用性</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">3 秒</div>
|
||||||
|
<div class="stat-label">平均响应</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="info-image" style="text-align:center;font-size:200px;">🏢</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Mission Vision Values Section -->
|
||||||
|
<section class="section mission-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">使命 · 愿景 · 价值观</h2>
|
||||||
|
<p class="section-subtitle">这是我们前行的动力，也是我们对客户的承诺</p>
|
||||||
|
|
||||||
|
<div class="mvv-grid">
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">🎯</div>
|
||||||
|
<h3>使命</h3>
|
||||||
|
<p><strong>搭建信任桥梁，连接商业未来</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">我们通过技术创新，让信任验证变得简单可靠，消除信息不对称，降低交易成本，促进商业合作的高效开展。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">🌟</div>
|
||||||
|
<h3>愿景</h3>
|
||||||
|
<p><strong>让信任无处不在，让合作没有距离</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">我们致力于成为最受信赖的商业信任科技平台，让每一次合作都建立在坚实的信任基础之上。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">💎</div>
|
||||||
|
<h3>价值观</h3>
|
||||||
|
<p><strong>诚信 · 务实 · 高效 · 共赢</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">诚信是我们的立身之本，务实是我们的行事风格，高效是我们的服务标准，共赢是我们的追求目标。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Story Section -->
|
||||||
|
<section class="section story-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">发展历程</h2>
|
||||||
|
<p class="section-subtitle">从创立到成长，每一步都坚实有力</p>
|
||||||
|
|
||||||
|
<div class="timeline">
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年</div>
|
||||||
|
<div class="timeline-title">公司成立</div>
|
||||||
|
<div class="timeline-desc">愉悦查（北京正信环宇科技有限公司）在北京成立，开始规划商业信任科技平台</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q2</div>
|
||||||
|
<div class="timeline-title">产品上线</div>
|
||||||
|
<div class="timeline-desc">官网 yuyuecha.com.cn 和功能站 yuyuecha.com 正式上线，推出 6 大标准报告产品</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q3</div>
|
||||||
|
<div class="timeline-title">API 平台发布</div>
|
||||||
|
<div class="timeline-desc">开放 200+ 数据接口，为开发者提供便捷的 API 服务，日调用量突破 10 万+</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q4</div>
|
||||||
|
<div class="timeline-title">代理体系建立</div>
|
||||||
|
<div class="timeline-desc">推出白银/黄金/钻石三级代理体系，携手合作伙伴共同拓展市场</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2026 年</div>
|
||||||
|
<div class="timeline-title">持续创新</div>
|
||||||
|
<div class="timeline-desc">不断优化产品和服务，拓展应用场景，致力于成为行业领先的商业信任科技平台</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Team Section -->
|
||||||
|
<section class="section team-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">核心团队</h2>
|
||||||
|
<p class="section-subtitle">一群有梦想、有技术、有担当的伙伴</p>
|
||||||
|
|
||||||
|
<div class="team-grid">
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨💼</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">吴正</div>
|
||||||
|
<div class="team-role">CEO / 创始人</div>
|
||||||
|
<div class="team-desc">连续创业者，深耕互联网行业 10 年+，对商业信任和风险控制有深刻理解</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨💻</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">技术团队</div>
|
||||||
|
<div class="team-role">研发中心</div>
|
||||||
|
<div class="team-desc">来自 BAT 等一线互联网公司的技术专家，精通 AI、大数据、云计算等技术</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👩💼</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">运营团队</div>
|
||||||
|
<div class="team-role">运营中心</div>
|
||||||
|
<div class="team-desc">经验丰富的运营管理专家，负责产品运营、市场推广、客户服务等工作</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨⚖️</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">法务合规</div>
|
||||||
|
<div class="team-role">风控中心</div>
|
||||||
|
<div class="team-desc">资深法律专家，确保平台合规运营，保障用户数据安全和隐私权益</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA Section -->
|
||||||
|
<section class="cta-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2>想了解更多？</h2>
|
||||||
|
<p>欢迎联系我们，获取详细的产品介绍和解决方案</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn" target="_blank">📞 立即咨询</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<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>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+729
@@ -0,0 +1,729 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>关于我们 - 愉悦查 | AI 驱动的商业信任科技平台</title>
|
||||||
|
<meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、企业风控、金融验证等服务，让信任无处不在。">
|
||||||
|
<meta name="keywords" content="愉悦查，北京正信环宇，商业信任，AI 科技，大数据报告，企业风控">
|
||||||
|
|
||||||
|
<!-- 预加载字体 -->
|
||||||
|
<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;
|
||||||
|
--success: #07C160;
|
||||||
|
--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; }
|
||||||
|
html { scroll-behavior: smooth; }
|
||||||
|
body {
|
||||||
|
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: var(--text-primary);
|
||||||
|
background: var(--bg-light);
|
||||||
|
}
|
||||||
|
a { text-decoration: none; color: inherit; transition: var(--transition); }
|
||||||
|
ul { list-style: none; }
|
||||||
|
img { max-width: 100%; height: auto; }
|
||||||
|
.container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
|
||||||
|
|
||||||
|
/* Buttons */
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Navigation */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img { transform: scale(1.05); }
|
||||||
|
.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 Section */
|
||||||
|
.hero {
|
||||||
|
padding: 160px 0 100px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.hero::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: -50%;
|
||||||
|
right: -20%;
|
||||||
|
width: 80%;
|
||||||
|
height: 200%;
|
||||||
|
background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
|
||||||
|
animation: float 20s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
@keyframes float {
|
||||||
|
0%, 100% { transform: translateY(0) rotate(0deg); }
|
||||||
|
50% { transform: translateY(-20px) rotate(5deg); }
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.hero p {
|
||||||
|
font-size: 22px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto var(--spacing-lg);
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Section Styles */
|
||||||
|
.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);
|
||||||
|
max-width: 700px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Company Info */
|
||||||
|
.company-info {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.info-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.info-content h3 {
|
||||||
|
font-size: 32px;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.info-content p {
|
||||||
|
font-size: 16px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.8;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.info-stats {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
margin-top: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.stat-item {
|
||||||
|
text-align: center;
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
background: var(--bg-gray);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
}
|
||||||
|
.stat-number {
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.stat-label {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mission Vision Values */
|
||||||
|
.mission-section {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
}
|
||||||
|
.mvv-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.mvv-card {
|
||||||
|
background: white;
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.mvv-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.mvv-icon {
|
||||||
|
font-size: 48px;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.mvv-card h3 {
|
||||||
|
font-size: 24px;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.mvv-card p {
|
||||||
|
font-size: 16px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Story Timeline */
|
||||||
|
.story-section {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.timeline {
|
||||||
|
max-width: 900px;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 4px;
|
||||||
|
height: 100%;
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
}
|
||||||
|
.timeline-item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
padding: var(--spacing-sm) 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(even) {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.timeline-content {
|
||||||
|
width: 45%;
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
background: white;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(odd) .timeline-content {
|
||||||
|
margin-right: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(even) .timeline-content {
|
||||||
|
margin-left: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.timeline-year {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.timeline-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.timeline-desc {
|
||||||
|
font-size: 15px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Team Section */
|
||||||
|
.team-section {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
}
|
||||||
|
.team-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.team-card {
|
||||||
|
background: white;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.team-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.team-avatar {
|
||||||
|
width: 100%;
|
||||||
|
height: 280px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 80px;
|
||||||
|
}
|
||||||
|
.team-info {
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.team-name {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.team-role {
|
||||||
|
font-size: 15px;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.team-desc {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* CTA Section */
|
||||||
|
.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);
|
||||||
|
font-size: 17px;
|
||||||
|
padding: 16px 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Footer */
|
||||||
|
.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;
|
||||||
|
font-weight: 700;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.info-grid { grid-template-columns: 1fr; }
|
||||||
|
.mvv-grid { grid-template-columns: 1fr; }
|
||||||
|
.timeline::before { left: 20px; }
|
||||||
|
.timeline-item, .timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 60px; }
|
||||||
|
.timeline-content, .timeline-item:nth-child(odd) .timeline-content, .timeline-item:nth-child(even) .timeline-content { width: 100%; margin: 0; }
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.hero h1 { font-size: 36px; }
|
||||||
|
.section-title { font-size: 32px; }
|
||||||
|
.info-stats { grid-template-columns: 1fr; }
|
||||||
|
.team-grid { grid-template-columns: 1fr; }
|
||||||
|
.footer-grid { grid-template-columns: 1fr; }
|
||||||
|
.nav-menu { display: none; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>关于愉悦查</h1>
|
||||||
|
<p>让信任无处不在，让合作没有距离<br>AI 驱动的商业信任科技平台，搭建信任桥梁，连接商业未来</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Company Info Section -->
|
||||||
|
<section class="section company-info">
|
||||||
|
<div class="container">
|
||||||
|
<div class="info-grid">
|
||||||
|
<div class="info-content">
|
||||||
|
<h3>愉悦查（北京正信环宇科技有限公司）</h3>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:16px;"><strong>愉悦查（北京正信环宇科技有限公司）</strong>是 AI 驱动的商业信任科技平台，2025 年成立于北京。</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:16px;">我们整合 200+ 官方数据接口，提供个人/企业信任验证服务，覆盖背调、婚恋、家政、金融风控等场景。日调用量 10 万+，99.9% 服务可用性，3 秒响应。</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:20px;"><strong>产品矩阵：</strong>6 大标准报告 + API 开放平台 + 三级代理体系</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:8px;"><strong>使命：</strong>搭建信任桥梁，连接商业未来</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:20px;"><strong>愿景：</strong>让信任无处不在，让合作没有距离</p>
|
||||||
|
|
||||||
|
<div class="info-stats">
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">🏛️</div>
|
||||||
|
<div class="stat-label">公司地址</div>
|
||||||
|
<div class="stat-value" style="font-size:14px;margin-top:8px;">北京市海淀区中关村科技园 XX 大厦 X 层</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">💰</div>
|
||||||
|
<div class="stat-label">注册资本</div>
|
||||||
|
<div class="stat-value" style="font-size:14px;margin-top:8px;">XXX 万元人民币</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">📅</div>
|
||||||
|
<div class="stat-label">成立时间</div>
|
||||||
|
<div class="stat-value" style="font-size:14px;margin-top:8px;">2025 年</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="info-stats">
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">200+</div>
|
||||||
|
<div class="stat-label">数据接口</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">10 万+</div>
|
||||||
|
<div class="stat-label">日调用量</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">99.9%</div>
|
||||||
|
<div class="stat-label">服务可用性</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">3 秒</div>
|
||||||
|
<div class="stat-label">平均响应</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="info-image" style="text-align:center;font-size:200px;">🏢</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Mission Vision Values Section -->
|
||||||
|
<section class="section mission-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">使命 · 愿景 · 价值观</h2>
|
||||||
|
<p class="section-subtitle">这是我们前行的动力，也是我们对客户的承诺</p>
|
||||||
|
|
||||||
|
<div class="mvv-grid">
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">🎯</div>
|
||||||
|
<h3>使命</h3>
|
||||||
|
<p><strong>搭建信任桥梁，连接商业未来</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">我们通过技术创新，让信任验证变得简单可靠，消除信息不对称，降低交易成本，促进商业合作的高效开展。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">🌟</div>
|
||||||
|
<h3>愿景</h3>
|
||||||
|
<p><strong>让信任无处不在，让合作没有距离</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">我们致力于成为最受信赖的商业信任科技平台，让每一次合作都建立在坚实的信任基础之上。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">💎</div>
|
||||||
|
<h3>价值观</h3>
|
||||||
|
<p><strong>诚信 · 务实 · 高效 · 共赢</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">诚信是我们的立身之本，务实是我们的行事风格，高效是我们的服务标准，共赢是我们的追求目标。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Story Section -->
|
||||||
|
<section class="section story-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">发展历程</h2>
|
||||||
|
<p class="section-subtitle">从创立到成长，每一步都坚实有力</p>
|
||||||
|
|
||||||
|
<div class="timeline">
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年</div>
|
||||||
|
<div class="timeline-title">公司成立</div>
|
||||||
|
<div class="timeline-desc">愉悦查（北京正信环宇科技有限公司）在北京成立，开始规划商业信任科技平台</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q2</div>
|
||||||
|
<div class="timeline-title">产品上线</div>
|
||||||
|
<div class="timeline-desc">官网 yuyuecha.com.cn 和功能站 yuyuecha.com 正式上线，推出 6 大标准报告产品</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q3</div>
|
||||||
|
<div class="timeline-title">API 平台发布</div>
|
||||||
|
<div class="timeline-desc">开放 200+ 数据接口，为开发者提供便捷的 API 服务，日调用量突破 10 万+</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q4</div>
|
||||||
|
<div class="timeline-title">代理体系建立</div>
|
||||||
|
<div class="timeline-desc">推出白银/黄金/钻石三级代理体系，携手合作伙伴共同拓展市场</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2026 年</div>
|
||||||
|
<div class="timeline-title">持续创新</div>
|
||||||
|
<div class="timeline-desc">不断优化产品和服务，拓展应用场景，致力于成为行业领先的商业信任科技平台</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Team Section -->
|
||||||
|
<section class="section team-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">核心团队</h2>
|
||||||
|
<p class="section-subtitle">一群有梦想、有技术、有担当的伙伴</p>
|
||||||
|
|
||||||
|
<div class="team-grid">
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨💼</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">吴正</div>
|
||||||
|
<div class="team-role">CEO / 创始人</div>
|
||||||
|
<div class="team-desc">连续创业者，深耕互联网行业 10 年+，对商业信任和风险控制有深刻理解</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨💻</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">技术团队</div>
|
||||||
|
<div class="team-role">研发中心</div>
|
||||||
|
<div class="team-desc">来自 BAT 等一线互联网公司的技术专家，精通 AI、大数据、云计算等技术</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👩💼</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">运营团队</div>
|
||||||
|
<div class="team-role">运营中心</div>
|
||||||
|
<div class="team-desc">经验丰富的运营管理专家，负责产品运营、市场推广、客户服务等工作</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨⚖️</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">法务合规</div>
|
||||||
|
<div class="team-role">风控中心</div>
|
||||||
|
<div class="team-desc">资深法律专家，确保平台合规运营，保障用户数据安全和隐私权益</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA Section -->
|
||||||
|
<section class="cta-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2>想了解更多？</h2>
|
||||||
|
<p>欢迎联系我们，获取详细的产品介绍和解决方案</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn" target="_blank">📞 立即咨询</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<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>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+147
@@ -0,0 +1,147 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>关于我们</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">公司简介</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+702
@@ -0,0 +1,702 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>关于我们 - 愉悦查 | AI 驱动的商业信任科技平台</title>
|
||||||
|
<meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、企业风控、金融验证等服务，让信任无处不在。">
|
||||||
|
<meta name="keywords" content="愉悦查，北京正信环宇，商业信任，AI 科技，大数据报告，企业风控">
|
||||||
|
|
||||||
|
<!-- 预加载字体 -->
|
||||||
|
<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;
|
||||||
|
--success: #07C160;
|
||||||
|
--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; }
|
||||||
|
html { scroll-behavior: smooth; }
|
||||||
|
body {
|
||||||
|
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: var(--text-primary);
|
||||||
|
background: var(--bg-light);
|
||||||
|
}
|
||||||
|
a { text-decoration: none; color: inherit; transition: var(--transition); }
|
||||||
|
ul { list-style: none; }
|
||||||
|
img { max-width: 100%; height: auto; }
|
||||||
|
.container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
|
||||||
|
|
||||||
|
/* Buttons */
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Navigation */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img { transform: scale(1.05); }
|
||||||
|
.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 Section */
|
||||||
|
.hero {
|
||||||
|
padding: 160px 0 100px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.hero::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: -50%;
|
||||||
|
right: -20%;
|
||||||
|
width: 80%;
|
||||||
|
height: 200%;
|
||||||
|
background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
|
||||||
|
animation: float 20s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
@keyframes float {
|
||||||
|
0%, 100% { transform: translateY(0) rotate(0deg); }
|
||||||
|
50% { transform: translateY(-20px) rotate(5deg); }
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.hero p {
|
||||||
|
font-size: 22px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto var(--spacing-lg);
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Section Styles */
|
||||||
|
.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);
|
||||||
|
max-width: 700px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Company Info */
|
||||||
|
.company-info {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.info-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.info-content h3 {
|
||||||
|
font-size: 32px;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.info-content p {
|
||||||
|
font-size: 16px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.8;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.info-stats {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
margin-top: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.stat-item {
|
||||||
|
text-align: center;
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
background: var(--bg-gray);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
}
|
||||||
|
.stat-number {
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.stat-label {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mission Vision Values */
|
||||||
|
.mission-section {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
}
|
||||||
|
.mvv-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.mvv-card {
|
||||||
|
background: white;
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.mvv-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.mvv-icon {
|
||||||
|
font-size: 48px;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.mvv-card h3 {
|
||||||
|
font-size: 24px;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.mvv-card p {
|
||||||
|
font-size: 16px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Story Timeline */
|
||||||
|
.story-section {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.timeline {
|
||||||
|
max-width: 900px;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 4px;
|
||||||
|
height: 100%;
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
}
|
||||||
|
.timeline-item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
padding: var(--spacing-sm) 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(even) {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.timeline-content {
|
||||||
|
width: 45%;
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
background: white;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(odd) .timeline-content {
|
||||||
|
margin-right: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(even) .timeline-content {
|
||||||
|
margin-left: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.timeline-year {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.timeline-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.timeline-desc {
|
||||||
|
font-size: 15px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Team Section */
|
||||||
|
.team-section {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
}
|
||||||
|
.team-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.team-card {
|
||||||
|
background: white;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.team-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.team-avatar {
|
||||||
|
width: 100%;
|
||||||
|
height: 280px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 80px;
|
||||||
|
}
|
||||||
|
.team-info {
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.team-name {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.team-role {
|
||||||
|
font-size: 15px;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.team-desc {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* CTA Section */
|
||||||
|
.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);
|
||||||
|
font-size: 17px;
|
||||||
|
padding: 16px 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Footer */
|
||||||
|
.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;
|
||||||
|
font-weight: 700;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.info-grid { grid-template-columns: 1fr; }
|
||||||
|
.mvv-grid { grid-template-columns: 1fr; }
|
||||||
|
.timeline::before { left: 20px; }
|
||||||
|
.timeline-item, .timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 60px; }
|
||||||
|
.timeline-content, .timeline-item:nth-child(odd) .timeline-content, .timeline-item:nth-child(even) .timeline-content { width: 100%; margin: 0; }
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.hero h1 { font-size: 36px; }
|
||||||
|
.section-title { font-size: 32px; }
|
||||||
|
.info-stats { grid-template-columns: 1fr; }
|
||||||
|
.team-grid { grid-template-columns: 1fr; }
|
||||||
|
.footer-grid { grid-template-columns: 1fr; }
|
||||||
|
.nav-menu { display: none; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>关于愉悦查</h1>
|
||||||
|
<p>让信任无处不在，让合作没有距离<br>AI 驱动的商业信任科技平台，搭建信任桥梁，连接商业未来</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Company Info Section -->
|
||||||
|
<section class="section company-info">
|
||||||
|
<div class="container">
|
||||||
|
<div class="info-grid">
|
||||||
|
<div class="info-content">
|
||||||
|
<h3>愉悦查（北京正信环宇科技有限公司）</h3>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:16px;"><strong>愉悦查（北京正信环宇科技有限公司）</strong>是 AI 驱动的商业信任科技平台，2025 年成立于北京。</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:16px;">我们整合 200+ 官方数据接口，提供个人/企业信任验证服务，覆盖背调、婚恋、家政、金融风控等场景。日调用量 10 万+，99.9% 服务可用性，3 秒响应。</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:20px;"><strong>产品矩阵：</strong>6 大标准报告 + API 开放平台 + 三级代理体系</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;margin-bottom:8px;"><strong>使命：</strong>搭建信任桥梁，连接商业未来</p>
|
||||||
|
<p style="font-size:17px;line-height:1.8;"><strong>愿景：</strong>让信任无处不在，让合作没有距离</p>
|
||||||
|
|
||||||
|
<div class="info-stats">
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">200+</div>
|
||||||
|
<div class="stat-label">数据接口</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">10 万+</div>
|
||||||
|
<div class="stat-label">日调用量</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">99.9%</div>
|
||||||
|
<div class="stat-label">服务可用性</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">3 秒</div>
|
||||||
|
<div class="stat-label">平均响应</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="info-image" style="text-align:center;font-size:200px;">🏢</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Mission Vision Values Section -->
|
||||||
|
<section class="section mission-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">使命 · 愿景 · 价值观</h2>
|
||||||
|
<p class="section-subtitle">这是我们前行的动力，也是我们对客户的承诺</p>
|
||||||
|
|
||||||
|
<div class="mvv-grid">
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">🎯</div>
|
||||||
|
<h3>使命</h3>
|
||||||
|
<p><strong>搭建信任桥梁，连接商业未来</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">我们通过技术创新，让信任验证变得简单可靠，消除信息不对称，降低交易成本，促进商业合作的高效开展。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">🌟</div>
|
||||||
|
<h3>愿景</h3>
|
||||||
|
<p><strong>让信任无处不在，让合作没有距离</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">我们致力于成为最受信赖的商业信任科技平台，让每一次合作都建立在坚实的信任基础之上。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">💎</div>
|
||||||
|
<h3>价值观</h3>
|
||||||
|
<p><strong>诚信 · 务实 · 高效 · 共赢</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">诚信是我们的立身之本，务实是我们的行事风格，高效是我们的服务标准，共赢是我们的追求目标。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Story Section -->
|
||||||
|
<section class="section story-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">发展历程</h2>
|
||||||
|
<p class="section-subtitle">从创立到成长，每一步都坚实有力</p>
|
||||||
|
|
||||||
|
<div class="timeline">
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年</div>
|
||||||
|
<div class="timeline-title">公司成立</div>
|
||||||
|
<div class="timeline-desc">愉悦查（北京正信环宇科技有限公司）在北京成立，开始规划商业信任科技平台</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q2</div>
|
||||||
|
<div class="timeline-title">产品上线</div>
|
||||||
|
<div class="timeline-desc">官网 yuyuecha.com.cn 和功能站 yuyuecha.com 正式上线，推出 6 大标准报告产品</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q3</div>
|
||||||
|
<div class="timeline-title">API 平台发布</div>
|
||||||
|
<div class="timeline-desc">开放 200+ 数据接口，为开发者提供便捷的 API 服务，日调用量突破 10 万+</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q4</div>
|
||||||
|
<div class="timeline-title">代理体系建立</div>
|
||||||
|
<div class="timeline-desc">推出白银/黄金/钻石三级代理体系，携手合作伙伴共同拓展市场</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2026 年</div>
|
||||||
|
<div class="timeline-title">持续创新</div>
|
||||||
|
<div class="timeline-desc">不断优化产品和服务，拓展应用场景，致力于成为行业领先的商业信任科技平台</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Team Section -->
|
||||||
|
<section class="section team-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">核心团队</h2>
|
||||||
|
<p class="section-subtitle">一群有梦想、有技术、有担当的伙伴</p>
|
||||||
|
|
||||||
|
<div class="team-grid">
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨💼</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">吴正</div>
|
||||||
|
<div class="team-role">CEO / 创始人</div>
|
||||||
|
<div class="team-desc">连续创业者，深耕互联网行业 10 年+，对商业信任和风险控制有深刻理解</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨💻</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">技术团队</div>
|
||||||
|
<div class="team-role">研发中心</div>
|
||||||
|
<div class="team-desc">来自 BAT 等一线互联网公司的技术专家，精通 AI、大数据、云计算等技术</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👩💼</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">运营团队</div>
|
||||||
|
<div class="team-role">运营中心</div>
|
||||||
|
<div class="team-desc">经验丰富的运营管理专家，负责产品运营、市场推广、客户服务等工作</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨⚖️</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">法务合规</div>
|
||||||
|
<div class="team-role">风控中心</div>
|
||||||
|
<div class="team-desc">资深法律专家，确保平台合规运营，保障用户数据安全和隐私权益</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA Section -->
|
||||||
|
<section class="cta-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2>想了解更多？</h2>
|
||||||
|
<p>欢迎联系我们，获取详细的产品介绍和解决方案</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn" target="_blank">📞 立即咨询</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<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>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+264
@@ -0,0 +1,264 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>关于我们</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">公司简介</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+700
@@ -0,0 +1,700 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>关于我们 - 愉悦查 | AI 驱动的商业信任科技平台</title>
|
||||||
|
<meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、企业风控、金融验证等服务，让信任无处不在。">
|
||||||
|
<meta name="keywords" content="愉悦查，北京正信环宇，商业信任，AI 科技，大数据报告，企业风控">
|
||||||
|
|
||||||
|
<!-- 预加载字体 -->
|
||||||
|
<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;
|
||||||
|
--success: #07C160;
|
||||||
|
--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; }
|
||||||
|
html { scroll-behavior: smooth; }
|
||||||
|
body {
|
||||||
|
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: var(--text-primary);
|
||||||
|
background: var(--bg-light);
|
||||||
|
}
|
||||||
|
a { text-decoration: none; color: inherit; transition: var(--transition); }
|
||||||
|
ul { list-style: none; }
|
||||||
|
img { max-width: 100%; height: auto; }
|
||||||
|
.container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
|
||||||
|
|
||||||
|
/* Buttons */
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Navigation */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img { transform: scale(1.05); }
|
||||||
|
.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 Section */
|
||||||
|
.hero {
|
||||||
|
padding: 160px 0 100px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.hero::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: -50%;
|
||||||
|
right: -20%;
|
||||||
|
width: 80%;
|
||||||
|
height: 200%;
|
||||||
|
background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
|
||||||
|
animation: float 20s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
@keyframes float {
|
||||||
|
0%, 100% { transform: translateY(0) rotate(0deg); }
|
||||||
|
50% { transform: translateY(-20px) rotate(5deg); }
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.hero p {
|
||||||
|
font-size: 22px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto var(--spacing-lg);
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Section Styles */
|
||||||
|
.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);
|
||||||
|
max-width: 700px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Company Info */
|
||||||
|
.company-info {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.info-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.info-content h3 {
|
||||||
|
font-size: 32px;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.info-content p {
|
||||||
|
font-size: 16px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.8;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.info-stats {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
margin-top: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.stat-item {
|
||||||
|
text-align: center;
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
background: var(--bg-gray);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
}
|
||||||
|
.stat-number {
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.stat-label {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mission Vision Values */
|
||||||
|
.mission-section {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
}
|
||||||
|
.mvv-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.mvv-card {
|
||||||
|
background: white;
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.mvv-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.mvv-icon {
|
||||||
|
font-size: 48px;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.mvv-card h3 {
|
||||||
|
font-size: 24px;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.mvv-card p {
|
||||||
|
font-size: 16px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Story Timeline */
|
||||||
|
.story-section {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.timeline {
|
||||||
|
max-width: 900px;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 4px;
|
||||||
|
height: 100%;
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
}
|
||||||
|
.timeline-item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
padding: var(--spacing-sm) 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(even) {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.timeline-content {
|
||||||
|
width: 45%;
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
background: white;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(odd) .timeline-content {
|
||||||
|
margin-right: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.timeline-item:nth-child(even) .timeline-content {
|
||||||
|
margin-left: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.timeline-year {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.timeline-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.timeline-desc {
|
||||||
|
font-size: 15px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Team Section */
|
||||||
|
.team-section {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
}
|
||||||
|
.team-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.team-card {
|
||||||
|
background: white;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.team-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.team-avatar {
|
||||||
|
width: 100%;
|
||||||
|
height: 280px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 80px;
|
||||||
|
}
|
||||||
|
.team-info {
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.team-name {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.team-role {
|
||||||
|
font-size: 15px;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.team-desc {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* CTA Section */
|
||||||
|
.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);
|
||||||
|
font-size: 17px;
|
||||||
|
padding: 16px 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Footer */
|
||||||
|
.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;
|
||||||
|
font-weight: 700;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.info-grid { grid-template-columns: 1fr; }
|
||||||
|
.mvv-grid { grid-template-columns: 1fr; }
|
||||||
|
.timeline::before { left: 20px; }
|
||||||
|
.timeline-item, .timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 60px; }
|
||||||
|
.timeline-content, .timeline-item:nth-child(odd) .timeline-content, .timeline-item:nth-child(even) .timeline-content { width: 100%; margin: 0; }
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.hero h1 { font-size: 36px; }
|
||||||
|
.section-title { font-size: 32px; }
|
||||||
|
.info-stats { grid-template-columns: 1fr; }
|
||||||
|
.team-grid { grid-template-columns: 1fr; }
|
||||||
|
.footer-grid { grid-template-columns: 1fr; }
|
||||||
|
.nav-menu { display: none; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>关于愉悦查</h1>
|
||||||
|
<p>让信任无处不在，让合作没有距离<br>AI 驱动的商业信任科技平台，搭建信任桥梁，连接商业未来</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Company Info Section -->
|
||||||
|
<section class="section company-info">
|
||||||
|
<div class="container">
|
||||||
|
<div class="info-grid">
|
||||||
|
<div class="info-content">
|
||||||
|
<h3>愉悦查（北京正信环宇科技有限公司）</h3>
|
||||||
|
<p>愉悦查是领先的 AI 驱动商业信任科技平台，成立于 2025 年，总部位于北京。我们致力于通过人工智能和大数据技术，为企业和个人提供专业、可靠、高效的信任验证服务。</p>
|
||||||
|
<p>平台整合 200+ 官方数据接口，覆盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等全场景，为金融信贷、人力资源、企业服务、婚恋交友、家政服务、互联网平台等行业提供全方位的风控解决方案。</p>
|
||||||
|
<p>我们相信，信任是商业合作的基石。通过技术创新和数据赋能，我们让信任验证变得更简单、更智能、更可靠，助力企业降低风险、提升效率，让每一次合作都充满信任。</p>
|
||||||
|
|
||||||
|
<div class="info-stats">
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">200+</div>
|
||||||
|
<div class="stat-label">数据接口</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">10 万+</div>
|
||||||
|
<div class="stat-label">日调用量</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">99.9%</div>
|
||||||
|
<div class="stat-label">服务可用性</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">3 秒</div>
|
||||||
|
<div class="stat-label">平均响应</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="info-image" style="text-align:center;font-size:200px;">🏢</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Mission Vision Values Section -->
|
||||||
|
<section class="section mission-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">使命 · 愿景 · 价值观</h2>
|
||||||
|
<p class="section-subtitle">这是我们前行的动力，也是我们对客户的承诺</p>
|
||||||
|
|
||||||
|
<div class="mvv-grid">
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">🎯</div>
|
||||||
|
<h3>使命</h3>
|
||||||
|
<p><strong>搭建信任桥梁，连接商业未来</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">我们通过技术创新，让信任验证变得简单可靠，消除信息不对称，降低交易成本，促进商业合作的高效开展。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">🌟</div>
|
||||||
|
<h3>愿景</h3>
|
||||||
|
<p><strong>让信任无处不在，让合作没有距离</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">我们致力于成为最受信赖的商业信任科技平台，让每一次合作都建立在坚实的信任基础之上。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mvv-card">
|
||||||
|
<div class="mvv-icon">💎</div>
|
||||||
|
<h3>价值观</h3>
|
||||||
|
<p><strong>诚信 · 务实 · 高效 · 共赢</strong></p>
|
||||||
|
<p style="margin-top:12px;color:var(--text-secondary);">诚信是我们的立身之本，务实是我们的行事风格，高效是我们的服务标准，共赢是我们的追求目标。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Story Section -->
|
||||||
|
<section class="section story-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">发展历程</h2>
|
||||||
|
<p class="section-subtitle">从创立到成长，每一步都坚实有力</p>
|
||||||
|
|
||||||
|
<div class="timeline">
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年</div>
|
||||||
|
<div class="timeline-title">公司成立</div>
|
||||||
|
<div class="timeline-desc">愉悦查（北京正信环宇科技有限公司）在北京成立，开始规划商业信任科技平台</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q2</div>
|
||||||
|
<div class="timeline-title">产品上线</div>
|
||||||
|
<div class="timeline-desc">官网 yuyuecha.com.cn 和功能站 yuyuecha.com 正式上线，推出 6 大标准报告产品</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q3</div>
|
||||||
|
<div class="timeline-title">API 平台发布</div>
|
||||||
|
<div class="timeline-desc">开放 200+ 数据接口，为开发者提供便捷的 API 服务，日调用量突破 10 万+</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2025 年 Q4</div>
|
||||||
|
<div class="timeline-title">代理体系建立</div>
|
||||||
|
<div class="timeline-desc">推出白银/黄金/钻石三级代理体系，携手合作伙伴共同拓展市场</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-content">
|
||||||
|
<div class="timeline-year">2026 年</div>
|
||||||
|
<div class="timeline-title">持续创新</div>
|
||||||
|
<div class="timeline-desc">不断优化产品和服务，拓展应用场景，致力于成为行业领先的商业信任科技平台</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Team Section -->
|
||||||
|
<section class="section team-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">核心团队</h2>
|
||||||
|
<p class="section-subtitle">一群有梦想、有技术、有担当的伙伴</p>
|
||||||
|
|
||||||
|
<div class="team-grid">
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨💼</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">吴正</div>
|
||||||
|
<div class="team-role">CEO / 创始人</div>
|
||||||
|
<div class="team-desc">连续创业者，深耕互联网行业 10 年+，对商业信任和风险控制有深刻理解</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨💻</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">技术团队</div>
|
||||||
|
<div class="team-role">研发中心</div>
|
||||||
|
<div class="team-desc">来自 BAT 等一线互联网公司的技术专家，精通 AI、大数据、云计算等技术</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👩💼</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">运营团队</div>
|
||||||
|
<div class="team-role">运营中心</div>
|
||||||
|
<div class="team-desc">经验丰富的运营管理专家，负责产品运营、市场推广、客户服务等工作</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">👨⚖️</div>
|
||||||
|
<div class="team-info">
|
||||||
|
<div class="team-name">法务合规</div>
|
||||||
|
<div class="team-role">风控中心</div>
|
||||||
|
<div class="team-desc">资深法律专家，确保平台合规运营，保障用户数据安全和隐私权益</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA Section -->
|
||||||
|
<section class="cta-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2>想了解更多？</h2>
|
||||||
|
<p>欢迎联系我们，获取详细的产品介绍和解决方案</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn" target="_blank">📞 立即咨询</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<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>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+1814
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,804 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>全部接口 - 愉悦查 API 数据市场 | 200+ 数据接口</title>
|
||||||
|
<meta name="description" content="愉悦查 API 数据市场，提供 200+ 官方数据接口，涵盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等场景。">
|
||||||
|
<meta name="keywords" content="愉悦查 API，数据接口，API 市场，身份验证，企业信息，金融验证，背景调查">
|
||||||
|
|
||||||
|
<!-- 预加载字体 -->
|
||||||
|
<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>
|
||||||
|
/* ===== CSS Variables ===== */
|
||||||
|
:root {
|
||||||
|
--primary-orange: #FF6A19;
|
||||||
|
--primary-orange-light: #FC6E18;
|
||||||
|
--primary-orange-dark: #E64E10;
|
||||||
|
--primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
|
||||||
|
--bg-light: #FFFFFF;
|
||||||
|
--bg-gray: #F5F7FA;
|
||||||
|
--text-primary: #1A1A1A;
|
||||||
|
--text-secondary: #666666;
|
||||||
|
--text-light: #999999;
|
||||||
|
--success: #07C160;
|
||||||
|
--warning: #FF9500;
|
||||||
|
--error: #FF3B30;
|
||||||
|
--spacing-xs: 8px;
|
||||||
|
--spacing-sm: 16px;
|
||||||
|
--spacing-md: 24px;
|
||||||
|
--spacing-lg: 48px;
|
||||||
|
--spacing-xl: 80px;
|
||||||
|
--radius-sm: 4px;
|
||||||
|
--radius-md: 8px;
|
||||||
|
--radius-lg: 16px;
|
||||||
|
--shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
|
||||||
|
--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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Reset & Base ===== */
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
html { scroll-behavior: smooth; }
|
||||||
|
body {
|
||||||
|
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: var(--text-primary);
|
||||||
|
background: var(--bg-light);
|
||||||
|
}
|
||||||
|
a { text-decoration: none; color: inherit; }
|
||||||
|
ul { list-style: none; }
|
||||||
|
img { max-width: 100%; height: auto; }
|
||||||
|
.container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
|
||||||
|
|
||||||
|
/* ===== Buttons ===== */
|
||||||
|
.btn {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 12px 28px;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img { transform: scale(1.05); }
|
||||||
|
.nav-menu { display: flex; gap: var(--spacing-lg); }
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
|
||||||
|
/* ===== Hero Section ===== */
|
||||||
|
.hero {
|
||||||
|
padding: 160px 0 80px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.hero h1 {
|
||||||
|
font-size: 48px;
|
||||||
|
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: 18px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
max-width: 700px;
|
||||||
|
margin: 0 auto var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.hero-stats {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
gap: var(--spacing-xl);
|
||||||
|
margin-top: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.stat-item { text-align: center; }
|
||||||
|
.stat-number {
|
||||||
|
font-size: 42px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.stat-label {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Search Bar ===== */
|
||||||
|
.search-section {
|
||||||
|
padding: 0 0 var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.search-box {
|
||||||
|
max-width: 700px;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.search-input {
|
||||||
|
width: 100%;
|
||||||
|
padding: 18px 60px 18px 24px;
|
||||||
|
font-size: 16px;
|
||||||
|
border: 2px solid #E0E0E0;
|
||||||
|
border-radius: 50px;
|
||||||
|
outline: none;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.search-input:focus {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
box-shadow: 0 0 0 4px rgba(255, 106, 25, 0.1);
|
||||||
|
}
|
||||||
|
.search-btn {
|
||||||
|
position: absolute;
|
||||||
|
right: 8px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
padding: 12px 24px;
|
||||||
|
border-radius: 40px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Category Filter ===== */
|
||||||
|
.category-filter {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
margin-bottom: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.filter-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
background: var(--bg-gray);
|
||||||
|
border: 2px solid transparent;
|
||||||
|
border-radius: 25px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.filter-btn:hover, .filter-btn.active {
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== API Grid ===== */
|
||||||
|
.api-section { padding: var(--spacing-lg) 0; }
|
||||||
|
.section-title {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.section-subtitle {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 18px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
margin-bottom: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.api-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.api-card {
|
||||||
|
background: white;
|
||||||
|
border: 2px solid #E8E8E8;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.api-card:hover {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
transform: translateY(-4px);
|
||||||
|
}
|
||||||
|
.api-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.api-name {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--text-primary);
|
||||||
|
}
|
||||||
|
.api-tag {
|
||||||
|
padding: 4px 10px;
|
||||||
|
border-radius: 12px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.api-tag.hot { background: linear-gradient(135deg, #FF6A19, #FC6E18); color: white; }
|
||||||
|
.api-tag.new { background: linear-gradient(135deg, #07C160, #05A850); color: white; }
|
||||||
|
.api-desc {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.api-meta {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: var(--spacing-sm);
|
||||||
|
border-top: 1px solid #E8E8E8;
|
||||||
|
}
|
||||||
|
.api-price {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
.api-price span {
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--text-light);
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Footer ===== */
|
||||||
|
.footer {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
padding: var(--spacing-xl) 0 var(--spacing-lg);
|
||||||
|
margin-top: var(--spacing-xl);
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.footer-brand p {
|
||||||
|
color: var(--text-secondary);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.footer-title {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.footer-links li { margin-bottom: 10px; }
|
||||||
|
.footer-links a {
|
||||||
|
color: var(--text-secondary);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.footer-links a:hover { color: var(--primary-orange); }
|
||||||
|
.footer-bottom {
|
||||||
|
text-align: center;
|
||||||
|
padding-top: var(--spacing-lg);
|
||||||
|
border-top: 1px solid #E0E0E0;
|
||||||
|
color: var(--text-light);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Responsive ===== */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.hero h1 { font-size: 32px; }
|
||||||
|
.hero-stats { flex-wrap: wrap; gap: var(--spacing-md); }
|
||||||
|
.api-grid { grid-template-columns: 1fr; }
|
||||||
|
.footer-grid { grid-template-columns: 1fr; }
|
||||||
|
.nav-menu { display: none; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<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="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">登录</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>📦 全部接口</h1>
|
||||||
|
<p>200+ 官方数据接口，覆盖全场景商业信任服务<br>智能组合 · 秒级响应 · 安全合规</p>
|
||||||
|
|
||||||
|
<div class="hero-stats">
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">200+</div>
|
||||||
|
<div class="stat-label">数据接口</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">7</div>
|
||||||
|
<div class="stat-label">接口分类</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">3 秒</div>
|
||||||
|
<div class="stat-label">平均响应</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-item">
|
||||||
|
<div class="stat-number">99.9%</div>
|
||||||
|
<div class="stat-label">服务可用性</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Search Section -->
|
||||||
|
<section class="search-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="search-box">
|
||||||
|
<input type="text" class="search-input" placeholder="搜索接口名称、描述或关键词..." id="searchInput">
|
||||||
|
<button class="search-btn">🔍 搜索</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- API Section -->
|
||||||
|
<section class="api-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">全部接口</h2>
|
||||||
|
<p class="section-subtitle">按分类浏览，快速找到所需接口</p>
|
||||||
|
|
||||||
|
<!-- Category Filter -->
|
||||||
|
<div class="category-filter">
|
||||||
|
<button class="filter-btn active" data-category="all">全部</button>
|
||||||
|
<button class="filter-btn" data-category="identity">👤 身份验证</button>
|
||||||
|
<button class="filter-btn" data-category="company">🏢 企业信息</button>
|
||||||
|
<button class="filter-btn" data-category="finance">💳 金融验证</button>
|
||||||
|
<button class="filter-btn" data-category="telecom">📱 运营商</button>
|
||||||
|
<button class="filter-btn" data-category="education">🎓 学历资质</button>
|
||||||
|
<button class="filter-btn" data-category="legal">⚖️ 司法风险</button>
|
||||||
|
<button class="filter-btn" data-category="background">🔍 背景调查</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- API Grid -->
|
||||||
|
<div class="api-grid" id="apiGrid">
|
||||||
|
<!-- 身份验证类 -->
|
||||||
|
<div class="api-card" data-category="identity">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">身份证二要素验证</span>
|
||||||
|
<span class="api-tag hot">🔥 热门</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">姓名 + 身份证号，验证身份信息真实性</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.3<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="identity">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">身份证三要素验证</span>
|
||||||
|
<span class="api-tag hot">🔥 热门</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">姓名 + 身份证号 + 手机号，三重验证更安全</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.5<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="identity">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">实名认证</span>
|
||||||
|
<span class="api-tag new">✨ 新品</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">多要素实名认证，支持多种证件类型</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.8<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 企业信息类 -->
|
||||||
|
<div class="api-card" data-category="company">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">企业基本信息查询</span>
|
||||||
|
<span class="api-tag hot">🔥 热门</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">企业名称、统一社会信用代码、注册资本等基础信息</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.5<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="company">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">企业工商信息</span>
|
||||||
|
<span class="api-tag hot">🔥 热门</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">工商注册号、法定代表人、成立日期、经营范围等</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.8<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="company">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">企业股东信息</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">股东名单、出资比例、持股数量等详细信息</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥1.0<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="company">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">企业主要人员</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">法人、董事、监事、高管等人员信息</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.8<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 金融验证类 -->
|
||||||
|
<div class="api-card" data-category="finance">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">银行卡二要素</span>
|
||||||
|
<span class="api-tag hot">🔥 热门</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">姓名 + 银行卡号，验证银行卡有效性</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.5<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="finance">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">银行卡三要素</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">姓名 + 身份证号 + 银行卡号，三重验证</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.8<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="finance">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">银行卡四要素</span>
|
||||||
|
<span class="api-tag hot">🔥 热门</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">姓名 + 身份证 + 银行卡号 + 手机号，完整验证</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥1.2<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="finance">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">个人信用报告</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">央行征信报告，信用记录查询</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥5.0<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 运营商类 -->
|
||||||
|
<div class="api-card" data-category="telecom">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">手机号实名</span>
|
||||||
|
<span class="api-tag hot">🔥 热门</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">手机号 + 姓名，验证手机号实名信息</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.3<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="telecom">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">手机号在网时长</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">查询手机号入网时间，判断稳定性</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.5<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="telecom">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">手机号状态</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">查询手机号是否空号、停机、在网</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.2<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 学历资质类 -->
|
||||||
|
<div class="api-card" data-category="education">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">学历查询</span>
|
||||||
|
<span class="api-tag hot">🔥 热门</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">学信网数据，验证学历真伪</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥1.5<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="education">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">学位证书查询</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">验证学位证书信息真实性</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥1.5<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="education">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">职业资格证书</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">验证各类职业资格证书</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥1.0<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 司法风险类 -->
|
||||||
|
<div class="api-card" data-category="legal">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">失信被执行人</span>
|
||||||
|
<span class="api-tag hot">🔥 热门</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">查询是否为失信被执行人（老赖）</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.5<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="legal">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">裁判文书</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">查询法院裁判文书记录</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.8<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="legal">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">开庭公告</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">查询法院开庭公告信息</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.5<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="legal">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">执行信息</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">查询法院执行案件信息</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥0.5<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 背景调查类 -->
|
||||||
|
<div class="api-card" data-category="background">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">个人背景调查</span>
|
||||||
|
<span class="api-tag hot">🔥 热门</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">综合个人背景信息核查</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥2.0<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="background">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">企业背景调查</span>
|
||||||
|
<span class="api-tag hot">🔥 热门</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">全面企业背景风险评估</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥3.0<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="api-card" data-category="background">
|
||||||
|
<div class="api-header">
|
||||||
|
<span class="api-name">工作履历核实</span>
|
||||||
|
</div>
|
||||||
|
<p class="api-desc">验证个人工作履历真实性</p>
|
||||||
|
<div class="api-meta">
|
||||||
|
<span class="api-price">¥1.5<span>/次</span></span>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<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="/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>
|
||||||
|
// ===== Search Functionality =====
|
||||||
|
const searchInput = document.getElementById('searchInput');
|
||||||
|
const apiGrid = document.getElementById('apiGrid');
|
||||||
|
const apiCards = apiGrid.querySelectorAll('.api-card');
|
||||||
|
|
||||||
|
searchInput.addEventListener('input', (e) => {
|
||||||
|
const searchTerm = e.target.value.toLowerCase();
|
||||||
|
apiCards.forEach(card => {
|
||||||
|
const name = card.querySelector('.api-name').textContent.toLowerCase();
|
||||||
|
const desc = card.querySelector('.api-desc').textContent.toLowerCase();
|
||||||
|
if (name.includes(searchTerm) || desc.includes(searchTerm)) {
|
||||||
|
card.style.display = 'block';
|
||||||
|
} else {
|
||||||
|
card.style.display = 'none';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// ===== Category Filter =====
|
||||||
|
const filterBtns = document.querySelectorAll('.filter-btn');
|
||||||
|
filterBtns.forEach(btn => {
|
||||||
|
btn.addEventListener('click', () => {
|
||||||
|
filterBtns.forEach(b => b.classList.remove('active'));
|
||||||
|
btn.classList.add('active');
|
||||||
|
|
||||||
|
const category = btn.dataset.category;
|
||||||
|
apiCards.forEach(card => {
|
||||||
|
if (category === 'all' || card.dataset.category === category) {
|
||||||
|
card.style.display = 'block';
|
||||||
|
} else {
|
||||||
|
card.style.display = 'none';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+1225
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 363 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 665 B |
Binary file not shown.
|
After Width: | Height: | Size: 4.7 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 B |
Binary file not shown.
|
After Width: | Height: | Size: 49 B |
@@ -0,0 +1,7 @@
|
|||||||
|
<html>
|
||||||
|
<head><title>404 Not Found</title></head>
|
||||||
|
<body bgcolor="white">
|
||||||
|
<center><h1>404 Not Found</h1></center>
|
||||||
|
<hr><center>nginx</center>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
{"Success":-1,"error":{"code":4008,"request_id":"36e37db26be70b7869b26be7-fdbdgdc02g28gb26gg30","message":"The specified key does not exist.","ec":"0017-00000003","recommend_doc":"https://cloud.bytedance.net/docs/tos/docs/64db3bc855f10602a14c81dc/671f54f792fb7b0328303157"}}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 49 B |
@@ -0,0 +1,174 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
||||||
|
<meta name="format-detection" content="telephone=no" />
|
||||||
|
<meta name="format-detection" content="email=no" />
|
||||||
|
|
||||||
|
<title> </title>
|
||||||
|
<script src="/js/Std_StranJF.js?v=20251020"></script>
|
||||||
|
<link rel="icon" href="/cmb.ico" />
|
||||||
|
<link rel="stylesheet" href="/umi.26a0109c.css" />
|
||||||
|
<script>
|
||||||
|
window.routerBase = "/";
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
//! umi version: 3.5.43
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="root"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
try {
|
||||||
|
// 开启了繁简通功能，隐藏body
|
||||||
|
function getCookieJF(Name) {
|
||||||
|
let search = Name + "=";
|
||||||
|
if (document.cookie.length > 0) {
|
||||||
|
let offset = document.cookie.indexOf(search);
|
||||||
|
if (offset !== -1) {
|
||||||
|
offset += search.length;
|
||||||
|
let end = document.cookie.indexOf(";", offset);
|
||||||
|
return unescape(
|
||||||
|
document.cookie.substring(
|
||||||
|
offset,
|
||||||
|
end === -1 ? document.cookie.length : end
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return "";
|
||||||
|
}
|
||||||
|
if (
|
||||||
|
!isNaN(
|
||||||
|
parseInt(
|
||||||
|
getCookieJF(
|
||||||
|
"ft" + self.location.hostname.toString().replace(/\./g, "")
|
||||||
|
)
|
||||||
|
)
|
||||||
|
)
|
||||||
|
) {
|
||||||
|
document.body.style.visibility = "hidden";
|
||||||
|
}
|
||||||
|
} catch (error) {}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
function IEVersion() {
|
||||||
|
// if (document.documentMode) return document.documentMode;
|
||||||
|
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
|
||||||
|
var isIE =
|
||||||
|
userAgent.indexOf("compatible") > -1 &&
|
||||||
|
userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
|
||||||
|
var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
|
||||||
|
var isIE11 =
|
||||||
|
userAgent.indexOf("Trident") > -1 &&
|
||||||
|
userAgent.indexOf("rv:11.0") > -1;
|
||||||
|
if (isIE) {
|
||||||
|
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
|
||||||
|
reIE.test(userAgent);
|
||||||
|
var fIEVersion = parseFloat(RegExp["$1"]);
|
||||||
|
if (fIEVersion == 7) {
|
||||||
|
return 7;
|
||||||
|
} else if (fIEVersion == 8) {
|
||||||
|
return 8;
|
||||||
|
} else if (fIEVersion == 9) {
|
||||||
|
return 9;
|
||||||
|
} else if (fIEVersion == 10) {
|
||||||
|
return 10;
|
||||||
|
} else {
|
||||||
|
return 6; //IE版本<=7
|
||||||
|
}
|
||||||
|
} else if (isEdge) {
|
||||||
|
return "edge"; //edge
|
||||||
|
} else if (isIE11) {
|
||||||
|
return 11; //IE11
|
||||||
|
} else {
|
||||||
|
return -1; //不是ie浏览器
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function fallbackCopyTextToClipboard() {
|
||||||
|
// 1.创建一个可选中元素
|
||||||
|
var textArea = document.createElement("textarea");
|
||||||
|
textArea.value = window.location.href;
|
||||||
|
// 2.使用定位，阻止页面滚动
|
||||||
|
textArea.style.top = "0";
|
||||||
|
textArea.style.left = "0";
|
||||||
|
textArea.style.position = "fixed";
|
||||||
|
document.body.appendChild(textArea);
|
||||||
|
textArea.focus();
|
||||||
|
textArea.select();
|
||||||
|
try {
|
||||||
|
// textArea.style.visibility = "hidden";
|
||||||
|
textArea.style.opacity = "0";
|
||||||
|
var successful = document.execCommand("copy");
|
||||||
|
// var msg = successful ? 'successful' : 'unsuccessful';
|
||||||
|
alert("网址链接复制成功！");
|
||||||
|
} catch (err) {}
|
||||||
|
// 3.移除元素
|
||||||
|
document.body.removeChild(textArea);
|
||||||
|
}
|
||||||
|
|
||||||
|
function copyTextToClipboard(text) {
|
||||||
|
if (!navigator.clipboard) {
|
||||||
|
fallbackCopyTextToClipboard();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
navigator.clipboard.writeText(text).then(
|
||||||
|
function () {
|
||||||
|
alert("网址链接复制成功！");
|
||||||
|
},
|
||||||
|
function (err) {}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
var ie = IEVersion();
|
||||||
|
if (ie === 9 || ie === 8 || ie === 7 || ie === 6) {
|
||||||
|
var sb =
|
||||||
|
'<div id="portal-base-js-modal" class="portal-base-js-modal-class" style="position: fixed;left: 0;top: 0;z-index: 1000;display: black;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);padding: 32px 32px 24px;">' +
|
||||||
|
'<div class="modal-content" style="width: 708px;;height: 291px;border:0.3px solid;margin: 100px auto;border-radius: 20px;background-color: #fff;border-color:#dedede;box-shadow:3px 5px 6px rgba(0, 0, 0, 0.16);">' +
|
||||||
|
'<div style="float:left;padding-top: 55px;">' +
|
||||||
|
'<div class="modal-body" style="padding: 30px 5px 10px 43px;;font-size: 16px;color: #000000;line-height: 24px;box-sizing: border-box;font-weight:600;varter-spacing:1px;font-family: PingFangSC, Microsoft Yahei,FZLTHJW;">' +
|
||||||
|
"<span>" +
|
||||||
|
"当前浏览器不支持，<br/> 建议chrome或360（极速模式）等浏览器访问。" +
|
||||||
|
"</span>" +
|
||||||
|
"</div>" +
|
||||||
|
'<div class="modal-footer" style="box-sizing: border-box;display: flex;padding: 6px 46px 40px;align-items: center;"> <button id="cancel" style="width:120px;height:30px;background-color:#a30030;border-radius:18px;color:#ffffff;font-size:18px;border: none;line-height: 27px;varter-spacing:1px;font-family: PingFangSC, Microsoft Yahei,FZLTHJW;cursor:pointer;display: flex;justify-content: center;"><span>复制链接</span></button> ' +
|
||||||
|
"</div>" +
|
||||||
|
"</div>" +
|
||||||
|
'<div class="modal-whilte-box" style="margin-right: 20px;width:253px;height:253px;float:right;" id="modal-whilte-box"></div>' +
|
||||||
|
"</div></div>";
|
||||||
|
|
||||||
|
var tmp = document.createElement("div");
|
||||||
|
var signFrame = (tmp.innerHTML += sb);
|
||||||
|
document.body.appendChild(tmp);
|
||||||
|
// document.body.style.
|
||||||
|
var modelbox = document.getElementById("modal-whilte-box");
|
||||||
|
modelbox.style.background = "url('ie.png') center";
|
||||||
|
modelbox.style.backgroundSize = "100%";
|
||||||
|
modelbox.style.filter =
|
||||||
|
"progid: DXImageTransform.Microsoft.AlphaImageLoader(src='ie.png', sizingMethod='scale')";
|
||||||
|
var modal = document.getElementById("portal-base-js-modal");
|
||||||
|
var cancel = document.getElementById("cancel");
|
||||||
|
if (cancel.addEventListener) {
|
||||||
|
cancel.addEventListener("click", function () {
|
||||||
|
// modal.style.display = "none";
|
||||||
|
var winHref = window.location.href;
|
||||||
|
copyTextToClipboard(winHref);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
cancel.attachEvent("onclick", function () {
|
||||||
|
// modal.style.display = "none";
|
||||||
|
var winHref = window.location.href;
|
||||||
|
copyTextToClipboard(winHref);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script src="/umi.26a0109c.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 49 B |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 404 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 404 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
@@ -0,0 +1 @@
|
|||||||
|
{"errorcode":-46628,"errormsg":"file not exist, retcode:-46628"}
|
||||||
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 406 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 411 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 397 KiB |
@@ -0,0 +1 @@
|
|||||||
|
759aa82d57dea006ff9b4df8249013aa
|
||||||
Executable
+799
@@ -0,0 +1,799 @@
|
|||||||
|
<!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="加入愉悦查，与优秀的人一起做有挑战的事。我们提供有竞争力的薪酬、广阔的发展空间、良好的工作氛围，期待你的加入！">
|
||||||
|
<meta name="keywords" content="愉悦查招聘，加入我们，职业发展，互联网工作，北京工作">
|
||||||
|
<!-- SEO Enhancement -->
|
||||||
|
<link rel="canonical" href="https://www.yuyuecha.com.cn/careers.html">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://www.yuyuecha.com.cn/careers.html">
|
||||||
|
<meta property="og:title" content="加入我们 - 愉悦查">
|
||||||
|
<meta property="og:description" content="与优秀的人一起做有挑战的事。有竞争力的薪酬、广阔的发展空间，期待你的加入。">
|
||||||
|
<meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<meta property="og:site_name" content="愉悦查">
|
||||||
|
<meta property="og:locale" content="zh_CN">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="twitter:title" content="加入我们 - 愉悦查">
|
||||||
|
<meta name="twitter:description" content="与优秀的人一起做有挑战的事。有竞争力的薪酬、广阔的发展空间，期待你的加入。">
|
||||||
|
<meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
|
||||||
|
<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;
|
||||||
|
--success: #07C160;
|
||||||
|
--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 var(--spacing-lg);
|
||||||
|
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);
|
||||||
|
}
|
||||||
|
|
||||||
|
.why-us { background: white; }
|
||||||
|
.benefits-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.benefit-card {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
text-align: center;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.benefit-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.benefit-icon { font-size: 48px; margin-bottom: var(--spacing-sm); }
|
||||||
|
.benefit-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
|
||||||
|
.benefit-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; }
|
||||||
|
|
||||||
|
.positions { background: var(--bg-gray); }
|
||||||
|
.position-card {
|
||||||
|
background: white;
|
||||||
|
margin-bottom: var(--spacing-md);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.position-card:hover { box-shadow: var(--shadow-lg); }
|
||||||
|
.position-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.position-title { font-size: 24px; font-weight: 700; }
|
||||||
|
.position-tags { display: flex; gap: var(--spacing-xs); }
|
||||||
|
.tag {
|
||||||
|
padding: 6px 14px;
|
||||||
|
background: var(--bg-gray);
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
}
|
||||||
|
.position-salary { font-size: 22px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
|
||||||
|
.position-desc { font-size: 15px; color: var(--text-secondary); margin-bottom: var(--spacing-sm); line-height: 1.7; }
|
||||||
|
.position-requirements { margin-top: var(--spacing-sm); }
|
||||||
|
.position-requirements h4 { font-size: 17px; margin-bottom: var(--spacing-xs); }
|
||||||
|
.position-requirements ul { list-style: disc; padding-left: 20px; }
|
||||||
|
.position-requirements li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
|
||||||
|
|
||||||
|
.culture { background: white; }
|
||||||
|
.culture-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.culture-card {
|
||||||
|
text-align: center;
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.culture-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
|
||||||
|
.culture-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
|
||||||
|
.culture-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
.position-header { flex-direction: column; align-items: flex-start; gap: 12px; }
|
||||||
|
.footer-grid { grid-template-columns: 1fr; }
|
||||||
|
.nav-menu { display: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Navbar ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
padding: 12px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
-webkit-backdrop-filter: blur(20px);
|
||||||
|
}
|
||||||
|
.navbar.scrolled {
|
||||||
|
padding: 8px 0;
|
||||||
|
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
||||||
|
}
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 24px;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
height: 44px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: 32px;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #1A1A1A;
|
||||||
|
text-decoration: none;
|
||||||
|
position: relative;
|
||||||
|
padding: 6px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #FF6A19;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
.nav-link:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.nav-btn {
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-decoration: none;
|
||||||
|
border: none;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn {
|
||||||
|
border: 1.5px solid #FF6A19;
|
||||||
|
color: #FF6A19;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn:hover {
|
||||||
|
background: #FFF5F0;
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn {
|
||||||
|
background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
|
||||||
|
color: white;
|
||||||
|
box-shadow: 0 2px 8px rgba(255,106,25,0.3);
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 4px 12px rgba(255,106,25,0.4);
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 4px;
|
||||||
|
z-index: 1001;
|
||||||
|
}
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 24px;
|
||||||
|
height: 2px;
|
||||||
|
background: #1A1A1A;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-menu {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(255,255,255,0.98);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 24px;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.nav-menu.active {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Footer ===== */
|
||||||
|
.footer {
|
||||||
|
background: #1A1A1A;
|
||||||
|
color: white;
|
||||||
|
padding: 60px 0 30px;
|
||||||
|
}
|
||||||
|
.footer-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
||||||
|
gap: 48px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.footer-brand h3 {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
background: linear-gradient(135deg, #FF6A19, #FC6E18);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
.footer-brand p {
|
||||||
|
color: rgba(255,255,255,0.6);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.footer-title {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: rgba(255,255,255,0.9);
|
||||||
|
}
|
||||||
|
.footer-links {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.footer-links li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.footer-links a {
|
||||||
|
color: rgba(255,255,255,0.5);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.footer-links a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 24px;
|
||||||
|
border-top: 1px solid rgba(255,255,255,0.1);
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp a {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.footer-icp a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 32px;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="/index.html" class="logo">
|
||||||
|
<img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/about.html" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>加入我们</h1>
|
||||||
|
<p>与优秀的人一起做有挑战的事<br>在这里，你的每一份付出都会被看见，每一个想法都会被重视</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section why-us">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">为什么选择愉悦查</h2>
|
||||||
|
<p class="section-subtitle">我们提供的不只是一份工作，更是一个实现自我价值的平台</p>
|
||||||
|
|
||||||
|
<div class="benefits-grid">
|
||||||
|
<div class="benefit-card">
|
||||||
|
<div class="benefit-icon">💰</div>
|
||||||
|
<h3>有竞争力的薪酬</h3>
|
||||||
|
<p>提供行业领先的薪资待遇，年终奖、项目奖金、期权激励等多种激励方式，让你的付出获得丰厚回报</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="benefit-card">
|
||||||
|
<div class="benefit-icon">📈</div>
|
||||||
|
<h3>广阔的发展空间</h3>
|
||||||
|
<p>扁平化管理，快速晋升通道，优秀的你可以快速成长为团队核心，参与公司决策</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="benefit-card">
|
||||||
|
<div class="benefit-icon">🎓</div>
|
||||||
|
<h3>持续学习成长</h3>
|
||||||
|
<p>定期技术培训、外部交流、在线课程补贴，鼓励持续学习，与行业大牛共事，快速提升</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="benefit-card">
|
||||||
|
<div class="benefit-icon">🏖️</div>
|
||||||
|
<h3>弹性工作生活</h3>
|
||||||
|
<p>弹性工作时间，不打卡不加班文化，带薪年假、带薪病假，工作生活平衡</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="benefit-card">
|
||||||
|
<div class="benefit-icon">🎉</div>
|
||||||
|
<h3>丰富团队活动</h3>
|
||||||
|
<p>定期团建、生日会、节日活动、年度旅游，轻松愉快的工作氛围，认识志同道合的伙伴</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="benefit-card">
|
||||||
|
<div class="benefit-icon">🏥</div>
|
||||||
|
<h3>完善福利保障</h3>
|
||||||
|
<p>五险一金、补充商业保险、年度体检、零食下午茶、健身补贴，全方位关怀你的身心健康</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section positions">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">热招职位</h2>
|
||||||
|
<p class="section-subtitle">找到适合你的位置，一起创造未来</p>
|
||||||
|
|
||||||
|
<div class="position-card">
|
||||||
|
<div class="position-header">
|
||||||
|
<div>
|
||||||
|
<div class="position-title">高级后端开发工程师</div>
|
||||||
|
<div class="position-tags">
|
||||||
|
<span class="tag">北京</span>
|
||||||
|
<span class="tag">全职</span>
|
||||||
|
<span class="tag">技术</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="position-salary">25-40K·15 薪</div>
|
||||||
|
</div>
|
||||||
|
<p class="position-desc">负责愉悦查 API 平台后端架构设计、核心功能开发，支撑高并发、高可用的数据接口服务</p>
|
||||||
|
<div class="position-requirements">
|
||||||
|
<h4>职位要求：</h4>
|
||||||
|
<ul>
|
||||||
|
<li>本科及以上学历，计算机相关专业，5 年以上后端开发经验</li>
|
||||||
|
<li>精通 Java/Python/Go 至少一门语言，熟悉微服务架构</li>
|
||||||
|
<li>熟悉 MySQL、Redis、MongoDB 等数据库，有性能优化经验</li>
|
||||||
|
<li>熟悉 Docker、Kubernetes 等容器化技术</li>
|
||||||
|
<li>有高并发、分布式系统开发经验者优先</li>
|
||||||
|
<li>良好的沟通能力和团队协作精神</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="position-card">
|
||||||
|
<div class="position-header">
|
||||||
|
<div>
|
||||||
|
<div class="position-title">前端开发工程师</div>
|
||||||
|
<div class="position-tags">
|
||||||
|
<span class="tag">北京</span>
|
||||||
|
<span class="tag">全职</span>
|
||||||
|
<span class="tag">技术</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="position-salary">20-35K·14 薪</div>
|
||||||
|
</div>
|
||||||
|
<p class="position-desc">负责公司官网、API 平台、管理后台等前端产品开发，打造优秀的用户体验</p>
|
||||||
|
<div class="position-requirements">
|
||||||
|
<h4>职位要求：</h4>
|
||||||
|
<ul>
|
||||||
|
<li>本科及以上学历，3 年以上前端开发经验</li>
|
||||||
|
<li>精通 HTML/CSS/JavaScript，熟悉 Vue/React 等框架</li>
|
||||||
|
<li>熟悉前端工程化，有 Webpack/Vite 等构建工具使用经验</li>
|
||||||
|
<li>了解后端技术，有全栈开发能力者优先</li>
|
||||||
|
<li>对用户体验有追求，有良好的审美能力</li>
|
||||||
|
<li>学习能力强，有良好的沟通能力</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="position-card">
|
||||||
|
<div class="position-header">
|
||||||
|
<div>
|
||||||
|
<div class="position-title">数据分析师</div>
|
||||||
|
<div class="position-tags">
|
||||||
|
<span class="tag">北京</span>
|
||||||
|
<span class="tag">全职</span>
|
||||||
|
<span class="tag">数据</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="position-salary">18-30K·14 薪</div>
|
||||||
|
</div>
|
||||||
|
<p class="position-desc">负责业务数据分析、用户行为分析、产品优化建议，用数据驱动业务增长</p>
|
||||||
|
<div class="position-requirements">
|
||||||
|
<h4>职位要求：</h4>
|
||||||
|
<ul>
|
||||||
|
<li>本科及以上学历，统计学、数学、计算机相关专业</li>
|
||||||
|
<li>3 年以上数据分析经验，熟悉 SQL、Python/R</li>
|
||||||
|
<li>熟悉数据分析方法，有 A/B 测试经验</li>
|
||||||
|
<li>熟悉 Tableau、PowerBI 等可视化工具</li>
|
||||||
|
<li>有良好的业务理解能力和逻辑思维能力</li>
|
||||||
|
<li>优秀的沟通表达能力，能将分析结果转化为 actionable insights</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="position-card">
|
||||||
|
<div class="position-header">
|
||||||
|
<div>
|
||||||
|
<div class="position-title">商务拓展经理</div>
|
||||||
|
<div class="position-tags">
|
||||||
|
<span class="tag">北京</span>
|
||||||
|
<span class="tag">全职</span>
|
||||||
|
<span class="tag">商务</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="position-salary">20-35K+ 提成</div>
|
||||||
|
</div>
|
||||||
|
<p class="position-desc">负责 API 业务商务拓展、大客户开发、渠道合作，完成业绩目标</p>
|
||||||
|
<div class="position-requirements">
|
||||||
|
<h4>职位要求：</h4>
|
||||||
|
<ul>
|
||||||
|
<li>本科及以上学历，5 年以上 ToB 销售或商务拓展经验</li>
|
||||||
|
<li>有 API、SaaS、数据服务行业经验者优先</li>
|
||||||
|
<li>有丰富的企业客户资源和渠道资源</li>
|
||||||
|
<li>优秀的商务谈判能力和客户关系维护能力</li>
|
||||||
|
<li>自驱力强，结果导向，能承受工作压力</li>
|
||||||
|
<li>良好的团队协作精神</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="position-card">
|
||||||
|
<div class="position-header">
|
||||||
|
<div>
|
||||||
|
<div class="position-title">产品经理</div>
|
||||||
|
<div class="position-tags">
|
||||||
|
<span class="tag">北京</span>
|
||||||
|
<span class="tag">全职</span>
|
||||||
|
<span class="tag">产品</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="position-salary">25-40K·15 薪</div>
|
||||||
|
</div>
|
||||||
|
<p class="position-desc">负责 API 平台产品规划、需求分析、产品设计，推动产品持续优化</p>
|
||||||
|
<div class="position-requirements">
|
||||||
|
<h4>职位要求：</h4>
|
||||||
|
<ul>
|
||||||
|
<li>本科及以上学历，5 年以上互联网产品经验</li>
|
||||||
|
<li>有 API 平台、开发者工具、数据产品经验者优先</li>
|
||||||
|
<li>熟悉产品设计流程，熟练使用 Axure、Figma 等工具</li>
|
||||||
|
<li>有良好的数据分析能力和用户洞察力</li>
|
||||||
|
<li>优秀的沟通协调能力，能推动跨团队合作</li>
|
||||||
|
<li>对技术有理解，能与研发团队高效协作</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section culture">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">我们的文化</h2>
|
||||||
|
<p class="section-subtitle">简单、开放、务实、成长</p>
|
||||||
|
|
||||||
|
<div class="culture-grid">
|
||||||
|
<div class="culture-card">
|
||||||
|
<div class="culture-icon">🤝</div>
|
||||||
|
<h3>简单透明</h3>
|
||||||
|
<p>简单的人际关系，透明的沟通机制，有话直说，对事不对人</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="culture-card">
|
||||||
|
<div class="culture-icon">💡</div>
|
||||||
|
<h3>开放包容</h3>
|
||||||
|
<p>鼓励创新，包容失败，每个人的想法都值得被倾听</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="culture-card">
|
||||||
|
<div class="culture-icon">🎯</div>
|
||||||
|
<h3>结果导向</h3>
|
||||||
|
<p>关注产出而非工时，用结果证明价值，优秀者获得丰厚回报</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="culture-card">
|
||||||
|
<div class="culture-icon">🌱</div>
|
||||||
|
<h3>持续成长</h3>
|
||||||
|
<p>学习型组织，鼓励尝试新事物，与优秀的人一起变得更好</p>
|
||||||
|
</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;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
|
||||||
|
<p style="font-size:13px;color:rgba(255,255,255,0.5);">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>
|
||||||
|
<li><a href="/investment.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="/all-apis.html">全部接口</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 class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+147
@@ -0,0 +1,147 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>加入我们</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">加入我们</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">加入愉悦查，一起让信任无处不在，让合作没有距离！我们提供有竞争力的薪酬、广阔的发展空间和优秀的团队氛围。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+532
@@ -0,0 +1,532 @@
|
|||||||
|
<!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="加入愉悦查，与优秀的人一起做有挑战的事。我们提供有竞争力的薪酬、广阔的发展空间、良好的工作氛围，期待你的加入！">
|
||||||
|
<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;
|
||||||
|
--success: #07C160;
|
||||||
|
--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 var(--spacing-lg);
|
||||||
|
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);
|
||||||
|
}
|
||||||
|
|
||||||
|
.why-us { background: white; }
|
||||||
|
.benefits-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.benefit-card {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
text-align: center;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.benefit-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.benefit-icon { font-size: 48px; margin-bottom: var(--spacing-sm); }
|
||||||
|
.benefit-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
|
||||||
|
.benefit-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; }
|
||||||
|
|
||||||
|
.positions { background: var(--bg-gray); }
|
||||||
|
.position-card {
|
||||||
|
background: white;
|
||||||
|
margin-bottom: var(--spacing-md);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.position-card:hover { box-shadow: var(--shadow-lg); }
|
||||||
|
.position-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.position-title { font-size: 24px; font-weight: 700; }
|
||||||
|
.position-tags { display: flex; gap: var(--spacing-xs); }
|
||||||
|
.tag {
|
||||||
|
padding: 6px 14px;
|
||||||
|
background: var(--bg-gray);
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
}
|
||||||
|
.position-salary { font-size: 22px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
|
||||||
|
.position-desc { font-size: 15px; color: var(--text-secondary); margin-bottom: var(--spacing-sm); line-height: 1.7; }
|
||||||
|
.position-requirements { margin-top: var(--spacing-sm); }
|
||||||
|
.position-requirements h4 { font-size: 17px; margin-bottom: var(--spacing-xs); }
|
||||||
|
.position-requirements ul { list-style: disc; padding-left: 20px; }
|
||||||
|
.position-requirements li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
|
||||||
|
|
||||||
|
.culture { background: white; }
|
||||||
|
.culture-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.culture-card {
|
||||||
|
text-align: center;
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.culture-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
|
||||||
|
.culture-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
|
||||||
|
.culture-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
.position-header { flex-direction: column; align-items: flex-start; gap: 12px; }
|
||||||
|
.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>与优秀的人一起做有挑战的事<br>在这里，你的每一份付出都会被看见，每一个想法都会被重视</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section why-us">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">为什么选择愉悦查</h2>
|
||||||
|
<p class="section-subtitle">我们提供的不只是一份工作，更是一个实现自我价值的平台</p>
|
||||||
|
|
||||||
|
<div class="benefits-grid">
|
||||||
|
<div class="benefit-card">
|
||||||
|
<div class="benefit-icon">💰</div>
|
||||||
|
<h3>有竞争力的薪酬</h3>
|
||||||
|
<p>提供行业领先的薪资待遇，年终奖、项目奖金、期权激励等多种激励方式，让你的付出获得丰厚回报</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="benefit-card">
|
||||||
|
<div class="benefit-icon">📈</div>
|
||||||
|
<h3>广阔的发展空间</h3>
|
||||||
|
<p>扁平化管理，快速晋升通道，优秀的你可以快速成长为团队核心，参与公司决策</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="benefit-card">
|
||||||
|
<div class="benefit-icon">🎓</div>
|
||||||
|
<h3>持续学习成长</h3>
|
||||||
|
<p>定期技术培训、外部交流、在线课程补贴，鼓励持续学习，与行业大牛共事，快速提升</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="benefit-card">
|
||||||
|
<div class="benefit-icon">🏖️</div>
|
||||||
|
<h3>弹性工作生活</h3>
|
||||||
|
<p>弹性工作时间，不打卡不加班文化，带薪年假、带薪病假，工作生活平衡</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="benefit-card">
|
||||||
|
<div class="benefit-icon">🎉</div>
|
||||||
|
<h3>丰富团队活动</h3>
|
||||||
|
<p>定期团建、生日会、节日活动、年度旅游，轻松愉快的工作氛围，认识志同道合的伙伴</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="benefit-card">
|
||||||
|
<div class="benefit-icon">🏥</div>
|
||||||
|
<h3>完善福利保障</h3>
|
||||||
|
<p>五险一金、补充商业保险、年度体检、零食下午茶、健身补贴，全方位关怀你的身心健康</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section positions">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">热招职位</h2>
|
||||||
|
<p class="section-subtitle">找到适合你的位置，一起创造未来</p>
|
||||||
|
|
||||||
|
<div class="position-card">
|
||||||
|
<div class="position-header">
|
||||||
|
<div>
|
||||||
|
<div class="position-title">高级后端开发工程师</div>
|
||||||
|
<div class="position-tags">
|
||||||
|
<span class="tag">北京</span>
|
||||||
|
<span class="tag">全职</span>
|
||||||
|
<span class="tag">技术</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="position-salary">25-40K·15 薪</div>
|
||||||
|
</div>
|
||||||
|
<p class="position-desc">负责愉悦查 API 平台后端架构设计、核心功能开发，支撑高并发、高可用的数据接口服务</p>
|
||||||
|
<div class="position-requirements">
|
||||||
|
<h4>职位要求：</h4>
|
||||||
|
<ul>
|
||||||
|
<li>本科及以上学历，计算机相关专业，5 年以上后端开发经验</li>
|
||||||
|
<li>精通 Java/Python/Go 至少一门语言，熟悉微服务架构</li>
|
||||||
|
<li>熟悉 MySQL、Redis、MongoDB 等数据库，有性能优化经验</li>
|
||||||
|
<li>熟悉 Docker、Kubernetes 等容器化技术</li>
|
||||||
|
<li>有高并发、分布式系统开发经验者优先</li>
|
||||||
|
<li>良好的沟通能力和团队协作精神</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="position-card">
|
||||||
|
<div class="position-header">
|
||||||
|
<div>
|
||||||
|
<div class="position-title">前端开发工程师</div>
|
||||||
|
<div class="position-tags">
|
||||||
|
<span class="tag">北京</span>
|
||||||
|
<span class="tag">全职</span>
|
||||||
|
<span class="tag">技术</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="position-salary">20-35K·14 薪</div>
|
||||||
|
</div>
|
||||||
|
<p class="position-desc">负责公司官网、API 平台、管理后台等前端产品开发，打造优秀的用户体验</p>
|
||||||
|
<div class="position-requirements">
|
||||||
|
<h4>职位要求：</h4>
|
||||||
|
<ul>
|
||||||
|
<li>本科及以上学历，3 年以上前端开发经验</li>
|
||||||
|
<li>精通 HTML/CSS/JavaScript，熟悉 Vue/React 等框架</li>
|
||||||
|
<li>熟悉前端工程化，有 Webpack/Vite 等构建工具使用经验</li>
|
||||||
|
<li>了解后端技术，有全栈开发能力者优先</li>
|
||||||
|
<li>对用户体验有追求，有良好的审美能力</li>
|
||||||
|
<li>学习能力强，有良好的沟通能力</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="position-card">
|
||||||
|
<div class="position-header">
|
||||||
|
<div>
|
||||||
|
<div class="position-title">数据分析师</div>
|
||||||
|
<div class="position-tags">
|
||||||
|
<span class="tag">北京</span>
|
||||||
|
<span class="tag">全职</span>
|
||||||
|
<span class="tag">数据</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="position-salary">18-30K·14 薪</div>
|
||||||
|
</div>
|
||||||
|
<p class="position-desc">负责业务数据分析、用户行为分析、产品优化建议，用数据驱动业务增长</p>
|
||||||
|
<div class="position-requirements">
|
||||||
|
<h4>职位要求：</h4>
|
||||||
|
<ul>
|
||||||
|
<li>本科及以上学历，统计学、数学、计算机相关专业</li>
|
||||||
|
<li>3 年以上数据分析经验，熟悉 SQL、Python/R</li>
|
||||||
|
<li>熟悉数据分析方法，有 A/B 测试经验</li>
|
||||||
|
<li>熟悉 Tableau、PowerBI 等可视化工具</li>
|
||||||
|
<li>有良好的业务理解能力和逻辑思维能力</li>
|
||||||
|
<li>优秀的沟通表达能力，能将分析结果转化为 actionable insights</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="position-card">
|
||||||
|
<div class="position-header">
|
||||||
|
<div>
|
||||||
|
<div class="position-title">商务拓展经理</div>
|
||||||
|
<div class="position-tags">
|
||||||
|
<span class="tag">北京</span>
|
||||||
|
<span class="tag">全职</span>
|
||||||
|
<span class="tag">商务</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="position-salary">20-35K+ 提成</div>
|
||||||
|
</div>
|
||||||
|
<p class="position-desc">负责 API 业务商务拓展、大客户开发、渠道合作，完成业绩目标</p>
|
||||||
|
<div class="position-requirements">
|
||||||
|
<h4>职位要求：</h4>
|
||||||
|
<ul>
|
||||||
|
<li>本科及以上学历，5 年以上 ToB 销售或商务拓展经验</li>
|
||||||
|
<li>有 API、SaaS、数据服务行业经验者优先</li>
|
||||||
|
<li>有丰富的企业客户资源和渠道资源</li>
|
||||||
|
<li>优秀的商务谈判能力和客户关系维护能力</li>
|
||||||
|
<li>自驱力强，结果导向，能承受工作压力</li>
|
||||||
|
<li>良好的团队协作精神</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="position-card">
|
||||||
|
<div class="position-header">
|
||||||
|
<div>
|
||||||
|
<div class="position-title">产品经理</div>
|
||||||
|
<div class="position-tags">
|
||||||
|
<span class="tag">北京</span>
|
||||||
|
<span class="tag">全职</span>
|
||||||
|
<span class="tag">产品</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="position-salary">25-40K·15 薪</div>
|
||||||
|
</div>
|
||||||
|
<p class="position-desc">负责 API 平台产品规划、需求分析、产品设计，推动产品持续优化</p>
|
||||||
|
<div class="position-requirements">
|
||||||
|
<h4>职位要求：</h4>
|
||||||
|
<ul>
|
||||||
|
<li>本科及以上学历，5 年以上互联网产品经验</li>
|
||||||
|
<li>有 API 平台、开发者工具、数据产品经验者优先</li>
|
||||||
|
<li>熟悉产品设计流程，熟练使用 Axure、Figma 等工具</li>
|
||||||
|
<li>有良好的数据分析能力和用户洞察力</li>
|
||||||
|
<li>优秀的沟通协调能力，能推动跨团队合作</li>
|
||||||
|
<li>对技术有理解，能与研发团队高效协作</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section culture">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">我们的文化</h2>
|
||||||
|
<p class="section-subtitle">简单、开放、务实、成长</p>
|
||||||
|
|
||||||
|
<div class="culture-grid">
|
||||||
|
<div class="culture-card">
|
||||||
|
<div class="culture-icon">🤝</div>
|
||||||
|
<h3>简单透明</h3>
|
||||||
|
<p>简单的人际关系，透明的沟通机制，有话直说，对事不对人</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="culture-card">
|
||||||
|
<div class="culture-icon">💡</div>
|
||||||
|
<h3>开放包容</h3>
|
||||||
|
<p>鼓励创新，包容失败，每个人的想法都值得被倾听</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="culture-card">
|
||||||
|
<div class="culture-icon">🎯</div>
|
||||||
|
<h3>结果导向</h3>
|
||||||
|
<p>关注产出而非工时，用结果证明价值，优秀者获得丰厚回报</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="culture-card">
|
||||||
|
<div class="culture-icon">🌱</div>
|
||||||
|
<h3>持续成长</h3>
|
||||||
|
<p>学习型组织，鼓励尝试新事物，与优秀的人一起变得更好</p>
|
||||||
|
</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>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+264
@@ -0,0 +1,264 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>加入我们</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">加入我们</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">加入愉悦查，一起让信任无处不在，让合作没有距离！我们提供有竞争力的薪酬、广阔的发展空间和优秀的团队氛围。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+775
@@ -0,0 +1,775 @@
|
|||||||
|
<!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="联系愉悦查，技术支持，商务合作，客服联系方式">
|
||||||
|
<!-- SEO Enhancement -->
|
||||||
|
<link rel="canonical" href="https://www.yuyuecha.com.cn/contact.html">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://www.yuyuecha.com.cn/contact.html">
|
||||||
|
<meta property="og:title" content="联系我们 - 愉悦查">
|
||||||
|
<meta property="og:description" content="7×12 小时在线服务，企业微信、电话、邮箱多种联系方式，获取产品咨询、技术支持、商务合作。">
|
||||||
|
<meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<meta property="og:site_name" content="愉悦查">
|
||||||
|
<meta property="og:locale" content="zh_CN">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="twitter:title" content="联系我们 - 愉悦查">
|
||||||
|
<meta name="twitter:description" content="7×12 小时在线服务，企业微信、电话、邮箱多种联系方式，获取产品咨询、技术支持、商务合作。">
|
||||||
|
<meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
|
||||||
|
<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; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Navbar ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
padding: 12px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
-webkit-backdrop-filter: blur(20px);
|
||||||
|
}
|
||||||
|
.navbar.scrolled {
|
||||||
|
padding: 8px 0;
|
||||||
|
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
||||||
|
}
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 24px;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
height: 44px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: 32px;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #1A1A1A;
|
||||||
|
text-decoration: none;
|
||||||
|
position: relative;
|
||||||
|
padding: 6px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #FF6A19;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
.nav-link:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.nav-btn {
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-decoration: none;
|
||||||
|
border: none;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn {
|
||||||
|
border: 1.5px solid #FF6A19;
|
||||||
|
color: #FF6A19;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn:hover {
|
||||||
|
background: #FFF5F0;
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn {
|
||||||
|
background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
|
||||||
|
color: white;
|
||||||
|
box-shadow: 0 2px 8px rgba(255,106,25,0.3);
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 4px 12px rgba(255,106,25,0.4);
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 4px;
|
||||||
|
z-index: 1001;
|
||||||
|
}
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 24px;
|
||||||
|
height: 2px;
|
||||||
|
background: #1A1A1A;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-menu {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(255,255,255,0.98);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 24px;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.nav-menu.active {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Footer ===== */
|
||||||
|
.footer {
|
||||||
|
background: #1A1A1A;
|
||||||
|
color: white;
|
||||||
|
padding: 60px 0 30px;
|
||||||
|
}
|
||||||
|
.footer-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
||||||
|
gap: 48px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.footer-brand h3 {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
background: linear-gradient(135deg, #FF6A19, #FC6E18);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
.footer-brand p {
|
||||||
|
color: rgba(255,255,255,0.6);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.footer-title {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: rgba(255,255,255,0.9);
|
||||||
|
}
|
||||||
|
.footer-links {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.footer-links li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.footer-links a {
|
||||||
|
color: rgba(255,255,255,0.5);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.footer-links a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 24px;
|
||||||
|
border-top: 1px solid rgba(255,255,255,0.1);
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp a {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.footer-icp a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 32px;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="/index.html" class="logo">
|
||||||
|
<img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/about.html" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</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>北京市丰台区西铁营万达写字楼 13 层<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>公司地址：北京市丰台区西铁营万达写字楼 13 层
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="detail">
|
||||||
|
<span class="detail-icon">🏛️</span>
|
||||||
|
<div>
|
||||||
|
<strong>注册资本：500 万
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="detail">
|
||||||
|
<span class="detail-icon">📅</span>
|
||||||
|
<div>
|
||||||
|
<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;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
|
||||||
|
<p style="font-size:13px;color:rgba(255,255,255,0.5);">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>
|
||||||
|
<li><a href="/investment.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="/all-apis.html">全部接口</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 class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></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>
|
||||||
Executable
+523
@@ -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>
|
||||||
Executable
+523
@@ -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>公司地址：北京市海淀区中关村科技园 XX 大厦 X 层
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="detail">
|
||||||
|
<span class="detail-icon">🏛️</span>
|
||||||
|
<div>
|
||||||
|
<strong>注册资本：XXX 万元人民币
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="detail">
|
||||||
|
<span class="detail-icon">📅</span>
|
||||||
|
<div>
|
||||||
|
<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>
|
||||||
Executable
+147
@@ -0,0 +1,147 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>联系我们</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">联系方式</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">如有任何问题，欢迎随时联系我们。我们将尽快为您解答。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+508
@@ -0,0 +1,508 @@
|
|||||||
|
<!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>
|
||||||
Executable
+264
@@ -0,0 +1,264 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>联系我们</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">联系方式</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">如有任何问题，欢迎随时联系我们。我们将尽快为您解答。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+521
@@ -0,0 +1,521 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<!-- SEO Enhancement -->
|
||||||
|
<link rel="canonical" href="https://www.yuyuecha.com.cn/disclaimer.html">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://www.yuyuecha.com.cn/disclaimer.html">
|
||||||
|
<meta property="og:title" content="免责声明 - 愉悦查">
|
||||||
|
<meta property="og:description" content="愉悦查平台免责声明与法律条款。">
|
||||||
|
<meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<meta property="og:site_name" content="愉悦查">
|
||||||
|
<meta property="og:locale" content="zh_CN">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="twitter:title" content="免责声明 - 愉悦查">
|
||||||
|
<meta name="twitter:description" content="愉悦查平台免责声明与法律条款。">
|
||||||
|
<meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Navbar ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
padding: 12px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
-webkit-backdrop-filter: blur(20px);
|
||||||
|
}
|
||||||
|
.navbar.scrolled {
|
||||||
|
padding: 8px 0;
|
||||||
|
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
||||||
|
}
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 24px;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
height: 44px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: 32px;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #1A1A1A;
|
||||||
|
text-decoration: none;
|
||||||
|
position: relative;
|
||||||
|
padding: 6px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #FF6A19;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
.nav-link:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.nav-btn {
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-decoration: none;
|
||||||
|
border: none;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn {
|
||||||
|
border: 1.5px solid #FF6A19;
|
||||||
|
color: #FF6A19;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn:hover {
|
||||||
|
background: #FFF5F0;
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn {
|
||||||
|
background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
|
||||||
|
color: white;
|
||||||
|
box-shadow: 0 2px 8px rgba(255,106,25,0.3);
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 4px 12px rgba(255,106,25,0.4);
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 4px;
|
||||||
|
z-index: 1001;
|
||||||
|
}
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 24px;
|
||||||
|
height: 2px;
|
||||||
|
background: #1A1A1A;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-menu {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(255,255,255,0.98);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 24px;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.nav-menu.active {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Footer ===== */
|
||||||
|
.footer {
|
||||||
|
background: #1A1A1A;
|
||||||
|
color: white;
|
||||||
|
padding: 60px 0 30px;
|
||||||
|
}
|
||||||
|
.footer-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
||||||
|
gap: 48px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.footer-brand h3 {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
background: linear-gradient(135deg, #FF6A19, #FC6E18);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
.footer-brand p {
|
||||||
|
color: rgba(255,255,255,0.6);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.footer-title {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: rgba(255,255,255,0.9);
|
||||||
|
}
|
||||||
|
.footer-links {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.footer-links li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.footer-links a {
|
||||||
|
color: rgba(255,255,255,0.5);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.footer-links a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 24px;
|
||||||
|
border-top: 1px solid rgba(255,255,255,0.1);
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp a {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.footer-icp a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 32px;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="/index.html" class="logo">
|
||||||
|
<img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/about.html" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>免责声明</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">免责声明</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
|
||||||
|
<p style="font-size:13px;color:rgba(255,255,255,0.5);">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>
|
||||||
|
<li><a href="/investment.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="/all-apis.html">全部接口</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 class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+147
@@ -0,0 +1,147 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>免责声明</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">免责声明</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+264
@@ -0,0 +1,264 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>免责声明</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">免责声明</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,425 @@
|
|||||||
|
# 愉悦查官网技术SEO深度诊断报告
|
||||||
|
|
||||||
|
**报告日期：** 2026年3月27日
|
||||||
|
**分析师：** 愉悦查技术SEO团队
|
||||||
|
**网站：** https://www.yuyuecha.com.cn
|
||||||
|
**域名年龄：** 新站（2026年3月）
|
||||||
|
**服务器IP：** 43.138.38.220（腾讯云）
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 执行摘要
|
||||||
|
|
||||||
|
### 核心发现
|
||||||
|
| 评估维度 | 当前状态 | 评分 | 行业基准 |
|
||||||
|
|---------|---------|------|---------|
|
||||||
|
| 技术SEO基础 | 已部署HTTPS/HTTP2，基础架构良好 | 75/100 | 60/100 |
|
||||||
|
| 页面性能 | 91KB未压缩，Gzip压缩率83.2% | 65/100 | 70/100 |
|
||||||
|
| 内容优化 | 单页应用结构，缺乏深度内容 | 45/100 | 65/100 |
|
||||||
|
| 关键词布局 | 核心词覆盖不足，长尾词缺失 | 40/100 | 60/100 |
|
||||||
|
| 外链建设 | 零外链，域名权重为0 | 20/100 | 50/100 |
|
||||||
|
| **综合评分** | **新站冷启动阶段** | **49/100** | **61/100** |
|
||||||
|
|
||||||
|
### 关键问题（按影响排序）
|
||||||
|
1. **索引障碍** - SPA单页结构不利于搜索引擎抓取
|
||||||
|
2. **内容匮乏** - 缺乏信息型内容支撑长尾流量
|
||||||
|
3. **零外链** - 新站无权威背书，信任度为0
|
||||||
|
4. **关键词策略缺失** - 未针对搜索意图优化
|
||||||
|
5. **技术债务** - 91KB首屏HTML，渲染阻塞资源
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 一、技术架构审计
|
||||||
|
|
||||||
|
### 1.1 服务器与性能
|
||||||
|
|
||||||
|
| 指标 | 实测值 | 标准值 | 状态 |
|
||||||
|
|-----|-------|-------|------|
|
||||||
|
| 服务器响应时间 | ~200ms | <200ms | ✅ 达标 |
|
||||||
|
| TTFB | ~150ms | <200ms | ✅ 达标 |
|
||||||
|
| 首屏HTML大小 | 91KB (92,680 bytes) | <50KB | ⚠️ 偏大 |
|
||||||
|
| Gzip压缩后 | 15.57KB | - | ✅ 压缩率83.2% |
|
||||||
|
| HTTP协议 | HTTP/2 | HTTP/2 | ✅ 现代协议 |
|
||||||
|
| SSL/TLS | TLS 1.2/1.3 | TLS 1.2+ | ✅ 安全 |
|
||||||
|
|
||||||
|
**诊断结论：** 基础性能达标，但首屏HTML体积偏大，建议实施代码分割和懒加载。
|
||||||
|
|
||||||
|
### 1.2 爬虫可访问性
|
||||||
|
|
||||||
|
```
|
||||||
|
✅ robots.txt: 已部署，允许所有爬虫
|
||||||
|
✅ sitemap.xml: 已部署，包含12个URL
|
||||||
|
✅ HTTPS: 强制跳转已配置
|
||||||
|
✅ www/non-www: 已统一（建议确认canonical）
|
||||||
|
⚠️ 单页应用(SPA): 依赖JavaScript渲染，爬虫抓取受限
|
||||||
|
⚠️ 无预渲染: 搜索引擎可能看不到完整内容
|
||||||
|
```
|
||||||
|
|
||||||
|
**关键问题：** 当前为SPA架构，虽然用户体验好，但对SEO不友好。建议：
|
||||||
|
- 实施服务端渲染(SSR)或静态生成(SSG)
|
||||||
|
- 或使用预渲染(prerender.io)服务
|
||||||
|
- 确保核心内容在HTML中直接可见
|
||||||
|
|
||||||
|
### 1.3 结构化数据
|
||||||
|
|
||||||
|
**已部署Schema类型：**
|
||||||
|
- WebSite - 网站信息
|
||||||
|
- Organization - 企业信息
|
||||||
|
- ItemList - 产品列表
|
||||||
|
- LocalBusiness - 本地商家
|
||||||
|
- FAQPage - 常见问题
|
||||||
|
|
||||||
|
**缺失Schema类型（建议添加）：**
|
||||||
|
- BreadcrumbList - 面包屑导航
|
||||||
|
- Product - 单个产品详情
|
||||||
|
- Review - 用户评价
|
||||||
|
- AggregateRating - 综合评分
|
||||||
|
- HowTo - 使用指南
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 二、关键词研究与竞争分析
|
||||||
|
|
||||||
|
### 2.1 行业关键词图谱
|
||||||
|
|
||||||
|
**核心商业词（高竞争）：**
|
||||||
|
| 关键词 | 月搜索量 | 竞争度 | 当前排名 | 优化难度 |
|
||||||
|
|-------|---------|-------|---------|---------|
|
||||||
|
| 背调报告 | ~2,900 | 高 | 未收录 | ⭐⭐⭐⭐⭐ |
|
||||||
|
| 背景调查 | ~8,100 | 高 | 未收录 | ⭐⭐⭐⭐⭐ |
|
||||||
|
| 信用查询 | ~1,600 | 中 | 未收录 | ⭐⭐⭐⭐ |
|
||||||
|
| 婚恋调查 | ~720 | 中 | 未收录 | ⭐⭐⭐ |
|
||||||
|
|
||||||
|
**长尾机会词（低竞争）：**
|
||||||
|
| 关键词 | 月搜索量 | 竞争度 | 内容机会 |
|
||||||
|
|-------|---------|-------|---------|
|
||||||
|
| 入职背调查什么 | ~480 | 低 | 科普文章 |
|
||||||
|
| 家政阿姨背景调查 | ~260 | 低 | 服务页面 |
|
||||||
|
| 相亲对象怎么查 | ~390 | 低 | 指南文章 |
|
||||||
|
| 小微企业信用报告 | ~170 | 低 | 产品页面 |
|
||||||
|
| 个人大数据报告多少钱 | ~140 | 低 | 价格页面 |
|
||||||
|
|
||||||
|
### 2.2 竞争对手分析
|
||||||
|
|
||||||
|
**主要竞争对手：**
|
||||||
|
1. **天眼查/企查查** - 企业信息查询，DR 80+
|
||||||
|
2. **芝麻信用** - 个人信用，品牌词流量大
|
||||||
|
3. **智联招聘** - 入职背调服务，DR 75+
|
||||||
|
4. **百合网/世纪佳缘** - 婚恋背景核实
|
||||||
|
|
||||||
|
**竞争差距：**
|
||||||
|
- 域名权重：0 vs 70+（差距巨大）
|
||||||
|
- 内容深度：单页 vs 万级页面
|
||||||
|
- 品牌认知：新站 vs 10年+品牌
|
||||||
|
- 外链数量：0 vs 10万+
|
||||||
|
|
||||||
|
**差异化机会：**
|
||||||
|
- 专注C端个人查询（竞品多为B端）
|
||||||
|
- AI定制报告（技术差异化）
|
||||||
|
- 代理分销模式（渠道差异化）
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 三、页面级SEO审计
|
||||||
|
|
||||||
|
### 3.1 首页（/）
|
||||||
|
|
||||||
|
**URL结构：** ✅ 规范
|
||||||
|
**Title标签：** ⚠️ 过长（36字符，建议30以内）
|
||||||
|
```
|
||||||
|
当前：愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台
|
||||||
|
建议：愉悦查 - AI背调报告平台 | 个人/企业背景调查
|
||||||
|
```
|
||||||
|
|
||||||
|
**Meta Description：** ✅ 158字符，包含核心关键词
|
||||||
|
**H1标签：** ⚠️ 非文本内容（"让信任无处不在"在CSS中）
|
||||||
|
**H2标签：** ✅ 6个，结构良好
|
||||||
|
**图片Alt：** ⚠️ 仅logo有alt，产品图片缺失
|
||||||
|
**内链：** ⚠️ 51个链接，但缺少锚文本优化
|
||||||
|
|
||||||
|
### 3.2 产品页面审计
|
||||||
|
|
||||||
|
**URL问题：**
|
||||||
|
```
|
||||||
|
当前：/product/backgroundcheck.html
|
||||||
|
建议：/chanpin/ruzhihoudiao/ 或 /service/employment-check/
|
||||||
|
```
|
||||||
|
|
||||||
|
**TDK现状：**
|
||||||
|
| 页面 | Title | Description | H1 |
|
||||||
|
|-----|-------|-------------|-----|
|
||||||
|
| 入职背调 | 未检测 | 未检测 | 未检测 |
|
||||||
|
| 婚恋风险 | 未检测 | 未检测 | 未检测 |
|
||||||
|
| 个人大数据 | 未检测 | 未检测 | 未检测 |
|
||||||
|
|
||||||
|
**建议：** 每个产品页独立优化TDK，针对具体关键词。
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 四、内容策略诊断
|
||||||
|
|
||||||
|
### 4.1 内容缺口分析
|
||||||
|
|
||||||
|
**缺失内容类型：**
|
||||||
|
1. **博客/资讯** - 完全缺失（流量型内容）
|
||||||
|
2. **使用指南** - 完全缺失（教育型内容）
|
||||||
|
3. **案例研究** - 完全缺失（信任型内容）
|
||||||
|
4. **行业报告** - 完全缺失（权威型内容）
|
||||||
|
5. **对比评测** - 完全缺失（决策型内容）
|
||||||
|
|
||||||
|
**建议内容矩阵：**
|
||||||
|
| 内容类型 | 目标关键词 | 发布频率 | 预期流量 |
|
||||||
|
|---------|-----------|---------|---------|
|
||||||
|
| 背调知识科普 | 长尾词 | 2篇/周 | 500UV/月 |
|
||||||
|
| 行业数据报告 | 品牌词 | 1篇/月 | 1000UV/月 |
|
||||||
|
| 使用教程 | 长尾词 | 1篇/周 | 300UV/月 |
|
||||||
|
| 案例分享 | 品牌词 | 2篇/月 | 200UV/月 |
|
||||||
|
| FAQ问答 | 长尾词 | 持续更新 | 800UV/月 |
|
||||||
|
|
||||||
|
### 4.2 搜索意图匹配
|
||||||
|
|
||||||
|
**信息型查询（80%流量）：**
|
||||||
|
- "什么是背景调查" → 需要科普文章
|
||||||
|
- "背调一般查什么" → 需要详细指南
|
||||||
|
- "婚恋调查合法吗" → 需要法律解读
|
||||||
|
|
||||||
|
**导航型查询（10%流量）：**
|
||||||
|
- "愉悦查官网" → 品牌保护
|
||||||
|
- "愉悦查登录" → 功能页面
|
||||||
|
|
||||||
|
**交易型查询（10%流量）：**
|
||||||
|
- "背调报告多少钱" → 价格页面
|
||||||
|
- "入职背调服务购买" → 转化页面
|
||||||
|
|
||||||
|
**当前匹配度：** 仅覆盖交易型，信息型完全缺失。
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 五、外链与权威度分析
|
||||||
|
|
||||||
|
### 5.1 当前状态
|
||||||
|
|
||||||
|
| 指标 | 数值 | 说明 |
|
||||||
|
|-----|------|------|
|
||||||
|
| referring domains | 0 | 新站，无外链 |
|
||||||
|
| total backlinks | 0 | 零外链 |
|
||||||
|
| domain rating | N/A | 无数据 |
|
||||||
|
| page authority | N/A | 无数据 |
|
||||||
|
| trust flow | N/A | 无数据 |
|
||||||
|
|
||||||
|
### 5.2 外链建设策略
|
||||||
|
|
||||||
|
**第一阶段（0-3个月）：基础外链**
|
||||||
|
目标：20-30个外链
|
||||||
|
- 百度百科词条创建
|
||||||
|
- 知乎专栏文章（5篇）
|
||||||
|
- 百家号首发文章（10篇）
|
||||||
|
- 行业目录提交（5个）
|
||||||
|
|
||||||
|
**第二阶段（3-6个月）：质量外链**
|
||||||
|
目标：50-80个外链
|
||||||
|
- 行业媒体投稿（3篇）
|
||||||
|
- 合作伙伴友情链接（10个）
|
||||||
|
- 嘉宾博客（5篇）
|
||||||
|
- 资源页外链（5个）
|
||||||
|
|
||||||
|
**第三阶段（6-12个月）：权威外链**
|
||||||
|
目标：100+外链
|
||||||
|
- 行业白皮书引用
|
||||||
|
- 新闻报道
|
||||||
|
- 学术研究引用
|
||||||
|
- 政府/机构合作
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 六、技术优化清单
|
||||||
|
|
||||||
|
### 6.1 高优先级（立即执行）
|
||||||
|
|
||||||
|
- [ ] **实施SSR/SSG** - 解决SPA索引问题
|
||||||
|
- [ ] **优化Title标签** - 缩短至30字符以内
|
||||||
|
- [ ] **添加H1文本内容** - 确保爬虫可读取
|
||||||
|
- [ ] **图片Alt属性** - 所有图片添加描述
|
||||||
|
- [ ] **提交搜索引擎** - 百度/搜狗/360/Bing
|
||||||
|
- [ ] **添加百度统计** - 数据监控基础
|
||||||
|
|
||||||
|
### 6.2 中优先级（本月完成）
|
||||||
|
|
||||||
|
- [ ] **创建博客系统** - WordPress/自建CMS
|
||||||
|
- [ ] **优化URL结构** - 中文拼音或英文短URL
|
||||||
|
- [ ] **添加面包屑导航** - 结构化数据+可视化
|
||||||
|
- [ ] **内链优化** - 锚文本策略
|
||||||
|
- [ ] **页面速度优化** - 代码分割、懒加载
|
||||||
|
- [ ] **移动端优化** - Core Web Vitals达标
|
||||||
|
|
||||||
|
### 6.3 低优先级（持续优化）
|
||||||
|
|
||||||
|
- [ ] **多语言支持** - 英文版（拓展海外）
|
||||||
|
- [ ] **AMP页面** - 移动端加速
|
||||||
|
- [ ] **PWA支持** - 离线访问
|
||||||
|
- [ ] **语音搜索优化** - FAQ结构化
|
||||||
|
- [ ] **视频SEO** - 视频内容优化
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 七、执行路线图
|
||||||
|
|
||||||
|
### Phase 1: 技术基础（第1-2周）
|
||||||
|
**目标：** 确保网站可被搜索引擎正常抓取
|
||||||
|
|
||||||
|
**任务清单：**
|
||||||
|
1. 实施预渲染/SSR方案
|
||||||
|
2. 优化所有页面TDK
|
||||||
|
3. 添加图片alt属性
|
||||||
|
4. 提交搜索引擎
|
||||||
|
5. 安装百度统计
|
||||||
|
|
||||||
|
**预期结果：** 网站被收录，基础排名出现
|
||||||
|
|
||||||
|
### Phase 2: 内容建设（第3-6周）
|
||||||
|
**目标：** 建立内容资产，获取长尾流量
|
||||||
|
|
||||||
|
**任务清单：**
|
||||||
|
1. 搭建博客系统
|
||||||
|
2. 发布20篇长尾关键词文章
|
||||||
|
3. 优化6个产品页面
|
||||||
|
4. 创建FAQ页面
|
||||||
|
5. 发布首份行业报告
|
||||||
|
|
||||||
|
**预期结果：** 日均自然流量100+UV
|
||||||
|
|
||||||
|
### Phase 3: 外链建设（第7-12周）
|
||||||
|
**目标：** 建立域名权威度
|
||||||
|
|
||||||
|
**任务清单：**
|
||||||
|
1. 创建百科词条
|
||||||
|
2. 运营知乎机构号
|
||||||
|
3. 发布百家号文章
|
||||||
|
4. 交换友情链接
|
||||||
|
5. 投稿行业媒体
|
||||||
|
|
||||||
|
**预期结果：** DR达到20+，日均流量500+UV
|
||||||
|
|
||||||
|
### Phase 4: 规模化（第4-6月）
|
||||||
|
**目标：** 建立可持续流量增长
|
||||||
|
|
||||||
|
**任务清单：**
|
||||||
|
1. 内容自动化生产
|
||||||
|
2. 外链持续增长
|
||||||
|
3. 社交媒体矩阵
|
||||||
|
4. 品牌词保护
|
||||||
|
5. 竞品词布局
|
||||||
|
|
||||||
|
**预期结果：** 日均流量2000+UV，核心词前10
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 八、KPI与监控体系
|
||||||
|
|
||||||
|
### 8.1 核心KPI
|
||||||
|
|
||||||
|
| 指标 | 当前 | 3个月 | 6个月 | 12个月 |
|
||||||
|
|-----|------|-------|-------|--------|
|
||||||
|
| 百度收录 | 0 | 50 | 200 | 500+ |
|
||||||
|
| 自然流量UV/日 | 0 | 100 | 500 | 2000+ |
|
||||||
|
| 核心词排名 | - | 50+ | 20+ | 10+ |
|
||||||
|
| 长尾词排名 | - | 100+ | 500+ | 2000+ |
|
||||||
|
| 外链数量 | 0 | 30 | 100 | 300+ |
|
||||||
|
| Domain Rating | 0 | 15 | 30 | 50+ |
|
||||||
|
| 转化率 | - | 1% | 2% | 3%+ |
|
||||||
|
|
||||||
|
### 8.2 监控工具
|
||||||
|
|
||||||
|
**必备工具：**
|
||||||
|
- 百度搜索资源平台（索引、排名）
|
||||||
|
- 百度统计（流量分析）
|
||||||
|
- Ahrefs/5118（外链监控）
|
||||||
|
- 站长工具（综合SEO数据）
|
||||||
|
|
||||||
|
**监控频率：**
|
||||||
|
- 每日：流量、排名波动
|
||||||
|
- 每周：收录变化、外链新增
|
||||||
|
- 每月：综合报告、策略调整
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 九、风险评估与应对
|
||||||
|
|
||||||
|
### 9.1 潜在风险
|
||||||
|
|
||||||
|
| 风险 | 概率 | 影响 | 应对措施 |
|
||||||
|
|-----|------|------|---------|
|
||||||
|
| 算法更新 | 中 | 高 | 坚持白帽SEO，内容为王 |
|
||||||
|
| 竞品压制 | 高 | 中 | 差异化定位，长尾突破 |
|
||||||
|
| 新站沙盒 | 高 | 中 | 持续优化，耐心等待 |
|
||||||
|
| 内容抄袭 | 中 | 低 | 原创保护，快速迭代 |
|
||||||
|
| 技术故障 | 低 | 高 | 监控告警，快速恢复 |
|
||||||
|
|
||||||
|
### 9.2 合规注意事项
|
||||||
|
|
||||||
|
- 严格遵守《个人信息保护法》
|
||||||
|
- 避免敏感词堆砌
|
||||||
|
- 不做黑帽SEO（隐藏文本、链接农场等）
|
||||||
|
- 用户生成内容(UGC)需审核
|
||||||
|
- 定期备份，防止数据丢失
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 十、总结与建议
|
||||||
|
|
||||||
|
### 核心结论
|
||||||
|
|
||||||
|
1. **技术基础尚可** - HTTPS/HTTP2已部署，但SPA架构是最大障碍
|
||||||
|
2. **内容严重匮乏** - 零信息型内容，无法获取长尾流量
|
||||||
|
3. **外链从零开始** - 新站冷启动，需要6-12个月积累
|
||||||
|
4. **关键词策略缺失** - 未针对搜索意图做优化
|
||||||
|
5. **竞争环境激烈** - 需差异化定位，避开巨头正面竞争
|
||||||
|
|
||||||
|
### 战略建议
|
||||||
|
|
||||||
|
**短期（3个月）：**
|
||||||
|
- 解决技术障碍（SSR/预渲染）
|
||||||
|
- 快速填充内容（20+篇文章）
|
||||||
|
- 建立基础外链（30个）
|
||||||
|
- 目标：日均100UV
|
||||||
|
|
||||||
|
**中期（6个月）：**
|
||||||
|
- 内容矩阵成型（100+页面）
|
||||||
|
- 外链持续增长（100个）
|
||||||
|
- 品牌词建立认知
|
||||||
|
- 目标：日均500UV
|
||||||
|
|
||||||
|
**长期（12个月）：**
|
||||||
|
- 行业权威地位
|
||||||
|
- 自然流量稳定增长
|
||||||
|
- 核心词前10排名
|
||||||
|
- 目标：日均2000UV
|
||||||
|
|
||||||
|
### 预算建议
|
||||||
|
|
||||||
|
**最低预算（¥5,000/月）：**
|
||||||
|
- 内容创作：¥3,000
|
||||||
|
- 外链建设：¥1,500
|
||||||
|
- 工具订阅：¥500
|
||||||
|
|
||||||
|
**推荐预算（¥15,000/月）：**
|
||||||
|
- 内容创作：¥8,000
|
||||||
|
- 外链建设：¥4,000
|
||||||
|
- 技术优化：¥2,000
|
||||||
|
- 工具订阅：¥1,000
|
||||||
|
|
||||||
|
**激进预算（¥30,000/月）：**
|
||||||
|
- 内容团队：¥15,000
|
||||||
|
- 外链建设：¥8,000
|
||||||
|
- 技术外包：¥5,000
|
||||||
|
- 付费推广：¥2,000
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
**报告编制：** 愉悦查技术SEO团队
|
||||||
|
**审核日期：** 2026年3月27日
|
||||||
|
**下次评审：** 2026年4月27日
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
*本报告基于当前网站状态和行业数据编制，实际效果受多种因素影响，建议每月复盘调整策略。*
|
||||||
@@ -0,0 +1,521 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<!-- SEO Enhancement -->
|
||||||
|
<link rel="canonical" href="https://www.yuyuecha.com.cn/help.html">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://www.yuyuecha.com.cn/help.html">
|
||||||
|
<meta property="og:title" content="帮助中心 - 愉悦查">
|
||||||
|
<meta property="og:description" content="愉悦查常见问题解答，产品使用指南，技术支持。">
|
||||||
|
<meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<meta property="og:site_name" content="愉悦查">
|
||||||
|
<meta property="og:locale" content="zh_CN">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="twitter:title" content="帮助中心 - 愉悦查">
|
||||||
|
<meta name="twitter:description" content="愉悦查常见问题解答，产品使用指南，技术支持。">
|
||||||
|
<meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Navbar ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
padding: 12px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
-webkit-backdrop-filter: blur(20px);
|
||||||
|
}
|
||||||
|
.navbar.scrolled {
|
||||||
|
padding: 8px 0;
|
||||||
|
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
||||||
|
}
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 24px;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
height: 44px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: 32px;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #1A1A1A;
|
||||||
|
text-decoration: none;
|
||||||
|
position: relative;
|
||||||
|
padding: 6px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #FF6A19;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
.nav-link:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.nav-btn {
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-decoration: none;
|
||||||
|
border: none;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn {
|
||||||
|
border: 1.5px solid #FF6A19;
|
||||||
|
color: #FF6A19;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn:hover {
|
||||||
|
background: #FFF5F0;
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn {
|
||||||
|
background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
|
||||||
|
color: white;
|
||||||
|
box-shadow: 0 2px 8px rgba(255,106,25,0.3);
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 4px 12px rgba(255,106,25,0.4);
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 4px;
|
||||||
|
z-index: 1001;
|
||||||
|
}
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 24px;
|
||||||
|
height: 2px;
|
||||||
|
background: #1A1A1A;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-menu {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(255,255,255,0.98);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 24px;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.nav-menu.active {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Footer ===== */
|
||||||
|
.footer {
|
||||||
|
background: #1A1A1A;
|
||||||
|
color: white;
|
||||||
|
padding: 60px 0 30px;
|
||||||
|
}
|
||||||
|
.footer-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
||||||
|
gap: 48px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.footer-brand h3 {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
background: linear-gradient(135deg, #FF6A19, #FC6E18);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
.footer-brand p {
|
||||||
|
color: rgba(255,255,255,0.6);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.footer-title {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: rgba(255,255,255,0.9);
|
||||||
|
}
|
||||||
|
.footer-links {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.footer-links li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.footer-links a {
|
||||||
|
color: rgba(255,255,255,0.5);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.footer-links a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 24px;
|
||||||
|
border-top: 1px solid rgba(255,255,255,0.1);
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp a {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.footer-icp a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 32px;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="/index.html" class="logo">
|
||||||
|
<img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/about.html" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>帮助中心</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">常见问题</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
|
||||||
|
<p style="font-size:13px;color:rgba(255,255,255,0.5);">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>
|
||||||
|
<li><a href="/investment.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="/all-apis.html">全部接口</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 class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+147
@@ -0,0 +1,147 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>帮助中心</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">常见问题</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+264
@@ -0,0 +1,264 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>帮助中心</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">常见问题</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+2996
File diff suppressed because it is too large
Load Diff
Executable
+2614
File diff suppressed because it is too large
Load Diff
Executable
+2434
File diff suppressed because it is too large
Load Diff
Executable
+2610
File diff suppressed because it is too large
Load Diff
Executable
+2613
File diff suppressed because it is too large
Load Diff
Executable
+2523
File diff suppressed because it is too large
Load Diff
Executable
+2613
File diff suppressed because it is too large
Load Diff
Executable
+2613
File diff suppressed because it is too large
Load Diff
Executable
+2613
File diff suppressed because it is too large
Load Diff
Executable
+2621
File diff suppressed because it is too large
Load Diff
Executable
+2613
File diff suppressed because it is too large
Load Diff
Executable
+2613
File diff suppressed because it is too large
Load Diff
Executable
+1467
File diff suppressed because it is too large
Load Diff
Executable
+2614
File diff suppressed because it is too large
Load Diff
+1015
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,44 @@
|
|||||||
|
# 愉悦查 (Yuyuecha)
|
||||||
|
|
||||||
|
> 愉悦查是 AI 驱动的商业信任科技平台，由北京正信环宇科技有限公司运营。提供个人大数据报告、婚恋风险报告、入职背调报告、小微企业报告、家政风险报告、消金报告共 6 大标准报告，以及 AI 智能定制报告服务。平台拥有 200+ 官方授权数据接口，覆盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险等场景，秒级响应生成报告。
|
||||||
|
|
||||||
|
重要说明：
|
||||||
|
- 官网地址：https://www.yuyuecha.com.cn
|
||||||
|
- 业务平台：https://www.yuyuecha.com
|
||||||
|
- 所有数据均来自官方授权渠道，严格遵守《个人信息保护法》
|
||||||
|
- 查询需被查询人授权同意
|
||||||
|
- 支持白银/黄金/钻石三级代理体系
|
||||||
|
|
||||||
|
## 产品服务
|
||||||
|
|
||||||
|
- [个人大数据报告](https://www.yuyuecha.com.cn/product/riskassessment.html): 手机在网时长、携号转网等个人背景全面分析，零售价 ¥49.8
|
||||||
|
- [婚恋风险报告](https://www.yuyuecha.com.cn/product/marriage.html): 婚姻状态、不良记录 A-F 类查询，零售价 ¥39.9
|
||||||
|
- [入职背调报告](https://www.yuyuecha.com.cn/product/backgroundcheck.html): 企业招聘必备员工背景筛查，零售价 ¥59.9
|
||||||
|
- [小微企业报告](https://www.yuyuecha.com.cn/product/companyinfo.html): 企业风险筛查，合作前必备，零售价 ¥39.9
|
||||||
|
- [家政风险报告](https://www.yuyuecha.com.cn/product/homeservice.html): 家政人员背景调查，保护家人安全，零售价 ¥39.9
|
||||||
|
- [消金报告](https://www.yuyuecha.com.cn/product/consumerFinanceReport.html): 消费金融风险评估，快速决策支持，零售价 ¥29.9
|
||||||
|
|
||||||
|
## API 数据服务
|
||||||
|
|
||||||
|
- [API 数据市场](https://www.yuyuecha.com.cn/all-apis.html): 200+ 官方数据接口，涵盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等场景
|
||||||
|
- [API 文档与演示](https://www.yuyuecha.com.cn/apidemo/): API 接入文档与在线演示
|
||||||
|
- [示例报告](https://www.yuyuecha.com.cn/sample.html): 查看真实报告样本
|
||||||
|
|
||||||
|
## 代理合作
|
||||||
|
|
||||||
|
- [招商工具包](https://www.yuyuecha.com.cn/investment.html): 三级代理体系（白银/黄金/钻石），收益计算器，代理政策详情
|
||||||
|
|
||||||
|
## 公司信息
|
||||||
|
|
||||||
|
- [关于我们](https://www.yuyuecha.com.cn/about.html): 公司介绍、使命愿景、发展历程、核心团队
|
||||||
|
- [合作伙伴](https://www.yuyuecha.com.cn/partners.html): 金融机构、房产中介、数据源合作伙伴
|
||||||
|
- [新闻动态](https://www.yuyuecha.com.cn/news.html): 公司最新资讯与行业动态
|
||||||
|
- [联系我们](https://www.yuyuecha.com.cn/contact.html): 7×12 小时在线服务，企业微信、电话、邮箱
|
||||||
|
|
||||||
|
## Optional
|
||||||
|
|
||||||
|
- [帮助中心](https://www.yuyuecha.com.cn/help.html): 常见问题解答
|
||||||
|
- [隐私政策](https://www.yuyuecha.com.cn/privacy.html): 用户隐私保护政策
|
||||||
|
- [用户协议](https://www.yuyuecha.com.cn/terms.html): 服务条款
|
||||||
|
- [免责声明](https://www.yuyuecha.com.cn/disclaimer.html): 法律免责声明
|
||||||
|
- [加入我们](https://www.yuyuecha.com.cn/careers.html): 招聘信息
|
||||||
@@ -0,0 +1,636 @@
|
|||||||
|
<!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="愉悦查新闻动态，了解公司最新资讯、产品更新、行业动态。">
|
||||||
|
<meta name="keywords" content="愉悦查新闻，公司动态，行业资讯，产品更新">
|
||||||
|
<!-- SEO Enhancement -->
|
||||||
|
<link rel="canonical" href="https://www.yuyuecha.com.cn/news.html">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://www.yuyuecha.com.cn/news.html">
|
||||||
|
<meta property="og:title" content="新闻动态 - 愉悦查">
|
||||||
|
<meta property="og:description" content="愉悦查最新资讯、产品更新、行业动态。">
|
||||||
|
<meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<meta property="og:site_name" content="愉悦查">
|
||||||
|
<meta property="og:locale" content="zh_CN">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="twitter:title" content="新闻动态 - 愉悦查">
|
||||||
|
<meta name="twitter:description" content="愉悦查最新资讯、产品更新、行业动态。">
|
||||||
|
<meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
|
||||||
|
<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; }
|
||||||
|
|
||||||
|
.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); }
|
||||||
|
|
||||||
|
.news-section { background: white; }
|
||||||
|
.news-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.news-card {
|
||||||
|
background: white;
|
||||||
|
border: 2px solid #E8E8E8;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
overflow: hidden;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.news-card:hover {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
transform: translateY(-4px);
|
||||||
|
}
|
||||||
|
.news-image {
|
||||||
|
width: 100%;
|
||||||
|
height: 220px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 80px;
|
||||||
|
}
|
||||||
|
.news-content { padding: var(--spacing-md); }
|
||||||
|
.news-date {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-light);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.news-title {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
.news-desc {
|
||||||
|
font-size: 15px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.7;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.news-more {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.news-more:hover { text-decoration: underline; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
.news-grid { grid-template-columns: 1fr; }
|
||||||
|
.footer-grid { grid-template-columns: 1fr; }
|
||||||
|
.nav-menu { display: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Navbar ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
padding: 12px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
-webkit-backdrop-filter: blur(20px);
|
||||||
|
}
|
||||||
|
.navbar.scrolled {
|
||||||
|
padding: 8px 0;
|
||||||
|
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
||||||
|
}
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 24px;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
height: 44px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: 32px;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #1A1A1A;
|
||||||
|
text-decoration: none;
|
||||||
|
position: relative;
|
||||||
|
padding: 6px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #FF6A19;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
.nav-link:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.nav-btn {
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-decoration: none;
|
||||||
|
border: none;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn {
|
||||||
|
border: 1.5px solid #FF6A19;
|
||||||
|
color: #FF6A19;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn:hover {
|
||||||
|
background: #FFF5F0;
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn {
|
||||||
|
background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
|
||||||
|
color: white;
|
||||||
|
box-shadow: 0 2px 8px rgba(255,106,25,0.3);
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 4px 12px rgba(255,106,25,0.4);
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 4px;
|
||||||
|
z-index: 1001;
|
||||||
|
}
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 24px;
|
||||||
|
height: 2px;
|
||||||
|
background: #1A1A1A;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-menu {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(255,255,255,0.98);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 24px;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.nav-menu.active {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Footer ===== */
|
||||||
|
.footer {
|
||||||
|
background: #1A1A1A;
|
||||||
|
color: white;
|
||||||
|
padding: 60px 0 30px;
|
||||||
|
}
|
||||||
|
.footer-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
||||||
|
gap: 48px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.footer-brand h3 {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
background: linear-gradient(135deg, #FF6A19, #FC6E18);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
.footer-brand p {
|
||||||
|
color: rgba(255,255,255,0.6);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.footer-title {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: rgba(255,255,255,0.9);
|
||||||
|
}
|
||||||
|
.footer-links {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.footer-links li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.footer-links a {
|
||||||
|
color: rgba(255,255,255,0.5);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.footer-links a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 24px;
|
||||||
|
border-top: 1px solid rgba(255,255,255,0.1);
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp a {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.footer-icp a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 32px;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="/index.html" class="logo">
|
||||||
|
<img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/about.html" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>新闻动态</h1>
|
||||||
|
<p>了解愉悦查最新资讯、产品更新、行业动态</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section news-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">最新资讯</h2>
|
||||||
|
<p class="section-subtitle">关注我们，获取第一手信息</p>
|
||||||
|
|
||||||
|
<div class="news-grid">
|
||||||
|
<!-- 新闻 1 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🚀</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 3 月 10 日</div>
|
||||||
|
<h3 class="news-title">愉悦查 6 大标准报告系统全面上线，个人企业风控一站式解决</h3>
|
||||||
|
<p class="news-desc">愉悦查正式推出 6 大标准报告产品，包括个人大数据报告、婚恋风险报告、入职背调报告、小微企业报告、家政风险报告、消金报告，覆盖个人和企业全场景风控需求。</p>
|
||||||
|
<a href="/product/riskassessment.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 2 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">📡</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 3 月 5 日</div>
|
||||||
|
<h3 class="news-title">愉悦查 API 开放平台正式上线，200+ 数据接口助力企业数字化</h3>
|
||||||
|
<p class="news-desc">愉悦查 API 开放平台正式发布，提供 200+ 官方数据接口，支持身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等全场景，日调用量突破 10 万+。</p>
|
||||||
|
<a href="/apidemo/" class="news-more">查看 API →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 3 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🤖</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 2 月 28 日</div>
|
||||||
|
<h3 class="news-title">愉悦查 AI 智能风控系统上线，40+ 分析技能秒级生成报告</h3>
|
||||||
|
<p class="news-desc">愉悦查自主研发的 AI 智能风控系统正式上线，基于深度学习算法，智能组合 200+ 数据接口，40+ 分析技能，最快 3 秒生成专业风控报告，准确率达 99.9%。</p>
|
||||||
|
<a href="/index.html" class="news-more">了解更多 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 4 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🦞</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 2 月 20 日</div>
|
||||||
|
<h3 class="news-title">OpenClaw 上线，愉悦查开放云生态再添新成员</h3>
|
||||||
|
<p class="news-desc">愉悦查旗下OpenClaw 正式开放，为开发者提供云端开发环境、在线调试工具、自动化部署服务，让 API 接入更简单、更高效。</p>
|
||||||
|
<a href="/apidemo/" class="news-more">立即体验 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 5 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">💼</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 2 月 15 日</div>
|
||||||
|
<h3 class="news-title">愉悦查 ToB 企业风控系统上线，线下招商正式启动</h3>
|
||||||
|
<p class="news-desc">愉悦查 ToB 企业风控系统正式发布，面向银行、消金、人力资源、家政服务等企业提供定制化风控解决方案。全国线下招商同步启动，欢迎咨询合作。</p>
|
||||||
|
<a href="/partners.html" class="news-more">合作咨询 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 6 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🤝</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 2 月 10 日</div>
|
||||||
|
<h3 class="news-title">愉悦查与国家工商总局数据系统达成战略合作，企业信息核验更权威</h3>
|
||||||
|
<p class="news-desc">愉悦查正式与国家工商总局数据系统达成战略合作，直接接入工商企业数据库，为企业信息核验、股权穿透、关联关系分析等提供权威数据支持。</p>
|
||||||
|
<a href="/product/companyinfo.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 7 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🏦</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 1 月 25 日</div>
|
||||||
|
<h3 class="news-title">愉悦查与浦发银行总行达成合作，金融风控服务再升级</h3>
|
||||||
|
<p class="news-desc">愉悦查与浦发银行总行正式签署战略合作协议，为浦发银行提供个人信用评估、企业风控、反欺诈等数据服务，助力银行提升风控能力和审批效率。</p>
|
||||||
|
<a href="/product/consumerFinanceReport.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 8 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🔍</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 1 月 18 日</div>
|
||||||
|
<h3 class="news-title">愉悦查与企查查、天眼查达成数据互通合作，企业信息查询更全面</h3>
|
||||||
|
<p class="news-desc">愉悦查与企查查、天眼查正式达成数据互通战略合作，三方共享企业工商、司法、知识产权等数据资源，为企业风控提供更全面、更准确的数据支持。</p>
|
||||||
|
<a href="/product/companyinfo.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 9 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🏠</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 1 月 10 日</div>
|
||||||
|
<h3 class="news-title">愉悦查与贝壳、链家达成战略合作，房产经纪人员背调全覆盖</h3>
|
||||||
|
<p class="news-desc">愉悦查与贝壳找房、链家地产正式签署战略合作协议，为房产经纪人员提供入职背调、在职风控、客户风险评估等全方位服务，保障房产交易安全。</p>
|
||||||
|
<a href="/product/backgroundcheck.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
|
||||||
|
<p style="font-size:13px;color:rgba(255,255,255,0.5);">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>
|
||||||
|
<li><a href="/investment.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="/all-apis.html">全部接口</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 class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+147
@@ -0,0 +1,147 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>新闻动态</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">最新资讯</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+369
@@ -0,0 +1,369 @@
|
|||||||
|
<!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="愉悦查新闻动态，了解公司最新资讯、产品更新、行业动态。">
|
||||||
|
<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; }
|
||||||
|
|
||||||
|
.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); }
|
||||||
|
|
||||||
|
.news-section { background: white; }
|
||||||
|
.news-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.news-card {
|
||||||
|
background: white;
|
||||||
|
border: 2px solid #E8E8E8;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
overflow: hidden;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.news-card:hover {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
transform: translateY(-4px);
|
||||||
|
}
|
||||||
|
.news-image {
|
||||||
|
width: 100%;
|
||||||
|
height: 220px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 80px;
|
||||||
|
}
|
||||||
|
.news-content { padding: var(--spacing-md); }
|
||||||
|
.news-date {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-light);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.news-title {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
.news-desc {
|
||||||
|
font-size: 15px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.7;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.news-more {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.news-more:hover { text-decoration: underline; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
.news-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>了解愉悦查最新资讯、产品更新、行业动态</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section news-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">最新资讯</h2>
|
||||||
|
<p class="section-subtitle">关注我们，获取第一手信息</p>
|
||||||
|
|
||||||
|
<div class="news-grid">
|
||||||
|
<!-- 新闻 1 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🚀</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 3 月 10 日</div>
|
||||||
|
<h3 class="news-title">愉悦查 6 大标准报告系统全面上线，个人企业风控一站式解决</h3>
|
||||||
|
<p class="news-desc">愉悦查正式推出 6 大标准报告产品，包括个人大数据报告、婚恋风险报告、入职背调报告、小微企业报告、家政风险报告、消金报告，覆盖个人和企业全场景风控需求。</p>
|
||||||
|
<a href="/product/riskassessment.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 2 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">📡</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 3 月 5 日</div>
|
||||||
|
<h3 class="news-title">愉悦查 API 开放平台正式上线，200+ 数据接口助力企业数字化</h3>
|
||||||
|
<p class="news-desc">愉悦查 API 开放平台正式发布，提供 200+ 官方数据接口，支持身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等全场景，日调用量突破 10 万+。</p>
|
||||||
|
<a href="/apidemo/" class="news-more">查看 API →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 3 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🤖</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 2 月 28 日</div>
|
||||||
|
<h3 class="news-title">愉悦查 AI 智能风控系统上线，40+ 分析技能秒级生成报告</h3>
|
||||||
|
<p class="news-desc">愉悦查自主研发的 AI 智能风控系统正式上线，基于深度学习算法，智能组合 200+ 数据接口，40+ 分析技能，最快 3 秒生成专业风控报告，准确率达 99.9%。</p>
|
||||||
|
<a href="/index.html" class="news-more">了解更多 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 4 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🦞</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 2 月 20 日</div>
|
||||||
|
<h3 class="news-title">OpenClaw 上线，愉悦查开放云生态再添新成员</h3>
|
||||||
|
<p class="news-desc">愉悦查旗下OpenClaw 正式开放，为开发者提供云端开发环境、在线调试工具、自动化部署服务，让 API 接入更简单、更高效。</p>
|
||||||
|
<a href="/apidemo/" class="news-more">立即体验 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 5 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">💼</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 2 月 15 日</div>
|
||||||
|
<h3 class="news-title">愉悦查 ToB 企业风控系统上线，线下招商正式启动</h3>
|
||||||
|
<p class="news-desc">愉悦查 ToB 企业风控系统正式发布，面向银行、消金、人力资源、家政服务等企业提供定制化风控解决方案。全国线下招商同步启动，欢迎咨询合作。</p>
|
||||||
|
<a href="/partners.html" class="news-more">合作咨询 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 6 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🤝</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 2 月 10 日</div>
|
||||||
|
<h3 class="news-title">愉悦查与国家工商总局数据系统达成战略合作，企业信息核验更权威</h3>
|
||||||
|
<p class="news-desc">愉悦查正式与国家工商总局数据系统达成战略合作，直接接入工商企业数据库，为企业信息核验、股权穿透、关联关系分析等提供权威数据支持。</p>
|
||||||
|
<a href="/product/companyinfo.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 7 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🏦</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 1 月 25 日</div>
|
||||||
|
<h3 class="news-title">愉悦查与浦发银行总行达成合作，金融风控服务再升级</h3>
|
||||||
|
<p class="news-desc">愉悦查与浦发银行总行正式签署战略合作协议，为浦发银行提供个人信用评估、企业风控、反欺诈等数据服务，助力银行提升风控能力和审批效率。</p>
|
||||||
|
<a href="/product/consumerFinanceReport.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 8 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🔍</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 1 月 18 日</div>
|
||||||
|
<h3 class="news-title">愉悦查与企查查、天眼查达成数据互通合作，企业信息查询更全面</h3>
|
||||||
|
<p class="news-desc">愉悦查与企查查、天眼查正式达成数据互通战略合作，三方共享企业工商、司法、知识产权等数据资源，为企业风控提供更全面、更准确的数据支持。</p>
|
||||||
|
<a href="/product/companyinfo.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 9 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🏠</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 1 月 10 日</div>
|
||||||
|
<h3 class="news-title">愉悦查与贝壳、链家达成战略合作，房产经纪人员背调全覆盖</h3>
|
||||||
|
<p class="news-desc">愉悦查与贝壳找房、链家地产正式签署战略合作协议，为房产经纪人员提供入职背调、在职风控、客户风险评估等全方位服务，保障房产交易安全。</p>
|
||||||
|
<a href="/product/backgroundcheck.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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="/news.html">新闻动态</a></li>
|
||||||
|
<li><a href="/partners.html">合作伙伴</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
|
||||||
|
<p>京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+264
@@ -0,0 +1,264 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>新闻动态</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">最新资讯</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+284
@@ -0,0 +1,284 @@
|
|||||||
|
<!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="愉悦查新闻动态，了解公司最新资讯、产品更新、行业动态。">
|
||||||
|
<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; }
|
||||||
|
|
||||||
|
.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); }
|
||||||
|
|
||||||
|
.news-section { background: white; }
|
||||||
|
.news-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.news-card {
|
||||||
|
background: white;
|
||||||
|
border: 2px solid #E8E8E8;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
overflow: hidden;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.news-card:hover {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
transform: translateY(-4px);
|
||||||
|
}
|
||||||
|
.news-image {
|
||||||
|
width: 100%;
|
||||||
|
height: 220px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 80px;
|
||||||
|
}
|
||||||
|
.news-content { padding: var(--spacing-md); }
|
||||||
|
.news-date {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-light);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.news-title {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
.news-desc {
|
||||||
|
font-size: 15px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.7;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.news-more {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.news-more:hover { text-decoration: underline; }
|
||||||
|
|
||||||
|
.empty-state {
|
||||||
|
text-align: center;
|
||||||
|
padding: var(--spacing-xl) 0;
|
||||||
|
}
|
||||||
|
.empty-icon { font-size: 80px; margin-bottom: var(--spacing-sm); }
|
||||||
|
.empty-title { font-size: 24px; font-weight: 700; margin-bottom: var(--spacing-xs); }
|
||||||
|
.empty-desc { font-size: 16px; color: var(--text-secondary); }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
.news-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>了解愉悦查最新资讯、产品更新、行业动态</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section news-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">最新资讯</h2>
|
||||||
|
<p class="section-subtitle">关注我们，获取第一手信息</p>
|
||||||
|
|
||||||
|
<div class="news-grid">
|
||||||
|
<div class="empty-state" style="grid-column: 1 / -1;">
|
||||||
|
<div class="empty-icon">📰</div>
|
||||||
|
<div class="empty-title">暂无新闻动态</div>
|
||||||
|
<div class="empty-desc">我们正在准备精彩内容，敬请期待！<br>您可以先了解我们的 <a href="/about.html" style="color:var(--primary-orange);">公司介绍</a> 或 <a href="/product/riskassessment.html" style="color:var(--primary-orange);">产品服务</a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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="/news.html">新闻动态</a></li>
|
||||||
|
<li><a href="/partners.html">合作伙伴</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
|
||||||
|
<p>京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+369
@@ -0,0 +1,369 @@
|
|||||||
|
<!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="愉悦查新闻动态，了解公司最新资讯、产品更新、行业动态。">
|
||||||
|
<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; }
|
||||||
|
|
||||||
|
.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); }
|
||||||
|
|
||||||
|
.news-section { background: white; }
|
||||||
|
.news-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.news-card {
|
||||||
|
background: white;
|
||||||
|
border: 2px solid #E8E8E8;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
overflow: hidden;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.news-card:hover {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
transform: translateY(-4px);
|
||||||
|
}
|
||||||
|
.news-image {
|
||||||
|
width: 100%;
|
||||||
|
height: 220px;
|
||||||
|
background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 80px;
|
||||||
|
}
|
||||||
|
.news-content { padding: var(--spacing-md); }
|
||||||
|
.news-date {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-light);
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
}
|
||||||
|
.news-title {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
.news-desc {
|
||||||
|
font-size: 15px;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.7;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.news-more {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--primary-orange);
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.news-more:hover { text-decoration: underline; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
.news-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>了解愉悦查最新资讯、产品更新、行业动态</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section news-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">最新资讯</h2>
|
||||||
|
<p class="section-subtitle">关注我们，获取第一手信息</p>
|
||||||
|
|
||||||
|
<div class="news-grid">
|
||||||
|
<!-- 新闻 1 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🚀</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 3 月 10 日</div>
|
||||||
|
<h3 class="news-title">愉悦查 6 大标准报告系统全面上线，个人企业风控一站式解决</h3>
|
||||||
|
<p class="news-desc">愉悦查正式推出 6 大标准报告产品，包括个人大数据报告、婚恋风险报告、入职背调报告、小微企业报告、家政风险报告、消金报告，覆盖个人和企业全场景风控需求。</p>
|
||||||
|
<a href="/product/riskassessment.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 2 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">📡</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 3 月 5 日</div>
|
||||||
|
<h3 class="news-title">愉悦查 API 开放平台正式上线，200+ 数据接口助力企业数字化</h3>
|
||||||
|
<p class="news-desc">愉悦查 API 开放平台正式发布，提供 200+ 官方数据接口，支持身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等全场景，日调用量突破 10 万+。</p>
|
||||||
|
<a href="/apidemo/" class="news-more">查看 API →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 3 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🤖</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 2 月 28 日</div>
|
||||||
|
<h3 class="news-title">愉悦查 AI 智能风控系统上线，40+ 分析技能秒级生成报告</h3>
|
||||||
|
<p class="news-desc">愉悦查自主研发的 AI 智能风控系统正式上线，基于深度学习算法，智能组合 200+ 数据接口，40+ 分析技能，最快 3 秒生成专业风控报告，准确率达 99.9%。</p>
|
||||||
|
<a href="/index.html" class="news-more">了解更多 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 4 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🦞</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 2 月 20 日</div>
|
||||||
|
<h3 class="news-title">小龙虾 Open Cloud 上线，愉悦查开放云生态再添新成员</h3>
|
||||||
|
<p class="news-desc">愉悦查旗下小龙虾 Open Cloud 正式开放，为开发者提供云端开发环境、在线调试工具、自动化部署服务，让 API 接入更简单、更高效。</p>
|
||||||
|
<a href="/apidemo/" class="news-more">立即体验 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 5 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">💼</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 2 月 15 日</div>
|
||||||
|
<h3 class="news-title">愉悦查 ToB 企业风控系统上线，线下招商正式启动</h3>
|
||||||
|
<p class="news-desc">愉悦查 ToB 企业风控系统正式发布，面向银行、消金、人力资源、家政服务等企业提供定制化风控解决方案。全国线下招商同步启动，欢迎咨询合作。</p>
|
||||||
|
<a href="/partners.html" class="news-more">合作咨询 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 6 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🤝</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 2 月 10 日</div>
|
||||||
|
<h3 class="news-title">愉悦查与国家工商总局数据系统达成战略合作，企业信息核验更权威</h3>
|
||||||
|
<p class="news-desc">愉悦查正式与国家工商总局数据系统达成战略合作，直接接入工商企业数据库，为企业信息核验、股权穿透、关联关系分析等提供权威数据支持。</p>
|
||||||
|
<a href="/product/companyinfo.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 7 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🏦</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 1 月 25 日</div>
|
||||||
|
<h3 class="news-title">愉悦查与浦发银行总行达成合作，金融风控服务再升级</h3>
|
||||||
|
<p class="news-desc">愉悦查与浦发银行总行正式签署战略合作协议，为浦发银行提供个人信用评估、企业风控、反欺诈等数据服务，助力银行提升风控能力和审批效率。</p>
|
||||||
|
<a href="/product/consumerFinanceReport.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 8 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🔍</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 1 月 18 日</div>
|
||||||
|
<h3 class="news-title">愉悦查与企查查、天眼查达成数据互通合作，企业信息查询更全面</h3>
|
||||||
|
<p class="news-desc">愉悦查与企查查、天眼查正式达成数据互通战略合作，三方共享企业工商、司法、知识产权等数据资源，为企业风控提供更全面、更准确的数据支持。</p>
|
||||||
|
<a href="/product/companyinfo.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 新闻 9 -->
|
||||||
|
<div class="news-card">
|
||||||
|
<div class="news-image">🏠</div>
|
||||||
|
<div class="news-content">
|
||||||
|
<div class="news-date">2026 年 1 月 10 日</div>
|
||||||
|
<h3 class="news-title">愉悦查与贝壳、链家达成战略合作，房产经纪人员背调全覆盖</h3>
|
||||||
|
<p class="news-desc">愉悦查与贝壳找房、链家地产正式签署战略合作协议，为房产经纪人员提供入职背调、在职风控、客户风险评估等全方位服务，保障房产交易安全。</p>
|
||||||
|
<a href="/product/backgroundcheck.html" class="news-more">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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="/news.html">新闻动态</a></li>
|
||||||
|
<li><a href="/partners.html">合作伙伴</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
|
||||||
|
<p>京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+787
@@ -0,0 +1,787 @@
|
|||||||
|
<!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="愉悦查合作伙伴，包括金融机构、房地产中介、数据源合作伙伴、互联网巨头等，携手共创信任未来。">
|
||||||
|
<meta name="keywords" content="愉悦查合作伙伴，代理商，数据源合作，技术合作">
|
||||||
|
<!-- SEO Enhancement -->
|
||||||
|
<link rel="canonical" href="https://www.yuyuecha.com.cn/partners.html">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://www.yuyuecha.com.cn/partners.html">
|
||||||
|
<meta property="og:title" content="合作伙伴 - 愉悦查">
|
||||||
|
<meta property="og:description" content="愉悦查合作伙伴，包括金融机构、房地产中介、数据源合作伙伴、互联网巨头，携手共创信任未来。">
|
||||||
|
<meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<meta property="og:site_name" content="愉悦查">
|
||||||
|
<meta property="og:locale" content="zh_CN">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="twitter:title" content="合作伙伴 - 愉悦查">
|
||||||
|
<meta name="twitter:description" content="愉悦查合作伙伴，包括金融机构、房地产中介、数据源合作伙伴、互联网巨头，携手共创信任未来。">
|
||||||
|
<meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
|
||||||
|
<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 var(--spacing-lg); 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); }
|
||||||
|
|
||||||
|
.logo-section { background: white; }
|
||||||
|
.logo-category { margin-bottom: var(--spacing-lg); }
|
||||||
|
.category-title {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-md);
|
||||||
|
color: var(--primary-orange);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
.category-title::before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
width: 4px;
|
||||||
|
height: 24px;
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
.logo-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
margin-bottom: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.logo-item {
|
||||||
|
background: white;
|
||||||
|
border: 2px solid #E8E8E8;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100px;
|
||||||
|
transition: var(--transition);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.logo-item:hover {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
transform: translateY(-4px);
|
||||||
|
}
|
||||||
|
.logo-item img {
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 60px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
.logo-text {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.logo-text.small { font-size: 14px; }
|
||||||
|
|
||||||
|
.partner-types { background: var(--bg-gray); }
|
||||||
|
.types-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.type-card {
|
||||||
|
background: white;
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
text-align: center;
|
||||||
|
transition: var(--transition);
|
||||||
|
border: 2px solid transparent;
|
||||||
|
}
|
||||||
|
.type-card:hover {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.type-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
|
||||||
|
.type-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
|
||||||
|
.type-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; margin-bottom: var(--spacing-sm); }
|
||||||
|
.type-link { font-size: 14px; color: var(--primary-orange); font-weight: 500; }
|
||||||
|
|
||||||
|
.agent-section { background: white; }
|
||||||
|
.agent-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.agent-card {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.agent-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.agent-level {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 6px 16px;
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
color: white;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.agent-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
|
||||||
|
.agent-price { font-size: 24px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
|
||||||
|
.agent-price span { font-size: 14px; color: var(--text-light); font-weight: 400; }
|
||||||
|
.agent-features { list-style: disc; padding-left: 20px; margin-bottom: var(--spacing-md); }
|
||||||
|
.agent-features li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
.types-grid, .agent-grid { grid-template-columns: 1fr; }
|
||||||
|
.footer-grid { grid-template-columns: 1fr; }
|
||||||
|
.nav-menu { display: none; }
|
||||||
|
.logo-grid { grid-template-columns: repeat(2, 1fr); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Navbar ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
padding: 12px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
-webkit-backdrop-filter: blur(20px);
|
||||||
|
}
|
||||||
|
.navbar.scrolled {
|
||||||
|
padding: 8px 0;
|
||||||
|
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
||||||
|
}
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 24px;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
height: 44px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: 32px;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #1A1A1A;
|
||||||
|
text-decoration: none;
|
||||||
|
position: relative;
|
||||||
|
padding: 6px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #FF6A19;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
.nav-link:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.nav-btn {
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-decoration: none;
|
||||||
|
border: none;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn {
|
||||||
|
border: 1.5px solid #FF6A19;
|
||||||
|
color: #FF6A19;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn:hover {
|
||||||
|
background: #FFF5F0;
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn {
|
||||||
|
background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
|
||||||
|
color: white;
|
||||||
|
box-shadow: 0 2px 8px rgba(255,106,25,0.3);
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 4px 12px rgba(255,106,25,0.4);
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 4px;
|
||||||
|
z-index: 1001;
|
||||||
|
}
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 24px;
|
||||||
|
height: 2px;
|
||||||
|
background: #1A1A1A;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-menu {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(255,255,255,0.98);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 24px;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.nav-menu.active {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Footer ===== */
|
||||||
|
.footer {
|
||||||
|
background: #1A1A1A;
|
||||||
|
color: white;
|
||||||
|
padding: 60px 0 30px;
|
||||||
|
}
|
||||||
|
.footer-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
||||||
|
gap: 48px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.footer-brand h3 {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
background: linear-gradient(135deg, #FF6A19, #FC6E18);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
.footer-brand p {
|
||||||
|
color: rgba(255,255,255,0.6);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.footer-title {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: rgba(255,255,255,0.9);
|
||||||
|
}
|
||||||
|
.footer-links {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.footer-links li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.footer-links a {
|
||||||
|
color: rgba(255,255,255,0.5);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.footer-links a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 24px;
|
||||||
|
border-top: 1px solid rgba(255,255,255,0.1);
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp a {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.footer-icp a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 32px;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="/index.html" class="logo">
|
||||||
|
<img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/about.html" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>合作伙伴</h1>
|
||||||
|
<p>携手共创信任未来<br>开放合作，互利共赢，与优秀伙伴共建商业信任生态</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section logo-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">我们的合作伙伴</h2>
|
||||||
|
<p class="section-subtitle">与行业领导者携手，共建信任生态</p>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">金融机构</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">中国人民银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">工商银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">农业银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">中国银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">建设银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">交通银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">邮储银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">浦发银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">中信银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">光大银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">民生银行</span></div></div>
|
||||||
|
<div class="logo-item"><img src="assets/logos/cmb.png" alt="招商银行"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">房地产中介</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><img src="assets/logos/ke.png" alt="贝壳找房"></div>
|
||||||
|
<div class="logo-item"><img src="assets/logos/lianjia.png" alt="链家"></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏠<br><span class="small">我爱我家</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏠<br><span class="small">中原地产</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏠<br><span class="small">安居客</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏠<br><span class="small">房天下</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">互联网巨头</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">🐱<br><span class="small">阿里巴巴</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🐧<br><span class="small">腾讯</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🎵<br><span class="small">字节跳动</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🔍<br><span class="small">百度</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🛒<br><span class="small">京东</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🍚<br><span class="small">美团</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">国家部委数据源</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">国家工商总局</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">公安部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">教育部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">人社部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">民政部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">最高法院</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">地方数据集团</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">北京数据集团</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">上海数据集团</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">广州数据交易所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">深圳数据交易所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">浙江大数据局</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">贵州大数据局</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">征信中心 & 数据交易平台</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">💳<br><span class="small">央行征信中心</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">💳<br><span class="small">百行征信</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">💳<br><span class="small">朴道征信</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🔍<br><span class="small">企查查</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🔍<br><span class="small">天眼查</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📈<br><span class="small">上海数交所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📈<br><span class="small">北京数交所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📈<br><span class="small">深圳数交所</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section partner-types">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">合作类型</h2>
|
||||||
|
<p class="section-subtitle">多种合作模式，找到适合您的方式</p>
|
||||||
|
|
||||||
|
<div class="types-grid">
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🤝</div>
|
||||||
|
<h3>代理合作</h3>
|
||||||
|
<p>成为愉悦查代理商，推广我们的产品和服务，获取丰厚佣金回报。三级代理体系，灵活选择。</p>
|
||||||
|
<a href="#agent" class="type-link">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">📡</div>
|
||||||
|
<h3>数据源合作</h3>
|
||||||
|
<p>拥有官方数据源？与我们合作，接入愉悦查平台，共享海量客户资源。</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">联系我们 →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🔧</div>
|
||||||
|
<h3>技术合作</h3>
|
||||||
|
<p>技术团队、开发者、ISV，通过 API 集成愉悦查服务，为您的产品赋能。</p>
|
||||||
|
<a href="/apidemo/" class="type-link">查看 API →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🏢</div>
|
||||||
|
<h3>企业合作</h3>
|
||||||
|
<p>企业批量采购、定制服务、OEM 合作，我们提供专属解决方案和优惠价格。</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">商务咨询 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section agent-section" id="agent">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">代理体系</h2>
|
||||||
|
<p class="section-subtitle">三级代理，灵活选择，共享收益</p>
|
||||||
|
|
||||||
|
<div class="agent-grid">
|
||||||
|
<div class="agent-card">
|
||||||
|
<span class="agent-level">🥈 白银代理</span>
|
||||||
|
<h3>白银代理</h3>
|
||||||
|
<div class="agent-price">¥0 <span>/终身</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>10% 返佣</li>
|
||||||
|
<li>基础培训支持</li>
|
||||||
|
<li>标准产品价格</li>
|
||||||
|
<li>在线帮助中心</li>
|
||||||
|
<li>零门槛免费加入</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="agent-card" style="border:2px solid var(--primary-orange);position:relative;">
|
||||||
|
<div style="position:absolute;top:10px;right:10px;background:var(--primary-gradient);color:white;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;">推荐</div>
|
||||||
|
<span class="agent-level">🥇 黄金代理</span>
|
||||||
|
<h3>黄金代理</h3>
|
||||||
|
<div class="agent-price">¥198 <span>/年</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>30% 返佣</li>
|
||||||
|
<li>优先技术支持</li>
|
||||||
|
<li>专属代理价格</li>
|
||||||
|
<li>营销素材支持</li>
|
||||||
|
<li>定期培训</li>
|
||||||
|
<li>下级代理奖励</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="agent-card">
|
||||||
|
<span class="agent-level">💎 钻石代理</span>
|
||||||
|
<h3>钻石代理</h3>
|
||||||
|
<div class="agent-price">¥980 <span>/年</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>50% 返佣</li>
|
||||||
|
<li>1 对 1 专属辅导</li>
|
||||||
|
<li>最低代理价格</li>
|
||||||
|
<li>联合营销支持</li>
|
||||||
|
<li>优先新功能体验</li>
|
||||||
|
<li>区域保护政策</li>
|
||||||
|
<li>下级代理奖励</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="cta-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2>成为合作伙伴</h2>
|
||||||
|
<p>无论您想成为代理商、数据源合作伙伴还是技术合作伙伴<br>我们都期待与您携手共创未来</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;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
|
||||||
|
<p style="font-size:13px;color:rgba(255,255,255,0.5);">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>
|
||||||
|
<li><a href="/investment.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="/all-apis.html">全部接口</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 class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+535
@@ -0,0 +1,535 @@
|
|||||||
|
<!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="愉悦查合作伙伴，包括金融机构、房地产中介、数据源合作伙伴、互联网巨头等，携手共创信任未来。">
|
||||||
|
<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 var(--spacing-lg); 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); }
|
||||||
|
|
||||||
|
.logo-section { background: white; }
|
||||||
|
.logo-category { margin-bottom: var(--spacing-lg); }
|
||||||
|
.category-title {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-md);
|
||||||
|
color: var(--primary-orange);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
.category-title::before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
width: 4px;
|
||||||
|
height: 24px;
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
.logo-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
margin-bottom: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.logo-item {
|
||||||
|
background: white;
|
||||||
|
border: 2px solid #E8E8E8;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100px;
|
||||||
|
transition: var(--transition);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.logo-item:hover {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
transform: translateY(-4px);
|
||||||
|
}
|
||||||
|
.logo-item img {
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 60px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
.logo-text {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.logo-text.small { font-size: 14px; }
|
||||||
|
|
||||||
|
.partner-types { background: var(--bg-gray); }
|
||||||
|
.types-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.type-card {
|
||||||
|
background: white;
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
text-align: center;
|
||||||
|
transition: var(--transition);
|
||||||
|
border: 2px solid transparent;
|
||||||
|
}
|
||||||
|
.type-card:hover {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.type-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
|
||||||
|
.type-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
|
||||||
|
.type-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; margin-bottom: var(--spacing-sm); }
|
||||||
|
.type-link { font-size: 14px; color: var(--primary-orange); font-weight: 500; }
|
||||||
|
|
||||||
|
.agent-section { background: white; }
|
||||||
|
.agent-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.agent-card {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.agent-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.agent-level {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 6px 16px;
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
color: white;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.agent-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
|
||||||
|
.agent-price { font-size: 24px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
|
||||||
|
.agent-price span { font-size: 14px; color: var(--text-light); font-weight: 400; }
|
||||||
|
.agent-features { list-style: disc; padding-left: 20px; margin-bottom: var(--spacing-md); }
|
||||||
|
.agent-features li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
.types-grid, .agent-grid { grid-template-columns: 1fr; }
|
||||||
|
.footer-grid { grid-template-columns: 1fr; }
|
||||||
|
.nav-menu { display: none; }
|
||||||
|
.logo-grid { grid-template-columns: repeat(2, 1fr); }
|
||||||
|
}
|
||||||
|
</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>携手共创信任未来<br>开放合作，互利共赢，与优秀伙伴共建商业信任生态</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section logo-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">我们的合作伙伴</h2>
|
||||||
|
<p class="section-subtitle">与行业领导者携手，共建信任生态</p>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">金融机构</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">中国人民银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">工商银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">农业银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">中国银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">建设银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">交通银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">邮储银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">浦发银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">中信银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">光大银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">民生银行</span></div></div>
|
||||||
|
<div class="logo-item"><img src="assets/logos/cmb.png" alt="招商银行"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">房地产中介</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><img src="assets/logos/ke.png" alt="贝壳找房"></div>
|
||||||
|
<div class="logo-item"><img src="assets/logos/lianjia.png" alt="链家"></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏠<br><span class="small">我爱我家</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏠<br><span class="small">中原地产</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏠<br><span class="small">安居客</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏠<br><span class="small">房天下</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">互联网巨头</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">🐱<br><span class="small">阿里巴巴</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🐧<br><span class="small">腾讯</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🎵<br><span class="small">字节跳动</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🔍<br><span class="small">百度</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🛒<br><span class="small">京东</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🍚<br><span class="small">美团</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">国家部委数据源</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">国家工商总局</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">公安部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">教育部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">人社部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">民政部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">最高法院</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">地方数据集团</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">北京数据集团</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">上海数据集团</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">广州数据交易所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">深圳数据交易所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">浙江大数据局</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">贵州大数据局</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">征信中心 & 数据交易平台</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">💳<br><span class="small">央行征信中心</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">💳<br><span class="small">百行征信</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">💳<br><span class="small">朴道征信</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🔍<br><span class="small">企查查</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🔍<br><span class="small">天眼查</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📈<br><span class="small">上海数交所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📈<br><span class="small">北京数交所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📈<br><span class="small">深圳数交所</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section partner-types">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">合作类型</h2>
|
||||||
|
<p class="section-subtitle">多种合作模式，找到适合您的方式</p>
|
||||||
|
|
||||||
|
<div class="types-grid">
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🤝</div>
|
||||||
|
<h3>代理合作</h3>
|
||||||
|
<p>成为愉悦查代理商，推广我们的产品和服务，获取丰厚佣金回报。三级代理体系，灵活选择。</p>
|
||||||
|
<a href="#agent" class="type-link">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">📡</div>
|
||||||
|
<h3>数据源合作</h3>
|
||||||
|
<p>拥有官方数据源？与我们合作，接入愉悦查平台，共享海量客户资源。</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">联系我们 →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🔧</div>
|
||||||
|
<h3>技术合作</h3>
|
||||||
|
<p>技术团队、开发者、ISV，通过 API 集成愉悦查服务，为您的产品赋能。</p>
|
||||||
|
<a href="/apidemo/" class="type-link">查看 API →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🏢</div>
|
||||||
|
<h3>企业合作</h3>
|
||||||
|
<p>企业批量采购、定制服务、OEM 合作，我们提供专属解决方案和优惠价格。</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">商务咨询 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section agent-section" id="agent">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">代理体系</h2>
|
||||||
|
<p class="section-subtitle">三级代理，灵活选择，共享收益</p>
|
||||||
|
|
||||||
|
<div class="agent-grid">
|
||||||
|
<div class="agent-card">
|
||||||
|
<span class="agent-level">🥈 白银代理</span>
|
||||||
|
<h3>白银代理</h3>
|
||||||
|
<div class="agent-price">¥0 <span>/终身</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>10% 返佣</li>
|
||||||
|
<li>基础培训支持</li>
|
||||||
|
<li>标准产品价格</li>
|
||||||
|
<li>在线帮助中心</li>
|
||||||
|
<li>零门槛免费加入</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="agent-card" style="border:2px solid var(--primary-orange);position:relative;">
|
||||||
|
<div style="position:absolute;top:10px;right:10px;background:var(--primary-gradient);color:white;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;">推荐</div>
|
||||||
|
<span class="agent-level">🥇 黄金代理</span>
|
||||||
|
<h3>黄金代理</h3>
|
||||||
|
<div class="agent-price">¥198 <span>/年</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>30% 返佣</li>
|
||||||
|
<li>优先技术支持</li>
|
||||||
|
<li>专属代理价格</li>
|
||||||
|
<li>营销素材支持</li>
|
||||||
|
<li>定期培训</li>
|
||||||
|
<li>下级代理奖励</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="agent-card">
|
||||||
|
<span class="agent-level">💎 钻石代理</span>
|
||||||
|
<h3>钻石代理</h3>
|
||||||
|
<div class="agent-price">¥980 <span>/年</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>50% 返佣</li>
|
||||||
|
<li>1 对 1 专属辅导</li>
|
||||||
|
<li>最低代理价格</li>
|
||||||
|
<li>联合营销支持</li>
|
||||||
|
<li>优先新功能体验</li>
|
||||||
|
<li>区域保护政策</li>
|
||||||
|
<li>下级代理奖励</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="cta-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2>成为合作伙伴</h2>
|
||||||
|
<p>无论您想成为代理商、数据源合作伙伴还是技术合作伙伴<br>我们都期待与您携手共创未来</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>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+527
@@ -0,0 +1,527 @@
|
|||||||
|
<!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="愉悦查合作伙伴，包括金融机构、房地产中介、数据源合作伙伴、互联网巨头等，携手共创信任未来。">
|
||||||
|
<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 var(--spacing-lg); 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); }
|
||||||
|
|
||||||
|
/* Logo Grid Styles */
|
||||||
|
.logo-section { background: white; }
|
||||||
|
.logo-category {
|
||||||
|
margin-bottom: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.category-title {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-md);
|
||||||
|
color: var(--primary-orange);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
.category-title::before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
width: 4px;
|
||||||
|
height: 24px;
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
.logo-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
margin-bottom: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.logo-item {
|
||||||
|
background: white;
|
||||||
|
border: 2px solid #E8E8E8;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100px;
|
||||||
|
transition: var(--transition);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.logo-item:hover {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
transform: translateY(-4px);
|
||||||
|
}
|
||||||
|
.logo-placeholder {
|
||||||
|
font-size: 32px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.logo-placeholder.small { font-size: 20px; }
|
||||||
|
|
||||||
|
.partner-types { background: var(--bg-gray); }
|
||||||
|
.types-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.type-card {
|
||||||
|
background: white;
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
text-align: center;
|
||||||
|
transition: var(--transition);
|
||||||
|
border: 2px solid transparent;
|
||||||
|
}
|
||||||
|
.type-card:hover {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.type-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
|
||||||
|
.type-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
|
||||||
|
.type-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; margin-bottom: var(--spacing-sm); }
|
||||||
|
.type-link { font-size: 14px; color: var(--primary-orange); font-weight: 500; }
|
||||||
|
|
||||||
|
.agent-section { background: white; }
|
||||||
|
.agent-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.agent-card {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.agent-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.agent-level {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 6px 16px;
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
color: white;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.agent-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
|
||||||
|
.agent-price { font-size: 24px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
|
||||||
|
.agent-price span { font-size: 14px; color: var(--text-light); font-weight: 400; }
|
||||||
|
.agent-features { list-style: disc; padding-left: 20px; margin-bottom: var(--spacing-md); }
|
||||||
|
.agent-features li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
.types-grid, .agent-grid { grid-template-columns: 1fr; }
|
||||||
|
.footer-grid { grid-template-columns: 1fr; }
|
||||||
|
.nav-menu { display: none; }
|
||||||
|
.logo-grid { grid-template-columns: repeat(2, 1fr); }
|
||||||
|
}
|
||||||
|
</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>携手共创信任未来<br>开放合作，互利共赢，与优秀伙伴共建商业信任生态</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- 合作伙伴 LOGO 展示 -->
|
||||||
|
<section class="section logo-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">我们的合作伙伴</h2>
|
||||||
|
<p class="section-subtitle">与行业领导者携手，共建信任生态</p>
|
||||||
|
|
||||||
|
<!-- 金融机构 -->
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">金融机构</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">中国人民银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">工商银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">农业银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">中国银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">建设银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">交通银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">邮储银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">浦发银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">中信银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">光大银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">民生银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">招商银行</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 房地产中介 -->
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">房地产中介</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏠<br><span class="small">贝壳找房</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏠<br><span class="small">链家</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏠<br><span class="small">我爱我家</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏠<br><span class="small">中原地产</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏠<br><span class="small">安居客</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏠<br><span class="small">房天下</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 互联网巨头 -->
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">互联网巨头</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🐱<br><span class="small">阿里巴巴</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🐧<br><span class="small">腾讯</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🎵<br><span class="small">字节跳动</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🔍<br><span class="small">百度</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🛒<br><span class="small">京东</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🍚<br><span class="small">美团</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 国家部委 -->
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">国家部委数据源</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏛️<br><span class="small">国家工商总局</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏛️<br><span class="small">公安部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏛️<br><span class="small">教育部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏛️<br><span class="small">人社部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏛️<br><span class="small">民政部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🏛️<br><span class="small">最高法院</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 地方数据集团 -->
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">地方数据集团</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">📊<br><span class="small">北京数据集团</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">📊<br><span class="small">上海数据集团</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">📊<br><span class="small">广州数据交易所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">📊<br><span class="small">深圳数据交易所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">📊<br><span class="small">浙江大数据局</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">📊<br><span class="small">贵州大数据局</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 征信和数交平台 -->
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">征信中心 & 数据交易平台</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">💳<br><span class="small">央行征信中心</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">💳<br><span class="small">百行征信</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">💳<br><span class="small">朴道征信</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🔍<br><span class="small">企查查</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">🔍<br><span class="small">天眼查</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">📈<br><span class="small">上海数交所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">📈<br><span class="small">北京数交所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-placeholder">📈<br><span class="small">深圳数交所</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- 合作类型 -->
|
||||||
|
<section class="section partner-types">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">合作类型</h2>
|
||||||
|
<p class="section-subtitle">多种合作模式，找到适合您的方式</p>
|
||||||
|
|
||||||
|
<div class="types-grid">
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🤝</div>
|
||||||
|
<h3>代理合作</h3>
|
||||||
|
<p>成为愉悦查代理商，推广我们的产品和服务，获取丰厚佣金回报。三级代理体系，灵活选择。</p>
|
||||||
|
<a href="#agent" class="type-link">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">📡</div>
|
||||||
|
<h3>数据源合作</h3>
|
||||||
|
<p>拥有官方数据源？与我们合作，接入愉悦查平台，共享海量客户资源。</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">联系我们 →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🔧</div>
|
||||||
|
<h3>技术合作</h3>
|
||||||
|
<p>技术团队、开发者、ISV，通过 API 集成愉悦查服务，为您的产品赋能。</p>
|
||||||
|
<a href="/apidemo/" class="type-link">查看 API →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🏢</div>
|
||||||
|
<h3>企业合作</h3>
|
||||||
|
<p>企业批量采购、定制服务、OEM 合作，我们提供专属解决方案和优惠价格。</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">商务咨询 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- 代理体系 -->
|
||||||
|
<section class="section agent-section" id="agent">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">代理体系</h2>
|
||||||
|
<p class="section-subtitle">三级代理，灵活选择，共享收益</p>
|
||||||
|
|
||||||
|
<div class="agent-grid">
|
||||||
|
<div class="agent-card">
|
||||||
|
<span class="agent-level">🥈 白银代理</span>
|
||||||
|
<h3>白银代理</h3>
|
||||||
|
<div class="agent-price">¥0 <span>/终身</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>10% 返佣</li>
|
||||||
|
<li>基础培训支持</li>
|
||||||
|
<li>标准产品价格</li>
|
||||||
|
<li>在线帮助中心</li>
|
||||||
|
<li>零门槛免费加入</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="agent-card" style="border:2px solid var(--primary-orange);position:relative;">
|
||||||
|
<div style="position:absolute;top:10px;right:10px;background:var(--primary-gradient);color:white;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;">推荐</div>
|
||||||
|
<span class="agent-level">🥇 黄金代理</span>
|
||||||
|
<h3>黄金代理</h3>
|
||||||
|
<div class="agent-price">¥198 <span>/年</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>30% 返佣</li>
|
||||||
|
<li>优先技术支持</li>
|
||||||
|
<li>专属代理价格</li>
|
||||||
|
<li>营销素材支持</li>
|
||||||
|
<li>定期培训</li>
|
||||||
|
<li>下级代理奖励</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="agent-card">
|
||||||
|
<span class="agent-level">💎 钻石代理</span>
|
||||||
|
<h3>钻石代理</h3>
|
||||||
|
<div class="agent-price">¥980 <span>/年</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>50% 返佣</li>
|
||||||
|
<li>1 对 1 专属辅导</li>
|
||||||
|
<li>最低代理价格</li>
|
||||||
|
<li>联合营销支持</li>
|
||||||
|
<li>优先新功能体验</li>
|
||||||
|
<li>区域保护政策</li>
|
||||||
|
<li>下级代理奖励</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="cta-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2>成为合作伙伴</h2>
|
||||||
|
<p>无论您想成为代理商、数据源合作伙伴还是技术合作伙伴<br>我们都期待与您携手共创未来</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="/news.html">新闻动态</a></li>
|
||||||
|
<li><a href="/partners.html">合作伙伴</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
|
||||||
|
<p>京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+147
@@ -0,0 +1,147 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>合作伙伴</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">携手共建</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+520
@@ -0,0 +1,520 @@
|
|||||||
|
<!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="愉悦查合作伙伴，包括金融机构、房地产中介、数据源合作伙伴、互联网巨头等，携手共创信任未来。">
|
||||||
|
<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 var(--spacing-lg); 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); }
|
||||||
|
|
||||||
|
.logo-section { background: white; }
|
||||||
|
.logo-category { margin-bottom: var(--spacing-lg); }
|
||||||
|
.category-title {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-md);
|
||||||
|
color: var(--primary-orange);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
.category-title::before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
width: 4px;
|
||||||
|
height: 24px;
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
.logo-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
margin-bottom: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
.logo-item {
|
||||||
|
background: white;
|
||||||
|
border: 2px solid #E8E8E8;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
padding: var(--spacing-md);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100px;
|
||||||
|
transition: var(--transition);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.logo-item:hover {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
transform: translateY(-4px);
|
||||||
|
}
|
||||||
|
.logo-item img {
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 60px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
.logo-text {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.logo-text.small { font-size: 14px; }
|
||||||
|
|
||||||
|
.partner-types { background: var(--bg-gray); }
|
||||||
|
.types-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.type-card {
|
||||||
|
background: white;
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
text-align: center;
|
||||||
|
transition: var(--transition);
|
||||||
|
border: 2px solid transparent;
|
||||||
|
}
|
||||||
|
.type-card:hover {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.type-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
|
||||||
|
.type-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
|
||||||
|
.type-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; margin-bottom: var(--spacing-sm); }
|
||||||
|
.type-link { font-size: 14px; color: var(--primary-orange); font-weight: 500; }
|
||||||
|
|
||||||
|
.agent-section { background: white; }
|
||||||
|
.agent-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.agent-card {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.agent-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.agent-level {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 6px 16px;
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
color: white;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.agent-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
|
||||||
|
.agent-price { font-size: 24px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
|
||||||
|
.agent-price span { font-size: 14px; color: var(--text-light); font-weight: 400; }
|
||||||
|
.agent-features { list-style: disc; padding-left: 20px; margin-bottom: var(--spacing-md); }
|
||||||
|
.agent-features li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
.types-grid, .agent-grid { grid-template-columns: 1fr; }
|
||||||
|
.footer-grid { grid-template-columns: 1fr; }
|
||||||
|
.nav-menu { display: none; }
|
||||||
|
.logo-grid { grid-template-columns: repeat(2, 1fr); }
|
||||||
|
}
|
||||||
|
</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>携手共创信任未来<br>开放合作，互利共赢，与优秀伙伴共建商业信任生态</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section logo-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">我们的合作伙伴</h2>
|
||||||
|
<p class="section-subtitle">与行业领导者携手，共建信任生态</p>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">金融机构</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">中国人民银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">工商银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">农业银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">中国银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">建设银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">交通银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">邮储银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">浦发银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">中信银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">光大银行</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏦<br><span class="small">民生银行</span></div></div>
|
||||||
|
<div class="logo-item"><img src="assets/logos/cmb.png" alt="招商银行"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">房地产中介</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><img src="assets/logos/ke.png" alt="贝壳找房"></div>
|
||||||
|
<div class="logo-item"><img src="assets/logos/lianjia.png" alt="链家"></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏠<br><span class="small">我爱我家</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏠<br><span class="small">中原地产</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏠<br><span class="small">安居客</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏠<br><span class="small">房天下</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">互联网巨头</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">🐱<br><span class="small">阿里巴巴</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🐧<br><span class="small">腾讯</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🎵<br><span class="small">字节跳动</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🔍<br><span class="small">百度</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🛒<br><span class="small">京东</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🍚<br><span class="small">美团</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">国家部委数据源</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">国家工商总局</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">公安部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">教育部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">人社部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">民政部</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🏛️<br><span class="small">最高法院</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">地方数据集团</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">北京数据集团</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">上海数据集团</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">广州数据交易所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">深圳数据交易所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">浙江大数据局</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📊<br><span class="small">贵州大数据局</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="logo-category">
|
||||||
|
<h3 class="category-title">征信中心 & 数据交易平台</h3>
|
||||||
|
<div class="logo-grid">
|
||||||
|
<div class="logo-item"><div class="logo-text">💳<br><span class="small">央行征信中心</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">💳<br><span class="small">百行征信</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">💳<br><span class="small">朴道征信</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🔍<br><span class="small">企查查</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">🔍<br><span class="small">天眼查</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📈<br><span class="small">上海数交所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📈<br><span class="small">北京数交所</span></div></div>
|
||||||
|
<div class="logo-item"><div class="logo-text">📈<br><span class="small">深圳数交所</span></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section partner-types">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">合作类型</h2>
|
||||||
|
<p class="section-subtitle">多种合作模式，找到适合您的方式</p>
|
||||||
|
|
||||||
|
<div class="types-grid">
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🤝</div>
|
||||||
|
<h3>代理合作</h3>
|
||||||
|
<p>成为愉悦查代理商，推广我们的产品和服务，获取丰厚佣金回报。三级代理体系，灵活选择。</p>
|
||||||
|
<a href="#agent" class="type-link">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">📡</div>
|
||||||
|
<h3>数据源合作</h3>
|
||||||
|
<p>拥有官方数据源？与我们合作，接入愉悦查平台，共享海量客户资源。</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">联系我们 →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🔧</div>
|
||||||
|
<h3>技术合作</h3>
|
||||||
|
<p>技术团队、开发者、ISV，通过 API 集成愉悦查服务，为您的产品赋能。</p>
|
||||||
|
<a href="/apidemo/" class="type-link">查看 API →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🏢</div>
|
||||||
|
<h3>企业合作</h3>
|
||||||
|
<p>企业批量采购、定制服务、OEM 合作，我们提供专属解决方案和优惠价格。</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">商务咨询 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section agent-section" id="agent">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">代理体系</h2>
|
||||||
|
<p class="section-subtitle">三级代理，灵活选择，共享收益</p>
|
||||||
|
|
||||||
|
<div class="agent-grid">
|
||||||
|
<div class="agent-card">
|
||||||
|
<span class="agent-level">🥈 白银代理</span>
|
||||||
|
<h3>白银代理</h3>
|
||||||
|
<div class="agent-price">¥0 <span>/终身</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>10% 返佣</li>
|
||||||
|
<li>基础培训支持</li>
|
||||||
|
<li>标准产品价格</li>
|
||||||
|
<li>在线帮助中心</li>
|
||||||
|
<li>零门槛免费加入</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="agent-card" style="border:2px solid var(--primary-orange);position:relative;">
|
||||||
|
<div style="position:absolute;top:10px;right:10px;background:var(--primary-gradient);color:white;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;">推荐</div>
|
||||||
|
<span class="agent-level">🥇 黄金代理</span>
|
||||||
|
<h3>黄金代理</h3>
|
||||||
|
<div class="agent-price">¥198 <span>/年</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>30% 返佣</li>
|
||||||
|
<li>优先技术支持</li>
|
||||||
|
<li>专属代理价格</li>
|
||||||
|
<li>营销素材支持</li>
|
||||||
|
<li>定期培训</li>
|
||||||
|
<li>下级代理奖励</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="agent-card">
|
||||||
|
<span class="agent-level">💎 钻石代理</span>
|
||||||
|
<h3>钻石代理</h3>
|
||||||
|
<div class="agent-price">¥980 <span>/年</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>50% 返佣</li>
|
||||||
|
<li>1 对 1 专属辅导</li>
|
||||||
|
<li>最低代理价格</li>
|
||||||
|
<li>联合营销支持</li>
|
||||||
|
<li>优先新功能体验</li>
|
||||||
|
<li>区域保护政策</li>
|
||||||
|
<li>下级代理奖励</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="cta-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2>成为合作伙伴</h2>
|
||||||
|
<p>无论您想成为代理商、数据源合作伙伴还是技术合作伙伴<br>我们都期待与您携手共创未来</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="/news.html">新闻动态</a></li>
|
||||||
|
<li><a href="/partners.html">合作伙伴</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
|
||||||
|
<p>京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+264
@@ -0,0 +1,264 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>合作伙伴</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">携手共建</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+377
@@ -0,0 +1,377 @@
|
|||||||
|
<!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="愉悦查合作伙伴，包括代理商、数据源合作伙伴、技术合作伙伴等，携手共创信任未来。">
|
||||||
|
<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 var(--spacing-lg); 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); }
|
||||||
|
|
||||||
|
.partner-types { background: white; }
|
||||||
|
.types-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.type-card {
|
||||||
|
background: var(--bg-gray);
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
text-align: center;
|
||||||
|
transition: var(--transition);
|
||||||
|
border: 2px solid transparent;
|
||||||
|
}
|
||||||
|
.type-card:hover {
|
||||||
|
border-color: var(--primary-orange);
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.type-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
|
||||||
|
.type-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
|
||||||
|
.type-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; margin-bottom: var(--spacing-sm); }
|
||||||
|
.type-link { font-size: 14px; color: var(--primary-orange); font-weight: 500; }
|
||||||
|
|
||||||
|
.agent-section { background: var(--bg-gray); }
|
||||||
|
.agent-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
|
gap: var(--spacing-md);
|
||||||
|
}
|
||||||
|
.agent-card {
|
||||||
|
background: white;
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
.agent-card:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.agent-level {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 6px 16px;
|
||||||
|
background: var(--primary-gradient);
|
||||||
|
color: white;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
.agent-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
|
||||||
|
.agent-price { font-size: 24px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
|
||||||
|
.agent-price span { font-size: 14px; color: var(--text-light); font-weight: 400; }
|
||||||
|
.agent-features { list-style: disc; padding-left: 20px; margin-bottom: var(--spacing-md); }
|
||||||
|
.agent-features li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
.types-grid, .agent-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>携手共创信任未来<br>开放合作，互利共赢，与优秀伙伴共建商业信任生态</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section partner-types">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">合作类型</h2>
|
||||||
|
<p class="section-subtitle">多种合作模式，找到适合您的方式</p>
|
||||||
|
|
||||||
|
<div class="types-grid">
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🤝</div>
|
||||||
|
<h3>代理合作</h3>
|
||||||
|
<p>成为愉悦查代理商，推广我们的产品和服务，获取丰厚佣金回报。三级代理体系，灵活选择。</p>
|
||||||
|
<a href="#agent" class="type-link">了解详情 →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">📡</div>
|
||||||
|
<h3>数据源合作</h3>
|
||||||
|
<p>拥有官方数据源？与我们合作，接入愉悦查平台，共享海量客户资源。</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">联系我们 →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🔧</div>
|
||||||
|
<h3>技术合作</h3>
|
||||||
|
<p>技术团队、开发者、ISV，通过 API 集成愉悦查服务，为您的产品赋能。</p>
|
||||||
|
<a href="/apidemo/" class="type-link">查看 API →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="type-card">
|
||||||
|
<div class="type-icon">🏢</div>
|
||||||
|
<h3>企业合作</h3>
|
||||||
|
<p>企业批量采购、定制服务、OEM 合作，我们提供专属解决方案和优惠价格。</p>
|
||||||
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">商务咨询 →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section agent-section" id="agent">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">代理体系</h2>
|
||||||
|
<p class="section-subtitle">三级代理，灵活选择，共享收益</p>
|
||||||
|
|
||||||
|
<div class="agent-grid">
|
||||||
|
<div class="agent-card">
|
||||||
|
<span class="agent-level">🥈 白银代理</span>
|
||||||
|
<h3>白银代理</h3>
|
||||||
|
<div class="agent-price">¥0 <span>/终身</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>10% 返佣</li>
|
||||||
|
<li>基础培训支持</li>
|
||||||
|
<li>标准产品价格</li>
|
||||||
|
<li>在线帮助中心</li>
|
||||||
|
<li>零门槛免费加入</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="agent-card" style="border:2px solid var(--primary-orange);position:relative;">
|
||||||
|
<div style="position:absolute;top:10px;right:10px;background:var(--primary-gradient);color:white;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;">推荐</div>
|
||||||
|
<span class="agent-level">🥇 黄金代理</span>
|
||||||
|
<h3>黄金代理</h3>
|
||||||
|
<div class="agent-price">¥198 <span>/年</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>30% 返佣</li>
|
||||||
|
<li>优先技术支持</li>
|
||||||
|
<li>专属代理价格</li>
|
||||||
|
<li>营销素材支持</li>
|
||||||
|
<li>定期培训</li>
|
||||||
|
<li>下级代理奖励</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="agent-card">
|
||||||
|
<span class="agent-level">💎 钻石代理</span>
|
||||||
|
<h3>钻石代理</h3>
|
||||||
|
<div class="agent-price">¥980 <span>/年</span></div>
|
||||||
|
<ul class="agent-features">
|
||||||
|
<li>50% 返佣</li>
|
||||||
|
<li>1 对 1 专属辅导</li>
|
||||||
|
<li>最低代理价格</li>
|
||||||
|
<li>联合营销支持</li>
|
||||||
|
<li>优先新功能体验</li>
|
||||||
|
<li>区域保护政策</li>
|
||||||
|
<li>下级代理奖励</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="cta-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2>成为合作伙伴</h2>
|
||||||
|
<p>无论您想成为代理商、数据源合作伙伴还是技术合作伙伴<br>我们都期待与您携手共创未来</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="/news.html">新闻动态</a></li>
|
||||||
|
<li><a href="/partners.html">合作伙伴</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
|
||||||
|
<p>京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+576
@@ -0,0 +1,576 @@
|
|||||||
|
<!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="愉悦查隐私政策，保护您的个人信息安全">
|
||||||
|
<!-- SEO Enhancement -->
|
||||||
|
<link rel="canonical" href="https://www.yuyuecha.com.cn/privacy.html">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://www.yuyuecha.com.cn/privacy.html">
|
||||||
|
<meta property="og:title" content="隐私政策 - 愉悦查">
|
||||||
|
<meta property="og:description" content="愉悦查隐私政策，保护您的个人信息安全，严格遵守《个人信息保护法》。">
|
||||||
|
<meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<meta property="og:site_name" content="愉悦查">
|
||||||
|
<meta property="og:locale" content="zh_CN">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="twitter:title" content="隐私政策 - 愉悦查">
|
||||||
|
<meta name="twitter:description" content="愉悦查隐私政策，保护您的个人信息安全，严格遵守《个人信息保护法》。">
|
||||||
|
<meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 2; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1000px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.hero { padding: 160px 0 60px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.hero p { font-size: 18px; color: var(--text-secondary); }
|
||||||
|
.content-section { padding: var(--spacing-xl) 0; }
|
||||||
|
.content-section h2 { font-size: 28px; color: var(--primary-orange); margin: 40px 0 20px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-orange); }
|
||||||
|
.content-section h3 { font-size: 20px; margin: 30px 0 15px; color: var(--text-primary); }
|
||||||
|
.content-section h4 { font-size: 18px; margin: 25px 0 12px; color: var(--text-primary); }
|
||||||
|
.content-section p { margin: 15px 0; text-indent: 2em; text-align: justify; }
|
||||||
|
.content-section ul { margin: 15px 0 15px 40px; }
|
||||||
|
.content-section li { margin: 10px 0; }
|
||||||
|
.intro-box { background: var(--bg-gray); padding: 30px; border-radius: var(--radius-lg); margin: 30px 0; border-left: 4px solid var(--primary-orange); }
|
||||||
|
.intro-box p { text-indent: 0; margin: 15px 0; }
|
||||||
|
.update-time { background: var(--bg-gray); padding: 20px; border-radius: var(--radius-lg); margin: 30px 0; text-align: center; }
|
||||||
|
.update-time strong { color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { color: white; opacity: 0.8; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 768px) { .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } .nav-menu { display: none; } }
|
||||||
|
|
||||||
|
/* ===== Unified Navbar ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
padding: 12px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
-webkit-backdrop-filter: blur(20px);
|
||||||
|
}
|
||||||
|
.navbar.scrolled {
|
||||||
|
padding: 8px 0;
|
||||||
|
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
||||||
|
}
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 24px;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
height: 44px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: 32px;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #1A1A1A;
|
||||||
|
text-decoration: none;
|
||||||
|
position: relative;
|
||||||
|
padding: 6px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #FF6A19;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
.nav-link:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.nav-btn {
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-decoration: none;
|
||||||
|
border: none;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn {
|
||||||
|
border: 1.5px solid #FF6A19;
|
||||||
|
color: #FF6A19;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn:hover {
|
||||||
|
background: #FFF5F0;
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn {
|
||||||
|
background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
|
||||||
|
color: white;
|
||||||
|
box-shadow: 0 2px 8px rgba(255,106,25,0.3);
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 4px 12px rgba(255,106,25,0.4);
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 4px;
|
||||||
|
z-index: 1001;
|
||||||
|
}
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 24px;
|
||||||
|
height: 2px;
|
||||||
|
background: #1A1A1A;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-menu {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(255,255,255,0.98);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 24px;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.nav-menu.active {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Footer ===== */
|
||||||
|
.footer {
|
||||||
|
background: #1A1A1A;
|
||||||
|
color: white;
|
||||||
|
padding: 60px 0 30px;
|
||||||
|
}
|
||||||
|
.footer-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
||||||
|
gap: 48px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.footer-brand h3 {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
background: linear-gradient(135deg, #FF6A19, #FC6E18);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
.footer-brand p {
|
||||||
|
color: rgba(255,255,255,0.6);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.footer-title {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: rgba(255,255,255,0.9);
|
||||||
|
}
|
||||||
|
.footer-links {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.footer-links li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.footer-links a {
|
||||||
|
color: rgba(255,255,255,0.5);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.footer-links a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 24px;
|
||||||
|
border-top: 1px solid rgba(255,255,255,0.1);
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp a {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.footer-icp a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 32px;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="/index.html" class="logo">
|
||||||
|
<img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/about.html" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>隐私政策</h1>
|
||||||
|
<p>您的信任对我们非常重要</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="intro-box">
|
||||||
|
<p>我们深知个人信息对您的重要性，我们将按法律法规要求，采取相应安全保护措施，尽力保护您的个人信息安全可控。有鉴于此，北京正信环宇科技有限公司（以下简称"我们"或"愉悦查"）作为愉悦查产品及服务的提供者制定本《隐私政策》（下称"本政策"）并提醒您：</p>
|
||||||
|
<p>本政策适用于全部愉悦查产品及服务，如我们关联公司的产品或服务中使用了愉悦查提供的产品或服务但未设独立的隐私政策的，该部分愉悦查提供的产品或服务同样适用于本政策。</p>
|
||||||
|
<p>需要特别说明的是，本政策不适用于其他第三方通过网页或愉悦查客户端直接向您提供的服务（统称"第三方服务"），您向该第三方服务提供者提供的信息不适用于本政策，您在选择使用第三方服务前应充分了解第三方服务的产品功能及隐私保护政策，再选择是否开通功能。</p>
|
||||||
|
<p><strong>在使用愉悦查产品或服务前，请您务必仔细阅读并透彻理解本政策，在确认充分理解使用相关产品或服务。一旦您开始使用愉悦查产品或服务，即表示您已充分理解并同意本政策。</strong></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="update-time">
|
||||||
|
<p><strong>生效日期：</strong>2026 年 1 月 1 日</p>
|
||||||
|
<p><strong>发布单位：</strong>北京正信环宇科技有限公司</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section">
|
||||||
|
<h2>第一部分 定义</h2>
|
||||||
|
|
||||||
|
<h3>1、愉悦查服务提供者</h3>
|
||||||
|
<p>是指研发并提供愉悦查产品和服务法律主体，北京正信环宇科技有限公司（下称"我们"或"愉悦查"）</p>
|
||||||
|
|
||||||
|
<h3>2、愉悦查用户</h3>
|
||||||
|
<p>是指注册愉悦查账户的用户，以下称"您"。</p>
|
||||||
|
|
||||||
|
<h3>3、个人信息</h3>
|
||||||
|
<p>指以电子或者其他方式记录的能够单独或者与其他信息结合识别特定自然人身份或者反映特定自然人活动情况的各种信息。</p>
|
||||||
|
|
||||||
|
<h3>4、个人信息删除</h3>
|
||||||
|
<p>指在实现日常业务功能所涉及的系统中去除个人信息的行为，使其保持不可被检索、访问的状态，具体指产品内的账号注销功能。</p>
|
||||||
|
|
||||||
|
<h3>5、个人信息匿名化</h3>
|
||||||
|
<p>通过对个人信息的加密技术处理，使得个人信息主体无法被识别，且处理后的信息不能被复原的过程。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section">
|
||||||
|
<h2>第二部分 隐私政策</h2>
|
||||||
|
|
||||||
|
<h3>一、我们如何收集您的个人信息</h3>
|
||||||
|
<p>为了向您及愉悦查企业用户提供愉悦查服务，维护愉悦查服务的正常运行，改进及优化我们的服务体验并保障您的账号安全，我们会出于本政策下述目的及方式收集您在注册、使用愉悦查服务时主动提供、授权提供或基于您使用愉悦查服务时产生的信息：</p>
|
||||||
|
|
||||||
|
<h4>（一）注册愉悦查用户信息</h4>
|
||||||
|
<p>为注册成为愉悦查用户，以便我们为您提供愉悦查服务，诸如数据查询、视频查看等功能，您需要提供您的手机号码及短信验证码以注册并创建愉悦查账号，否则您将不能使用愉悦查服务。</p>
|
||||||
|
<p>如果您仅需使用浏览、搜索愉悦查网页展示的产品、功能及服务介绍，您不需要注册成为愉悦查用户并提供上述信息。</p>
|
||||||
|
<p>如您的账号是注册在企业下的关联账号，当您所在企业用户注销愉悦查账户时，我们将会匿名化处理或删除您在该组织的相关个人信息，但您作为愉悦查个人用户的个人信息仍将保留，除非您主动注销愉悦查账户。</p>
|
||||||
|
<p>在经过用户授权同意的情况下，我司需要获取用户的手机号码以便开展相应业务。</p>
|
||||||
|
|
||||||
|
<h4>（二）使用愉悦查服务过程中收集信息</h4>
|
||||||
|
<p>当您在使用愉悦查服务过程中，为向您提供您需求的愉悦查软件服务、交互展示、搜索结果、识别账号异常状态，维护愉悦查服务的正常运行，改进及优化您对愉悦查服务的体验并保障您的账号安全，包括您使用愉悦查服务以及使用方式的信息，并将这些信息进行关联：</p>
|
||||||
|
|
||||||
|
<p><strong>1、日志信息：</strong></p>
|
||||||
|
<p>当您使用我们的网站或客户端提供的产品或服务时，我们会自动收集您对我们服务的详细使用情况，作为有关网络日志保存。例如您的搜索查询内容、IP 地址、使用的语言、访问日期和时间、您访问的网页记录、日志信息。</p>
|
||||||
|
<p>请注意，单独的设备信息、日志信息是无法识别特定自然人身份的信息。如果我们将这类非个人信息与其他信息结合用于识别特定自然人身份，或者将其与个人信息结合使用，则在结合使用期间，这类非个人信息将有可能被视为个人信息，除取得您授权或法律法规另有规定外，我们会将该类个人信息做匿名化、去标识化处理。</p>
|
||||||
|
|
||||||
|
<p><strong>2、您向我们提供的信息：</strong></p>
|
||||||
|
<p>在服务使用过程中，特别是在申请提现、实名认证或佣金结算时，您需要提供包括但不限于姓名、身份证号、银行卡号、手机号、税务身份信息等个人资料。您同意我们为履行合同义务、税务申报、身份核验、财务结算等必要目的，收集、使用、存储并在必要范围内共享该等信息。在进行税务代扣代缴、结算服务时，我们有权将必要信息提供给依法合作的第三方税务服务商、结算服务商，前提是该第三方承担同等信息保护义务。</p>
|
||||||
|
<p>您可以对愉悦查产品及服务的体验问题反馈，帮助我们更好地了解您使用我们产品或服务的体验和需求，改善我们产品或服务，为此我们会记录您的联系信息、反馈的问题或建议，以便我们进一步联系您反馈您我们的处理意见。为向您提供更好的服务，例如在不同的服务端或设备上提供体验一致的服务和您需求的客服接待，了解产品适配性，识别账号异常状态。</p>
|
||||||
|
|
||||||
|
<p><strong>3、为您提供安全保障收集信息：</strong></p>
|
||||||
|
<p>为预防、发现、调查欺诈、侵权、危害安全、非法或违反与我们或与我们关联公司的协议、政策或规则的行为，我们可能收集或整合您的用户个人信息、服务使用信息、设备信息、日志信息以及我们关联公司、合作伙伴取得您授权或依据法律共享的信息。您理解并同意，我们向您提供的功能和服务场景是不断迭代升级的，如我们未在上述场景中明示您需要收集的个人信息，我们将会通过页面提示、交互设计等方式另行向您明示信息收集的内容、范围和目的并征得您同意。</p>
|
||||||
|
<p>如我们停止运营愉悦查产品或服务，我们将及时停止继续收集您个人信息的活动，将停止运营的通知以公告或短信的形式通知您，并依照所适用的法律对所持有的您的个人信息进行删除或匿名化处理。</p>
|
||||||
|
|
||||||
|
<p><strong>4、手机号码收集及其用途：</strong></p>
|
||||||
|
<p>在您使用愉悦查服务的过程中，我们可能会要求您提供手机号码。我们收集您的手机号码，主要是为了向您发送重要的通知、服务更新、账户安全信息、促销活动、服务相关的短信等。为了确保您能及时获得关于您账号安全、产品更新和优化、系统维护等信息，我们可能会向您发送有关服务变更、功能更新、版本升级等通知，确保您能够持续享受我们的产品和服务。</p>
|
||||||
|
<p>此外，您的手机号码还可能用于为您提供个性化的短信推广内容，帮助您了解我们新推出的服务、产品或活动优惠。我们承诺，不会在未经您明确同意的情况下，将您的手机号码用于任何与服务相关以外的用途，且不会将您的信息出售或租赁给第三方。为了保障您的权益，您可以随时通过设置页面或联系客户服务停止接收短信通知或推广信息。如果您选择取消订阅短信通知或推广，您仍将继续收到与账户安全、系统通知等相关的重要信息。</p>
|
||||||
|
<p>我们会采取严格的措施保护您的手机号码不被滥用，包括采用加密存储、定期审查访问权限等技术和管理手段，以确保您的个人信息安全。同时，我们也会根据适用的法律法规，在您停止使用我们的服务或终止您的账户时，删除或匿名化处理您的手机号码及其他相关信息。</p>
|
||||||
|
|
||||||
|
<h3>二、我们如何使用信息</h3>
|
||||||
|
<p>收集您的信息是为了向您提供服务及提升服务质量，为了实现这一目的，我们会把您的信息用于下列用途：</p>
|
||||||
|
<ul>
|
||||||
|
<li>（1）向您提供您使用的愉悦查产品或服务，并维护、改进、优化这些服务及服务体验；</li>
|
||||||
|
<li>（2）为预防、发现、调查欺诈、侵权、危害安全、非法或违反与我们或与我们关联公司的协议、政策或规则的行为，保护您、其他用户或公众以及我们或我们关联公司的合法权益，我们会使用或整合您的个人信息、服务使用信息、设备信息、日志信息以及我们关联公司、合作伙伴取得您授权或依据法律共享的信息，来综合判断您的操作风险、检测及防范安全事件，并依法采取必要的记录、审计、分析、处置措施；</li>
|
||||||
|
<li>（3）经您许可的其他用途。</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>三、我们如何使用 Cookie 和同类技术</h3>
|
||||||
|
<p>为使您获得更轻松的访问体验，您使用愉悦查产品或服务时，我们可能会通过采用各种技术收集和存储您访问愉悦查服务的相关数据，在您访问或再次访问愉悦查服务时，我们能识别您的身份，并通过分析数据为您提供更好更多的服务。</p>
|
||||||
|
<p>包括使用小型数据文件识别您的身份，这么做是为了解您的使用习惯，帮您省去重复输入账户信息的步骤，或者帮助判断您的账户安全。这些数据文件可能是 Cookie、Flash Cookie，或您的浏览器或关联应用程序提供的其他本地存储（统称"Cookie"）。</p>
|
||||||
|
<p>请您理解，我们的某些服务只能通过使用 Cookie 才可得到实现。如果您的浏览器或浏览器附加服务允许，您可以修改对 Cookie 的接受程度或者拒绝愉悦查的 Cookie，但拒绝愉悦查的 Cookie 在某些情况下您可能无法使用依赖于 cookies 的愉悦查服务的部分功能。</p>
|
||||||
|
|
||||||
|
<h3>四、我们如何共享、转让、公开披露您的信息</h3>
|
||||||
|
|
||||||
|
<h4>(一) 共享</h4>
|
||||||
|
<p>我们不会和其他公司、组织和个人共享您的个人信息，但以下情况除外：</p>
|
||||||
|
<ul>
|
||||||
|
<li>（1）在获取您同意的情况下共享：获得您的明确同意后，我们会与其他方共享您的个人信息。</li>
|
||||||
|
<li>（2）在法定情形下的共享：我们可能会根据法律法规规定、诉讼争议解决需要，或按行政、司法机关依法提出的要求，对外共享您的个人信息。</li>
|
||||||
|
<li>（3）只有透露您的资料，才能提供您所要求的第三方产品和服务，在您通过愉悦查客户端购买查询服务的，您同意愉悦查向实际产品提供者提供您的身份信息，包括真实姓名和身份证号等。为了提升实人认证的准确性，您同意第三方公司仅限于个人信息进行验证相关服务，将您提供的个人信息与法律法规允许的机构或政府机关授权的机构的数据进行校验。</li>
|
||||||
|
<li>（4）在您被他人投诉侵犯知识产权或其他合法权利时，需要向投诉人披露您的必要资料，以便进行投诉处理的；</li>
|
||||||
|
<li>（5）愉悦查服务可能含有其他网站的链接。除法律另有规定外，愉悦查对其他网站的隐私保护措施不负相应法律责任。我们可能在需要的时候增加商业伙伴，但是提供给他们的将仅是综合信息，我们将不会公开您的个人信息。</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>(二) 转让</h4>
|
||||||
|
<p>我们不会将您的个人信息转让给任何公司、组织和个人，但以下情况除外：</p>
|
||||||
|
<ul>
|
||||||
|
<li>（1）在获取明确同意的情况下转让：获得您的明确同意后，我们会向其他方转让您的个人信息。</li>
|
||||||
|
<li>（2）在愉悦查发生合并、收购或破产清算情形，或其他涉及合并、收购或破产清算情形时，如涉及到个人信息转让，我们会要求新的持有您个人信息的公司、组织继续受本政策的约束，否则我们将要求该公司、组织和个人重新向您征求授权同意。</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>(三) 公开披露</h4>
|
||||||
|
<p>我们仅会在以下情况下，公开披露您的个人信息：</p>
|
||||||
|
<ul>
|
||||||
|
<li>（1）获得您明确同意或基于您的主动选择，我们可能会公开披露您的个人信息；</li>
|
||||||
|
<li>（2）如果我们确定您出现违反法律法规或严重违反愉悦查相关协议规则的情况，或为保护愉悦查及其关联公司用户或公众的人身财产安全免遭侵害，我们可能依据法律法规或愉悦查相关协议规则征得您同意的情况下披露关于您的个人信息，包括相关违规行为以及愉悦查已对您采取的措施。</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>(四) 共享、转让、公开披露个人信息时事先征得授权同意的例外</h4>
|
||||||
|
<p>以下情形中，共享、转让、公开披露您的个人信息无需事先征得您的授权同意：</p>
|
||||||
|
<ul>
|
||||||
|
<li>（1）与国家安全、国防安全有关的；</li>
|
||||||
|
<li>（2）与公共安全、公共卫生、重大公共利益有关的；</li>
|
||||||
|
<li>（3）与犯罪侦查、起诉、审判和判决执行等有关的；</li>
|
||||||
|
<li>（4）出于维护您或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；</li>
|
||||||
|
<li>（5）您自行向社会公众公开的个人信息；</li>
|
||||||
|
<li>（6）从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道。</li>
|
||||||
|
</ul>
|
||||||
|
<p>请您注意，根据法律规定，共享、转让经匿名化处理的个人信息，且确保数据接收方无法复原并重新识别个人信息主体的，不属于个人信息的对外共享、转让及公开披露行为，对此类数据的保存及处理将无需另行向您通知并征得您的同意。</p>
|
||||||
|
|
||||||
|
<h3>五、我们如何保护您的信息</h3>
|
||||||
|
<p>我们会采取各种预防措施来保护您的个人信息，以保障您的个人信息免遭丢失、盗用和误用，以及被擅自取阅、披露、更改或销毁。为确保您个人信息的安全，我们有严格的信息安全规定和流程并严格执行上述措施。</p>
|
||||||
|
<p>愉悦查建立了全方位、多维度的数据安全管理体系，保证整个愉悦查各个平台的安全性。我们会采取合理可行的措施，尽力避免收集无关的个人信息，并在限于达成本政策所述目的所需的期限以及所适用法律法规所要求的期限内对您的个人信息进行脱敏处理。在您使用查询过程中所涉及的用户姓名、身份证号、手机号/账号密码信息均采用的是 AES 加密方式，所有二次输出信息均经过脱敏处理，数据库文件不存储用户明文数据。</p>
|
||||||
|
<p>在不幸发生个人信息安全事件后，我们将按照法律法规的要求（最迟不迟于 30 个自然日内）向您告知：安全事件的基本情况和可能的影响、我们已采取或将要采取的处置措施、您可自主防范和降低风险的建议、对您的补救措施等。事件相关情况我们将以邮件、信函、电话通知等方式告知您，难以逐一告知个人信息主体时，我们会采取合理、有效的方式发布公告。同时，我们还将按照监管部门要求，上报个人信息安全事件的处置情况。</p>
|
||||||
|
<p>互联网环境并非百分之百安全，尽管我们有这些安全措施，但仍然无法完全避免互联网中存在的各种风险，我们将尽力确保您的信息的安全性。</p>
|
||||||
|
|
||||||
|
<h3>六、未成年人保护</h3>
|
||||||
|
<p>我们重视未成年人的信息保护，如您为未成年人的，建议您请您的父母或监护人仔细阅读本隐私权政策，并在征得您的父母或监护人同意的前提下使用我们的服务或向我们提供信息。</p>
|
||||||
|
<p>对于经父母或监护人同意使用我们的产品或服务而收集未成年人个人信息的情况，我们只会在法律法规允许，父母或监护人明确同意或者保护未成年人所必要的情况下使用、共享、转让或披露此信息。</p>
|
||||||
|
<p>我们将根据国家相关法律法规及本政策的规定保护未成年人的个人信息。</p>
|
||||||
|
|
||||||
|
<h3>七、您的个人信息存储</h3>
|
||||||
|
|
||||||
|
<h4>(一) 存储地区</h4>
|
||||||
|
<p>我们将在中华人民共和国境内运营愉悦查服务中收集和产生的个人信息存储在中华人民共和国境内。目前，我们不会将上述信息传输至境外，如果我们向境外传输，我们将会遵循相关国家规定或者征求您的同意。</p>
|
||||||
|
|
||||||
|
<h4>(二) 存储期限</h4>
|
||||||
|
<p>您在使用本平台期间，我们将保存您的个人脱敏加密信息，保存期限将以不超过为您提供服务所必须的期间为原则。在您终止使用本平台后，除法律法规对于特定信息保留期限另有规定外，我们会对您的信息进行删除或做匿名化处理。如我们停止运营本平台服务，我们将在合理期限内依照所适用的法律对所持有的您的个人信息进行删除或匿名化处理。</p>
|
||||||
|
|
||||||
|
<h3>八、您享有的权利及权利行使路径</h3>
|
||||||
|
|
||||||
|
<h4>(一) 访问查询权</h4>
|
||||||
|
<p>您对您的愉悦查账号内的信息（含个人信息）依法享有访问查询权，包括：</p>
|
||||||
|
<p><strong>账户信息：</strong>您可以登录手机客户端，通过【我的 - 点击名字或头像】可以访问您的头像信息、姓名、绑定手机号。</p>
|
||||||
|
<p><strong>使用信息：</strong>您可以在愉悦查手机客户端相关页面访问、查询您的使用信息，包括订单信息，可以通过【报告列表 - 查看详情】进行访问、查看。</p>
|
||||||
|
<p><strong>其他信息：</strong>如您在此前述过程中遇到操作问题的或如需获取其他前述无法获知的个人信息内容，您可通过在线客服或邮箱联系我们，我们将在核实您的身份后在合理期限内向您提供，但法律法规另有规定的或本政策另有约定的除外。</p>
|
||||||
|
|
||||||
|
<h4>(二) 同意的撤回与变更</h4>
|
||||||
|
<p>若您需要更改相关权限的授权（例如：相机、相册、麦克风），您可以通过您的硬件设备进行修改。您也可以通过注销愉悦查账户的方式永久撤回我们继续收集您个人信息的全部授权。如您在此过程中遇到操作问题的，可以通过本政策"帮助中心"方式联系我们。</p>
|
||||||
|
|
||||||
|
<h4>(三) 帮助反馈权</h4>
|
||||||
|
<p>我们为您提供了多种反馈渠道，具体请见设置—帮助中心。</p>
|
||||||
|
|
||||||
|
<h4>(四) 提前获知产品与/或服务停止运营权</h4>
|
||||||
|
<p>我们将持续为您提供优质服务，若因特殊原因导致我们的部分或全部产品与/或服务被迫停止运营，我们将提前在显著位置或通知您，并将停止对您个人信息的收集，同时在超出法律法规规定的必需且最短期限后，我们将会对所持有的您的个人信息进行删除或匿名化处理。</p>
|
||||||
|
|
||||||
|
<h3>九、本政策如何更新</h3>
|
||||||
|
<p>我们的隐私政策可能变更。未经您明确同意我们不会限制您按照本隐私政策所应享有的权利。我们会在愉悦查各个平台，包括客户端、相关网页上以首页弹窗形式发布对本隐私政策所做的任何变更，并以交互设计提醒您阅读并完整理解。对于重大变更，我们还会提供更为显著的通知（可能包括公告通知甚至向您提供弹窗提示）。</p>
|
||||||
|
<p>本政策所指的重大变更包括但不限于：</p>
|
||||||
|
<ul>
|
||||||
|
<li>（1）我们的服务模式发生重大变化。如处理用户信息的目的、用户信息的使用方式等；</li>
|
||||||
|
<li>（2）我们在控制权、组织架构等方面发生重大变化。如业务调整、破产并购等引起的所有者变更等；</li>
|
||||||
|
<li>（3）用户信息共享、转让或公开披露的主要对象发生变化；</li>
|
||||||
|
<li>（4）我们负责处理用户信息安全的责任部门、联络方式及投诉渠道发生变化时；</li>
|
||||||
|
<li>（5）用户信息安全影响评估报告表明存在高风险时。</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>十、如何联系我们</h3>
|
||||||
|
<p>如果您对本政策或数据处理有任何疑问、意见或建议，可以通过愉悦查产品内的"联系客服"或邮箱 kefu@yuyuecha.com 与我们联系。我们将在收到您发送的响应请求或相关信息之日起十五（15）天内回复您。</p>
|
||||||
|
<p>您理解并同意，当涉及以下任一情形时，我们无法响应您的请求：</p>
|
||||||
|
<ul>
|
||||||
|
<li>（1）与国家安全、国防安全有关的；</li>
|
||||||
|
<li>（2）与公共安全、公共卫生、重大公共利益有关的；</li>
|
||||||
|
<li>（3）与犯罪侦查、起诉和审判等有关的；</li>
|
||||||
|
<li>（4）有充分证据表明您存在主观恶意或滥用权利的；</li>
|
||||||
|
<li>（5）响应您的请求将导致您或其他个人、组织的合法权益受到严重损害的；</li>
|
||||||
|
<li>（6）涉及愉悦查或任何第三方主体商业秘密的；</li>
|
||||||
|
<li>（7）法律法规规定的其他情形。</li>
|
||||||
|
</ul>
|
||||||
|
<p>如果您对我们的回复不满意，特别是您认为我们的个人信息处理行为损害了您的合法权益，您还可以通过向有管辖权的法院提起诉讼来寻求解决方案。</p>
|
||||||
|
|
||||||
|
<h3>十一、其他</h3>
|
||||||
|
<p>（一）本《隐私政策》的解释及争议解决均应适用中华人民共和国大陆地区法律。与本《隐私政策》相关的任何纠纷，双方应协商友好解决；若不能协商解决，应将争议提交至北京正信环宇科技有限公司注册地有管辖权的人民法院解决。</p>
|
||||||
|
<p>（二）本《隐私政策》的标题仅为方便及阅读而设，并不影响正文其中任何规定的含义或解释。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="update-time">
|
||||||
|
<p><strong>2026 年 1 月 1 日</strong></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
|
||||||
|
<p style="font-size:13px;color:rgba(255,255,255,0.5);">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>
|
||||||
|
<li><a href="/investment.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="/all-apis.html">全部接口</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 class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+264
@@ -0,0 +1,264 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>隐私政策</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">隐私保护</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+233
@@ -0,0 +1,233 @@
|
|||||||
|
<!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="愉悦查隐私政策，保护您的个人信息安全">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.8; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1000px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.hero { padding: 160px 0 60px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.hero p { font-size: 18px; color: var(--text-secondary); }
|
||||||
|
.content-section { padding: var(--spacing-xl) 0; }
|
||||||
|
.content-section h2 { font-size: 28px; color: var(--primary-orange); margin: 40px 0 20px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-orange); }
|
||||||
|
.content-section h3 { font-size: 20px; margin: 30px 0 15px; color: var(--text-primary); }
|
||||||
|
.content-section p { margin: 15px 0; text-indent: 2em; }
|
||||||
|
.content-section ul { margin: 15px 0 15px 40px; }
|
||||||
|
.content-section li { margin: 10px 0; }
|
||||||
|
.update-time { background: var(--bg-gray); padding: 20px; border-radius: var(--radius-lg); margin: 30px 0; }
|
||||||
|
.update-time strong { color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { color: white; opacity: 0.8; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 768px) { .hero h1 { font-size: 32px; } .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" style="padding:10px 20px;font-size:14px;border:2px solid var(--primary-orange);color:var(--primary-orange);border-radius:8px;text-decoration:none;">技术咨询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank" style="padding:10px 20px;font-size:14px;background:var(--primary-gradient);color:white;border-radius:8px;text-decoration:none;margin-left:12px;">登录</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>隐私政策</h1>
|
||||||
|
<p>保护您的个人信息安全是我们的首要责任</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="update-time">
|
||||||
|
<p><strong>更新时间：</strong>2026 年 3 月 1 日</p>
|
||||||
|
<p><strong>生效时间：</strong>2026 年 3 月 1 日</p>
|
||||||
|
<p><strong>发布单位：</strong>愉悦查（北京正信环宇科技有限公司）</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section">
|
||||||
|
<h2>一、引言</h2>
|
||||||
|
<p>愉悦查（北京正信环宇科技有限公司）（以下简称"我们"）深知个人信息对您的重要性，并会尽全力保护您的个人信息安全可靠。我们致力于维持您对我们的信任，恪守以下原则，保护您的个人信息：权责一致原则、目的明确原则、选择同意原则、最少够用原则、确保安全原则、主体参与原则、公开透明原则等。</p>
|
||||||
|
<p>本隐私政策将帮助您了解我们会收集哪些数据、为什么收集这些数据、会利用这些数据做什么以及如何保护这些数据。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section">
|
||||||
|
<h2>二、我们收集的信息</h2>
|
||||||
|
|
||||||
|
<h3>1. 您主动提供的信息</h3>
|
||||||
|
<p>在您使用我们的服务时，我们可能会收集您主动提供的以下信息：</p>
|
||||||
|
<ul>
|
||||||
|
<li><strong>账户信息：</strong>当您注册账号时，我们会收集您的手机号码、昵称、头像等基本信息。</li>
|
||||||
|
<li><strong>身份信息：</strong>根据法律法规要求，在使用部分服务前，您可能需要提供真实身份信息，包括姓名、身份证号码等。</li>
|
||||||
|
<li><strong>支付信息：</strong>当您购买服务时，我们会收集您的订单信息、支付记录等交易信息。</li>
|
||||||
|
<li><strong>联系信息：</strong>当您联系我们的客服时，我们可能会收集您的联系方式、聊天记录等信息。</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>2. 自动收集的信息</h3>
|
||||||
|
<p>当您使用我们的服务时，我们会自动收集以下信息：</p>
|
||||||
|
<ul>
|
||||||
|
<li><strong>设备信息：</strong>包括设备型号、操作系统版本、设备设置、唯一设备标识符等。</li>
|
||||||
|
<li><strong>日志信息：</strong>包括您的搜索查询内容、IP 地址、访问日期和时间、浏览器类型等。</li>
|
||||||
|
<li><strong>位置信息：</strong>经您授权，我们可能会收集您的位置信息以提供相关服务。</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>3. 来自第三方的信息</h3>
|
||||||
|
<p>我们可能会从合法公开的渠道获取您的信息，例如从合法的商业数据库、政府公开信息等渠道获取。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section">
|
||||||
|
<h2>三、我们如何使用信息</h2>
|
||||||
|
<p>我们可能会将收集的信息用于以下用途：</p>
|
||||||
|
<ul>
|
||||||
|
<li>向您提供我们的产品和服务；</li>
|
||||||
|
<li>验证您的身份，确保服务安全；</li>
|
||||||
|
<li>向您发送服务通知、产品更新等信息；</li>
|
||||||
|
<li>改进我们的产品和服务质量；</li>
|
||||||
|
<li>预防、发现、调查欺诈、危害安全或非法活动；</li>
|
||||||
|
<li>符合法律法规要求，配合监管机构调查。</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section">
|
||||||
|
<h2>四、信息共享与披露</h2>
|
||||||
|
<p>我们不会与任何公司、组织和个人共享您的个人信息，但以下情况除外：</p>
|
||||||
|
<ul>
|
||||||
|
<li><strong>获得您的明确同意：</strong>在获得您明确同意的情况下，我们会与其他方共享您的个人信息。</li>
|
||||||
|
<li><strong>法律法规要求：</strong>根据法律法规规定、诉讼争议解决需要，或按行政、司法机关依法提出的要求。</li>
|
||||||
|
<li><strong>与授权合作伙伴共享：</strong>仅为实现本政策中声明的目的，我们的某些服务将由授权合作伙伴提供。我们可能会与合作伙伴共享您的某些个人信息，以提供更好的客户服务和用户体验。</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section">
|
||||||
|
<h2>五、信息保护</h2>
|
||||||
|
<p>我们已使用符合业界标准的安全防护措施保护您提供的个人信息，防止数据遭到未经授权访问、公开披露、使用、修改、损坏或丢失。我们会采取一切合理可行的措施，保护您的个人信息：</p>
|
||||||
|
<ul>
|
||||||
|
<li>使用加密技术（如 SSL）保护数据传输安全；</li>
|
||||||
|
<li>使用受信赖的保护机制防止数据遭到恶意攻击；</li>
|
||||||
|
<li>部署访问控制机制，确保只有授权人员才可访问个人信息；</li>
|
||||||
|
<li>举办安全和隐私保护培训课程，加强员工对于保护个人信息重要性的认识。</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section">
|
||||||
|
<h2>六、您的权利</h2>
|
||||||
|
<p>根据相关法律法规，您对自己的个人信息行使以下权利：</p>
|
||||||
|
<ul>
|
||||||
|
<li><strong>访问权：</strong>您有权访问您的个人信息，法律法规规定的例外情况除外。</li>
|
||||||
|
<li><strong>更正权：</strong>当您发现我们处理的关于您的个人信息有错误时，您有权要求我们做出更正或补充。</li>
|
||||||
|
<li><strong>删除权：</strong>在以下情形中，您可以向我们提出删除个人信息的请求：
|
||||||
|
<ul>
|
||||||
|
<li>如果我们处理个人信息的行为违反法律法规；</li>
|
||||||
|
<li>如果我们收集、使用您的个人信息，却未征得您的同意；</li>
|
||||||
|
<li>如果我们处理个人信息的行为违反了与您的约定；</li>
|
||||||
|
<li>如果您不再使用我们的产品或服务，或您注销了账号；</li>
|
||||||
|
<li>如果我们不再为您提供产品或服务。</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><strong>撤回同意权：</strong>您可以通过注销账户等方式撤回您继续收集个人信息的授权同意。</li>
|
||||||
|
<li><strong>注销权：</strong>您可以申请注销您的账户。</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section">
|
||||||
|
<h2>七、未成年人保护</h2>
|
||||||
|
<p>我们非常重视对未成年人个人信息的保护。若您是 18 周岁以下的未成年人，在使用我们的服务前，应事先取得您家长或法定监护人的书面同意。我们根据国家相关法律法规的规定保护未成年人的个人信息。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section">
|
||||||
|
<h2>八、隐私政策的更新</h2>
|
||||||
|
<p>我们可能适时对本隐私政策进行调整或变更。除法律法规或监管规定另有强制性规定外，经调整或变更的内容一经通知或公布后的 7 日后生效。如您在隐私政策调整或变更后继续使用我们提供的任一服务或访问我们相关网站的，我们相信这代表您已充分阅读、理解并接受修改后的隐私政策并受其约束。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section">
|
||||||
|
<h2>九、联系我们</h2>
|
||||||
|
<p>如果您对本隐私政策有任何疑问、意见或建议，通过以下方式与我们联系：</p>
|
||||||
|
<ul>
|
||||||
|
<li><strong>客服电话：</strong>请在 APP 内查看</li>
|
||||||
|
<li><strong>客服邮箱：</strong>请在 APP 内查看</li>
|
||||||
|
<li><strong>联系地址：</strong>北京市（详细地址请在 APP 内查看）</li>
|
||||||
|
</ul>
|
||||||
|
<p>一般情况下，我们将在 15 个工作日内回复。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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="/news.html">新闻动态</a></li>
|
||||||
|
<li><a href="/partners.html">合作伙伴</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
|
||||||
|
<p>京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+147
@@ -0,0 +1,147 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>隐私政策</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">隐私保护</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+264
@@ -0,0 +1,264 @@
|
|||||||
|
<!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 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.nav-cta { display: flex; gap: 12px; }
|
||||||
|
.btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
|
||||||
|
.btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
|
||||||
|
.nav-btn { padding: 10px 20px; font-size: 14px; }
|
||||||
|
.hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
|
||||||
|
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
|
||||||
|
.value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
|
||||||
|
.value-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; padding: 0; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 1024px) { .nav-menu { display: none; } }
|
||||||
|
@media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
</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#home" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/index.html#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>隐私政策</h1>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">隐私保护</h2>
|
||||||
|
<p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🤖</div>
|
||||||
|
<h3>AI 驱动</h3>
|
||||||
|
<p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🔒</div>
|
||||||
|
<h3>安全合规</h3>
|
||||||
|
<p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">🎯</div>
|
||||||
|
<h3>专业可靠</h3>
|
||||||
|
<p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<h3>愉悦查</h3>
|
||||||
|
<p>让信任无处不在，让合作没有距离</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>
|
||||||
|
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</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 class="footer-icp">京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Executable
+309
@@ -0,0 +1,309 @@
|
|||||||
|
<!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="愉悦查隐私政策，保护您的个人信息安全">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body { font-family: 'Noto Sans SC', sans-serif; line-height: 2; color: var(--text-primary); }
|
||||||
|
.container { max-width: 1000px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; gap: 8px; text-decoration: none; }
|
||||||
|
.logo-img { height: 60px; width: auto; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; list-style: none; }
|
||||||
|
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.hero { padding: 160px 0 60px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.hero p { font-size: 18px; color: var(--text-secondary); }
|
||||||
|
.content-section { padding: var(--spacing-xl) 0; }
|
||||||
|
.content-section h2 { font-size: 28px; color: var(--primary-orange); margin: 40px 0 20px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-orange); }
|
||||||
|
.content-section h3 { font-size: 20px; margin: 30px 0 15px; color: var(--text-primary); }
|
||||||
|
.content-section h4 { font-size: 18px; margin: 25px 0 12px; color: var(--text-primary); }
|
||||||
|
.content-section p { margin: 15px 0; text-indent: 2em; text-align: justify; }
|
||||||
|
.content-section ul { margin: 15px 0 15px 40px; }
|
||||||
|
.content-section li { margin: 10px 0; }
|
||||||
|
.intro-box { background: var(--bg-gray); padding: 30px; border-radius: var(--radius-lg); margin: 30px 0; border-left: 4px solid var(--primary-orange); }
|
||||||
|
.intro-box p { text-indent: 0; margin: 15px 0; }
|
||||||
|
.update-time { background: var(--bg-gray); padding: 20px; border-radius: var(--radius-lg); margin: 30px 0; text-align: center; }
|
||||||
|
.update-time strong { color: var(--primary-orange); }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
|
||||||
|
.footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
|
||||||
|
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
|
||||||
|
.footer-links { list-style: none; }
|
||||||
|
.footer-links li { margin-bottom: 8px; }
|
||||||
|
.footer-links a { color: white; opacity: 0.8; text-decoration: none; }
|
||||||
|
.footer-links a:hover { opacity: 1; color: var(--primary-orange); }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 768px) { .hero h1 { font-size: 32px; } .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" style="padding:10px 20px;font-size:14px;border:2px solid var(--primary-orange);color:var(--primary-orange);border-radius:8px;text-decoration:none;">技术咨询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank" style="padding:10px 20px;font-size:14px;background:var(--primary-gradient);color:white;border-radius:8px;text-decoration:none;margin-left:12px;">登录</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container">
|
||||||
|
<h1>隐私政策</h1>
|
||||||
|
<p>您的信任对我们非常重要</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="intro-box">
|
||||||
|
<p>我们深知个人信息对您的重要性，我们将按法律法规要求，采取相应安全保护措施，尽力保护您的个人信息安全可控。有鉴于此，北京正信环宇科技有限公司（以下简称"我们"或"愉悦查"）作为愉悦查产品及服务的提供者制定本《隐私政策》（下称"本政策"）并提醒您：</p>
|
||||||
|
<p>本政策适用于全部愉悦查产品及服务，如我们关联公司的产品或服务中使用了愉悦查提供的产品或服务但未设独立的隐私政策的，该部分愉悦查提供的产品或服务同样适用于本政策。</p>
|
||||||
|
<p>需要特别说明的是，本政策不适用于其他第三方通过网页或愉悦查客户端直接向您提供的服务（统称"第三方服务"），您向该第三方服务提供者提供的信息不适用于本政策，您在选择使用第三方服务前应充分了解第三方服务的产品功能及隐私保护政策，再选择是否开通功能。</p>
|
||||||
|
<p><strong>在使用愉悦查产品或服务前，请您务必仔细阅读并透彻理解本政策，在确认充分理解使用相关产品或服务。一旦您开始使用愉悦查产品或服务，即表示您已充分理解并同意本政策。</strong></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="update-time">
|
||||||
|
<p><strong>生效日期：</strong>2026 年 1 月 1 日</p>
|
||||||
|
<p><strong>发布单位：</strong>北京正信环宇科技有限公司</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section">
|
||||||
|
<h2>第一部分 定义</h2>
|
||||||
|
|
||||||
|
<h3>1、愉悦查服务提供者</h3>
|
||||||
|
<p>是指研发并提供愉悦查产品和服务法律主体，北京正信环宇科技有限公司（下称"我们"或"愉悦查"）</p>
|
||||||
|
|
||||||
|
<h3>2、愉悦查用户</h3>
|
||||||
|
<p>是指注册愉悦查账户的用户，以下称"您"。</p>
|
||||||
|
|
||||||
|
<h3>3、个人信息</h3>
|
||||||
|
<p>指以电子或者其他方式记录的能够单独或者与其他信息结合识别特定自然人身份或者反映特定自然人活动情况的各种信息。</p>
|
||||||
|
|
||||||
|
<h3>4、个人信息删除</h3>
|
||||||
|
<p>指在实现日常业务功能所涉及的系统中去除个人信息的行为，使其保持不可被检索、访问的状态，具体指产品内的账号注销功能。</p>
|
||||||
|
|
||||||
|
<h3>5、个人信息匿名化</h3>
|
||||||
|
<p>通过对个人信息的加密技术处理，使得个人信息主体无法被识别，且处理后的信息不能被复原的过程。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section">
|
||||||
|
<h2>第二部分 隐私政策</h2>
|
||||||
|
|
||||||
|
<h3>一、我们如何收集您的个人信息</h3>
|
||||||
|
<p>为了向您及愉悦查企业用户提供愉悦查服务，维护愉悦查服务的正常运行，改进及优化我们的服务体验并保障您的账号安全，我们会出于本政策下述目的及方式收集您在注册、使用愉悦查服务时主动提供、授权提供或基于您使用愉悦查服务时产生的信息：</p>
|
||||||
|
|
||||||
|
<h4>（一）注册愉悦查用户信息</h4>
|
||||||
|
<p>为注册成为愉悦查用户，以便我们为您提供愉悦查服务，诸如数据查询、视频查看等功能，您需要提供您的手机号码及短信验证码以注册并创建愉悦查账号，否则您将不能使用愉悦查服务。</p>
|
||||||
|
<p>如果您仅需使用浏览、搜索愉悦查网页展示的产品、功能及服务介绍，您不需要注册成为愉悦查用户并提供上述信息。</p>
|
||||||
|
<p>如您的账号是注册在企业下的关联账号，当您所在企业用户注销愉悦查账户时，我们将会匿名化处理或删除您在该组织的相关个人信息，但您作为愉悦查个人用户的个人信息仍将保留，除非您主动注销愉悦查账户。</p>
|
||||||
|
<p>在经过用户授权同意的情况下，我司需要获取用户的手机号码以便开展相应业务。</p>
|
||||||
|
|
||||||
|
<h4>（二）使用愉悦查服务过程中收集信息</h4>
|
||||||
|
<p>当您在使用愉悦查服务过程中，为向您提供您需求的愉悦查软件服务、交互展示、搜索结果、识别账号异常状态，维护愉悦查服务的正常运行，改进及优化您对愉悦查服务的体验并保障您的账号安全，包括您使用愉悦查服务以及使用方式的信息，并将这些信息进行关联：</p>
|
||||||
|
|
||||||
|
<p><strong>1、日志信息：</strong></p>
|
||||||
|
<p>当您使用我们的网站或客户端提供的产品或服务时，我们会自动收集您对我们服务的详细使用情况，作为有关网络日志保存。例如您的搜索查询内容、IP 地址、使用的语言、访问日期和时间、您访问的网页记录、日志信息。</p>
|
||||||
|
<p>请注意，单独的设备信息、日志信息是无法识别特定自然人身份的信息。如果我们将这类非个人信息与其他信息结合用于识别特定自然人身份，或者将其与个人信息结合使用，则在结合使用期间，这类非个人信息将有可能被视为个人信息，除取得您授权或法律法规另有规定外，我们会将该类个人信息做匿名化、去标识化处理。</p>
|
||||||
|
|
||||||
|
<p><strong>2、您向我们提供的信息：</strong></p>
|
||||||
|
<p>在服务使用过程中，特别是在申请提现、实名认证或佣金结算时，您需要提供包括但不限于姓名、身份证号、银行卡号、手机号、税务身份信息等个人资料。您同意我们为履行合同义务、税务申报、身份核验、财务结算等必要目的，收集、使用、存储并在必要范围内共享该等信息。在进行税务代扣代缴、结算服务时，我们有权将必要信息提供给依法合作的第三方税务服务商、结算服务商，前提是该第三方承担同等信息保护义务。</p>
|
||||||
|
<p>您可以对愉悦查产品及服务的体验问题反馈，帮助我们更好地了解您使用我们产品或服务的体验和需求，改善我们产品或服务，为此我们会记录您的联系信息、反馈的问题或建议，以便我们进一步联系您反馈您我们的处理意见。为向您提供更好的服务，例如在不同的服务端或设备上提供体验一致的服务和您需求的客服接待，了解产品适配性，识别账号异常状态。</p>
|
||||||
|
|
||||||
|
<p><strong>3、为您提供安全保障收集信息：</strong></p>
|
||||||
|
<p>为预防、发现、调查欺诈、侵权、危害安全、非法或违反与我们或与我们关联公司的协议、政策或规则的行为，我们可能收集或整合您的用户个人信息、服务使用信息、设备信息、日志信息以及我们关联公司、合作伙伴取得您授权或依据法律共享的信息。您理解并同意，我们向您提供的功能和服务场景是不断迭代升级的，如我们未在上述场景中明示您需要收集的个人信息，我们将会通过页面提示、交互设计等方式另行向您明示信息收集的内容、范围和目的并征得您同意。</p>
|
||||||
|
<p>如我们停止运营愉悦查产品或服务，我们将及时停止继续收集您个人信息的活动，将停止运营的通知以公告或短信的形式通知您，并依照所适用的法律对所持有的您的个人信息进行删除或匿名化处理。</p>
|
||||||
|
|
||||||
|
<p><strong>4、手机号码收集及其用途：</strong></p>
|
||||||
|
<p>在您使用愉悦查服务的过程中，我们可能会要求您提供手机号码。我们收集您的手机号码，主要是为了向您发送重要的通知、服务更新、账户安全信息、促销活动、服务相关的短信等。为了确保您能及时获得关于您账号安全、产品更新和优化、系统维护等信息，我们可能会向您发送有关服务变更、功能更新、版本升级等通知，确保您能够持续享受我们的产品和服务。</p>
|
||||||
|
<p>此外，您的手机号码还可能用于为您提供个性化的短信推广内容，帮助您了解我们新推出的服务、产品或活动优惠。我们承诺，不会在未经您明确同意的情况下，将您的手机号码用于任何与服务相关以外的用途，且不会将您的信息出售或租赁给第三方。为了保障您的权益，您可以随时通过设置页面或联系客户服务停止接收短信通知或推广信息。如果您选择取消订阅短信通知或推广，您仍将继续收到与账户安全、系统通知等相关的重要信息。</p>
|
||||||
|
<p>我们会采取严格的措施保护您的手机号码不被滥用，包括采用加密存储、定期审查访问权限等技术和管理手段，以确保您的个人信息安全。同时，我们也会根据适用的法律法规，在您停止使用我们的服务或终止您的账户时，删除或匿名化处理您的手机号码及其他相关信息。</p>
|
||||||
|
|
||||||
|
<h3>二、我们如何使用信息</h3>
|
||||||
|
<p>收集您的信息是为了向您提供服务及提升服务质量，为了实现这一目的，我们会把您的信息用于下列用途：</p>
|
||||||
|
<ul>
|
||||||
|
<li>（1）向您提供您使用的愉悦查产品或服务，并维护、改进、优化这些服务及服务体验；</li>
|
||||||
|
<li>（2）为预防、发现、调查欺诈、侵权、危害安全、非法或违反与我们或与我们关联公司的协议、政策或规则的行为，保护您、其他用户或公众以及我们或我们关联公司的合法权益，我们会使用或整合您的个人信息、服务使用信息、设备信息、日志信息以及我们关联公司、合作伙伴取得您授权或依据法律共享的信息，来综合判断您的操作风险、检测及防范安全事件，并依法采取必要的记录、审计、分析、处置措施；</li>
|
||||||
|
<li>（3）经您许可的其他用途。</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>三、我们如何使用 Cookie 和同类技术</h3>
|
||||||
|
<p>为使您获得更轻松的访问体验，您使用愉悦查产品或服务时，我们可能会通过采用各种技术收集和存储您访问愉悦查服务的相关数据，在您访问或再次访问愉悦查服务时，我们能识别您的身份，并通过分析数据为您提供更好更多的服务。</p>
|
||||||
|
<p>包括使用小型数据文件识别您的身份，这么做是为了解您的使用习惯，帮您省去重复输入账户信息的步骤，或者帮助判断您的账户安全。这些数据文件可能是 Cookie、Flash Cookie，或您的浏览器或关联应用程序提供的其他本地存储（统称"Cookie"）。</p>
|
||||||
|
<p>请您理解，我们的某些服务只能通过使用 Cookie 才可得到实现。如果您的浏览器或浏览器附加服务允许，您可以修改对 Cookie 的接受程度或者拒绝愉悦查的 Cookie，但拒绝愉悦查的 Cookie 在某些情况下您可能无法使用依赖于 cookies 的愉悦查服务的部分功能。</p>
|
||||||
|
|
||||||
|
<h3>四、我们如何共享、转让、公开披露您的信息</h3>
|
||||||
|
|
||||||
|
<h4>(一) 共享</h4>
|
||||||
|
<p>我们不会和其他公司、组织和个人共享您的个人信息，但以下情况除外：</p>
|
||||||
|
<ul>
|
||||||
|
<li>（1）在获取您同意的情况下共享：获得您的明确同意后，我们会与其他方共享您的个人信息。</li>
|
||||||
|
<li>（2）在法定情形下的共享：我们可能会根据法律法规规定、诉讼争议解决需要，或按行政、司法机关依法提出的要求，对外共享您的个人信息。</li>
|
||||||
|
<li>（3）只有透露您的资料，才能提供您所要求的第三方产品和服务，在您通过愉悦查客户端购买查询服务的，您同意愉悦查向实际产品提供者提供您的身份信息，包括真实姓名和身份证号等。为了提升实人认证的准确性，您同意第三方公司仅限于个人信息进行验证相关服务，将您提供的个人信息与法律法规允许的机构或政府机关授权的机构的数据进行校验。</li>
|
||||||
|
<li>（4）在您被他人投诉侵犯知识产权或其他合法权利时，需要向投诉人披露您的必要资料，以便进行投诉处理的；</li>
|
||||||
|
<li>（5）愉悦查服务可能含有其他网站的链接。除法律另有规定外，愉悦查对其他网站的隐私保护措施不负相应法律责任。我们可能在需要的时候增加商业伙伴，但是提供给他们的将仅是综合信息，我们将不会公开您的个人信息。</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>(二) 转让</h4>
|
||||||
|
<p>我们不会将您的个人信息转让给任何公司、组织和个人，但以下情况除外：</p>
|
||||||
|
<ul>
|
||||||
|
<li>（1）在获取明确同意的情况下转让：获得您的明确同意后，我们会向其他方转让您的个人信息。</li>
|
||||||
|
<li>（2）在愉悦查发生合并、收购或破产清算情形，或其他涉及合并、收购或破产清算情形时，如涉及到个人信息转让，我们会要求新的持有您个人信息的公司、组织继续受本政策的约束，否则我们将要求该公司、组织和个人重新向您征求授权同意。</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>(三) 公开披露</h4>
|
||||||
|
<p>我们仅会在以下情况下，公开披露您的个人信息：</p>
|
||||||
|
<ul>
|
||||||
|
<li>（1）获得您明确同意或基于您的主动选择，我们可能会公开披露您的个人信息；</li>
|
||||||
|
<li>（2）如果我们确定您出现违反法律法规或严重违反愉悦查相关协议规则的情况，或为保护愉悦查及其关联公司用户或公众的人身财产安全免遭侵害，我们可能依据法律法规或愉悦查相关协议规则征得您同意的情况下披露关于您的个人信息，包括相关违规行为以及愉悦查已对您采取的措施。</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>(四) 共享、转让、公开披露个人信息时事先征得授权同意的例外</h4>
|
||||||
|
<p>以下情形中，共享、转让、公开披露您的个人信息无需事先征得您的授权同意：</p>
|
||||||
|
<ul>
|
||||||
|
<li>（1）与国家安全、国防安全有关的；</li>
|
||||||
|
<li>（2）与公共安全、公共卫生、重大公共利益有关的；</li>
|
||||||
|
<li>（3）与犯罪侦查、起诉、审判和判决执行等有关的；</li>
|
||||||
|
<li>（4）出于维护您或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；</li>
|
||||||
|
<li>（5）您自行向社会公众公开的个人信息；</li>
|
||||||
|
<li>（6）从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道。</li>
|
||||||
|
</ul>
|
||||||
|
<p>请您注意，根据法律规定，共享、转让经匿名化处理的个人信息，且确保数据接收方无法复原并重新识别个人信息主体的，不属于个人信息的对外共享、转让及公开披露行为，对此类数据的保存及处理将无需另行向您通知并征得您的同意。</p>
|
||||||
|
|
||||||
|
<h3>五、我们如何保护您的信息</h3>
|
||||||
|
<p>我们会采取各种预防措施来保护您的个人信息，以保障您的个人信息免遭丢失、盗用和误用，以及被擅自取阅、披露、更改或销毁。为确保您个人信息的安全，我们有严格的信息安全规定和流程并严格执行上述措施。</p>
|
||||||
|
<p>愉悦查建立了全方位、多维度的数据安全管理体系，保证整个愉悦查各个平台的安全性。我们会采取合理可行的措施，尽力避免收集无关的个人信息，并在限于达成本政策所述目的所需的期限以及所适用法律法规所要求的期限内对您的个人信息进行脱敏处理。在您使用查询过程中所涉及的用户姓名、身份证号、手机号/账号密码信息均采用的是 AES 加密方式，所有二次输出信息均经过脱敏处理，数据库文件不存储用户明文数据。</p>
|
||||||
|
<p>在不幸发生个人信息安全事件后，我们将按照法律法规的要求（最迟不迟于 30 个自然日内）向您告知：安全事件的基本情况和可能的影响、我们已采取或将要采取的处置措施、您可自主防范和降低风险的建议、对您的补救措施等。事件相关情况我们将以邮件、信函、电话通知等方式告知您，难以逐一告知个人信息主体时，我们会采取合理、有效的方式发布公告。同时，我们还将按照监管部门要求，上报个人信息安全事件的处置情况。</p>
|
||||||
|
<p>互联网环境并非百分之百安全，尽管我们有这些安全措施，但仍然无法完全避免互联网中存在的各种风险，我们将尽力确保您的信息的安全性。</p>
|
||||||
|
|
||||||
|
<h3>六、未成年人保护</h3>
|
||||||
|
<p>我们重视未成年人的信息保护，如您为未成年人的，建议您请您的父母或监护人仔细阅读本隐私权政策，并在征得您的父母或监护人同意的前提下使用我们的服务或向我们提供信息。</p>
|
||||||
|
<p>对于经父母或监护人同意使用我们的产品或服务而收集未成年人个人信息的情况，我们只会在法律法规允许，父母或监护人明确同意或者保护未成年人所必要的情况下使用、共享、转让或披露此信息。</p>
|
||||||
|
<p>我们将根据国家相关法律法规及本政策的规定保护未成年人的个人信息。</p>
|
||||||
|
|
||||||
|
<h3>七、您的个人信息存储</h3>
|
||||||
|
|
||||||
|
<h4>(一) 存储地区</h4>
|
||||||
|
<p>我们将在中华人民共和国境内运营愉悦查服务中收集和产生的个人信息存储在中华人民共和国境内。目前，我们不会将上述信息传输至境外，如果我们向境外传输，我们将会遵循相关国家规定或者征求您的同意。</p>
|
||||||
|
|
||||||
|
<h4>(二) 存储期限</h4>
|
||||||
|
<p>您在使用本平台期间，我们将保存您的个人脱敏加密信息，保存期限将以不超过为您提供服务所必须的期间为原则。在您终止使用本平台后，除法律法规对于特定信息保留期限另有规定外，我们会对您的信息进行删除或做匿名化处理。如我们停止运营本平台服务，我们将在合理期限内依照所适用的法律对所持有的您的个人信息进行删除或匿名化处理。</p>
|
||||||
|
|
||||||
|
<h3>八、您享有的权利及权利行使路径</h3>
|
||||||
|
|
||||||
|
<h4>(一) 访问查询权</h4>
|
||||||
|
<p>您对您的愉悦查账号内的信息（含个人信息）依法享有访问查询权，包括：</p>
|
||||||
|
<p><strong>账户信息：</strong>您可以登录手机客户端，通过【我的 - 点击名字或头像】可以访问您的头像信息、姓名、绑定手机号。</p>
|
||||||
|
<p><strong>使用信息：</strong>您可以在愉悦查手机客户端相关页面访问、查询您的使用信息，包括订单信息，可以通过【报告列表 - 查看详情】进行访问、查看。</p>
|
||||||
|
<p><strong>其他信息：</strong>如您在此前述过程中遇到操作问题的或如需获取其他前述无法获知的个人信息内容，您可通过在线客服或邮箱联系我们，我们将在核实您的身份后在合理期限内向您提供，但法律法规另有规定的或本政策另有约定的除外。</p>
|
||||||
|
|
||||||
|
<h4>(二) 同意的撤回与变更</h4>
|
||||||
|
<p>若您需要更改相关权限的授权（例如：相机、相册、麦克风），您可以通过您的硬件设备进行修改。您也可以通过注销愉悦查账户的方式永久撤回我们继续收集您个人信息的全部授权。如您在此过程中遇到操作问题的，可以通过本政策"帮助中心"方式联系我们。</p>
|
||||||
|
|
||||||
|
<h4>(三) 帮助反馈权</h4>
|
||||||
|
<p>我们为您提供了多种反馈渠道，具体请见设置—帮助中心。</p>
|
||||||
|
|
||||||
|
<h4>(四) 提前获知产品与/或服务停止运营权</h4>
|
||||||
|
<p>我们将持续为您提供优质服务，若因特殊原因导致我们的部分或全部产品与/或服务被迫停止运营，我们将提前在显著位置或通知您，并将停止对您个人信息的收集，同时在超出法律法规规定的必需且最短期限后，我们将会对所持有的您的个人信息进行删除或匿名化处理。</p>
|
||||||
|
|
||||||
|
<h3>九、本政策如何更新</h3>
|
||||||
|
<p>我们的隐私政策可能变更。未经您明确同意我们不会限制您按照本隐私政策所应享有的权利。我们会在愉悦查各个平台，包括客户端、相关网页上以首页弹窗形式发布对本隐私政策所做的任何变更，并以交互设计提醒您阅读并完整理解。对于重大变更，我们还会提供更为显著的通知（可能包括公告通知甚至向您提供弹窗提示）。</p>
|
||||||
|
<p>本政策所指的重大变更包括但不限于：</p>
|
||||||
|
<ul>
|
||||||
|
<li>（1）我们的服务模式发生重大变化。如处理用户信息的目的、用户信息的使用方式等；</li>
|
||||||
|
<li>（2）我们在控制权、组织架构等方面发生重大变化。如业务调整、破产并购等引起的所有者变更等；</li>
|
||||||
|
<li>（3）用户信息共享、转让或公开披露的主要对象发生变化；</li>
|
||||||
|
<li>（4）我们负责处理用户信息安全的责任部门、联络方式及投诉渠道发生变化时；</li>
|
||||||
|
<li>（5）用户信息安全影响评估报告表明存在高风险时。</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>十、如何联系我们</h3>
|
||||||
|
<p>如果您对本政策或数据处理有任何疑问、意见或建议，可以通过愉悦查产品内的"联系客服"或邮箱 kefu@yuyuecha.com 与我们联系。我们将在收到您发送的响应请求或相关信息之日起十五（15）天内回复您。</p>
|
||||||
|
<p>您理解并同意，当涉及以下任一情形时，我们无法响应您的请求：</p>
|
||||||
|
<ul>
|
||||||
|
<li>（1）与国家安全、国防安全有关的；</li>
|
||||||
|
<li>（2）与公共安全、公共卫生、重大公共利益有关的；</li>
|
||||||
|
<li>（3）与犯罪侦查、起诉和审判等有关的；</li>
|
||||||
|
<li>（4）有充分证据表明您存在主观恶意或滥用权利的；</li>
|
||||||
|
<li>（5）响应您的请求将导致您或其他个人、组织的合法权益受到严重损害的；</li>
|
||||||
|
<li>（6）涉及愉悦查或任何第三方主体商业秘密的；</li>
|
||||||
|
<li>（7）法律法规规定的其他情形。</li>
|
||||||
|
</ul>
|
||||||
|
<p>如果您对我们的回复不满意，特别是您认为我们的个人信息处理行为损害了您的合法权益，您还可以通过向有管辖权的法院提起诉讼来寻求解决方案。</p>
|
||||||
|
|
||||||
|
<h3>十一、其他</h3>
|
||||||
|
<p>（一）本《隐私政策》的解释及争议解决均应适用中华人民共和国大陆地区法律。与本《隐私政策》相关的任何纠纷，双方应协商友好解决；若不能协商解决，应将争议提交至北京正信环宇科技有限公司注册地有管辖权的人民法院解决。</p>
|
||||||
|
<p>（二）本《隐私政策》的标题仅为方便及阅读而设，并不影响正文其中任何规定的含义或解释。</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="update-time">
|
||||||
|
<p><strong>2026 年 1 月 1 日</strong></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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="/news.html">新闻动态</a></li>
|
||||||
|
<li><a href="/partners.html">合作伙伴</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
|
||||||
|
<p>京 ICP 备 2025158088 号 -2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,699 @@
|
|||||||
|
<!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="愉悦查入职背调报告，员工背景筛查，降低用工风险，批量查询优惠，企业招聘必备">
|
||||||
|
<!-- SEO Enhancement -->
|
||||||
|
<link rel="canonical" href="https://www.yuyuecha.com.cn/product/backgroundcheck.html">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://www.yuyuecha.com.cn/product/backgroundcheck.html">
|
||||||
|
<meta property="og:title" content="入职背调报告 - 愉悦查">
|
||||||
|
<meta property="og:description" content="企业招聘必备，员工背景筛查，批量查询优惠，降低用工风险。">
|
||||||
|
<meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<meta property="og:site_name" content="愉悦查">
|
||||||
|
<meta property="og:locale" content="zh_CN">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="twitter:title" content="入职背调报告 - 愉悦查">
|
||||||
|
<meta name="twitter:description" content="企业招聘必备，员工背景筛查，批量查询优惠，降低用工风险。">
|
||||||
|
<meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; --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; }
|
||||||
|
ul { list-style: none; }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
|
||||||
|
.btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; transition: var(--transition); border: none; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; }
|
||||||
|
.btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; }
|
||||||
|
.nav-menu { display: flex; gap: var(--spacing-lg); }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
|
||||||
|
.price span { font-size: 24px; color: var(--text-secondary); }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-md); margin-top: 32px; }
|
||||||
|
.feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
|
||||||
|
.feature-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.content-section { background: var(--bg-gray); }
|
||||||
|
.content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); margin-top: 32px; }
|
||||||
|
.content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
|
||||||
|
.content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
|
||||||
|
.cta { background: var(--primary-gradient); color: white; text-align: center; padding: var(--spacing-xl) 0; }
|
||||||
|
.cta-buttons { display: flex; justify-content: center; gap: var(--spacing-sm); margin-top: 24px; }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: var(--spacing-xl) 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: var(--spacing-lg); }
|
||||||
|
.footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
|
||||||
|
/* Mobile Menu */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Navbar ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
padding: 12px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
-webkit-backdrop-filter: blur(20px);
|
||||||
|
}
|
||||||
|
.navbar.scrolled {
|
||||||
|
padding: 8px 0;
|
||||||
|
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
||||||
|
}
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 24px;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
height: 44px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: 32px;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #1A1A1A;
|
||||||
|
text-decoration: none;
|
||||||
|
position: relative;
|
||||||
|
padding: 6px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #FF6A19;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
.nav-link:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.nav-btn {
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-decoration: none;
|
||||||
|
border: none;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn {
|
||||||
|
border: 1.5px solid #FF6A19;
|
||||||
|
color: #FF6A19;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn:hover {
|
||||||
|
background: #FFF5F0;
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn {
|
||||||
|
background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
|
||||||
|
color: white;
|
||||||
|
box-shadow: 0 2px 8px rgba(255,106,25,0.3);
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 4px 12px rgba(255,106,25,0.4);
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 4px;
|
||||||
|
z-index: 1001;
|
||||||
|
}
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 24px;
|
||||||
|
height: 2px;
|
||||||
|
background: #1A1A1A;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-menu {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(255,255,255,0.98);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 24px;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.nav-menu.active {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Footer ===== */
|
||||||
|
.footer {
|
||||||
|
background: #1A1A1A;
|
||||||
|
color: white;
|
||||||
|
padding: 60px 0 30px;
|
||||||
|
}
|
||||||
|
.footer-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
||||||
|
gap: 48px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.footer-brand h3 {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
background: linear-gradient(135deg, #FF6A19, #FC6E18);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
.footer-brand p {
|
||||||
|
color: rgba(255,255,255,0.6);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.footer-title {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: rgba(255,255,255,0.9);
|
||||||
|
}
|
||||||
|
.footer-links {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.footer-links li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.footer-links a {
|
||||||
|
color: rgba(255,255,255,0.5);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.footer-links a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 24px;
|
||||||
|
border-top: 1px solid rgba(255,255,255,0.1);
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp a {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.footer-icp a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 32px;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="/index.html" class="logo">
|
||||||
|
<img src="../assets/logo-nav.png" srcset="../assets/logo-nav.png 1x, ../assets/logo-nav-2x.png 2x" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/about.html" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="product-hero">
|
||||||
|
<div class="container">
|
||||||
|
<span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">💼 企业必备</span>
|
||||||
|
<h1>入职背调报告</h1>
|
||||||
|
<div class="price">¥69.9 <span>/份</span></div>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">企业招聘必备，员工背景筛查，降低用工风险，提升招聘质量，批量查询更优惠</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-outline">立即查询</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">产品优势</h2>
|
||||||
|
<div class="features-grid">
|
||||||
|
<div class="feature-card"><div class="feature-icon">📋</div><h3>全面筛查</h3><p>3-4 个数据接口组合，全面背景调查</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">⚡</div><h3>快速出结果</h3><p>秒级响应，最快 3 秒生成报告</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">💰</div><h3>批量优惠</h3><p>企业批量查询享受专属折扣</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🔒</div><h3>合规授权</h3><p>严格遵循个人信息保护法规</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🎯</div><h3>降低风险</h3><p>有效降低用工风险，提升招聘质量</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section content-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">报告内容</h2>
|
||||||
|
<div class="content-grid">
|
||||||
|
<div class="content-list"><h3>📊 报告包含</h3><ul><li>身份信息核验</li><li>学历信息验证</li><li>工作履历核实</li><li>司法风险排查</li><li>信用记录查询</li><li>综合风险评估</li></ul></div>
|
||||||
|
<div class="content-list"><h3>✅ 适用场景</h3><ul><li>企业招聘背景调查</li><li>高管入职背调</li><li>关键岗位人员筛查</li><li>批量员工背景核实</li><li>合作伙伴背景调查</li></ul></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="cta">
|
||||||
|
<div class="container">
|
||||||
|
<h2>降低用工风险，从背调开始</h2>
|
||||||
|
<p>立即获取入职背调报告，提升招聘质量</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥69.9</a><a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
|
||||||
|
</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;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
|
||||||
|
<p style="font-size:13px;color:rgba(255,255,255,0.5);">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>
|
||||||
|
<li><a href="/investment.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="/all-apis.html">全部接口</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 class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script>
|
||||||
|
// Mobile Menu Toggle
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navbar scroll effect
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar) {
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
if (window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
// ===== Navbar Scroll Effect =====
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar && window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else if (navbar) {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// ===== Mobile Menu Toggle =====
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,384 @@
|
|||||||
|
<!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="愉悦查入职背调报告，员工背景筛查，降低用工风险，批量查询优惠，企业招聘必备">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; --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; }
|
||||||
|
ul { list-style: none; }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
|
||||||
|
.btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; transition: var(--transition); border: none; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; }
|
||||||
|
.btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; }
|
||||||
|
.nav-menu { display: flex; gap: var(--spacing-lg); }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
|
||||||
|
.price span { font-size: 24px; color: var(--text-secondary); }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-md); margin-top: 32px; }
|
||||||
|
.feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
|
||||||
|
.feature-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.content-section { background: var(--bg-gray); }
|
||||||
|
.content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); margin-top: 32px; }
|
||||||
|
.content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
|
||||||
|
.content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
|
||||||
|
.cta { background: var(--primary-gradient); color: white; text-align: center; padding: var(--spacing-xl) 0; }
|
||||||
|
.cta-buttons { display: flex; justify-content: center; gap: var(--spacing-sm); margin-top: 24px; }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: var(--spacing-xl) 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: var(--spacing-lg); }
|
||||||
|
.footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
|
||||||
|
/* Mobile Menu */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="#" 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="#home" class="nav-link">首页</a></li>
|
||||||
|
<li><a href="#products" class="nav-link">产品服务</a></li>
|
||||||
|
<li><a href="/sample.html" class="nav-link">示例报告</a></li>
|
||||||
|
<li><a href="#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="product-hero">
|
||||||
|
<div class="container">
|
||||||
|
<span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">💼 企业必备</span>
|
||||||
|
<h1>入职背调报告</h1>
|
||||||
|
<div class="price">¥69.9 <span>/份</span></div>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">企业招聘必备，员工背景筛查，降低用工风险，提升招聘质量，批量查询更优惠</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-outline">立即查询</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">产品优势</h2>
|
||||||
|
<div class="features-grid">
|
||||||
|
<div class="feature-card"><div class="feature-icon">📋</div><h3>全面筛查</h3><p>3-4 个数据接口组合，全面背景调查</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">⚡</div><h3>快速出结果</h3><p>秒级响应，最快 3 秒生成报告</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">💰</div><h3>批量优惠</h3><p>企业批量查询享受专属折扣</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🔒</div><h3>合规授权</h3><p>严格遵循个人信息保护法规</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🎯</div><h3>降低风险</h3><p>有效降低用工风险，提升招聘质量</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section content-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">报告内容</h2>
|
||||||
|
<div class="content-grid">
|
||||||
|
<div class="content-list"><h3>📊 报告包含</h3><ul><li>身份信息核验</li><li>学历信息验证</li><li>工作履历核实</li><li>司法风险排查</li><li>信用记录查询</li><li>综合风险评估</li></ul></div>
|
||||||
|
<div class="content-list"><h3>✅ 适用场景</h3><ul><li>企业招聘背景调查</li><li>高管入职背调</li><li>关键岗位人员筛查</li><li>批量员工背景核实</li><li>合作伙伴背景调查</li></ul></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="cta">
|
||||||
|
<div class="container">
|
||||||
|
<h2>降低用工风险，从背调开始</h2>
|
||||||
|
<p>立即获取入职背调报告，提升招聘质量</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥69.9</a><a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
|
||||||
|
<div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">婚恋风险报告</a></li><li><a href="/index.html#products">入职背调报告</a></li></ul></div>
|
||||||
|
<div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
|
||||||
|
<div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script>
|
||||||
|
// Mobile Menu Toggle
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navbar scroll effect
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar) {
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
if (window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
// ===== Navbar Scroll Effect =====
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar && window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else if (navbar) {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// ===== Mobile Menu Toggle =====
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,384 @@
|
|||||||
|
<!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="愉悦查入职背调报告，员工背景筛查，降低用工风险，批量查询优惠，企业招聘必备">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; --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; }
|
||||||
|
ul { list-style: none; }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
|
||||||
|
.btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; transition: var(--transition); border: none; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; }
|
||||||
|
.btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; }
|
||||||
|
.nav-menu { display: flex; gap: var(--spacing-lg); }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
|
||||||
|
.price span { font-size: 24px; color: var(--text-secondary); }
|
||||||
|
.section { padding: var(--spacing-xl) 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-md); margin-top: 32px; }
|
||||||
|
.feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
|
||||||
|
.feature-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.content-section { background: var(--bg-gray); }
|
||||||
|
.content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); margin-top: 32px; }
|
||||||
|
.content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
|
||||||
|
.content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
|
||||||
|
.cta { background: var(--primary-gradient); color: white; text-align: center; padding: var(--spacing-xl) 0; }
|
||||||
|
.cta-buttons { display: flex; justify-content: center; gap: var(--spacing-sm); margin-top: 24px; }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: var(--spacing-xl) 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: var(--spacing-lg); }
|
||||||
|
.footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
|
||||||
|
/* Mobile Menu */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="#" 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="#home" class="nav-link">首页</a></li>
|
||||||
|
<li><a href="#products" class="nav-link">产品服务</a></li>
|
||||||
|
<li><a href="/sample.html" class="nav-link">示例报告</a></li>
|
||||||
|
<li><a href="#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="product-hero">
|
||||||
|
<div class="container">
|
||||||
|
<span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">💼 企业必备</span>
|
||||||
|
<h1>入职背调报告</h1>
|
||||||
|
<div class="price">¥69.9 <span>/份</span></div>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">企业招聘必备，员工背景筛查，降低用工风险，提升招聘质量，批量查询更优惠</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-outline">立即查询</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">产品优势</h2>
|
||||||
|
<div class="features-grid">
|
||||||
|
<div class="feature-card"><div class="feature-icon">📋</div><h3>全面筛查</h3><p>3-4 个数据接口组合，全面背景调查</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">⚡</div><h3>快速出结果</h3><p>秒级响应，最快 3 秒生成报告</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">💰</div><h3>批量优惠</h3><p>企业批量查询享受专属折扣</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🔒</div><h3>合规授权</h3><p>严格遵循个人信息保护法规</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🎯</div><h3>降低风险</h3><p>有效降低用工风险，提升招聘质量</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section content-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">报告内容</h2>
|
||||||
|
<div class="content-grid">
|
||||||
|
<div class="content-list"><h3>📊 报告包含</h3><ul><li>身份信息核验</li><li>学历信息验证</li><li>工作履历核实</li><li>司法风险排查</li><li>信用记录查询</li><li>综合风险评估</li></ul></div>
|
||||||
|
<div class="content-list"><h3>✅ 适用场景</h3><ul><li>企业招聘背景调查</li><li>高管入职背调</li><li>关键岗位人员筛查</li><li>批量员工背景核实</li><li>合作伙伴背景调查</li></ul></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="cta">
|
||||||
|
<div class="container">
|
||||||
|
<h2>降低用工风险，从背调开始</h2>
|
||||||
|
<p>立即获取入职背调报告，提升招聘质量</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥69.9</a><a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
|
||||||
|
<div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">婚恋风险报告</a></li><li><a href="/index.html#products">入职背调报告</a></li></ul></div>
|
||||||
|
<div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
|
||||||
|
<div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script>
|
||||||
|
// Mobile Menu Toggle
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navbar scroll effect
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar) {
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
if (window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
// ===== Navbar Scroll Effect =====
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar && window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else if (navbar) {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// ===== Mobile Menu Toggle =====
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,699 @@
|
|||||||
|
<!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="愉悦查小微企业报告，3-4 个数据接口组合，企业风险筛查，合作前必备，PDF 格式下载">
|
||||||
|
<!-- SEO Enhancement -->
|
||||||
|
<link rel="canonical" href="https://www.yuyuecha.com.cn/product/companyinfo.html">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://www.yuyuecha.com.cn/product/companyinfo.html">
|
||||||
|
<meta property="og:title" content="小微企业报告 - 愉悦查">
|
||||||
|
<meta property="og:description" content="企业风险筛查，合作前必备，3-4 个数据接口交叉验证。">
|
||||||
|
<meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<meta property="og:site_name" content="愉悦查">
|
||||||
|
<meta property="og:locale" content="zh_CN">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="twitter:title" content="小微企业报告 - 愉悦查">
|
||||||
|
<meta name="twitter:description" content="企业风险筛查，合作前必备，3-4 个数据接口交叉验证。">
|
||||||
|
<meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { 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; }
|
||||||
|
ul { list-style: none; }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; transition: all 0.3s; border: none; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; }
|
||||||
|
.btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
|
||||||
|
.price span { font-size: 24px; color: var(--text-secondary); }
|
||||||
|
.section { padding: 64px 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
|
||||||
|
.feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
|
||||||
|
.feature-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.content-section { background: var(--bg-gray); }
|
||||||
|
.content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
|
||||||
|
.content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
|
||||||
|
.content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
|
||||||
|
.cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
|
||||||
|
.cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
|
||||||
|
.footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
|
||||||
|
/* Mobile Menu */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Navbar ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
padding: 12px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
-webkit-backdrop-filter: blur(20px);
|
||||||
|
}
|
||||||
|
.navbar.scrolled {
|
||||||
|
padding: 8px 0;
|
||||||
|
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
||||||
|
}
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 24px;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
height: 44px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: 32px;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #1A1A1A;
|
||||||
|
text-decoration: none;
|
||||||
|
position: relative;
|
||||||
|
padding: 6px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #FF6A19;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
.nav-link:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.nav-btn {
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-decoration: none;
|
||||||
|
border: none;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn {
|
||||||
|
border: 1.5px solid #FF6A19;
|
||||||
|
color: #FF6A19;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn:hover {
|
||||||
|
background: #FFF5F0;
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn {
|
||||||
|
background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
|
||||||
|
color: white;
|
||||||
|
box-shadow: 0 2px 8px rgba(255,106,25,0.3);
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 4px 12px rgba(255,106,25,0.4);
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 4px;
|
||||||
|
z-index: 1001;
|
||||||
|
}
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 24px;
|
||||||
|
height: 2px;
|
||||||
|
background: #1A1A1A;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-menu {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(255,255,255,0.98);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 24px;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.nav-menu.active {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Footer ===== */
|
||||||
|
.footer {
|
||||||
|
background: #1A1A1A;
|
||||||
|
color: white;
|
||||||
|
padding: 60px 0 30px;
|
||||||
|
}
|
||||||
|
.footer-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
||||||
|
gap: 48px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.footer-brand h3 {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
background: linear-gradient(135deg, #FF6A19, #FC6E18);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
.footer-brand p {
|
||||||
|
color: rgba(255,255,255,0.6);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.footer-title {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: rgba(255,255,255,0.9);
|
||||||
|
}
|
||||||
|
.footer-links {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.footer-links li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.footer-links a {
|
||||||
|
color: rgba(255,255,255,0.5);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.footer-links a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 24px;
|
||||||
|
border-top: 1px solid rgba(255,255,255,0.1);
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp a {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.footer-icp a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 32px;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="/index.html" class="logo">
|
||||||
|
<img src="../assets/logo-nav.png" srcset="../assets/logo-nav.png 1x, ../assets/logo-nav-2x.png 2x" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/about.html" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="product-hero">
|
||||||
|
<div class="container">
|
||||||
|
<span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">🏢 合作必备</span>
|
||||||
|
<h1>小微企业报告</h1>
|
||||||
|
<div class="price">¥69.9 <span>/份</span></div>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">企业合作前必备，全面了解企业经营状况、信用记录、司法风险等信息，降低合作风险</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-outline">立即查询</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">产品优势</h2>
|
||||||
|
<div class="features-grid">
|
||||||
|
<div class="feature-card"><div class="feature-icon">📊</div><h3>全面尽调</h3><p>3-4 个数据接口组合，全面企业画像</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">⚡</div><h3>快速响应</h3><p>秒级生成报告，决策不等待</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🛡️</div><h3>风险预警</h3><p>提前发现潜在风险，避免损失</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🔍</div><h3>深度分析</h3><p>多维度企业数据分析</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">💰</div><h3>性价比高</h3><p>仅需¥69.9，获取全面企业信息</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section content-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">报告内容</h2>
|
||||||
|
<div class="content-grid">
|
||||||
|
<div class="content-list"><h3>📊 报告包含</h3><ul><li>企业基本信息</li><li>经营状态分析</li><li>信用记录查询</li><li>司法风险排查</li><li>关联关系分析</li><li>综合风险评估</li></ul></div>
|
||||||
|
<div class="content-list"><h3>✅ 适用场景</h3><ul><li>商业合作前尽调</li><li>供应商资质审核</li><li>客户信用评估</li><li>投资前背景调查</li><li>合作伙伴风险筛查</li></ul></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="cta">
|
||||||
|
<div class="container">
|
||||||
|
<h2>合作前查一查，风险早知道</h2>
|
||||||
|
<p>立即获取小微企业报告，降低合作风险</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥69.9</a><a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
|
||||||
|
</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;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
|
||||||
|
<p style="font-size:13px;color:rgba(255,255,255,0.5);">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>
|
||||||
|
<li><a href="/investment.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="/all-apis.html">全部接口</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 class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script>
|
||||||
|
// Mobile Menu Toggle
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navbar scroll effect
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar) {
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
if (window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
// ===== Navbar Scroll Effect =====
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar && window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else if (navbar) {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// ===== Mobile Menu Toggle =====
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,384 @@
|
|||||||
|
<!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="愉悦查小微企业报告，3-4 个数据接口组合，企业风险筛查，合作前必备，PDF 格式下载">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { 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; }
|
||||||
|
ul { list-style: none; }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; transition: all 0.3s; border: none; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; }
|
||||||
|
.btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
|
||||||
|
.price span { font-size: 24px; color: var(--text-secondary); }
|
||||||
|
.section { padding: 64px 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
|
||||||
|
.feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
|
||||||
|
.feature-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.content-section { background: var(--bg-gray); }
|
||||||
|
.content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
|
||||||
|
.content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
|
||||||
|
.content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
|
||||||
|
.cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
|
||||||
|
.cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
|
||||||
|
.footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
|
||||||
|
/* Mobile Menu */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="#" 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="#home" class="nav-link">首页</a></li>
|
||||||
|
<li><a href="#products" class="nav-link">产品服务</a></li>
|
||||||
|
<li><a href="/sample.html" class="nav-link">示例报告</a></li>
|
||||||
|
<li><a href="#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="product-hero">
|
||||||
|
<div class="container">
|
||||||
|
<span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">🏢 合作必备</span>
|
||||||
|
<h1>小微企业报告</h1>
|
||||||
|
<div class="price">¥69.9 <span>/份</span></div>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">企业合作前必备，全面了解企业经营状况、信用记录、司法风险等信息，降低合作风险</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-outline">立即查询</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">产品优势</h2>
|
||||||
|
<div class="features-grid">
|
||||||
|
<div class="feature-card"><div class="feature-icon">📊</div><h3>全面尽调</h3><p>3-4 个数据接口组合，全面企业画像</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">⚡</div><h3>快速响应</h3><p>秒级生成报告，决策不等待</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🛡️</div><h3>风险预警</h3><p>提前发现潜在风险，避免损失</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🔍</div><h3>深度分析</h3><p>多维度企业数据分析</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">💰</div><h3>性价比高</h3><p>仅需¥69.9，获取全面企业信息</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section content-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">报告内容</h2>
|
||||||
|
<div class="content-grid">
|
||||||
|
<div class="content-list"><h3>📊 报告包含</h3><ul><li>企业基本信息</li><li>经营状态分析</li><li>信用记录查询</li><li>司法风险排查</li><li>关联关系分析</li><li>综合风险评估</li></ul></div>
|
||||||
|
<div class="content-list"><h3>✅ 适用场景</h3><ul><li>商业合作前尽调</li><li>供应商资质审核</li><li>客户信用评估</li><li>投资前背景调查</li><li>合作伙伴风险筛查</li></ul></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="cta">
|
||||||
|
<div class="container">
|
||||||
|
<h2>合作前查一查，风险早知道</h2>
|
||||||
|
<p>立即获取小微企业报告，降低合作风险</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥69.9</a><a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
|
||||||
|
<div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">婚恋风险报告</a></li><li><a href="/index.html#products">小微企业报告</a></li></ul></div>
|
||||||
|
<div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
|
||||||
|
<div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script>
|
||||||
|
// Mobile Menu Toggle
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navbar scroll effect
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar) {
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
if (window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
// ===== Navbar Scroll Effect =====
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar && window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else if (navbar) {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// ===== Mobile Menu Toggle =====
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,384 @@
|
|||||||
|
<!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="愉悦查小微企业报告，3-4 个数据接口组合，企业风险筛查，合作前必备，PDF 格式下载">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { 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; }
|
||||||
|
ul { list-style: none; }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; transition: all 0.3s; border: none; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; }
|
||||||
|
.btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
|
||||||
|
.price span { font-size: 24px; color: var(--text-secondary); }
|
||||||
|
.section { padding: 64px 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
|
||||||
|
.feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
|
||||||
|
.feature-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.content-section { background: var(--bg-gray); }
|
||||||
|
.content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
|
||||||
|
.content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
|
||||||
|
.content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
|
||||||
|
.cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
|
||||||
|
.cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
|
||||||
|
.footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
|
||||||
|
/* Mobile Menu */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="#" 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="#home" class="nav-link">首页</a></li>
|
||||||
|
<li><a href="#products" class="nav-link">产品服务</a></li>
|
||||||
|
<li><a href="/sample.html" class="nav-link">示例报告</a></li>
|
||||||
|
<li><a href="#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="product-hero">
|
||||||
|
<div class="container">
|
||||||
|
<span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">🏢 合作必备</span>
|
||||||
|
<h1>小微企业报告</h1>
|
||||||
|
<div class="price">¥69.9 <span>/份</span></div>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">企业合作前必备，全面了解企业经营状况、信用记录、司法风险等信息，降低合作风险</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-outline">立即查询</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">产品优势</h2>
|
||||||
|
<div class="features-grid">
|
||||||
|
<div class="feature-card"><div class="feature-icon">📊</div><h3>全面尽调</h3><p>3-4 个数据接口组合，全面企业画像</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">⚡</div><h3>快速响应</h3><p>秒级生成报告，决策不等待</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🛡️</div><h3>风险预警</h3><p>提前发现潜在风险，避免损失</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🔍</div><h3>深度分析</h3><p>多维度企业数据分析</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">💰</div><h3>性价比高</h3><p>仅需¥69.9，获取全面企业信息</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section content-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">报告内容</h2>
|
||||||
|
<div class="content-grid">
|
||||||
|
<div class="content-list"><h3>📊 报告包含</h3><ul><li>企业基本信息</li><li>经营状态分析</li><li>信用记录查询</li><li>司法风险排查</li><li>关联关系分析</li><li>综合风险评估</li></ul></div>
|
||||||
|
<div class="content-list"><h3>✅ 适用场景</h3><ul><li>商业合作前尽调</li><li>供应商资质审核</li><li>客户信用评估</li><li>投资前背景调查</li><li>合作伙伴风险筛查</li></ul></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="cta">
|
||||||
|
<div class="container">
|
||||||
|
<h2>合作前查一查，风险早知道</h2>
|
||||||
|
<p>立即获取小微企业报告，降低合作风险</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥69.9</a><a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
|
||||||
|
<div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">婚恋风险报告</a></li><li><a href="/index.html#products">小微企业报告</a></li></ul></div>
|
||||||
|
<div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
|
||||||
|
<div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script>
|
||||||
|
// Mobile Menu Toggle
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navbar scroll effect
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar) {
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
if (window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
// ===== Navbar Scroll Effect =====
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar && window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else if (navbar) {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// ===== Mobile Menu Toggle =====
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,699 @@
|
|||||||
|
<!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="愉悦查消金报告，3-4 个数据接口组合，消费金融风险评估，快速决策支持，PDF 格式下载">
|
||||||
|
<!-- SEO Enhancement -->
|
||||||
|
<link rel="canonical" href="https://www.yuyuecha.com.cn/product/consumerFinanceReport.html">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://www.yuyuecha.com.cn/product/consumerFinanceReport.html">
|
||||||
|
<meta property="og:title" content="消金报告 - 愉悦查">
|
||||||
|
<meta property="og:description" content="消费金融风险评估，快速决策支持，PDF 下载。">
|
||||||
|
<meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<meta property="og:site_name" content="愉悦查">
|
||||||
|
<meta property="og:locale" content="zh_CN">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="twitter:title" content="消金报告 - 愉悦查">
|
||||||
|
<meta name="twitter:description" content="消费金融风险评估，快速决策支持，PDF 下载。">
|
||||||
|
<meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { 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; }
|
||||||
|
ul { list-style: none; }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; border: none; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; }
|
||||||
|
.btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
|
||||||
|
.price span { font-size: 24px; color: var(--text-secondary); }
|
||||||
|
.section { padding: 64px 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
|
||||||
|
.feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
|
||||||
|
.feature-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.content-section { background: var(--bg-gray); }
|
||||||
|
.content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
|
||||||
|
.content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
|
||||||
|
.content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
|
||||||
|
.cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
|
||||||
|
.cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
|
||||||
|
.footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
|
||||||
|
/* Mobile Menu */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Navbar ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
padding: 12px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
-webkit-backdrop-filter: blur(20px);
|
||||||
|
}
|
||||||
|
.navbar.scrolled {
|
||||||
|
padding: 8px 0;
|
||||||
|
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
||||||
|
}
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 24px;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.logo-img {
|
||||||
|
height: 44px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: 32px;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #1A1A1A;
|
||||||
|
text-decoration: none;
|
||||||
|
position: relative;
|
||||||
|
padding: 6px 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #FF6A19;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
.nav-link:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.nav-btn {
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-decoration: none;
|
||||||
|
border: none;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn {
|
||||||
|
border: 1.5px solid #FF6A19;
|
||||||
|
color: #FF6A19;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.btn-outline.nav-btn:hover {
|
||||||
|
background: #FFF5F0;
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn {
|
||||||
|
background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
|
||||||
|
color: white;
|
||||||
|
box-shadow: 0 2px 8px rgba(255,106,25,0.3);
|
||||||
|
}
|
||||||
|
.btn-primary.nav-btn:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 4px 12px rgba(255,106,25,0.4);
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 4px;
|
||||||
|
z-index: 1001;
|
||||||
|
}
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 24px;
|
||||||
|
height: 2px;
|
||||||
|
background: #1A1A1A;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-menu {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(255,255,255,0.98);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 24px;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.nav-menu.active {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Unified Footer ===== */
|
||||||
|
.footer {
|
||||||
|
background: #1A1A1A;
|
||||||
|
color: white;
|
||||||
|
padding: 60px 0 30px;
|
||||||
|
}
|
||||||
|
.footer-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
||||||
|
gap: 48px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.footer-brand h3 {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
background: linear-gradient(135deg, #FF6A19, #FC6E18);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
.footer-brand p {
|
||||||
|
color: rgba(255,255,255,0.6);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.footer-title {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: rgba(255,255,255,0.9);
|
||||||
|
}
|
||||||
|
.footer-links {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.footer-links li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.footer-links a {
|
||||||
|
color: rgba(255,255,255,0.5);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.footer-links a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 24px;
|
||||||
|
border-top: 1px solid rgba(255,255,255,0.1);
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
}
|
||||||
|
.footer-icp a {
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.footer-icp a:hover {
|
||||||
|
color: #FF6A19;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 32px;
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="/index.html" class="logo">
|
||||||
|
<img src="../assets/logo-nav.png" srcset="../assets/logo-nav.png 1x, ../assets/logo-nav-2x.png 2x" 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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="/about.html" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="product-hero">
|
||||||
|
<div class="container">
|
||||||
|
<span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">💳 金融风控</span>
|
||||||
|
<h1>消金报告</h1>
|
||||||
|
<div class="price">¥39.9 <span>/份</span></div>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">消费金融风险评估，快速决策支持，降低信贷风险，助力金融机构精准风控</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-outline">立即查询</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">产品优势</h2>
|
||||||
|
<div class="features-grid">
|
||||||
|
<div class="feature-card"><div class="feature-icon">📊</div><h3>多维评估</h3><p>3-4 个数据接口组合，全面风险评估</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">⚡</div><h3>快速响应</h3><p>秒级生成报告，决策不等待</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🎯</div><h3>精准风控</h3><p>AI 智能分析，准确率 99% 以上</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🔒</div><h3>合规授权</h3><p>严格遵循金融数据使用规范</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">💰</div><h3>价格实惠</h3><p>仅需¥39.9，获取专业风控报告</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section content-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">报告内容</h2>
|
||||||
|
<div class="content-grid">
|
||||||
|
<div class="content-list"><h3>📊 报告包含</h3><ul><li>个人身份信息核验</li><li>信用记录查询</li><li>负债情况分析</li><li>司法风险排查</li><li>消费行为评估</li><li>综合风险评分</li></ul></div>
|
||||||
|
<div class="content-list"><h3>✅ 适用场景</h3><ul><li>消费贷款审批</li><li>信用卡申请审核</li><li>分期购物风控</li><li>小额信贷评估</li><li>个人信用核查</li></ul></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="cta">
|
||||||
|
<div class="container">
|
||||||
|
<h2>精准风控，从消金报告开始</h2>
|
||||||
|
<p>立即获取消金报告，降低信贷风险</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥39.9</a><a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
|
||||||
|
</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;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
|
||||||
|
<p style="font-size:13px;color:rgba(255,255,255,0.5);">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>
|
||||||
|
<li><a href="/investment.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="/all-apis.html">全部接口</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 class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script>
|
||||||
|
// Mobile Menu Toggle
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navbar scroll effect
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar) {
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
if (window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
// ===== Navbar Scroll Effect =====
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar && window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else if (navbar) {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// ===== Mobile Menu Toggle =====
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,384 @@
|
|||||||
|
<!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="愉悦查消金报告，3-4 个数据接口组合，消费金融风险评估，快速决策支持，PDF 格式下载">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { 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; }
|
||||||
|
ul { list-style: none; }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; border: none; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; }
|
||||||
|
.btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
|
||||||
|
.price span { font-size: 24px; color: var(--text-secondary); }
|
||||||
|
.section { padding: 64px 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
|
||||||
|
.feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
|
||||||
|
.feature-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.content-section { background: var(--bg-gray); }
|
||||||
|
.content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
|
||||||
|
.content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
|
||||||
|
.content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
|
||||||
|
.cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
|
||||||
|
.cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
|
||||||
|
.footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
|
||||||
|
/* Mobile Menu */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="#" 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="#home" class="nav-link">首页</a></li>
|
||||||
|
<li><a href="#products" class="nav-link">产品服务</a></li>
|
||||||
|
<li><a href="/sample.html" class="nav-link">示例报告</a></li>
|
||||||
|
<li><a href="#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="product-hero">
|
||||||
|
<div class="container">
|
||||||
|
<span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">💳 金融风控</span>
|
||||||
|
<h1>消金报告</h1>
|
||||||
|
<div class="price">¥39.9 <span>/份</span></div>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">消费金融风险评估，快速决策支持，降低信贷风险，助力金融机构精准风控</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-outline">立即查询</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">产品优势</h2>
|
||||||
|
<div class="features-grid">
|
||||||
|
<div class="feature-card"><div class="feature-icon">📊</div><h3>多维评估</h3><p>3-4 个数据接口组合，全面风险评估</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">⚡</div><h3>快速响应</h3><p>秒级生成报告，决策不等待</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🎯</div><h3>精准风控</h3><p>AI 智能分析，准确率 99% 以上</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🔒</div><h3>合规授权</h3><p>严格遵循金融数据使用规范</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">💰</div><h3>价格实惠</h3><p>仅需¥39.9，获取专业风控报告</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section content-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">报告内容</h2>
|
||||||
|
<div class="content-grid">
|
||||||
|
<div class="content-list"><h3>📊 报告包含</h3><ul><li>个人身份信息核验</li><li>信用记录查询</li><li>负债情况分析</li><li>司法风险排查</li><li>消费行为评估</li><li>综合风险评分</li></ul></div>
|
||||||
|
<div class="content-list"><h3>✅ 适用场景</h3><ul><li>消费贷款审批</li><li>信用卡申请审核</li><li>分期购物风控</li><li>小额信贷评估</li><li>个人信用核查</li></ul></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="cta">
|
||||||
|
<div class="container">
|
||||||
|
<h2>精准风控，从消金报告开始</h2>
|
||||||
|
<p>立即获取消金报告，降低信贷风险</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥39.9</a><a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
|
||||||
|
<div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">消金报告</a></li><li><a href="/index.html#products">家政风险报告</a></li></ul></div>
|
||||||
|
<div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
|
||||||
|
<div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script>
|
||||||
|
// Mobile Menu Toggle
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navbar scroll effect
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar) {
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
if (window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
// ===== Navbar Scroll Effect =====
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar && window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else if (navbar) {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// ===== Mobile Menu Toggle =====
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,384 @@
|
|||||||
|
<!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="愉悦查消金报告，3-4 个数据接口组合，消费金融风险评估，快速决策支持，PDF 格式下载">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<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-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
|
||||||
|
* { 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; }
|
||||||
|
ul { list-style: none; }
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
.btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; border: none; }
|
||||||
|
.btn-primary { background: var(--primary-gradient); color: white; }
|
||||||
|
.btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
|
||||||
|
.navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); 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; }
|
||||||
|
.nav-menu { display: flex; gap: 32px; }
|
||||||
|
.nav-link:hover { color: var(--primary-orange); }
|
||||||
|
.product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
|
||||||
|
.product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
|
||||||
|
.price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
|
||||||
|
.price span { font-size: 24px; color: var(--text-secondary); }
|
||||||
|
.section { padding: 64px 0; }
|
||||||
|
.section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
|
||||||
|
.feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
|
||||||
|
.feature-icon { font-size: 48px; margin-bottom: 16px; }
|
||||||
|
.content-section { background: var(--bg-gray); }
|
||||||
|
.content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
|
||||||
|
.content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
|
||||||
|
.content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
|
||||||
|
.cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
|
||||||
|
.cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
|
||||||
|
.footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
|
||||||
|
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
|
||||||
|
.footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
|
||||||
|
.footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
|
||||||
|
@media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
|
||||||
|
/* Mobile Menu */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 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;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.scrolled {
|
||||||
|
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 60px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
transition: var(--transition);
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover .logo-img {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
transition: var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover {
|
||||||
|
color: var(--primary-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu */
|
||||||
|
.menu-toggle {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle span {
|
||||||
|
width: 25px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--primary-orange);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-cta {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar .container {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-toggle {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
position: fixed;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: white;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 24px;
|
||||||
|
gap: 16px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu.active {
|
||||||
|
transform: translateY(0);
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="navbar" id="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="#" 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="#home" class="nav-link">首页</a></li>
|
||||||
|
<li><a href="#products" class="nav-link">产品服务</a></li>
|
||||||
|
<li><a href="/sample.html" class="nav-link">示例报告</a></li>
|
||||||
|
<li><a href="#technology" class="nav-link">AI 能力</a></li>
|
||||||
|
<li><a href="#partnership" class="nav-link">代理合作</a></li>
|
||||||
|
<li><a href="#about" class="nav-link">关于我们</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="nav-cta">
|
||||||
|
<a href="#products" class="btn btn-outline nav-btn">立即查询</a>
|
||||||
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<section class="product-hero">
|
||||||
|
<div class="container">
|
||||||
|
<span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">💳 金融风控</span>
|
||||||
|
<h1>消金报告</h1>
|
||||||
|
<div class="price">¥39.9 <span>/份</span></div>
|
||||||
|
<p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">消费金融风险评估，快速决策支持，降低信贷风险，助力金融机构精准风控</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-outline">立即查询</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">产品优势</h2>
|
||||||
|
<div class="features-grid">
|
||||||
|
<div class="feature-card"><div class="feature-icon">📊</div><h3>多维评估</h3><p>3-4 个数据接口组合，全面风险评估</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">⚡</div><h3>快速响应</h3><p>秒级生成报告，决策不等待</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🎯</div><h3>精准风控</h3><p>AI 智能分析，准确率 99% 以上</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">🔒</div><h3>合规授权</h3><p>严格遵循金融数据使用规范</p></div>
|
||||||
|
<div class="feature-card"><div class="feature-icon">💰</div><h3>价格实惠</h3><p>仅需¥39.9，获取专业风控报告</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="section content-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">报告内容</h2>
|
||||||
|
<div class="content-grid">
|
||||||
|
<div class="content-list"><h3>📊 报告包含</h3><ul><li>个人身份信息核验</li><li>信用记录查询</li><li>负债情况分析</li><li>司法风险排查</li><li>消费行为评估</li><li>综合风险评分</li></ul></div>
|
||||||
|
<div class="content-list"><h3>✅ 适用场景</h3><ul><li>消费贷款审批</li><li>信用卡申请审核</li><li>分期购物风控</li><li>小额信贷评估</li><li>个人信用核查</li></ul></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="cta">
|
||||||
|
<div class="container">
|
||||||
|
<h2>精准风控，从消金报告开始</h2>
|
||||||
|
<p>立即获取消金报告，降低信贷风险</p>
|
||||||
|
<div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥39.9</a><a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
|
||||||
|
<div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">消金报告</a></li><li><a href="/index.html#products">家政风险报告</a></li></ul></div>
|
||||||
|
<div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
|
||||||
|
<div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script>
|
||||||
|
// Mobile Menu Toggle
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navbar scroll effect
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar) {
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
if (window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
// ===== Navbar Scroll Effect =====
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
const navbar = document.getElementById('navbar');
|
||||||
|
if (navbar && window.scrollY > 50) {
|
||||||
|
navbar.classList.add('scrolled');
|
||||||
|
} else if (navbar) {
|
||||||
|
navbar.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// ===== Mobile Menu Toggle =====
|
||||||
|
const menuToggle = document.getElementById('menuToggle');
|
||||||
|
const navMenu = document.getElementById('navMenu');
|
||||||
|
|
||||||
|
if (menuToggle && navMenu) {
|
||||||
|
menuToggle.addEventListener('click', () => {
|
||||||
|
navMenu.classList.toggle('active');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu when clicking on a link
|
||||||
|
navMenu.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
link.addEventListener('click', () => {
|
||||||
|
navMenu.classList.remove('active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user