<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鼎岩信息科技 - 教育机房与信创终端的一体化管理平台</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-192.png">
    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
    <link rel="manifest" href="site.webmanifest">
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <link href="http://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <style>
*{margin:0;padding:0;box-sizing:border-box;}:root{--primary-blue:#2563eb;--primary-blue-light:#4285f4;--primary-blue-dark:#1d4ed8;--purple:#7c3aed;--purple-light:#8b5cf6;--text-dark:#1f2937;--text-gray:#6b7280;--text-light:#9ca3af;--bg-light:#f8fafc;--bg-white:#ffffff;--footer-bg:#1e3a5f;--green:#10b981;--green-light:#d1fae5;--red:#ef4444;--red-light:#fee2e2;--yellow:#f59e0b;--orange:#f97316;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-md:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-lg:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--radius:12px;--radius-lg:16px;--radius-xl:24px;}html{scroll-behavior:smooth;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text-dark);line-height:1.6;overflow-x:hidden;}.container{max-width:1280px;margin:0 auto;padding:0 24px;}
/* Navbar */
.navbar{position:fixed;top:0;left:0;right:0;background:var(--bg-white);box-shadow:0 1px 3px rgba(0,0,0,0.04);z-index:1000;transition:box-shadow 0.3s ease;}.navbar.scrolled{box-shadow:0 2px 8px rgba(0,0,0,0.08);}.navbar-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between;}.navbar-brand{display:flex;align-items:center;gap:6px;text-decoration:none;flex-shrink:0;}.brand-icon-dy{width:38px;height:38px;border-radius:8px;background:#1d4ed8;color:#fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;letter-spacing:1px;flex-shrink:0;}.brand-logo{height:44px;width:auto;object-fit:contain;flex-shrink:0;}.brand-text-group{display:flex;flex-direction:column;line-height:1.2;}.brand-name-cn{font-size:22px;font-weight:700;color:#1f2937;letter-spacing:2px;line-height:44px;}.brand-name-en{font-size:10px;font-weight:400;color:#9ca3af;letter-spacing:1px;}.brand-tag-wrap{display:flex;align-items:center;gap:6px;margin-left:6px;padding-left:12px;border-left:1px solid #e5e7eb;}.brand-tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:50px;border:1px solid #93c5fd;background:#eff6ff;color:#2563eb;font-size:11px;font-weight:600;white-space:nowrap;}.brand-tag-name{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;}.navbar-nav{display:flex;align-items:center;gap:4px;list-style:none;}.nav-link{display:flex;align-items:center;gap:4px;padding:8px 14px;color:#1f2937;text-decoration:none;font-size:14px;font-weight:500;border-radius:6px;transition:all 0.2s ease;position:relative;}.nav-link:hover{color:var(--primary-blue);background:rgba(26,115,232,0.06);}.nav-link.active{color:var(--primary-blue);font-weight:600;}.nav-link.active::after{content:'';position:absolute;bottom:-2px;left:14px;right:14px;height:2px;background:var(--primary-blue);border-radius:2px;}.navbar-right{display:flex;align-items:center;gap:16px;flex-shrink:0;}.contact-info{display:flex;align-items:center;gap:6px;color:#1f2937;font-size:14px;font-weight:500;}.contact-info i{color:#1d4ed8;font-size:14px;}.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 22px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all 0.3s ease;}.btn-primary{background:#1d4ed8;color:white;border-radius:8px;}.btn-primary:hover{background:#1e40af;transform:translateY(-1px);box-shadow:0 4px 12px rgba(21,101,192,0.3);}.mobile-contact{display:none;align-items:center;gap:6px;}.mobile-floating-bar{display:none;}.mobile-toggle{display:none;background:none;border:none;font-size:24px;color:var(--text-dark);cursor:pointer;}.mobile-menu{position:fixed;top:72px;left:0;right:0;background:var(--bg-white);padding:20px;box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:999;}.mobile-menu.active{transform:translateY(0);opacity:1;visibility:visible;}.mobile-menu .nav-link{display:block;padding:12px 16px;}
/* Hero Banner */
.hero{margin-top:72px;position:relative;overflow:hidden;}.hero-banner-carousel{position:relative;width:100%;height:560px;overflow:hidden;}.hero-banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.8s ease;}.hero-banner-slide.active{opacity:1;}.hero-banner-slide img{width:100%;height:100%;object-fit:cover;}
/* Banner gradient overlay */

