<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>厦门圳定兴科技有限公司 - 稻想MOM制造运营平台</title>
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --primary-color: #0066cc;
            --secondary-color: #00a8e8;
            --dark-color: #003366;
            --light-color: #f4f9ff;
            --accent-color: #ff9900;
            --text-color: #333;
            --light-text: #666;
            --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            --border-radius: 8px;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
        }
        
        html {
            scroll-behavior: smooth;
        }
        
        body {
            line-height: 1.6;
            color: var(--text-color);
            background-color: #fff;
        }
        
        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* 头部和导航 */
        header {
            background-color: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
        }
        
        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0;
        }
        
        .logo {
            display: flex;
            align-items: center;
        }
        
        .logo-img {
            height: 50px;
            display: flex;
            align-items: center;
        }
        
        .logo-img img {
            height: 50px;
            width: auto;
        }
        
        .company-name {
            font-size: 20px;
            font-weight: 600;
            color: var(--dark-color);
            margin-left: 15px;
        }
        
        nav ul {
            display: flex;
            list-style: none;
        }
        
        nav ul li {
            margin-left: 30px;
        }
        
        nav ul li a {
            text-decoration: none;
            color: var(--dark-color);
            font-weight: 500;
            font-size: 16px;
            transition: color 0.3s;
        }
        
        nav ul li a:hover {
            color: var(--primary-color);
        }
        
        .cta-button {
            background-color: var(--primary-color);
            color: white;
            padding: 10px 24px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 600;
            transition: background-color 0.3s, transform 0.3s;
        }
        
        .cta-button:hover {
            background-color: var(--secondary-color);
            transform: translateY(-2px);
        }
        
        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            font-size: 24px;
            color: var(--primary-color);
            cursor: pointer;
        }
        
        /* Hero 区域 */
        .hero {
            background: linear-gradient(135deg, #003366 0%, #0066cc 100%);
            color: white;
            padding: 80px 0 0;
            margin-top: 70px;
        }
        
        /* 轮播图区域 */
        .hero-carousel {
            position: relative;
            width: 100%;
            max-width: 1400px;
            margin: 0 auto;
            height: 500px;
            overflow: hidden;
        }
        
        .carousel-inner {
            display: flex;
            transition: transform 0.5s ease-in-out;
            height: 100%;
        }
        
        .carousel-slide {
            min-width: 100%;
            height: 100%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .carousel-slide img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            background: white;
        }
        
        .carousel-slide .slide-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0,51,102,0.9));
            padding: 40px 60px;
            text-align: center;
        }
        
        .carousel-slide .slide-overlay h3 {
            font-size: 1.8rem;
            margin-bottom: 10px;
        }
        
        .carousel-slide .slide-overlay p {
            font-size: 1.1rem;
            opacity: 0.9;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .carousel-controls {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 10;
        }
        
        .carousel-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255,255,255,0.5);
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .carousel-dot.active {
            background: white;
            transform: scale(1.2);
        }
        
        .carousel-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0,0,0,0.3);
            color: white;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 20px;
            transition: background 0.3s;
            z-index: 10;
        }
        
        .carousel-arrow:hover {
            background: rgba(0,0,0,0.5);
        }
        
        .carousel-arrow.prev {
            left: 20px;
        }
        
        .carousel-arrow.next {
            right: 20px;
        }
        
        .hero-content {
            text-align: center;
            padding: 60px 20px 40px;
        }
        
        .hero h2 {
            font-size: 3.2rem;
            margin-bottom: 20px;
            line-height: 1.2;
        }
        
        .hero p {
            font-size: 1.2rem;
            max-width: 800px;
            margin: 0 auto 40px;
            opacity: 0.9;
        }
        
        .hero-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
        }
        
        .btn-primary {
            background-color: var(--accent-color);
            color: white;
            padding: 14px 32px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1.1rem;
            transition: background-color 0.3s, transform 0.3s;
        }
        
        .btn-primary:hover {
            background-color: #ffaa33;
            transform: translateY(-3px);
        }
        
        .btn-secondary {
            background-color: transparent;
            color: white;
            padding: 14px 32px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1.1rem;
            border: 2px solid white;
            transition: background-color 0.3s, transform 0.3s;
        }
        
        .btn-secondary:hover {
            background-color: rgba(255, 255, 255, 0.1);
            transform: translateY(-3px);
        }
        
        /* 通用部分样式 */
        section {
            padding: 80px 0;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 60px;
        }
        
        .section-title h2 {
            font-size: 2.5rem;
            color: var(--dark-color);
            margin-bottom: 15px;
        }
        
        .section-title p {
            color: var(--light-text);
            font-size: 1.1rem;
            max-width: 700px;
            margin: 0 auto;
        }
        
        /* 关于我们 */
        .about-content {
            display: flex;
            align-items: center;
            gap: 60px;
        }
        
        .about-text {
            flex: 1;
        }
        
        .about-text h3 {
            font-size: 2rem;
            color: var(--dark-color);
            margin-bottom: 20px;
        }
        
        .about-text p {
            margin-bottom: 20px;
            font-size: 1.1rem;
        }
        
        .features {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-top: 40px;
        }
        
        .feature {
            text-align: center;
            padding: 30px 20px;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            transition: transform 0.3s;
        }
        
        .feature:hover {
            transform: translateY(-10px);
        }
        
        .feature i {
            font-size: 2.5rem;
            color: var(--primary-color);
            margin-bottom: 20px;
        }
        
        .feature h4 {
            font-size: 1.3rem;
            margin-bottom: 15px;
            color: var(--dark-color);
        }
        
        /* 产品平台 */
        .platform-section {
            background-color: var(--light-color);
        }
        
        .platform-intro {
            text-align: center;
            max-width: 900px;
            margin: 0 auto 60px;
        }
        
        .platform-intro h3 {
            font-size: 1.8rem;
            color: var(--dark-color);
            margin-bottom: 20px;
        }
        
        .platform-arch {
            max-width: 1000px;
            margin: 0 auto 60px;
            text-align: center;
        }
        
        .platform-arch h3 {
            font-size: 1.5rem;
            color: var(--dark-color);
            margin-bottom: 20px;
        }
        
        .platform-img {
            background: white;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            padding: 30px;
            margin-bottom: 20px;
            border: 1px solid #eee;
            overflow: hidden;
        }
        
        .platform-img img {
            width: 100%;
            height: auto;
            max-height: 600px;
            object-fit: contain;
        }
        
        .platform-img .img-title {
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--primary-color);
            margin-bottom: 10px;
            text-align: center;
        }
        
        .platform-img .img-subtitle {
            text-align: center;
            font-size: 1.1rem;
            color: #666;
            margin-bottom: 30px;
        }
        
        .systems-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .system-card {
            background: white;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            overflow: hidden;
            transition: transform 0.3s;
        }
        
