<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="上海幸卓智能科技有限公司 - 专注于智能科技、智能家居、健康大数据的智能科技型企业">
    <title>上海幸卓智能科技有限公司 - 智能科技引领健康未来</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="container">
            <div class="nav-brand">
                <h1>幸卓智能</h1>
            </div>
            <ul class="nav-menu">
                <li><a href="#home">首页</a></li>
                <li><a href="#about">关于我们</a></li>
                <li><a href="#products">核心产品</a></li>
                <li><a href="#technology">核心技术</a></li>
                <li><a href="#honors">荣誉资质</a></li>
                <li><a href="#contact">联系我们</a></li>
            </ul>
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </nav>

    <!-- 首页Hero区域 -->
    <section id="home" class="hero">
        <div class="hero-background">
            <div class="hero-overlay"></div>
            <!-- 科幻粒子网格 -->
            <div class="cyber-grid"></div>
            <!-- 浮动粒子 -->
            <div class="particles">
                <div class="particle"></div>
                <div class="particle"></div>
                <div class="particle"></div>
                <div class="particle"></div>
                <div class="particle"></div>
                <div class="particle"></div>
                <div class="particle"></div>
                <div class="particle"></div>
                <div class="particle"></div>
                <div class="particle"></div>
                <div class="particle"></div>
                <div class="particle"></div>
            </div>
            <!-- 光线效果 -->
            <div class="light-beams">
                <div class="beam"></div>
                <div class="beam"></div>
                <div class="beam"></div>
            </div>
            <!-- 科技圆环 -->
            <div class="tech-circles">
                <div class="circle circle-1"></div>
                <div class="circle circle-2"></div>
                <div class="circle circle-3"></div>
            </div>
            <!-- 数据流 -->
            <div class="data-streams">
                <div class="stream"></div>
                <div class="stream"></div>
                <div class="stream"></div>
                <div class="stream"></div>
                <div class="stream"></div>
            </div>
        </div>
        <div class="container hero-content">
            <h1 class="hero-title">上海幸卓智能科技有限公司</h1>
            <p class="hero-subtitle">智能科技 · 健康未来</p>
            <p class="hero-description">专注于智能科技、智能家居、健康大数据领域，用AI人工智能检测技术，为健康产业赋能</p>
            <div class="hero-buttons">
                <a href="#products" class="btn btn-primary">了解产品</a>
                <a href="#contact" class="btn btn-secondary">联系我们</a>
            </div>
        </div>
        <div class="scroll-indicator">
            <span></span>
        </div>
    </section>

    <!-- 关于我们 -->
    <section id="about" class="about">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">关于我们</h2>
                <p class="section-subtitle">About Us</p>
            </div>
            <div class="about-content">
                <div class="about-text">
                    <p>上海幸卓智能科技有限公司成立于<strong>2016年4月25日</strong>，是一家从事智能科技、智能家居、健康大数据领域，可提供技术服务、技术咨询、技术开发、计算机软件开发等服务的智能科技型企业。</p>
                    <p>公司专注于健康产业，研发团队时刻保持对前沿科学技术发展的敏感度，通过人机交互界面设计、搭载智能语音交互模块，实现<strong>"AI 人工智能检测"</strong>。</p>
                    <p>公司目前拥有<strong>专利1件、软件著作权21件</strong>，先后获得"软件产品"、"软件企业"、"高新技术企业"、"上海市高新技术成果转化项目"等多项荣誉，与国内外研究开发机构开展多种形式产学研合作。公司<strong>2020年获得高新技术企业认定</strong>。</p>
                </div>
                <div class="about-stats">
                    <div class="stat-item">
                        <div class="stat-number" data-target="8">0</div>
                        <div class="stat-label">年行业经验</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number" data-target="1">0</div>
                        <div class="stat-label">发明项专利</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number" data-target="21">0</div>
                        <div class="stat-label">项软件著作权</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number" data-target="2020">0</div>
                        <div class="stat-label">年高新技术企业认定</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 核心产品 -->
    <section id="products" class="products">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">核心产品</h2>
                <p class="section-subtitle">Core Products</p>
            </div>
            <div class="products-grid">
                <div class="product-card">
                    <div class="product-icon">💆</div>
                    <h3>智能按摩椅操控软件</h3>
                    <p>集成AI人工智能检测技术，提供个性化按摩方案，实现智能健康管理</p>
                </div>
                <div class="product-card">
                    <div class="product-icon">📱</div>
                    <h3>智能语音中控屏</h3>
                    <p>支持多模态交互，语音控制，实现智能家居场景的无缝连接</p>
                </div>
                <div class="product-card">
                    <div class="product-icon">🖥️</div>
                    <h3>摩术师系统</h3>
                    <p>创新的健康管理平台，整合多源数据，提供全方位的健康解决方案</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 核心技术 -->
    <section id="technology" class="technology">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">核心技术</h2>
                <p class="section-subtitle">Core Technologies</p>
            </div>
            <div class="tech-grid">
                <div class="tech-card">
                    <div class="tech-number">01</div>
                    <h3>多模态健康检测与动态适配系统</h3>
                    <p>基于心电波形检测与肌肉酸痛传感器，实时采集用户生理数据，借助深度学习算法建立个性化身体状态模型。用户行为数据（按摩偏好、使用频率）、生理数据（体型、心率、酸痛）、历史按摩记录等多源信息，建立用户专属健康档案。自动推荐最优按摩方案（力道/速度/手法组合）。</p>
                    <ul class="tech-features">
                        <li>实时生理数据采集</li>
                        <li>深度学习算法建模</li>
                        <li>个性化健康档案</li>
                        <li>智能方案推荐</li>
                    </ul>
                </div>
                <div class="tech-card">
                    <div class="tech-number">02</div>
                    <h3>智能语音交互系统</h3>
                    <p>通过多模态交互感知与深度知识推理技术，实现从用户意图解析到健康方案生成的端到端智能化。支持唤醒词实现全程无接触控制，功能覆盖按摩椅操控、健康方案咨询、AI设计程序等。通过端到端语音交互实现意图识别与按摩控制的毫秒级响应；同时借助于ASR技术支持方言、多语种、模糊指令识别、多轮对话、延时聆听免唤醒。创新性实现语音与手动操作的无缝切换。</p>
                    <ul class="tech-features">
                        <li>毫秒级响应</li>
                        <li>多语种识别</li>
                        <li>多轮对话支持</li>
                        <li>无缝切换操作</li>
                    </ul>
                </div>
                <div class="tech-card">
                    <div class="tech-number">03</div>
                    <h3>反馈调节技术</h3>
                    <p>在按摩过程中，根据持续接收的实时反馈，突破传统机械导轨限制，实现"边按边调"的实时校准。通过传感器实时监测用户反馈，动态调整按摩参数，确保最佳体验效果。</p>
                    <ul class="tech-features">
                        <li>实时反馈监测</li>
                        <li>动态参数调整</li>
                        <li>突破传统限制</li>
                        <li>精准校准技术</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 荣誉资质 -->
    <section id="honors" class="honors">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">荣誉资质</h2>
                <p class="section-subtitle">Honors & Certifications</p>
            </div>
            <div class="honors-grid">
                <div class="honor-item">
                    <div class="honor-icon">🏆</div>
                    <h3>高新技术企业</h3>
                    <p>2020年获得高新技术企业认定</p>
                </div>
                <div class="honor-item">
                    <div class="honor-icon">📜</div>
                    <h3>软件企业</h3>
                    <p>获得软件企业认证</p>
                </div>
                <div class="honor-item">
                    <div class="honor-icon">💾</div>
                    <h3>软件产品</h3>
                    <p>多项软件产品认证</p>
                </div>
                <div class="honor-item">
                    <div class="honor-icon">⭐</div>
                    <h3>成果转化项目</h3>
                    <p>上海市高新技术成果转化项目</p>
                </div>
                <div class="honor-item">
                    <div class="honor-icon">🔬</div>
                    <h3>产学研合作</h3>
                    <p>与国内外研究开发机构开展多种形式产学研合作</p>
                </div>
                <div class="honor-item">
                    <div class="honor-icon">📝</div>
                    <h3>知识产权</h3>
                    <p>专利1件、软件著作权21件</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 联系我们 -->
    <section id="contact" class="contact">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">联系我们</h2>
                <p class="section-subtitle">Contact Us</p>
            </div>
            <div class="contact-content">
                <div class="contact-info">
                    <div class="contact-item">
                        <div class="contact-icon">📍</div>
                        <div class="contact-details">
                            <h3>办公地址</h3>
                            <p>上海市青浦区徐泾镇高光路169弄虹桥时代广场6号楼四层</p>
                        </div>
                    </div>
                    <div class="contact-item">
                        <div class="contact-icon">📞</div>
                        <div class="contact-details">
                            <h3>联系方式</h3>
                            <p>021-31190888</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>上海幸卓智能科技有限公司</h3>
                    <p>专注于智能科技、智能家居、健康大数据领域</p>
                </div>
                <div class="footer-section">
                    <h4>快速链接</h4>
                    <ul>
                        <li><a href="#about">关于我们</a></li>
                        <li><a href="#products">核心产品</a></li>
                        <li><a href="#technology">核心技术</a></li>
                        <li><a href="#honors">荣誉资质</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>联系方式</h4>
                    <p>办公地址：上海市青浦区徐泾镇高光路169弄虹桥时代广场6号楼四层</p>
                    <p>联系电话：021-31190888</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2024 上海幸卓智能科技有限公司 版权所有 | <a href="http://beian.miit.gov.cn/#/Integrated/index" target="_blank">备案号：沪ICP备18006674号-1</a> | <a href="http://beian.mps.gov.cn/#/query/webSearch" target="_blank" class="beian-link"><img src="icp.png" alt="公网安备" /> 沪公网安备 31011802005758号</a></p>
            </div>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>