/* Banner content layer */
.hero-slide-content{position:absolute;top:50%;left:0;transform:translateY(-50%);max-width:780px;padding:0 4% 0 8%;z-index:2;}
/* Slide tag */
.hero-slide-tag{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:#93c5fd;margin-bottom:18px;text-shadow:0 1px 6px rgba(0,0,0,0.5);}.hero-slide-tag::before{content:'';width:8px;height:8px;border-radius:50%;background:#60a5fa;flex-shrink:0;}
/* Slide title */
.hero-slide-title{font-size:52px;font-weight:800;line-height:1.3;margin-bottom:22px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,0.6),0 0 30px rgba(0,0,0,0.3);}.hero-slide-title .highlight{color:#60a5fa;}
/* Slide description */
.hero-slide-desc{font-size:17px;line-height:1.8;color:rgba(255,255,255,0.95);margin-bottom:28px;text-shadow:0 1px 6px rgba(0,0,0,0.5);}
/* Slide action buttons */
.hero-slide-actions{display:flex;gap:12px;margin-bottom:0;flex-wrap:wrap;}.btn-primary-lg{display:inline-flex;align-items:center;padding:14px 28px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:16px;font-weight:600;border-radius:10px;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 14px rgba(37,99,235,0.4);}.btn-primary-lg:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,0.5);background:linear-gradient(135deg,#1d4ed8,#1e40af);}.btn-outline-lg{display:inline-flex;align-items:center;padding:14px 28px;background:rgba(255,255,255,0.1);color:#fff;font-size:16px;font-weight:600;border-radius:10px;text-decoration:none;border:1.5px solid rgba(255,255,255,0.5);backdrop-filter:blur(4px);transition:all 0.3s ease;}.btn-outline-lg:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.8);}
/* Slide feature tags */
.hero-slide-features{display:flex;gap:10px;flex-wrap:nowrap;}.feature-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(255,255,255,0.12);backdrop-filter:blur(8px);border-radius:8px;font-size:13px;font-weight:500;color:#fff;border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease;white-space:nowrap;}.feature-tag:hover{background:rgba(255,255,255,0.2);}.feature-tag i{font-size:14px;color:#93c5fd;}.hero-banner-dots{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10;}.hero-banner-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s ease;}.hero-banner-dot.active{background:#fff;width:28px;border-radius:5px;}
/* Stats */
.stats-section{margin-top:-40px;position:relative;z-index:10;padding:0 0 60px;}.stats-section-inner{max-width:1280px;margin:0 auto;padding:0 24px;}.stats-cards{display:flex;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:0 4px 24px rgba(0,0,0,0.06),0 1px 4px rgba(0,0,0,0.04);overflow:hidden;}.stat-card{flex:1;text-align:center;padding:32px 20px;position:relative;}.stat-card:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:#e5e7eb;}.stat-number{font-size:36px;font-weight:800;color:#1d4ed8;line-height:1.2;margin-bottom:6px;}.stat-title{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px;}.stat-desc{font-size:13px;color:#9ca3af;}.desktop-only{display:block;}.mobile-only{display:none;}
/* Products */
.products-section{padding:80px 0;background:linear-gradient(180deg,#f8fafc,#f0f4ff);}.section-header{text-align:center;margin-bottom:48px;}.section-title{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:12px;line-height:1.3;}.section-subtitle{font-size:16px;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6;}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}.product-card{background:#f8faff;border-radius:var(--radius);padding:28px 24px;border:1px solid #f0f0f0;transition:all 0.4s ease;position:relative;overflow:hidden;}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.1);}.product-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;}.product-icon.icon-blue{background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#2563eb;}.product-icon.icon-purple{background:linear-gradient(135deg,#ede9fe,#f5f3ff);color:#7c3aed;}.product-icon.icon-green{background:linear-gradient(135deg,#d1fae5,#ecfdf5);color:#059669;}.product-icon.icon-orange{background:linear-gradient(135deg,#ffedd5,#fff7ed);color:#ea580c;}.product-title{font-size:17px;font-weight:700;color:#1f2937;margin-bottom:6px;}.product-subtitle{font-size:13px;color:#2563eb;font-weight:500;margin-bottom:10px;}.product-desc{font-size:14px;line-height:1.6;color:#6b7280;margin-bottom:16px;}.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;}.product-tag{padding:4px 12px;border-radius:50px;background:#f3f4f6;color:#6b7280;font-size:12px;font-weight:500;}.product-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#2563eb;text-decoration:none;transition:all 0.2s ease;}.product-link:hover{gap:10px;}.product-link i{font-size:12px;transition:transform 0.2s ease;}
/* Solutions - tab + grid layout */
.solutions-section{padding:80px 0;background:linear-gradient(180deg,#ffffff,#faf8ff);}.solutions-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;}.solutions-header .section-header{text-align:left;margin-bottom:0;}.btn-outline{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border:1.5px solid #2563eb;border-radius:8px;color:#2563eb;font-size:14px;font-weight:600;text-decoration:none;background:transparent;transition:all 0.3s ease;white-space:nowrap;flex-shrink:0;}.btn-outline:hover{background:#2563eb;color:#fff;}.solutions-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:36px;position:relative;padding-bottom:12px;}.solutions-tabs::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#c7d2fe,#2563eb,#c7d2fe,transparent);}.solutions-tab-btn{padding:10px 28px;border:1px solid #e5e7eb;border-radius:50px;background:var(--bg-white);color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;}.solutions-tab-btn:hover{border-color:#93c5fd;color:#2563eb;}.solutions-tab-btn.active{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(37,99,235,0.3);}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.solution-card{background:#f8faff;border-radius:var(--radius);padding:24px 20px 24px 28px;border:1px solid #f0f0f0;transition:all 0.4s ease;cursor:pointer;position:relative;overflow:hidden;}.solution-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;border-radius:4px 0 0 4px;transition:width 0.3s ease;}.solution-card[data-cat="pujiao"]::before{background:#2563eb;}.solution-card[data-cat="zhijiao"]::before{background:#7c3aed;}.solution-card[data-cat="gaojiao"]::before{background:#10b981;}.solution-card[data-cat="zhengqi"]::before{background:#f97316;}.solution-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.1);}.solution-card:hover::before{width:6px;}.solution-card-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#2563eb;font-size:20px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}.solution-card[data-cat="zhijiao"] .solution-card-icon{background:linear-gradient(135deg,#ede9fe,#f5f3ff);color:#7c3aed;}.solution-card[data-cat="gaojiao"] .solution-card-icon{background:linear-gradient(135deg,#d1fae5,#ecfdf5);color:#10b981;}.solution-card[data-cat="zhengqi"] .solution-card-icon{background:linear-gradient(135deg,#ffedd5,#fff7ed);color:#f97316;}.solution-card-title{font-size:17px;font-weight:700;color:#1f2937;margin-bottom:8px;line-height:1.3;}.solution-card-desc{font-size:14px;line-height:1.6;color:#6b7280;margin-bottom:12px;}.solution-card-cat{display:inline-block;padding:3px 12px;border-radius:50px;font-size:12px;font-weight:600;}.cat-pujiao{background:#dbeafe;color:#1e40af;}.cat-zhijiao{background:#ede9fe;color:#6d28d9;}.cat-gaojiao{background:#d1fae5;color:#059669;}.cat-zhengqi{background:#ffedd5;color:#ea580c;}
/* Clients */
.clients-section{padding:80px 0;background:linear-gradient(135deg,#f0f4ff 0%,#f8fafc 40%,#ffffff 100%);position:relative;overflow:hidden;}.clients-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(37,99,235,0.03) 0%,transparent 50%),linear-gradient(30deg,rgba(37,99,235,0.02) 12%,transparent 12.5%,transparent 87%,rgba(37,99,235,0.02) 87.5%);background-size:100% 100%,80px 140px;pointer-events:none;}.clients-section-inner{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1;}.clients-title-wrap{text-align:center;margin-bottom:40px;}.clients-title{font-size:32px;font-weight:700;color:#1f2937;position:relative;display:inline-block;padding-left:16px;}.clients-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:linear-gradient(180deg,#2563eb,#7c3aed);border-radius:2px;}.clients-subtitle{font-size:16px;color:#6b7280;margin-top:14px;}.clients-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:36px;position:relative;padding-bottom:12px;}.clients-tabs::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#c7d2fe,#2563eb,#c7d2fe,transparent);}.clients-tab-btn{padding:10px 28px;border:1px solid #e5e7eb;border-radius:50px;background:var(--bg-white);color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;}.clients-tab-btn:hover{border-color:#93c5fd;color:#2563eb;}.clients-tab-btn.active{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(37,99,235,0.3);}.clients-carousel-wrapper{position:relative;padding:0 56px;margin-bottom:40px;}.clients-carousel-track{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:8px 0 16px;}.clients-carousel-track::-webkit-scrollbar{display:none;}.client-card{min-width:300px;max-width:300px;background:var(--bg-white);border-radius:var(--radius);overflow:hidden;border:1px solid #f0f0f0;transition:all 0.3s ease;flex-shrink:0;}.client-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.08);border-color:rgba(37,99,235,0.15);}.client-card-image{height:160px;overflow:hidden;position:relative;background:linear-gradient(135deg,#eef4ff,#e8f0fe);display:flex;align-items:center;justify-content:center;}.client-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}.client-card:hover .client-card-image img{transform:scale(1.05);}.client-type-badge{position:absolute;top:12px;left:12px;padding:4px 14px;border-radius:50px;font-size:12px;font-weight:600;backdrop-filter:blur(8px);}.badge-university{background:rgba(37,99,235,0.85);color:#fff;}.badge-enterprise{background:rgba(124,58,237,0.85);color:#fff;}.client-card-content{padding:18px 20px;}.client-card-content h4{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:6px;}.client-product-tag{display:inline-block;padding:3px 12px;border-radius:50px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:500;margin-bottom:8px;}.client-card-content p{font-size:13px;line-height:1.6;color:#6b7280;}.clients-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid #e5e7eb;background:var(--bg-white);color:#1f2937;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,0.06);}.clients-carousel-arrow:hover{background:#2563eb;color:#fff;border-color:#2563eb;}.clients-carousel-arrow-prev{left:0;}.clients-carousel-arrow-next{right:0;}.clients-more{text-align:center;}
/* CTA */
.cta-section{padding:80px 0;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 50%,#3b82f6 100%);text-align:center;color:#fff;position:relative;overflow:hidden;}.cta-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,0.08) 0%,transparent 60%);pointer-events:none;}.cta-content{position:relative;z-index:1;}.cta-section h2{font-size:32px;font-weight:700;margin-bottom:16px;}.cta-section p{font-size:16px;opacity:0.9;max-width:600px;margin:0 auto 32px;line-height:1.6;}.cta-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:36px;}.cta-btn-trial{padding:14px 36px;background:#fff;color:#1d4ed8;font-size:15px;font-weight:700;border-radius:10px;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 14px rgba(0,0,0,0.15);}.cta-btn-trial:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.2);}.cta-btn-contact{padding:14px 36px;background:transparent;color:#fff;font-size:15px;font-weight:600;border-radius:10px;text-decoration:none;border:1.5px solid rgba(255,255,255,0.4);transition:all 0.3s ease;}.cta-btn-contact:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.7);}.cta-features{display:flex;justify-content:center;gap:32px;}.cta-feature{display:flex;align-items:center;gap:8px;font-size:14px;opacity:0.9;}.cta-feature i{color:#86efac;}
/* About */
.about-section{padding:80px 0;background:var(--bg-white);}.about-content{display:grid;grid-template-columns:3fr 2fr;gap:48px;align-items:stretch;}.about-text{display:flex;flex-direction:column;}.about-text h2{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:20px;line-height:1.3;}.about-text p{font-size:15px;line-height:1.8;color:#6b7280;margin-bottom:16px;}.about-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:auto;padding-top:24px;}.about-feature{background:#fff;border-radius:var(--radius);padding:20px 14px;text-align:center;border:1px solid #f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:all 0.3s ease;}.about-feature:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.08);border-color:rgba(37,99,235,0.12);}.about-feature h4{font-size:13px;font-weight:600;color:#1f2937;line-height:1.5;margin-top:10px;}.about-feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;margin:0 auto;}.about-image-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:460px;}.about-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}.about-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.17);object-position:center 40%;}.about-image-overlay{position:absolute;bottom:0;left:0;right:0;padding:48px 24px 24px;background:linear-gradient(to top,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.18) 60%,transparent 100%);display:flex;justify-content:flex-end;align-items:flex-end;z-index:2;}.about-image-overlay .btn{background:rgba(255,255,255,0.95);color:#1d4ed8;font-weight:700;border-radius:8px;padding:10px 24px;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:all 0.3s ease;}.about-image-overlay .btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.2);}
/* Footer */
.footer{background:var(--footer-bg);color:rgba(255,255,255,0.8);padding:64px 0 0;}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,0.1);}.footer-brand p{font-size:14px;line-height:1.7;opacity:0.8;}.footer-column h4{font-size:16px;font-weight:600;color:#fff;margin-bottom:18px;}.footer-links{list-style:none;}.footer-links li{margin-bottom:10px;}.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;transition:color 0.2s ease;}.footer-links a:hover{color:#93c5fd;}.footer-contact{margin-top:20px;}.footer-contact p{font-size:13px;margin-bottom:8px;display:flex;align-items:center;gap:8px;opacity:0.8;}.footer-contact i{width:16px;color:#93c5fd;}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-size:13px;opacity:0.7;}.footer-legal{display:flex;gap:16px;}.footer-legal a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:13px;transition:color 0.2s ease;}.footer-legal a:hover{color:#93c5fd;}
/* Mega Menu */
.nav-item-dropdown{position:relative;}.mega-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:680px;background:var(--bg-white);border-radius:var(--radius);box-shadow:0 20px 60px rgba(0,0,0,0.12),0 4px 16px rgba(0,0,0,0.06);padding:24px;opacity:0;visibility:hidden;transition:all 0.25s ease;pointer-events:none;z-index:100;border:1px solid #f0f0f0;}.nav-item-dropdown:hover .mega-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto;}.mega-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}.mega-menu-group{padding:8px 0;}.mega-menu-group-title{font-size:13px;font-weight:700;color:#1f2937;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:8px;}.mega-menu-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}.mega-menu-color-dot.blue{background:#2563eb;}.mega-menu-color-dot.purple{background:#7c3aed;}.mega-menu-group-items{list-style:none;}.mega-menu-group-items li{margin-bottom:4px;}.mega-menu-group-items a{display:block;padding:6px 10px;color:#6b7280;text-decoration:none;font-size:13px;border-radius:6px;transition:all 0.2s ease;}.mega-menu-group-items a:hover{background:#eff6ff;color:#2563eb;}
/* ========== RESPONSIVE: 1024px ========== */
@media(max-width:1024px){.navbar-nav{display:none;}.mobile-toggle{display:block;}.brand-tag-wrap{display:none;}.contact-info{display:none;}.product-card{padding:24px 20px;}.solutions-grid{grid-template-columns:repeat(2,1fr);}.client-card{min-width:260px;max-width:260px;}.stats-section{margin-top:-40px;padding:0 0 36px;}.stat-card{padding:24px 16px;}.stat-number{font-size:28px;}.stat-title{font-size:14px;}.stat-desc{font-size:12px;}.clients-section{padding:68px 0;}.about-content{grid-template-columns:1fr;}.about-features{grid-template-columns:repeat(3,1fr);}.about-image-wrap{order:-1;min-height:300px;}.about-text{order:1;}.footer-main{grid-template-columns:repeat(2,1fr);}.mega-menu{position:static;transform:none;min-width:auto;box-shadow:none;border-radius:0;padding:0;max-height:0;overflow:hidden;opacity:1;visibility:visible;transition:max-height 0.3s ease;pointer-events:auto;background:var(--bg-light);border:none;}.nav-item-dropdown:hover .mega-menu{opacity:1;visibility:visible;transform:none;}.nav-item-dropdown.mobile-open .mega-menu{max-height:600px;padding:12px 16px;}.mega-menu-grid{grid-template-columns:1fr;gap:0;}.mega-menu-group{padding:4px 0;}}
/* ========== RESPONSIVE: 768px ========== */
@media(max-width:768px){
/* Anti-overflow */
section,.container,.about-text,.about-content,.about-features,.cta-section,.cta-content{max-width:100%!important;overflow-x:hidden!important;word-break:break-word!important;box-sizing:border-box!important;}
.clients-carousel-wrapper,.clients-carousel-track{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
.solutions-grid::-webkit-scrollbar{display:none;}.solutions-grid{scrollbar-width:none;}
footer.footer{display:none!important;}.mobile-contact{display:flex;}.mobile-floating-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;z-index:999;padding:8px 0 calc(8px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -2px 10px rgba(0,0,0,0.08);}.mobile-bar-item{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:#1d4ed8;font-size:11px;font-weight:500;flex:1;padding:4px 0;}.mobile-bar-item svg{width:20px;height:20px;}.mobile-bar-item:active{opacity:0.7;}body{padding-bottom:60px;}.navbar-inner{height:60px;}.brand-icon-dy{width:32px;height:32px;font-size:13px;}.brand-logo{height:36px;}.brand-name-cn{font-size:18px;line-height:36px;}.brand-name-en{font-size:9px;}.navbar-right .btn-primary{display:none;}.mobile-menu{top:60px;}
/* Hero */
.hero{margin-top:60px;}.hero-banner-carousel{height:480px;}.hero-banner-dots{bottom:36px;}
/* Mobile Banner Content */
.hero-slide-content{max-width:100%;padding:0 12px;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:90%;}.hero-slide-tag{font-size:12px;margin-bottom:10px;justify-content:center;white-space:nowrap;}.hero-slide-title{font-size:30px;line-height:1.25;margin-bottom:10px;}.hero-slide-desc{font-size:12px;line-height:1.7;margin-bottom:18px;}.hero-slide-actions{gap:10px;margin-bottom:0;justify-content:center;}.btn-primary-lg,.btn-outline-lg{padding:10px 20px;font-size:13px;border-radius:8px;}
/* Stats */
.stats-section{margin-top:-30px;padding:0 0 28px;}.stats-cards{flex-wrap:nowrap;border-radius:12px;}.stat-card{flex:1;padding:18px 8px;}.stat-number{min-height:28px;}.stat-title{white-space:nowrap;}.stat-card:nth-child(4) .stat-number{font-size:20px;}.stat-card:nth-child(4) .stat-title{font-size:11px;white-space:nowrap;}.stat-card:nth-child(4) .stat-desc{display:none;}.desktop-only{display:none;}.mobile-only{display:block;}.stat-card:nth-child(5){display:none;}.stat-number{font-size:22px;}.stat-title{font-size:12px;}.stat-desc{display:none;}
/* Products */
.products-section{padding:56px 0;}.section-header{margin-bottom:32px;}.section-title{font-size:24px;}.section-subtitle{font-size:14px;}.products-grid{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;}.products-grid::-webkit-scrollbar{display:none;}.product-card{min-width:280px;max-width:280px;flex-shrink:0;padding:20px 18px;}.product-icon{width:48px;height:48px;font-size:22px;margin-bottom:14px;}.product-title{font-size:16px;}.product-desc{font-size:13px;line-height:1.5;}
/* Solutions */
.solutions-section{padding:56px 0;}.solutions-header{text-align:center;align-items:center;flex-direction:column;gap:16px;}.solutions-header .section-header{text-align:center;}.solutions-tabs{gap:0;margin-bottom:28px;flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.solutions-tabs::-webkit-scrollbar{display:none;}.solutions-tab-btn{padding:8px 18px;font-size:13px;white-space:nowrap;flex-shrink:0;margin:0 4px;}.solutions-grid{display:flex;overflow-x:auto;scrollbar-width:none;gap:16px;padding-bottom:8px;}.solution-card{min-width:280px;max-width:280px;flex-shrink:0;padding:20px 18px 20px 24px;}.solution-card-icon{width:40px;height:40px;font-size:18px;margin-bottom:10px;}.solution-card-title{font-size:15px;}.solution-card-desc{font-size:13px;line-height:1.5;}
/* Clients */
.clients-section{padding:56px 0;}.clients-title-wrap{margin-bottom:28px;}.clients-title{font-size:24px;}.clients-subtitle{font-size:13px;}.clients-tabs{gap:0;margin-bottom:28px;flex-wrap:nowrap;padding-bottom:8px;}.clients-tab-btn{padding:8px 18px;font-size:13px;white-space:nowrap;flex-shrink:0;margin:0 4px;}.clients-carousel-wrapper{padding:0 40px;}.client-card{min-width:260px;max-width:260px;}.client-card-image{height:120px;}.client-card-content{padding:14px 16px;}.client-card-content h4{font-size:15px;}.clients-carousel-arrow{width:38px;height:38px;font-size:14px;}
/* CTA */
.cta-section{padding:56px 0;}.cta-section h2{font-size:24px;margin-bottom:12px;}.cta-section p{font-size:14px;margin-bottom:24px;}.cta-buttons{flex-direction:column;align-items:center;gap:12px;}.cta-features{flex-direction:column;gap:12px;align-items:center;}
/* About */
.about-section{padding:56px 0;}.about-text h2{font-size:22px;}.about-text p{font-size:14px;}.about-image-wrap{min-height:240px;}.about-features{gap:12px;}.about-feature{padding:16px 10px;}.about-feature-icon{width:40px;height:40px;font-size:18px;}.about-feature h4{font-size:12px;margin-top:8px;}.container{padding:0 16px;}.btn{min-height:44px;}}
/* ========== RESPONSIVE: 480px ========== */
@media(max-width:480px){
section,.container,.about-text,.about-content,.about-features,.cta-section,.cta-content{max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;}
.clients-carousel-wrapper,.clients-carousel-track{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
footer.footer{display:none!important;}.mobile-contact{display:flex;}.mobile-floating-bar{display:flex;}.mobile-bar-item{font-size:10px;}.mobile-bar-item svg{width:18px;height:18px;}body{padding-bottom:56px;}.navbar-inner{height:56px;}.brand-icon-dy{width:28px;height:28px;font-size:11px;}.brand-logo{height:30px;}.brand-name-cn{font-size:15px;line-height:30px;}.brand-name-en{font-size:8px;}.mobile-menu{top:56px;box-shadow:var(--shadow-md);}
/* Hero */
.hero{margin-top:56px;}.hero-banner-carousel{height:440px;}.hero-banner-dots{bottom:30px;}.hero-banner-dot{width:8px;height:8px;}.hero-banner-dot.active{width:20px;}
/* 480px Banner Content */
.hero-slide-content{padding:0 10px;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:92%;}.hero-slide-tag{font-size:11px;margin-bottom:8px;justify-content:center;white-space:nowrap;}.hero-slide-tag::before{width:5px;height:5px;}.hero-slide-title{font-size:26px;line-height:1.25;margin-bottom:8px;}.hero-slide-desc{font-size:11px;line-height:1.7;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.hero-slide-actions{flex-direction:column;gap:8px;margin-bottom:0;align-items:center;}.btn-primary-lg,.btn-outline-lg{padding:9px 18px;font-size:12px;width:75%;justify-content:center;border-radius:8px;}
/* Stats */
.stats-section{margin-top:-24px;padding:0 0 20px;}.stats-cards{flex-wrap:nowrap;}.stat-card{flex:1;padding:16px 4px;}.stat-number{min-height:24px;}.stat-title{white-space:nowrap;}.stat-card:nth-child(4) .stat-number{font-size:18px;}.stat-card:nth-child(4) .stat-title{font-size:10px;white-space:nowrap;}.stat-card:nth-child(4) .stat-desc{display:none;}.stat-card:nth-child(5){display:none;}.stat-number{font-size:20px;}.stat-title{font-size:11px;}.stat-desc{display:none;}
/* Products */
.products-section{padding:48px 0;}.section-title{font-size:20px;}.section-subtitle{font-size:13px;}.product-card{min-width:260px;max-width:260px;padding:16px 14px;}.product-icon{width:40px;height:40px;font-size:18px;margin-bottom:10px;}.product-title{font-size:15px;}.product-subtitle{font-size:13px;}.product-desc{font-size:12px;}.product-tags{gap:4px;}.product-tag{font-size:11px;padding:2px 8px;}
/* Solutions */
.solutions-section{padding:48px 0;}.solutions-tab-btn{padding:6px 14px;font-size:12px;}.solutions-grid{gap:12px;}.solution-card{min-width:260px;max-width:260px;padding:16px 14px 16px 20px;}.solution-card-icon{width:36px;height:36px;font-size:16px;margin-bottom:8px;}.solution-card-title{font-size:14px;}.solution-card-desc{font-size:12px;line-height:1.4;}.solution-card-cat{font-size:11px;padding:2px 8px;}
/* Clients */
.clients-section{padding:48px 0;}.clients-title{font-size:20px;}.clients-subtitle{font-size:12px;}.clients-tab-btn{padding:6px 14px;font-size:12px;}.client-card{min-width:230px;max-width:230px;}.client-card-image{height:100px;}.client-card-content h4{font-size:14px;}.client-card-content p{font-size:12px;line-height:1.5;}.clients-carousel-arrow{width:32px;height:32px;font-size:12px;}
/* CTA */
.cta-section{padding:48px 0;}.cta-section h2{font-size:20px;}.cta-btn-trial,.cta-btn-contact{padding:12px 24px;font-size:14px;width:100%;justify-content:center;}}
    
/* ===== Visual Enhancement: Product Card Top Color Bars ===== */
.product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0;transition:height 0.3s ease;}
.product-card:has(.icon-blue)::before{background:linear-gradient(90deg,#3b82f6,#2563eb);}
.product-card:has(.icon-purple)::before{background:linear-gradient(90deg,#8b5cf6,#7c3aed);}
.product-card:has(.icon-green)::before{background:linear-gradient(90deg,#34d399,#059669);}
.product-card:has(.icon-orange)::before{background:linear-gradient(90deg,#fb923c,#ea580c);}
.product-card:has(.icon-blue){background:#f8faff;}
.product-card:has(.icon-purple){background:#faf8ff;}
.product-card:has(.icon-green){background:#f6fdf9;}
.product-card:has(.icon-orange){background:#fffbf5;}
.product-card:hover::before{height:4px;}
.product-card:has(.icon-blue):hover{background:#f0f4ff;}
.product-card:has(.icon-purple):hover{background:#f3eeff;}
.product-card:has(.icon-green):hover{background:#edfcf3;}
.product-card:has(.icon-orange):hover{background:#fff5eb;}

/* ===== Visual Enhancement: Solution Card Category Backgrounds ===== */
.solution-card[data-cat="pujiao"]{background:#f8faff;}
.solution-card[data-cat="zhijiao"]{background:#faf8ff;}
.solution-card[data-cat="gaojiao"]{background:#f6fdf9;}
.solution-card[data-cat="zhengqi"]{background:#fffbf5;}
.solution-card[data-cat="pujiao"]:hover{background:#f0f4ff;}
.solution-card[data-cat="zhijiao"]:hover{background:#f3eeff;}
.solution-card[data-cat="gaojiao"]:hover{background:#edfcf3;}
.solution-card[data-cat="zhengqi"]:hover{background:#fff5eb;}

/* ===== Visual Enhancement: Section Title Underline ===== */
.section-title{position:relative;display:inline-block;}
.section-title::after{content:'';display:block;width:60px;height:3px;margin:12px auto 0;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:2px;}

/* ===== Visual Enhancement: Fade-in Animation ===== */
.product-card,.solution-card{opacity:0;transform:translateY(20px);}
.product-card.visible,.solution-card.visible{opacity:1;transform:translateY(0);}
@media(prefers-reduced-motion:reduce){.product-card,.solution-card{opacity:1;transform:none;transition:none;}.product-card.visible,.solution-card.visible{opacity:1;transform:none;}}

/* ===== Responsive overrides for new visual elements ===== */
@media(max-width:768px){
.section-title::after{width:48px;height:2px;margin-top:8px;}
}
@media(max-width:480px){
.section-title::after{width:40px;height:2px;margin-top:6px;}
}
</style>
<script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "http://hm.baidu.com/hm.js?f5b50312c4bd99b34908259d0a01d6c3";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();</script>
</head>
<body>
    <!-- Navbar -->
    <div id="header-placeholder"></div>

    <!-- Hero Banner -->
    <section class="hero">
        <div class="hero-banner-carousel">
            <div class="hero-banner-slide active">
                <img src="images/banner_classroom_pro.jpg" alt="多媒体教学系统 V7.0（专业版）">
                <div class="hero-slide-content">
                    <div class="hero-slide-tag">多媒体教学系统 V7.0（专业版）</div>
                    <h1 class="hero-slide-title">师生互动更高效<br><span class="highlight">课堂管理更轻松</span></h1>
                    <p class="hero-slide-desc">手机/平板远程控制，多种广播方式让教学更灵活<br>即兴考测实时统计，精准点评提升教学质量</p>
                    <div class="hero-slide-actions">
                        <a href="about.html#contact" class="btn-primary-lg">免费试用系统</a>
                        <a href="product-classroom-pro.html" class="btn-outline-lg">查看产品详情</a>
                    </div>
                </div>
            </div>
            <div class="hero-banner-slide">
                <img src="images/banner_restore_v8.jpg" alt="网络还原系统 V8.0">
                <div class="hero-slide-content">
                    <div class="hero-slide-tag">网络还原系统 V8.0</div>
                    <h1 class="hero-slide-title">机房集中管理<br><span class="highlight">运维化繁为简</span></h1>
                    <p class="hero-slide-desc">故障秒级恢复，批量同传部署，多系统统一纳管<br>机房运维省时省力，教学考试更从容</p>
                    <div class="hero-slide-actions">
                        <a href="about.html#contact" class="btn-primary-lg">免费试用系统</a>
                        <a href="product-restore-v8.html" class="btn-outline-lg">查看产品详情</a>
                    </div>
                </div>
            </div>
            <div class="hero-banner-slide">
                <img src="images/banner_voice_v4.jpg" alt="数字语言实验室系统软件 V4.0">
                <div class="hero-slide-content">
                    <div class="hero-slide-tag">数字语言实验室系统软件 V4.0</div>
                    <h1 class="hero-slide-title">纯软件数字语言室<br><span class="highlight">多室合一</span></h1>
                    <p class="hero-slide-desc">纯软件替代传统语音室，多间教室功能合一<br>视频互动精准矫正，场景化训练提升实战能力</p>
                    <div class="hero-slide-actions">
                        <a href="about.html#contact" class="btn-primary-lg">免费试用系统</a>
                        <a href="product-voice-v4.html" class="btn-outline-lg">查看产品详情</a>
                    </div>
                </div>
            </div>
            <div class="hero-banner-dots">
                <div class="hero-banner-dot active" data-slide="0"></div>
                <div class="hero-banner-dot" data-slide="1"></div>
                <div class="hero-banner-dot" data-slide="2"></div>
            </div>
        </div>
    </section>

    <!-- Stats -->
    <section class="stats-section" id="stats">
        <div class="stats-section-inner">
            <div class="stats-cards">
                <div class="stat-card"><div class="stat-number" data-target="20" data-suffix="+">0+</div><div class="stat-title">年行业深耕</div><div class="stat-desc">专注教育信息化</div></div>
                <div class="stat-card"><div class="stat-number" data-target="50" data-suffix="+">0+</div><div class="stat-title desktop-only">软件著作权</div><div class="stat-desc desktop-only">自主核心技术</div><div class="stat-title mobile-only">知识产权</div><div class="stat-desc mobile-only">50+软著 · 10+发明</div></div>
                <div class="stat-card"><div class="stat-number" data-target="10" data-suffix="+">0+</div><div class="stat-title">发明专利</div><div class="stat-desc">自主创新能力</div></div>
                <div class="stat-card"><div class="stat-number" data-target="100" data-suffix="万+">0万+</div><div class="stat-title">稳定运行终端</div><div class="stat-desc">全球30+国家和地区</div></div>
                <div class="stat-card"><div class="stat-number" data-target="10000" data-suffix="+">0+</div><div class="stat-title">已服务伙伴</div><div class="stat-desc">覆盖全国</div></div>
            </div>
        </div>
    </section>

    <!-- 产品体系区 -->
    <section class="products-section" id="products">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">覆盖教学、运维、信创与桌面安全产品体系</h2>
                <p class="section-subtitle">自主研发核心技术，满足多场景、多生态的数字化终端管理需求</p>
            </div>
            <div class="products-grid" id="productsGrid">
                    <div class="product-card"><div class="product-icon icon-blue"><i class="fas fa-cloud"></i></div><h3 class="product-title">育林卫桌面云管理系列</h3><p class="product-subtitle">集控管理平台软件V2.0</p><p class="product-desc">云远程运维、云镜像快照、云策略管控、云桌面可靠</p><div class="product-tags"><span class="product-tag">云机房</span><span class="product-tag">办公桌面云</span></div><a href="product-cloud-v2.html" class="product-link">了解更多 <i class="fas fa-arrow-right"></i></a></div>
                    <div class="product-card"><div class="product-icon icon-purple"><i class="fas fa-network-wired"></i></div><h3 class="product-title">育林卫还原同传系列</h3><p class="product-subtitle">网络还原系统 V8.0 / V10.0</p><p class="product-desc">极速同传、重启即复原、差分更新、远程管理</p><div class="product-tags"><span class="product-tag">公共机房</span><span class="product-tag">实训室</span></div><a href="product-restore-v8.html" class="product-link">了解更多 <i class="fas fa-arrow-right"></i></a></div>
                    <div class="product-card"><div class="product-icon icon-blue"><i class="fas fa-play-circle"></i></div><h3 class="product-title">育林卫电子教室系列</h3><p class="product-subtitle">多媒体教学系统 V7.0</p><p class="product-desc">屏幕广播、互动教学、随堂测验、文件分发</p><div class="product-tags"><span class="product-tag">多媒体教室</span><span class="product-tag">机房</span></div><a href="product-cloud-v2.html" class="product-link">了解更多 <i class="fas fa-arrow-right"></i></a></div>
                    <div class="product-card"><div class="product-icon icon-purple"><i class="fas fa-microphone-alt"></i></div><h3 class="product-title">育林卫数字语音室系列</h3><p class="product-subtitle">语音教学系统 V3.0 / V4.0</p><p class="product-desc">语音广播、口语训练、考试支持、资源管理</p><div class="product-tags"><span class="product-tag">专业语音室</span><span class="product-tag">外语教室</span></div><a href="product-voice-v4.html" class="product-link">了解更多 <i class="fas fa-arrow-right"></i></a></div>
                    <div class="product-card"><div class="product-icon icon-blue"><i class="fas fa-book-reader"></i></div><h3 class="product-title">网育无线电子书包系列</h3><p class="product-subtitle">电子书包网络教学系统 V2.0</p><p class="product-desc">无线投屏、互动答题、电子教材、多平台支持</p><div class="product-tags"><span class="product-tag">无线课堂</span><span class="product-tag">移动教学</span></div><a href="product-voice-v4.html" class="product-link">了解更多 <i class="fas fa-arrow-right"></i></a></div>
                    <div class="product-card"><div class="product-icon icon-green"><i class="fas fa-shield-alt"></i></div><h3 class="product-title">信岩信创系列</h3><p class="product-subtitle">信创机房管理 / 信创智慧课堂</p><p class="product-desc">国产OS兼容、国产CPU支持、平滑迁移、安全管控</p><div class="product-tags"><span class="product-tag">信创机房</span><span class="product-tag">国产化替代</span></div><a href="product-voice-v4.html" class="product-link">了解更多 <i class="fas fa-arrow-right"></i></a></div>
                    <div class="product-card"><div class="product-icon icon-orange"><i class="fas fa-cogs"></i></div><h3 class="product-title">肯数系列</h3><p class="product-subtitle">智控系统软件V1.0</p><p class="product-desc">智能管控、统一运维、策略管理</p><div class="product-tags"><span class="product-tag">统一管控</span><span class="product-tag">运维管理</span></div><a href="product-cloud-v2.html" class="product-link">了解更多 <i class="fas fa-arrow-right"></i></a></div>
                    <div class="product-card"><div class="product-icon icon-purple"><i class="fas fa-tablet-alt"></i></div><h3 class="product-title">育林卫互动教学系列（安卓/iPadOS）</h3><p class="product-subtitle">互动教学软件V3.0（安卓/iPadOS）</p><p class="product-desc">多平台支持、无线互动、实时反馈</p><div class="product-tags"><span class="product-tag">智慧课堂</span><span class="product-tag">移动教学</span></div><a href="product-voice-v4.html" class="product-link">了解更多 <i class="fas fa-arrow-right"></i></a></div>
                </div>
        </div>
    </section>

    <!-- 解决方案区 -->
    <section class="solutions-section" id="solutions">
        <div class="container">
            <div class="solutions-header">
                <div class="section-header">
                    <h2 class="section-title">面向不同教学与办公场景的解决方案</h2>
                    <p class="section-subtitle">基于二十年的行业沉淀，为教育和政企客户提供针对性强、落地快的专业解决方案</p>
                </div>
                <a href="solutions.html" class="btn btn-outline">查看全部方案</a>
            </div>
            <div class="solutions-tabs" id="solutionsTabs">
                <button class="solutions-tab-btn active" data-cat="all">全部方案</button>
                <button class="solutions-tab-btn" data-cat="pujiao">普教</button>
                <button class="solutions-tab-btn" data-cat="zhijiao">职教</button>
                <button class="solutions-tab-btn" data-cat="gaojiao">高教</button>
                <button class="solutions-tab-btn" data-cat="zhengqi">政企</button>
            </div>
            <div class="solutions-grid" id="solutionsGrid">
                    <div class="solution-card" data-cat="pujiao"><div class="solution-card-icon"><i class="fas fa-school"></i></div><div class="solution-card-title">普教机房管理方案</div><div class="solution-card-desc">采用网络还原系列及电子教室软件，实现机房批量部署、集控管理和多媒体互动教学</div><span class="solution-card-cat cat-pujiao">普教</span></div>
                    <div class="solution-card" data-cat="pujiao"><div class="solution-card-icon"><i class="fas fa-chalkboard-teacher"></i></div><div class="solution-card-title">普教多媒体教室班班通</div><div class="solution-card-desc">基于网络还原与多媒体教学软件，实现班班通集中管理与互动教学全覆盖</div><span class="solution-card-cat cat-pujiao">普教</span></div>
                    <div class="solution-card" data-cat="zhijiao"><div class="solution-card-icon"><i class="fas fa-tools"></i></div><div class="solution-card-title">职教实训机房管理方案</div><div class="solution-card-desc">一套软件实现多室合一的教学、保护、管理多样化需求，不同角色切换更方便</div><span class="solution-card-cat cat-zhijiao">职教</span></div>
                    <div class="solution-card" data-cat="zhijiao"><div class="solution-card-icon"><i class="fas fa-chalkboard-teacher"></i></div><div class="solution-card-title">职教智慧实训室方案</div><div class="solution-card-desc">基于无线网络与移动设备，构建互动、高效、个性化的智慧课堂，提升学习参与度</div><span class="solution-card-cat cat-zhijiao">职教</span></div>
                    <div class="solution-card" data-cat="gaojiao"><div class="solution-card-icon"><i class="fas fa-university"></i></div><div class="solution-card-title">高教机房维护管理方案</div><div class="solution-card-desc">支持多平台操作系统，创建各专业教学桌面，系统硬盘还原保护、终端批量部署与管理</div><span class="solution-card-cat cat-gaojiao">高教</span></div>
                    <div class="solution-card" data-cat="gaojiao"><div class="solution-card-icon"><i class="fas fa-headphones-alt"></i></div><div class="solution-card-title">高教数字语音实验室方案</div><div class="solution-card-desc">集听、说、读、译、考于一体的专业语音教学方案，支持口语考试与同声传译训练</div><span class="solution-card-cat cat-gaojiao">高教</span></div>
                    <div class="solution-card" data-cat="gaojiao"><div class="solution-card-icon"><i class="fas fa-microchip"></i></div><div class="solution-card-title">信创机房迁移方案</div><div class="solution-card-desc">打通Windows与信创，兼容多系统多架构，打造智慧信创课堂互动教室</div><span class="solution-card-cat cat-gaojiao">高教</span></div>
                    <div class="solution-card" data-cat="zhengqi"><div class="solution-card-icon"><i class="fas fa-building"></i></div><div class="solution-card-title">政企安全办公方案</div><div class="solution-card-desc">融合运维管理与会议投屏，强化系统安全与工作用机安全，优化设备管理与资源共享</div><span class="solution-card-cat cat-zhengqi">政企</span></div>
                    <div class="solution-card" data-cat="zhengqi"><div class="solution-card-icon"><i class="fas fa-cloud"></i></div><div class="solution-card-title">政企培训机房方案</div><div class="solution-card-desc">肯数智控系统V1.0，自动化还原保护、批量远程部署，模块化自由组合采购</div><span class="solution-card-cat cat-zhengqi">政企</span></div>
                </div>
        </div>
    </section>

    <!-- 客户案例区 -->
    <section class="clients-section" id="clients">
        <div class="clients-section-inner">
            <div class="clients-title-wrap">
                <h2 class="clients-title">客户案例</h2>
                <p class="clients-subtitle">值得信赖的选择</p>
            </div>
            <div class="clients-tabs">
                <button class="clients-tab-btn active" data-tab="all">全部案例</button>
                <button class="clients-tab-btn" data-tab="edu">高等院校</button>
                <button class="clients-tab-btn" data-tab="ent">政企单位</button>
            </div>
            <div class="clients-carousel-wrapper">
                <button class="clients-carousel-arrow clients-carousel-arrow-prev" id="casePrev" aria-label="上一个"><i class="fas fa-chevron-left"></i></button>
                <div class="clients-carousel-track" id="casesCarouselTrack"><div class="client-card" data-type="edu"><div class="client-card-image"><img src="images/cases/gate_tsinghua.jpg" alt="清华大学"><span class="client-type-badge badge-university">高等院校</span></div><div class="client-card-content"><h4>清华大学</h4><span class="client-product-tag">网络还原系统</span><p>400余间教室教学电脑实施班班通集中管理，运维效率提升70%。</p></div></div>
<div class="client-card" data-type="edu"><div class="client-card-image"><img src="images/cases/gate_gzmu.jpg" alt="贵州医科大学"><span class="client-type-badge badge-university">高等院校</span></div><div class="client-card-content"><h4>贵州医科大学</h4><span class="client-product-tag">多媒体教学系统V7.0</span><p>覆盖500余用户，通过路由器构建跨Vlan互联，实现跨楼层共联互动教学。</p></div></div>
<div class="client-card" data-type="edu"><div class="client-card-image"><img src="images/cases/gate_gaoyou.jpg" alt="江苏省高邮中等专业学校"><span class="client-type-badge badge-university">职业院校</span></div><div class="client-card-content"><h4>江苏省高邮中等专业学校</h4><span class="client-product-tag">电子书包网络教学系统</span><p>WiFi环境下通过视频直播、分组教学实现教师操作实时同步与互动训练。</p></div></div>
<div class="client-card" data-type="edu"><div class="client-card-image"><img src="images/cases/gate_lnjz.jpg" alt="辽宁建筑职业学院"><span class="client-type-badge badge-university">职业院校</span></div><div class="client-card-content"><h4>辽宁建筑职业学院</h4><span class="client-product-tag">多媒体教学 + 网络还原</span><p>7间教室360个点位，实现互动教学与系统还原保护，系统稳定性显著增强。</p></div></div>
<div class="client-card" data-type="edu"><div class="client-card-image"><img src="images/cases/gate_hbhj.jpg" alt="河北环境工程学院"><span class="client-type-badge badge-university">高等院校</span></div><div class="client-card-content"><h4>河北环境工程学院</h4><span class="client-product-tag">数字语言实验室系统V4.0</span><p>部署2间60座数字化语音室，教学组织效率提升约40%。</p></div></div>
<div class="client-card" data-type="ent"><div class="client-card-image"><img src="images/cases/gate_shangang.jpg" alt="山钢日照公司"><span class="client-type-badge badge-enterprise">政企单位</span></div><div class="client-card-content"><h4>山钢日照公司</h4><span class="client-product-tag">业务培训网络教室</span><p>建设50座业务培训网络教室，运维管理效率提升约60%。</p></div></div>
<div class="client-card" data-type="edu"><div class="client-card-image"><img src="images/cases/gate_shisu.jpg" alt="上海外国语大学"><span class="client-type-badge badge-university">高等院校</span></div><div class="client-card-content"><h4>上海外国语大学</h4><span class="client-product-tag">网络还原系统V10.0</span><p>双硬盘环境下实现稳定保护与高效同传，运维效率提升约50%。</p></div></div>
<div class="client-card" data-type="edu"><div class="client-card-image"><img src="images/cases/gate_qhjz.jpg" alt="青海建筑职业技术学院"><span class="client-type-badge badge-university">职业院校</span></div><div class="client-card-content"><h4>青海建筑职业技术学院</h4><span class="client-product-tag">多媒体教学V7.0 + 网络还原V10.0</span><p>终端软环境快速部署与硬盘还原保护，终端维护效率提升约60%。</p></div></div>
<div class="client-card" data-type="edu"><div class="client-card-image"><img src="images/cases/gate_lnjz2.jpg" alt="辽宁建筑职业学院"><span class="client-type-badge badge-university">职业院校</span></div><div class="client-card-content"><h4>辽宁建筑职业学院</h4><span class="client-product-tag">网络还原V10.0 + 多媒体教学V7.0</span><p>支撑高水平特色专业群建设，教学与管理效率提升约60%。</p></div></div>
<div class="client-card" data-type="edu"><div class="client-card-image"><img src="images/cases/gate_wcsy.jpg" alt="武昌首义学院"><span class="client-type-badge badge-university">高等院校</span></div><div class="client-card-content"><h4>武昌首义学院</h4><span class="client-product-tag">数字语言实验室系统V4.0</span><p>6间60座计算机+数字语言室，节省硬件采购资金约70%。</p></div></div>
<div class="client-card" data-type="edu"><div class="client-card-image"><img src="images/cases/gate_hdkj.jpg" alt="邯郸科技职业学院"><span class="client-type-badge badge-university">职业院校</span></div><div class="client-card-content"><h4>邯郸科技职业学院</h4><span class="client-product-tag">数字语言实验室系统V4.0</span><p>4间云语音实训室，教学效率提升约60%，降低总体投资约40%。</p></div></div>
<div class="client-card" data-type="edu"><div class="client-card-image"><img src="images/cases/gate_jzxx.jpg" alt="晋中信息学院"><span class="client-type-badge badge-university">高等院校</span></div><div class="client-card-content"><h4>晋中信息学院</h4><span class="client-product-tag">语音教学系统V3.0</span><p>公共机房升级为专业语音教室，教学效率提升约60%。</p></div></div>
</div>
                <button class="clients-carousel-arrow clients-carousel-arrow-next" id="caseNext" aria-label="下一个"><i class="fas fa-chevron-right"></i></button>
            </div>
            <div class="clients-more"><a href="cases.html" class="btn-outline">查看更多案例 <i class="fas fa-arrow-right"></i></a></div>
        </div>
    </section>

    <!-- CTA -->
    <section class="cta-section" id="contact">
        <div class="container">
            <div class="cta-content">
                <h2>想了解软件是否适合您的机房?</h2>
                <p>申请免费试用，获取专属技术顾问支持。我们提供一对一的测试指导，帮助您快速评估我们的解决方案。</p>
                <div class="cta-buttons">
                    <a href="about.html#contact" class="btn cta-btn-trial">立即免费试用</a>
                    <a href="about.html#contact" class="btn cta-btn-contact">联系业务顾问</a>
                </div>
                <div class="cta-features">
                    <div class="cta-feature"><i class="fas fa-check-circle"></i><span>免费软件评估</span></div>
                    <div class="cta-feature"><i class="fas fa-check-circle"></i><span>极速部署指引</span></div>
                    <div class="cta-feature"><i class="fas fa-check-circle"></i><span>原厂技术支持</span></div>
                </div>
            </div>
        </div>
    </section>

    <!-- 关于我们 -->
    <section class="about-section" id="about">
        <div class="container">
            <div class="about-content">
                <div class="about-text">
                    <h2>关于鼎岩科技：专注教育行业的自主创新开拓者</h2>
                    <p>南京鼎岩信息科技有限公司是一家专注于教育信息化领域的高新技术企业，深耕教育行业二十余年。公司致力于为普教、职教、高教与政企客户提供网络还原、桌面安全、多媒体教学、数字语音实验室和国产化终端管理的一站式解决方案。</p>
                    <p>我们始终坚持自主研发，拥有50余项软件著作权和10余项发明专利，产品已成功部署至全球30多个国家和地区，稳定运行终端超过100万台。</p>
                    <div class="about-features">
                        <div class="about-feature"><div class="about-feature-icon" style="background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));"><i class="fas fa-signal"></i></div><h4>行业专注<br>经验丰富</h4></div>
                        <div class="about-feature"><div class="about-feature-icon" style="background:linear-gradient(135deg,var(--green),#059669);"><i class="fas fa-shield-alt"></i></div><h4>自主可控<br>信创先锋</h4></div>
                        <div class="about-feature"><div class="about-feature-icon" style="background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));"><i class="fas fa-bolt"></i></div><h4>全球视野<br>百万信赖</h4></div>
                    </div>
                </div>
                <div class="about-image-wrap">
                    <div class="about-image"><img src="images/about-brand.png" alt="南京鼎岩信息科技有限公司"></div>
                    <div class="about-image-overlay">
                        <a href="about.html" class="btn">了解更多公司详情</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <div id="footer-placeholder"></div>

    <script>
document.addEventListener('DOMContentLoaded',function(){
// ===== Banner轮播 =====
const bannerSlides=document.querySelectorAll('.hero-banner-slide');
const bannerDots=document.querySelectorAll('.hero-banner-dot');
let bannerCurrent=0;
let bannerTimer=null;
function showBannerSlide(index){bannerSlides.forEach(s=>s.classList.remove('active'));bannerDots.forEach(d=>d.classList.remove('active'));bannerSlides[index].classList.add('active');bannerDots[index].classList.add('active');bannerCurrent=index;}
function nextBannerSlide(){showBannerSlide((bannerCurrent+1)%bannerSlides.length);}
function startBannerTimer(){bannerTimer=setInterval(nextBannerSlide,4000);}
function stopBannerTimer(){clearInterval(bannerTimer);}
bannerDots.forEach(dot=>{dot.addEventListener('click',function(){stopBannerTimer();showBannerSlide(parseInt(this.dataset.slide));});});
var bannerCarousel=document.querySelector('.hero-banner-carousel');
if(bannerCarousel){bannerCarousel.addEventListener('mouseleave',function(){stopBannerTimer();startBannerTimer();});}
startBannerTimer();

// ===== 导航栏滚动 =====
const navbar=document.querySelector('.navbar');
window.addEventListener('scroll',function(){if(window.scrollY>50){navbar.classList.add('scrolled');}else{navbar.classList.remove('scrolled');}});

// ===== 移动端菜单 =====
const mobileToggle=document.getElementById('mobileToggle');
const mobileMenu=document.getElementById('mobileMenu');
if(mobileToggle){mobileToggle.addEventListener('click',function(){mobileMenu.classList.toggle('active');});document.querySelectorAll('.mobile-menu .nav-link:not(.products-toggle)').forEach(link=>{link.addEventListener('click',()=>mobileMenu.classList.remove('active'));});}

// ===== 数字动画 =====
const statsSection=document.getElementById('stats');
if(statsSection){const counters=document.querySelectorAll('.stat-number');let animated=false;function animateCounters(){counters.forEach(counter=>{const target=parseInt(counter.dataset.target);const suffix=counter.dataset.suffix||'';let current=0;const increment=target/60;const timer=setInterval(()=>{current+=increment;if(current>=target){current=target;clearInterval(timer);}counter.textContent=Math.floor(current)+suffix;},25);});animated=true;}const observer=new IntersectionObserver(entries=>{if(entries[0].isIntersecting&&!animated){animateCounters();}},{threshold:0.5});observer.observe(statsSection);}

// ===== 解决方案Tab切换 =====
const solutionsTabBtns=document.querySelectorAll('.solutions-tab-btn');
const solutionCards=document.querySelectorAll('.solution-card');
solutionsTabBtns.forEach(btn=>{
    btn.addEventListener('click',function(){
        solutionsTabBtns.forEach(b=>b.classList.remove('active'));
        this.classList.add('active');
        const cat=this.dataset.cat;
        solutionCards.forEach(card=>{
            if(cat==='all'||card.dataset.cat===cat){
                card.style.display='';
            }else{
                card.style.display='none';
            }
        });
    });
});





// ===== 产品区自动循环滚动（移动端，单卡片横向滚动） =====
(function(){
  var grid = document.getElementById('productsGrid');
  if(!grid) return;
  var prodAutoTimer = null;
  var prodReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
  function startProdAutoScroll(){
    stopProdAutoScroll();
    if(window.innerWidth > 768) return;
    if(prodReducedMotion.matches) return;
    prodAutoTimer = setInterval(function(){
      grid.scrollLeft += 1;
      if(grid.scrollLeft + grid.clientWidth >= grid.scrollWidth - 1){
        grid.scrollLeft = 0;
      }
    }, 30);
  }
  function stopProdAutoScroll(){
    if(prodAutoTimer){clearInterval(prodAutoTimer); prodAutoTimer = null;}
  }
  function checkProdMobile(){
    if(window.innerWidth <= 768){
      startProdAutoScroll();
    } else {
      stopProdAutoScroll();
      grid.scrollLeft = 0;
    }
  }
  grid.addEventListener('mouseenter', stopProdAutoScroll);
  grid.addEventListener('mouseleave', function(){ stopProdAutoScroll(); setTimeout(startProdAutoScroll, 1000); });
  grid.addEventListener('touchstart', stopProdAutoScroll, {passive:true});
  grid.addEventListener('touchend', function(){ stopProdAutoScroll(); setTimeout(startProdAutoScroll, 1000); }, {passive:true});
  checkProdMobile();
  window.addEventListener('resize', checkProdMobile);
  prodReducedMotion.addEventListener('change', function(){
    if(prodReducedMotion.matches){ stopProdAutoScroll(); }
    else { checkProdMobile(); }
  });
})();

// ===== 解决方案区自动滚动（移动端） =====
(function(){
  var solGrid = document.getElementById('solutionsGrid');
  if(!solGrid) return;
  var solAutoTimer = null;
  function startSolAutoScroll(){
    stopSolAutoScroll();
    if(window.innerWidth > 768) return;
    solAutoTimer = setInterval(function(){
      solGrid.scrollBy({left:1, behavior:'auto'});
      if(solGrid.scrollLeft + solGrid.clientWidth >= solGrid.scrollWidth - 1){
        solGrid.scrollLeft = 0;
      }
    }, 30);
  }
  function stopSolAutoScroll(){
    if(solAutoTimer){clearInterval(solAutoTimer); solAutoTimer = null;}
  }
  function checkSolMobile(){
    if(window.innerWidth <= 768){
      startSolAutoScroll();
    } else {
      stopSolAutoScroll();
      solGrid.scrollLeft = 0;
    }
  }
  solGrid.addEventListener('mouseenter', stopSolAutoScroll);
  solGrid.addEventListener('mouseleave', function(){ stopSolAutoScroll(); setTimeout(startSolAutoScroll, 1000); });
  solGrid.addEventListener('touchstart', stopSolAutoScroll, {passive:true});
  solGrid.addEventListener('touchend', function(){ stopSolAutoScroll(); setTimeout(startSolAutoScroll, 1000); }, {passive:true});
  checkSolMobile();
  window.addEventListener('resize', checkSolMobile);
  if(window.matchMedia('(prefers-reduced-motion: reduce)').matches){
    stopSolAutoScroll();
  }
})();

// ===== 客户案例区 =====
const caseTrack=document.getElementById('casesCarouselTrack');
let caseAutoTimer=null;
let caseFilter='all';
function startCaseAutoScroll(){stopCaseAutoScroll();if(!caseTrack)return;caseAutoTimer=setInterval(()=>{caseTrack.scrollBy({left:1,behavior:'auto'});if(caseTrack.scrollLeft+caseTrack.clientWidth>=caseTrack.scrollWidth-1){caseTrack.scrollLeft=0;}},30);}
function stopCaseAutoScroll(){if(caseAutoTimer){clearInterval(caseAutoTimer);caseAutoTimer=null;}}
if(caseTrack){
    const prevBtn=document.getElementById('casePrev');
    const nextBtn=document.getElementById('caseNext');
    if(prevBtn)prevBtn.addEventListener('click',()=>{stopCaseAutoScroll();caseTrack.scrollBy({left:-340,behavior:'smooth'});setTimeout(startCaseAutoScroll,3000);});
    if(nextBtn)nextBtn.addEventListener('click',()=>{stopCaseAutoScroll();caseTrack.scrollBy({left:340,behavior:'smooth'});setTimeout(startCaseAutoScroll,3000);});
    caseTrack.addEventListener('mouseenter',stopCaseAutoScroll);
    caseTrack.addEventListener('mouseleave',()=>{stopCaseAutoScroll();setTimeout(startCaseAutoScroll,1000);});
    caseTrack.addEventListener('touchstart',stopCaseAutoScroll,{passive:true});
    caseTrack.addEventListener('touchend',()=>{stopCaseAutoScroll();setTimeout(startCaseAutoScroll,1000);},{passive:true});
    startCaseAutoScroll();
    // Tab switching
    const tabBtns=document.querySelectorAll('.clients-tab-btn');
    const cards=document.querySelectorAll('.client-card');
    tabBtns.forEach(btn=>{btn.addEventListener('click',function(){tabBtns.forEach(b=>b.classList.remove('active'));this.classList.add('active');caseFilter=this.dataset.tab;stopCaseAutoScroll();cards.forEach(card=>{if(caseFilter==='all'||card.dataset.type===caseFilter){card.style.display='';}else{card.style.display='none';}});setTimeout(startCaseAutoScroll,500);});});
}
});

// Products toggle in mobile menu
document.querySelector('.products-toggle')?.addEventListener('click',function(){const sub=this.nextElementSibling;if(sub){sub.style.display=sub.style.display==='block'?'none':'block';}});

// ===== Scroll Fade-in Animation =====
(function(){
    if(window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
    var animElements = document.querySelectorAll('.product-card, .solution-card');
    if(!animElements.length) return;
    var observer = new IntersectionObserver(function(entries){
        entries.forEach(function(entry){
            if(entry.isIntersecting){
                var el = entry.target;
                var delay = parseInt(el.dataset.animDelay || '0');
                setTimeout(function(){ el.classList.add('visible'); }, delay);
                observer.unobserve(el);
            }
        });
    }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
    animElements.forEach(function(el, i){
        el.dataset.animDelay = (i % 4) * 80;
        observer.observe(el);
    });
})();


    </script>

    <!-- 手机端悬浮栏 -->
    <div id="float-bar-placeholder"></div>
    
    <script src="js/component-loader.js"></script>

</body>
</html>