.system-card:hover {
            transform: translateY(-10px);
        }
        
        .system-image {
            width: 100%;
            height: 220px;
            overflow: hidden;
            background: #f8f9fa;
            cursor: pointer;
        }
        
        .system-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s;
        }
        
        .system-card:hover .system-image img {
            transform: scale(1.05);
        }
        
        .system-content {
            padding: 25px;
        }
        
        .system-icon {
            width: 50px;
            height: 50px;
            background-color: rgba(0, 102, 204, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
        }
        
        .system-icon i {
            font-size: 1.5rem;
            color: var(--primary-color);
        }
        
        .system-card h4 {
            font-size: 1.2rem;
            margin-bottom: 12px;
            color: var(--dark-color);
        }
        
        .system-card p {
            color: var(--light-text);
            margin-bottom: 15px;
            font-size: 0.95rem;
        }
        
        /* 灯箱样式 */
        .lightbox-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.9);
            z-index: 9999;
            align-items: center;
            justify-content: center;
        }
        
        .lightbox-modal.active {
            display: flex;
        }
        
        .lightbox-modal img {
            max-width: 95%;
            max-height: 95%;
            object-fit: contain;
        }
        
        .lightbox-modal .close-btn {
            position: absolute;
            top: 20px;
            right: 20px;
            background: none;
            border: none;
            color: white;
            font-size: 30px;
            cursor: pointer;
        }
        
        /* 客户案例 */
        .clients {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
            max-width: 960px;
            margin: 50px auto 0;
        }
        
        .client-logo {
            background-color: white;
            border-radius: 12px;
            padding: 32px 24px;
            min-height: 140px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            box-shadow: 0 4px 16px rgba(0, 51, 102, 0.07);
            border: 1px solid rgba(0, 102, 204, 0.06);
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }
        
        .client-logo:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 28px rgba(0, 102, 204, 0.14);
            border-color: rgba(0, 102, 204, 0.12);
        }
        
        .client-name {
            font-size: 1.15rem;
            font-weight: 700;
            color: var(--text-color);
            line-height: 1.4;
            margin-bottom: 10px;
        }
        
        .client-scope {
            display: inline-block;
            font-size: 0.78rem;
            font-weight: 600;
            color: var(--primary-color);
            background-color: rgba(0, 102, 204, 0.08);
            padding: 5px 12px;
            border-radius: 999px;
            letter-spacing: 0.5px;
            white-space: nowrap;
        }
        
        /* 荣誉资质 */
        .honors {
            background-color: var(--light-color);
        }
        
        .honors-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 30px;
        }
        
        .honor-card {
            background: white;
            border-radius: var(--border-radius);
            padding: 25px;
            text-align: center;
            box-shadow: var(--shadow);
        }
        
        .honor-card i {
            font-size: 2.5rem;
            color: var(--primary-color);
            margin-bottom: 20px;
        }
        
        /* 页脚 */
        footer {
            background-color: var(--dark-color);
            color: white;
            padding: 60px 0 30px;
        }
        
        .footer-content {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 40px;
            margin-bottom: 40px;
        }
        
        .footer-column h4 {
            font-size: 1.2rem;
            margin-bottom: 25px;
            position: relative;
            padding-bottom: 10px;
        }
        
        .footer-column h4::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 40px;
            height: 2px;
            background-color: var(--accent-color);
        }
        
        .footer-column ul {
            list-style: none;
        }
        
        .footer-column ul li {
            margin-bottom: 12px;
        }
        
        .footer-column ul li a {
            color: #ddd;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .footer-column ul li a:hover {
            color: white;
        }
        
        .contact-info li {
            display: flex;
            align-items: flex-start;
            margin-bottom: 15px;
        }
        
        .contact-info i {
            margin-right: 10px;
            color: var(--accent-color);
            margin-top: 5px;
        }
        
        .copyright {
            text-align: center;
            padding-top: 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            color: #aaa;
            font-size: 0.9rem;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .about-content {
                flex-direction: column;
            }
            
            .features {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .footer-content {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .header-container {
                padding: 15px 0;
            }
            
            nav {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background-color: white;
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
                padding: 20px;
            }
            
            nav.active {
                display: block;
            }
            
            nav ul {
                flex-direction: column;
            }
            
            nav ul li {
                margin: 0 0 15px 0;
            }
            
            .mobile-menu-btn {
                display: block;
            }
            
            .hero h2 {
                font-size: 2rem;
            }
            
            .hero-carousel {
                height: 300px;
            }
            
            .hero-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .features {
                grid-template-columns: 1fr;
            }
            
            .systems-grid {
                grid-template-columns: 1fr;
            }
            
            .footer-content {
                grid-template-columns: 1fr;
            }
            
            .carousel-slide .slide-overlay {
                padding: 20px;
            }
            
            .carousel-slide .slide-overlay h3 {
                font-size: 1.2rem;
            }
            
            .carousel-slide .slide-overlay p {
                font-size: 0.9rem;
            }
        }

        /* AI 问数模块 */
        .ai-section {
            background: linear-gradient(135deg, #f4f9ff 0%, #e6f3ff 100%);
            position: relative;
        }

        .ai-section::before {
            content: '';
            position: absolute;
            top: 20px;
            right: 40px;
            font-size: 120px;
            color: rgba(0, 102, 204, 0.06);
            font-weight: bold;
            pointer-events: none;
        }

        .ai-img {
            margin: 0 auto 60px;
            max-width: 1200px;
            cursor: zoom-in;
        }

        .ai-img img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
        }

        .ai-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
            margin-bottom: 60px;
        }

        .ai-feature {
            background: white;
            padding: 30px 22px;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            text-align: center;
            transition: transform 0.3s, box-shadow 0.3s;
            border-top: 3px solid var(--primary-color);
        }

        .ai-feature:hover {
            transform: translateY(-6px);
            box-shadow: 0 8px 20px rgba(0, 102, 204, 0.15);
        }

        .ai-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 18px;
            color: white;
            font-size: 1.6rem;
        }

        .ai-feature h4 {
            font-size: 1.15rem;
            margin-bottom: 10px;
            color: var(--dark-color);
        }

        .ai-feature p {
            color: var(--light-text);
            font-size: 0.92rem;
            line-height: 1.6;
        }

        .ai-demo {
            background: white;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            padding: 36px;
            border-left: 5px solid var(--primary-color);
        }

        .ai-demo-title {
            font-size: 1.3rem;
            font-weight: 700;
            color: var(--dark-color);
            margin-bottom: 24px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .ai-demo-title::before {
            content: '🤖';
            font-size: 1.5rem;
        }

        .ai-demo-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-bottom: 18px;
        }

        .ai-q {
            background: var(--light-color);
            border-radius: var(--border-radius);
            padding: 18px;
            border-left: 3px solid var(--secondary-color);
        }

        .ai-q-label {
            font-size: 0.8rem;
            color: var(--primary-color);
            font-weight: 600;
            margin-bottom: 8px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .ai-q-content {
            color: var(--text-color);
            font-size: 0.95rem;
            line-height: 1.5;
        }

        .ai-demo-note {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px dashed #ddd;
            color: var(--light-text);
            font-size: 0.9rem;
            text-align: center;
        }

        /* 软件包卡片扩展 */
        .package-card {
            position: relative;
            padding-top: 0;
        }

        .package-tag {
            position: absolute;
            top: 16px;
            right: 16px;
            background: var(--accent-color);
            color: white;
            font-size: 0.75rem;
            padding: 4px 12px;
            border-radius: 12px;
            font-weight: 600;
            letter-spacing: 1px;
        }

        .package-base .package-tag {
            background: var(--primary-color);
        }

        .package-vip .package-tag {
            background: linear-gradient(135deg, #ff9900, #ff6600);
        }

        .package-meta {
            font-size: 0.85rem;
            color: var(--primary-color);
            font-weight: 600;
            margin: 8px 0 12px;
            padding-bottom: 8px;
            border-bottom: 1px dashed #ddd;
        }

        .packages-title {
            text-align: center;
            margin: 60px 0 30px;
        }

        .packages-title h3 {
            font-size: 1.8rem;
            color: var(--dark-color);
            margin-bottom: 10px;
        }

        .packages-title p {
            color: var(--light-text);
            font-size: 1rem;
        }

        /* 套餐表 */
        .package-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.95rem;
            min-width: 720px;
        }

        .package-table thead {
            background: linear-gradient(135deg, var(--dark-color), var(--primary-color));
            color: white;
        }

        .package-table th {
            padding: 16px 12px;
            text-align: left;
            font-weight: 600;
            font-size: 0.95rem;
        }

        .package-table td {
            padding: 14px 12px;
            border-bottom: 1px solid #eaeaea;
            color: var(--text-color);
        }

        .package-table tbody tr:hover {
            background: var(--light-color);
        }

        .package-table .tr-recommend {
            background: rgba(255, 153, 0, 0.08);
        }

        .package-table .tr-recommend:hover {
            background: rgba(255, 153, 0, 0.15);
        }


        /* 响应式：AI 与套餐 */
        @media (max-width: 992px) {
            .ai-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .ai-demo-grid {
                grid-template-columns: 1fr;
            }

            .clients {
                grid-template-columns: repeat(2, 1fr);
                max-width: 680px;
            }
        }

        @media (max-width: 768px) {
            .ai-grid {
                grid-template-columns: 1fr;
            }

            .ai-demo {
                padding: 24px 18px;
            }

            .clients {
                grid-template-columns: 1fr;
                max-width: 360px;
            }

            .client-logo {
                padding: 26px 20px;
                min-height: auto;
            }

            .package-table {
                font-size: 0.85rem;
            }

            .package-table th,
            .package-table td {
                padding: 10px 8px;
            }
        }
    </style>
</head>
<body>
    <!-- 灯箱 -->
    <div class="lightbox-modal" id="lightbox">
        <button class="close-btn" onclick="closeLightbox()">&times;</button>
        <img src="" alt="" id="lightbox-img">
    </div>

    <!-- 头部导航 -->
    <header>
        <div class="container header-container">
            <div class="logo">
                <div class="logo-img">
                    <img src="images/logo.png" alt="稻想科技" onerror="this.onerror=null; this.src='data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 50%22%3E%3Crect fill=%22%230066cc%22 width=%22200%22 height=%2250%22 rx=%228%22/%3E%3Ctext x=%2250%22 y=%2235%22 fill=%22white%22 font-size=%2220%22 font-weight=%22bold%22%3E稻想科技%3C/text%3E%3C/svg%3E'">
                </div>
                <div class="company-name">厦门圳定兴科技有限公司</div>
            </div>
            
            <button class="mobile-menu-btn" id="mobileMenuBtn">
                <i class="fas fa-bars"></i>
            </button>
            
            <nav id="mainNav">
                <ul>
                    <li><a href="#home">首页</a></li>
                    <li><a href="#about">关于我们</a></li>
                    <li><a href="#platform">产品平台</a></li>
                    <li><a href="#solutions">行业方案</a></li>
                    <li><a href="#clients">客户案例</a></li>
                    <li><a href="#honors">荣誉资质</a></li>
                </ul>
            </nav>
            
            <a href="#contact" class="cta-button">联系我们</a>
        </div>
    </header>

    <!-- 主视觉区域 -->
    <section class="hero" id="home">
        <!-- 轮播图 - 展示核心平台与子系统 -->
        <div class="hero-carousel">
            <div class="carousel-inner" id="carouselInner">
                <div class="carousel-slide">
                    <img src="images/mom-platform-v2.svg" alt="MOM制造运营平台" onclick="openLightbox(this.src)">
                    <div class="slide-overlay">
                        <h3>MOM制造运营平台</h3>
                        <p>智能工厂的统一运营指挥中心与智能中枢</p>
                    </div>
                </div>
                <div class="carousel-slide">
                    <img src="images/architecture-v2.svg" alt="系统架构" onclick="openLightbox(this.src)">
                    <div class="slide-overlay">
                        <h3>稻想MOM系统架构</h3>
                        <p>从决策层到设备层的全流程数字化管理体系</p>
                    </div>
                </div>
                <div class="carousel-slide">
                    <img src="images/aps-system-v2.svg" alt="APS计划排产" onclick="openLightbox(this.src)">
                    <div class="slide-overlay">
                        <h3>APS智能计划排产系统</h3>
                        <p>生产任务的智能调度中心，实现自动预排产</p>
                    </div>
                </div>
                <div class="carousel-slide">
                    <img src="images/mes-system-v2.svg" alt="MES制造执行" onclick="openLightbox(this.src)">
                    <div class="slide-overlay">
                        <h3>MES制造执行系统</h3>
                        <p>车间现场的精准指挥官</p>
                    </div>
                </div>
                <div class="carousel-slide">
                    <img src="images/qms-system-v2.svg" alt="QMS质量管理" onclick="openLightbox(this.src)">
                    <div class="slide-overlay">
                        <h3>QMS质量管理系统</h3>
                        <p>贯穿全流程的质量卫士</p>
                    </div>
                </div>
                <div class="carousel-slide">
                    <img src="images/wms-system-v2.svg" alt="WMS智能仓储" onclick="openLightbox(this.src)">
                    <div class="slide-overlay">
                        <h3>WMS智能仓储管理系统</h3>
                        <p>智能工厂的物流中枢</p>
                    </div>
                </div>
                <div class="carousel-slide">
                    <img src="images/srm-system-v2.svg" alt="SRM供应商协同" onclick="openLightbox(this.src)">
                    <div class="slide-overlay">
                        <h3>SRM供应商协同系统</h3>
                        <p>采购下单到收货质检的全链路供应商协同</p>
                    </div>
                </div>
                <div class="carousel-slide">
                    <img src="images/scada-system-v2.svg" alt="SCADA设备数据" onclick="openLightbox(this.src)">
                    <div class="slide-overlay">
                        <h3>SCADA设备数据管理系统</h3>
                        <p>设备互联与监控的神经末梢</p>
                    </div>
                </div>
            </div>
            <button class="carousel-arrow prev" onclick="prevSlide()">
                <i class="fas fa-chevron-left"></i>
            </button>
            <button class="carousel-arrow next" onclick="nextSlide()">
<i class="fas fa-chevron-right"></i>
            </button>
            <div class="carousel-controls" id="carouselControls"></div>
        </div>
        
        <div class="hero-content">
            <h2>稻想MOM，智造未来</h2>
            <p>构建连接数据、设备与人的工业智能生态，让每一家企业都能拥有专属的「智慧大脑」</p>
            <div class="hero-buttons">
                <a href="http://www.daoxiang.info/ss_mom/#/login" target="_blank" rel="noopener" class="btn-primary">进入稻想MOM平台</a>
                <a href="#contact" class="btn-secondary">获取解决方案</a>
            </div>
        </div>
    </section>

    <!-- 关于我们 -->
    <section id="about">
        <div class="container">
            <div class="section-title">
                <h2>关于我们</h2>
                <p>厦门圳定兴科技有限公司成立于2018年，是一家专注于为制造企业提供全栈式智能制造解决方案的国家高新技术企业。</p>
            </div>
            
            <div class="about-content">
                <div class="about-text">
                    <h3>以技术创新驱动制造业数字化转型</h3>
                    <p>我们以自主研发的"稻想MOM制造运营平台"为核心，助力企业实现数字化、智能化转型，提升生产运营效率，降低运营成本。</p>
                    <p>公司深耕离散制造行业，在汽车零部件、装备制造、精密机加工、光学眼镜等领域拥有丰富的实践经验，为众多知名企业提供了优质的智能制造解决方案。</p>
                    
                    <div class="features">
                        <div class="feature">
                            <i class="fas fa-users"></i>
                            <h4>以人为本</h4>
                            <p>关注用户体验，打造易用、高效的智能制造系统</p>
                        </div>
                        <div class="feature">
                            <i class="fas fa-handshake"></i>
                            <h4>客户为尊</h4>
                            <p>以客户需求为导向，提供定制化解决方案</p>
                        </div>
                        <div class="feature">
                            <i class="fas fa-sync-alt"></i>
                            <h4>合作共赢</h4>
                            <p>与客户共同成长，实现价值最大化</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 产品平台 -->
    <section class="platform-section" id="platform">
        <div class="container">
            <div class="section-title">
                <h2>稻想 MOM 制造运营平台</h2>
                <p>智能工厂的「统一运营指挥中心」与「智能中枢」，横向打通销售、计划、生产、质量、仓储、设备，纵向贯穿决策到执行</p>
            </div>

            <div class="platform-intro">
                <h3>平台核心能力</h3>
                <p>8 大子系统 / 91 项功能 / 灵活组合；与 SAP / Oracle / 金蝶等主流 ERP 及西门子 / 三菱 / 发那科等多品牌 PLC 深度对接</p>
            </div>

            <div class="platform-arch">
                <h3>MOM 制造运营平台架构</h3>
                <div class="platform-img" onclick="openLightbox('images/architecture-v2.svg')">
                    <div class="img-title">MOM 制造运营平台</div>
                    <div class="img-subtitle">通过顶层规划与系统集成，为企业量身打造智能工厂</div>
                    <img src="images/architecture-v2.svg" alt="MOM平台架构图">
                </div>
            </div>

            <!-- 平台全景图 -->
            <div class="platform-arch">
                <h3>平台业务流程全景</h3>
                <div class="platform-img" onclick="openLightbox('images/mom-platform-v2.svg')">
                    <img src="images/mom-platform-v2.svg" alt="MOM平台业务流程">
                </div>
            </div>

            <div class="packages-title">
                <h3>8 大软件包 · 模块化灵活拼装</h3>
                <p>1 个平台底座 + 7 个业务/增值模块，按需选择，避免大而全浪费</p>
            </div>

            <div class="systems-grid">
                <div class="system-card package-card package-base">
                    <div class="package-tag">基础必选</div>
                    <div class="system-content">
                        <div class="system-icon"><i class="fas fa-layer-group"></i></div>
                        <h4>P01 稻想 MOM 平台底座包</h4>
                        <p class="package-meta">系统共通 · 14 项功能</p>
                        <p>统一登录与权限体系、运营总览大屏（6 大 KPI 看板）、<strong>稻想 AI 问数</strong>、系统消息/待办推送，以及字典、菜单、日志、定时任务、用户组织管理。</p>
                        <div style="color: var(--primary-color); font-weight: 600;">所有上线稻想 MOM 的客户必选</div>
                    </div>
                </div>

                <div class="system-card package-card package-base">
                    <div class="package-tag">基础必选</div>
                    <div class="system-content">
                        <div class="system-icon"><i class="fas fa-cubes"></i></div>
                        <h4>P02 PDM 工厂建模包</h4>
                        <p class="package-meta">PDM · 15 项功能</p>
                        <p>物料分类与档案、设备/人员/客户/供应商主数据、工序基础、制造 BOM、工艺路线、工序填报项、标签打印模板、工作中心建模。</p>
                        <div style="color: var(--primary-color); font-weight: 600;">业务模块上线前必建的地基</div>
                    </div>
                </div>

                <div class="system-card package-card">
                    <div class="package-tag">业务模块</div>
                    <div class="system-content">
                        <div class="system-icon"><i class="fas fa-calendar-alt"></i></div>
                        <h4>P03 APS 高级计划排产包</h4>
                        <p class="package-meta">APS · 9 项功能</p>
                        <p>销售订单到生产工单的全链路拆解、交期自动排程、N+3 滚动资源排产、四要素（人机料法）完整性校验、差异处置、交期评审、物料齐套分析。</p>
                        <div style="color: var(--primary-color); font-weight: 600;">订单式企业首选，交期达成率 +25%</div>
                    </div>
                </div>

                <div class="system-card package-card">
                    <div class="package-tag">业务模块</div>
                    <div class="system-content">
                        <div class="system-icon"><i class="fas fa-cogs"></i></div>
                        <h4>P04 MES 制造执行包</h4>
                        <p class="package-meta">MES · 9 项功能</p>
                        <p>任务报工与追溯报工（扫码/自动数采）、异常报修、物料解绑修正、正/逆展开 BOM 追溯、报工记录与设备采集记录查询。</p>
                        <div style="color: var(--primary-color); font-weight: 600;">车间透明化、作业无纸化、过程精细化</div>
                    </div>
                </div>

                <div class="system-card package-card">
                    <div class="package-tag">业务模块</div>
                    <div class="system-content">
                        <div class="system-icon"><i class="fas fa-warehouse"></i></div>
                        <h4>P05 WMS 智能仓储包</h4>
                        <p class="package-meta">WMS · 10 项功能</p>
                        <p>仓库-库区-库位三层建模、库位库存可视化、库存调整与移动、入库/出库单据管理、库存变化履历、盘点任务与差异报告。</p>
                        <div style="color: var(--primary-color); font-weight: 600;">账实一致、库存精准可视</div>
                    </div>
                </div>

                <div class="system-card package-card">
                    <div class="package-tag">业务模块</div>
                    <div class="system-content">
                        <div class="system-icon"><i class="fas fa-truck-loading"></i></div>
                        <h4>P06 SRM 供应商协同包</h4>
                        <p class="package-meta">SRM · 10 项功能</p>
                        <p>采购下单、非标件清单管理、供应商接单/质检/发货协同、收货质检与不合格品报告（多部门会签），收货确认自动联动 WMS 入库。</p>
                        <div style="color: var(--primary-color); font-weight: 600;">供应商全链路协同，自动联动 WMS</div>
                    </div>
                </div>

                <div class="system-card package-card">
                    <div class="package-tag">业务模块</div>
                    <div class="system-content">
                        <div class="system-icon"><i class="fas fa-clipboard-check"></i></div>
                        <h4>P07 QMS 质量管理包</h4>
                        <p class="package-meta">QMS · 11 项功能</p>
                        <p>以检验项-检验单-检验计划为主线，支持定期巡检（cron 自动触发）与制程检验嵌入生产流程，检验任务下发与填报审批，NG 项、不合格品报告、投诉管理。</p>
                        <div style="color: var(--primary-color); font-weight: 600;">IQC/IPQC/FQC/OQC 全流程数字化</div>
                    </div>
                </div>

                <div class="system-card package-card package-vip">
                    <div class="package-tag">增值扩展</div>
                    <div class="system-content">
                        <div class="system-icon"><i class="fas fa-desktop"></i></div>
                        <h4>P08 SCADA 设备数采与监控包</h4>
                        <p class="package-meta">SCADA · 13 项功能</p>
                        <p>设备分类与参数定义、设备档案建模、PLC 基础配置与参数-PLC 地址绑定、内置数据采集引擎、设备监控大屏、状态判定规则与状态灯看板。</p>
                        <div style="color: var(--primary-color); font-weight: 600;">设备透明化监控，数采数据供 MES 自动报工</div>
                    </div>
                </div>
            </div>

            <!-- 套餐推荐 -->
            <div class="packages-title" style="margin-top: 80px;">
                <h3>推荐组合套餐 · 即买即用</h3>
                <p>基于售前经验沉淀的 7 类典型组合，可按模块灵活拼装</p>
            </div>

            <div style="overflow-x: auto; background: white; border-radius: var(--border-radius); box-shadow: var(--shadow);">
                <table class="package-table">
                    <thead>
                        <tr>
                            <th>套餐</th>
                            <th>名称</th>
                            <th>包含模块</th>
                            <th>功能点数</th>
                            <th>适用客户</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><strong>S1</strong></td>
                            <td>入门包</td>
                            <td>P01 + P02 + P04</td>
                            <td>38</td>
                            <td>初次数字化、以现场报工与单件追溯为切入点的中小制造企业</td>
                        </tr>
                        <tr>
                            <td><strong>S2</strong></td>
                            <td>协同包</td>
                            <td>P01 + P02 + P03 + P04</td>
                            <td>47</td>
                            <td>需要排产优化与执行闭环的订单式生产企业</td>
                        </tr>
                        <tr>
                            <td><strong>S3</strong></td>
                            <td>质量包</td>
                            <td>P01 + P02 + P07（可选+P04）</td>
                            <td>40</td>
                            <td>来料/制程/出货质量强管控与追溯需求的客户</td>
                        </tr>
                        <tr>
                            <td><strong>S4</strong></td>
                            <td>供应链包</td>
                            <td>P01 + P02 + P05 + P06</td>
                            <td>49</td>
                            <td>库存账实混乱、供应商协同效率低的企业</td>
                        </tr>
                        <tr class="tr-recommend">
                            <td><strong>S5</strong> ⭐</td>
                            <td>标准包</td>
                            <td>P01 ~ P07</td>
                            <td>78</td>
                            <td>主力售卖组合，对标原「标准版」主体能力</td>
                        </tr>
                        <tr>
                            <td><strong>S6</strong></td>
                            <td>旗舰包</td>
                            <td>P01 ~ P08（全部）</td>
                            <td>91</td>
                            <td>全模块交付 + 含 SCADA 设备数采，对标原「定制版」</td>
                        </tr>
                        <tr>
                            <td><strong>S7</strong></td>
                            <td>设备数采选配包</td>
                            <td>P08（叠加在任意组合上）</td>
                            <td>+13</td>
                            <td>已具备联网设备/PLC、希望设备级透明化监控的客户</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div style="text-align: center; margin-top: 24px; color: var(--light-text); font-size: 0.95rem;">
                按所选模块组合灵活报价，欢迎来电详询（<a href="tel:15659899119" style="color: var(--primary-color); font-weight: 600; text-decoration: none;">15659899119</a> / <a href="mailto:chenfuqing@zhendingxing.cn" style="color: var(--primary-color); font-weight: 600; text-decoration: none;">chenfuqing@zhendingxing.cn</a>）
            </div>
        </div>
    </section>

    <!-- 稻想 AI 问数 -->
    <section class="ai-section" id="ai">
        <div class="container">
            <div class="section-title">
                <h2>稻想 AI 问数 · 智能问数中枢</h2>
                <p>让每一个车间管理者、品质员、计划员都能"对话数据"——人人都是数据分析师</p>
            </div>

            <div class="ai-img" onclick="openLightbox('images/ai-qa.svg')">
                <img src="images/ai-qa.svg" alt="稻想AI问数工作方式">
            </div>

            <div class="ai-grid">
                <div class="ai-feature">
                    <div class="ai-icon"><i class="fas fa-comments"></i></div>
                    <h4>自然语言问答</h4>
                    <p>直接问"昨天车间合格率多少？",AI 自动转换为查询,秒级返回结果。无需学 SQL、无需找报表。</p>
                </div>
                <div class="ai-feature">
                    <div class="ai-icon"><i class="fas fa-chart-line"></i></div>
                    <h4>多维数据分析</h4>
                    <p>支持按时间、产线、工序、产品、客户等多维度下钻分析,自动生成可视化图表,辅助管理决策。</p>
                </div>
                <div class="ai-feature">
                    <div class="ai-icon"><i class="fas fa-shield-alt"></i></div>
                    <h4>数据权限隔离</h4>
                    <p>基于组织架构的精细化权限控制,每个人只能问到自己权限范围内的数据,企业数据安全可控。</p>
                </div>
                <div class="ai-feature">
                    <div class="ai-icon"><i class="fas fa-plug"></i></div>
                    <h4>MOM 深度集成</h4>
                    <p>与稻想 MOM 平台底座深度集成,数据全部来自实时业务,杜绝"问数与现场两张皮"。</p>
                </div>
            </div>

            <div class="ai-demo">
                <div class="ai-demo-title">真实业务场景示例</div>
                <div class="ai-demo-grid">
                    <div class="ai-q">
                        <div class="ai-q-label">生产管理</div>
                        <div class="ai-q-content">"昨天车间合格率多少?哪条产线最低?"</div>
                    </div>
                    <div class="ai-q">
                        <div class="ai-q-label">质量追溯</div>
                        <div class="ai-q-content">"批号 BH2026-0918-A 的关键工序不良分布?"</div>
                    </div>
                    <div class="ai-q">
                        <div class="ai-q-label">设备监控</div>
                        <div class="ai-q-content">"上周 CNC-04 的 OEE 是多少?主要损失原因?"</div>
                    </div>
                    <div class="ai-q">
                        <div class="ai-q-label">订单交付</div>
                        <div class="ai-q-content">"本月逾期未交付订单有哪些?金额多少?"</div>
                    </div>
                    <div class="ai-q">
                        <div class="ai-q-label">物料分析</div>
                        <div class="ai-q-content">"近 30 天哪种物料齐套率最低?影响多少订单?"</div>
                    </div>
                    <div class="ai-q">
                        <div class="ai-q-label">人员绩效</div>
                        <div class="ai-q-content">"本月报工准确率最高的 5 个班组?"</div>
                    </div>
                </div>
                <div class="ai-demo-note">基于企业私有数据训练,响应延迟秒级,数据不出企业内网,符合等保要求</div>
            </div>
        </div>
    </section>

    <!-- 行业解决方案 -->
    <section id="solutions">
        <div class="container">
            <div class="section-title">
                <h2>行业解决方案</h2>
                <p>深耕离散制造行业，为不同领域的制造企业提供定制化智能制造解决方案</p>
            </div>
            
            <div style="max-width: 900px; margin: 0 auto;">
                <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-bottom: 40px;">
                    <div style="background: var(--light-color); padding: 20px; border-radius: var(--border-radius); text-align: center; flex: 1; min-width: 200px;">
                        <h3 style="color: var(--primary-color); margin-bottom: 10px;">汽车零部件（含二轮车）</h3>
                        <p>多车型共线 / 关键件防错 / 售后质量追溯 / 与 SAP 主数据实时同步</p>
                    </div>
                    <div style="background: var(--light-color); padding: 20px; border-radius: var(--border-radius); text-align: center; flex: 1; min-width: 200px;">
                        <h3 style="color: var(--primary-color); margin-bottom: 10px;">装备制造</h3>
                        <p>长周期项目管控 / 多级子件齐套 / 装配工序追溯 / 设计变更快速响应</p>
                    </div>
                    <div style="background: var(--light-color); padding: 20px; border-radius: var(--border-radius); text-align: center; flex: 1; min-width: 200px;">
                        <h3 style="color: var(--primary-color); margin-bottom: 10px;">光学眼镜</h3>
                        <p>多品种小批量 / 光学镜片批次追溯 / 镀膜工序防错 / 客诉一键回溯</p>
                    </div>
                </div>
                
                <div style="background: white; padding: 30px; border-radius: var(--border-radius); box-shadow: var(--shadow);">
                    <h3 style="color: var(--dark-color); margin-bottom: 20px; text-align: center;">智能制造等级演进路径</h3>
                    <div style="display: flex; justify-content: space-between; position: relative; margin-top: 40px;">
                        <div style="position: relative; width: 30%; text-align: center;">
                            <div style="width: 60px; height: 60px; background: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; color: white; font-weight: bold;">1</div>
                            <h4 style="color: var(--dark-color); margin-bottom: 10px;">规范级</h4>
                            <p>高效工厂</p>
                            <p style="font-size: 0.9rem; color: var(--light-text); margin-top: 10px;">流程标准化，基础数据化</p>
                            <p style="font-size: 0.85rem; color: var(--light-text); margin-top: 8px; padding-top: 8px; border-top: 1px dashed #ddd;">适合：基础数据薄弱、急需打地基的工厂</p>
                        </div>
                        <div style="position: relative; width: 30%; text-align: center;">
                            <div style="width: 60px; height: 60px; background: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; color: white; font-weight: bold;">2</div>
                            <h4 style="color: var(--dark-color); margin-bottom: 10px;">优化级</h4>
                            <p>创新工厂</p>
                            <p style="font-size: 0.9rem; color: var(--light-text); margin-top: 10px;">数据驱动，流程优化</p>
                            <p style="font-size: 0.85rem; color: var(--light-text); margin-top: 8px; padding-top: 8px; border-top: 1px dashed #ddd;">适合：已上 ERP、想打通 MES 与 APS 的工厂</p>
                        </div>
                        <div style="position: relative; width: 30%; text-align: center;">
                            <div style="width: 60px; height: 60px; background: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; color: white; font-weight: bold;">3</div>
                            <h4 style="color: var(--dark-color); margin-bottom: 10px;">智能级</h4>
                            <p>智能工厂</p>
                            <p style="font-size: 0.9rem; color: var(--light-text); margin-top: 10px;">智能决策，自适应生产</p>
                            <p style="font-size: 0.85rem; color: var(--light-text); margin-top: 8px; padding-top: 8px; border-top: 1px dashed #ddd;">适合：全链路已贯通、希望落地 AI 的工厂</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 客户案例 -->
    <section id="clients">
        <div class="container">
            <div class="section-title">
                <h2>客户案例</h2>
                <p>已服务多家汽配、装备、智造等离散制造企业，覆盖 MOM/MES/QMS/SRM/WMS 核心模块落地</p>
            </div>

            <div class="clients">
                <div class="client-logo">
                    <div class="client-name">世联汽车内饰</div>
                    <span class="client-scope">MES + 对接 SAP</span>
                </div>
                <div class="client-logo">
                    <div class="client-name">欧迪恩传动</div>
                    <span class="client-scope">MES + 设备联网</span>
                </div>
                <div class="client-logo">
                    <div class="client-name">福龙马集团</div>
                    <span class="client-scope">MES</span>
                </div>
                <div class="client-logo">
                    <div class="client-name">福建联科安智能</div>
                    <span class="client-scope">WMS + QMS</span>
                </div>
                <div class="client-logo">
                    <div class="client-name">龙岩博旬企管</div>
                    <span class="client-scope">MES</span>
                </div>
                <div class="client-logo">
                    <div class="client-name">厦门莫旺达科技</div>
                    <span class="client-scope">QMS</span>
                </div>
            </div>

            <div style="text-align: center; margin-top: 30px; color: var(--light-text); font-size: 0.9rem;">
                * 完整客户案例与项目交付细节，欢迎联系索取
            </div>
        </div>
    </section>

    <!-- 荣誉资质 -->
    <section class="honors" id="honors">
        <div class="container">
            <div class="section-title">
                <h2>荣誉资质</h2>
                <p>凭借专业的技术实力和优质的服务，我们赢得了客户和行业的广泛认可</p>
            </div>
            
            <div class="honors-grid">
                <div class="honor-card">
                    <i class="fas fa-award"></i>
                    <h4>国家高新技术企业</h4>
                    <p>福建省科学技术厅认定</p>
                </div>
                
                <div class="honor-card">
                    <i class="fas fa-medal"></i>
                    <h4>专精特新企业</h4>
                    <p>专注于细分市场、创新能力强</p>
                </div>
                
                <div class="honor-card">
                    <i class="fas fa-certificate"></i>
                    <h4>AAA级企业信用等级</h4>
                    <p>重质量守信用企业认证</p>
                </div>
                
                <div class="honor-card">
                    <i class="fas fa-lightbulb"></i>
                    <h4>中小创新型企业</h4>
                    <p>科技创新型中小企业认证</p>
                </div>
                
                <div class="honor-card">
                    <i class="fas fa-file-contract"></i>
                    <h4>20+项软件著作权</h4>
                    <p>基于数据分析的QMS质量改进平台、基于大数据的库存预测与分析平台等</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer id="contact">
        <div class="container">
            <div class="footer-content">
                <div class="footer-column">
                    <div class="logo" style="justify-content: flex-start; margin-bottom: 20px;">
                        <div class="logo-img">
                            <img src="images/logo.png" alt="稻想科技" style="height: 40px;" onerror="this.onerror=null; this.style.display='none'">
                        </div>
                    </div>
                    <p style="margin-bottom: 20px; color: #ddd;">构建连接数据、设备与人的工业智能生态，让每一家企业都能拥有专属的「智慧大脑」</p>
                    <div style="display: flex; gap: 15px;">
                        <a href="#contact" title="微信公众号：gh_8616d54bb8d7" style="color: white; font-size: 1.2rem;"><i class="fab fa-weixin"></i></a>
                        <a href="#contact" title="企业微信" style="color: white; font-size: 1.2rem;"><i class="fas fa-comment-dots"></i></a>
                    </div>
                </div>
                
                <div class="footer-column">
                    <h4>产品平台</h4>
                    <ul>
                        <li><a href="http://www.daoxiang.info/ss_mom/#/login" target="_blank" rel="noopener">稻想MOM平台</a></li>
                        <li><a href="#platform">智能计划排产(APS)</a></li>
                        <li><a href="#platform">制造执行管理(MES)</a></li>
                        <li><a href="#platform">质量管理(QMS)</a></li>
                        <li><a href="#platform">采购协同(SRM)</a></li>
                        <li><a href="#platform">智能仓储(WMS)</a></li>
                    </ul>
                </div>
                
                <div class="footer-column">
                    <h4>快速链接</h4>
                    <ul>
                        <li><a href="#home">首页</a></li>
                        <li><a href="#about">关于我们</a></li>
                        <li><a href="#platform">产品平台</a></li>
                        <li><a href="#solutions">行业方案</a></li>
                        <li><a href="#clients">客户案例</a></li>
                        <li><a href="#honors">荣誉资质</a></li>
                    </ul>
                </div>
                
                <div class="footer-column">
                    <h4>联系我们</h4>
                    <ul class="contact-info">
                        <li>
                            <i class="fas fa-map-marker-alt"></i>
                            <div>厦门市思明区镇海路26号六楼S区32单元</div>
                        </li>
                        <li>
                            <i class="fas fa-phone"></i>
                            <div>15659899119</div>
                        </li>
                        <li>
                            <i class="fas fa-envelope"></i>
                            <div>chenfuqing@zhendingxing.cn</div>
                        </li>
                        <li>
                            <i class="fas fa-clock"></i>
                            <div>周一至周五 9:00-18:00</div>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="copyright">
                <p>&copy; 2018-2026 厦门圳定兴科技有限公司 &nbsp;|&nbsp; <a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener" style="color: inherit;">闽ICP备2026034407号</a> &nbsp;|&nbsp; 「稻想MOM」为本公司的注册商标</p>
            </div>
        </div>
    </footer>

    <script>
        // 移动端菜单切换
        const mobileMenuBtn = document.getElementById('mobileMenuBtn');
        const mainNav = document.getElementById('mainNav');
        
        mobileMenuBtn.addEventListener('click', function() {
            mainNav.classList.toggle('active');
        });
        
        // 点击导航链接后关闭移动菜单
        const navLinks = document.querySelectorAll('nav a');
        navLinks.forEach(link => {
            link.addEventListener('click', function() {
                if (window.innerWidth <= 768) {
                    mainNav.classList.remove('active');
                }
            });
        });
        
        // 平滑滚动
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                
                const targetId = this.getAttribute('href');
                if (targetId === '#') return;
                
                const targetElement = document.querySelector(targetId);
                if (targetElement) {
                    window.scrollTo({
                        top: targetElement.offsetTop - 80,
                        behavior: 'smooth'
                    });
                }
            });
        });
        
        // 轮播图功能
        let currentSlide = 0;
        const slides = document.querySelectorAll('.carousel-slide');
        const totalSlides = slides.length;
        const carouselInner = document.getElementById('carouselInner');
        const carouselControls = document.getElementById('carouselControls');
        
        // 创建轮播点
        for (let i = 0; i < totalSlides; i++) {
            const dot = document.createElement('div');
            dot.className = 'carousel-dot' + (i === 0 ? ' active' : '');
            dot.onclick = () => goToSlide(i);
            carouselControls.appendChild(dot);
        }
        
        function updateCarousel() {
            carouselInner.style.transform = `translateX(-${currentSlide * 100}%)`;
            document.querySelectorAll('.carousel-dot').forEach((dot, index) => {
                dot.classList.toggle('active', index === currentSlide);
            });
        }
        
        function nextSlide() {
            currentSlide = (currentSlide + 1) % totalSlides;
            updateCarousel();
        }
        
        function prevSlide() {
            currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;
            updateCarousel();
        }
        
        function goToSlide(index) {
            currentSlide = index;
            updateCarousel();
        }
        
        // 自动轮播
        let autoSlideInterval = setInterval(nextSlide, 5000);
        
        // 鼠标悬停暂停
        document.querySelector('.hero-carousel').addEventListener('mouseenter', () => {
            clearInterval(autoSlideInterval);
        });
        
        document.querySelector('.hero-carousel').addEventListener('mouseleave', () => {
            autoSlideInterval = setInterval(nextSlide, 5000);
        });
        
        // 灯箱功能
        function openLightbox(src) {
            const lightbox = document.getElementById('lightbox');
            const lightboxImg = document.getElementById('lightbox-img');
            lightboxImg.src = src;
            lightbox.classList.add('active');
            document.body.style.overflow = 'hidden';
        }
        
        function closeLightbox() {
            document.getElementById('lightbox').classList.remove('active');
            document.body.style.overflow = 'auto';
        }
        
        // 点击背景关闭灯箱
        document.getElementById('lightbox').addEventListener('click', function(e) {
            if (e.target === this) {
                closeLightbox();
            }
        });
        
        // ESC键关闭灯箱
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                closeLightbox();
            }
        });
    </script>
</body>
</html>
