鏁板垱铻嶅悎鏅鸿兘鏈嶅姟骞冲彴鈥?鍥藉鐭ヨ瘑浜ф潈鍏ㄧ敓鍛藉懆鏈熺鐞嗗钩鍙?/title> <meta name="description" content="鏁板垱铻嶅悎鏅鸿兘鏈嶅姟骞冲彴锛屼腑鍥芥妧鏈氦鏄撴墍鎴樼暐鍚堜綔浼氬憳鍗曚綅锛屾彁渚涚煡璇嗕骇鏉冨瓨璇併€佹暟鎹祫浜у叆琛ㄣ€丄I鏅鸿兘浣撳畾鍒躲€佹暟瀛楃増鏉冧氦鏄撶瓑鍏ㄧ敓鍛藉懆鏈熸湇鍔°€?> <meta name="keywords" content="鏁版嵁璧勪骇鍏ヨ〃,鐭ヨ瘑浜ф潈瀛樿瘉,AI鏅鸿兘浣?鏁板瓧鐗堟潈浜ゆ槗,涓撳埄绠＄悊,铻嶈祫瀵规帴,渚垫潈鐩戞祴,鍚堣瀹℃煡,绠楀姏瓒呭競,鏁版嵁鍔犲伐鍘?鐭ヤ骇宸ュ巶,鍙ｆ挱宸ュ巶"> <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="css/style.css"> <style> /* Mega Menu */ .nav-mega { position: relative; } .nav-mega-label { font-size: .88rem; color: rgba(26,26,46,.55); padding: 6px 14px; border-radius: var(--radius-full); transition: var(--transition-fast); white-space: nowrap; cursor: pointer; display: flex; align-items: center; gap: 4px; } .nav-mega-label:hover { color: var(--fire); background: rgba(197,61,67,.06); } .nav-mega-label .arrow { font-size: .6rem; transition: transform .2s; } .nav-mega.open .nav-mega-label { color: var(--fire); background: rgba(197,61,67,.08); } .nav-mega.open .nav-mega-label .arrow { transform: rotate(180deg); } .mega-dropdown { display: none; position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow-xl); border: 1px solid rgba(197,151,67,.12); padding: 24px; min-width: 220px; z-index: 200; } .nav-mega.open .mega-dropdown { display: block; } .mega-dropdown a { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: var(--radius-sm); font-size: .88rem; color: var(--ink); transition: var(--transition-fast); white-space: nowrap; } .mega-dropdown a:hover { background: rgba(197,61,67,.06); color: var(--fire); } .mega-dropdown a .mega-icon { font-size: 1.1rem; flex-shrink: 0; width: 28px; text-align: center; } .mega-dropdown .mega-divider { height: 1px; background: rgba(197,151,67,.1); margin: 8px 0; } /* Mobile mega */ @media (max-width: 768px) { .nav-mega { width: 100%; } .nav-mega-label { width: 100%; justify-content: space-between; } .mega-dropdown { position: static; transform: none; box-shadow: none; border: none; padding: 0 0 0 16px; min-width: 0; background: transparent; } } /* Factory cards */ .factory-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; } .factory-card { background: var(--white); border-radius: var(--radius-lg); padding: 32px 20px; text-align: center; border: 1px solid rgba(197,151,67,.1); transition: var(--transition); position: relative; overflow: hidden; } .factory-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: rgba(197,151,67,.25); } .factory-card .factory-emoji { font-size: 2.5rem; margin-bottom: 16px; display: block; } .factory-card h3 { font-family: var(--font-serif); font-size: 1.05rem; margin-bottom: 10px; font-weight: 700; } .factory-card p { font-size: .82rem; color: rgba(26,26,46,.55); line-height: 1.7; } .factory-card .factory-tag { display: inline-block; margin-top: 12px; padding: 4px 12px; border-radius: var(--radius-full); font-size: .72rem; font-weight: 600; background: rgba(197,61,67,.06); color: var(--fire); } @media (max-width: 1024px) { .factory-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 640px) { .factory-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .factory-grid { grid-template-columns: 1fr; } } /* Lifecycle flow */ .lifecycle-flow { display: flex; align-items: flex-start; justify-content: center; gap: 0; flex-wrap: wrap; position: relative; } .lifecycle-step { flex: 0 0 auto; text-align: center; padding: 0 8px; position: relative; min-width: 120px; } .lifecycle-step:not(:last-child)::after { content: '鈫?; position: absolute; top: 22px; left: calc(50% + 40px); color: var(--gold); font-size: 1.2rem; opacity: .5; } .lifecycle-dot { width: 44px; height: 44px; border-radius: 50%; background: var(--ink); color: var(--gold); display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-serif); font-weight: 900; font-size: 1rem; margin-bottom: 10px; } .lifecycle-step h4 { font-family: var(--font-serif); font-size: .9rem; margin-bottom: 4px; } .lifecycle-step p { font-size: .75rem; color: rgba(26,26,46,.45); } @media (max-width: 768px) { .lifecycle-flow { flex-direction: column; align-items: center; gap: 12px; } .lifecycle-step:not(:last-child)::after { top: auto; bottom: -16px; left: 50%; transform: translateX(-50%); content: '鈫?; } } /* Partner badges */ .partner-badge-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; } .partner-badge { background: var(--white); border-radius: var(--radius-lg); padding: 24px; border: 1px solid rgba(197,151,67,.1); text-align: center; transition: var(--transition); } .partner-badge:hover { box-shadow: var(--shadow); border-color: rgba(197,151,67,.2); } .partner-badge .badge-icon { font-size: 2rem; margin-bottom: 12px; display: block; } .partner-badge h4 { font-family: var(--font-serif); font-size: .95rem; margin-bottom: 6px; } .partner-badge p { font-size: .8rem; color: rgba(26,26,46,.5); line-height: 1.6; } .partner-badge .badge-tag { display: inline-block; margin-top: 8px; padding: 3px 10px; border-radius: var(--radius-full); font-size: .7rem; font-weight: 600; background: rgba(45,106,79,.08); color: var(--wood); } /* Credibility bar */ .credibility-bar { display: flex; align-items: center; justify-content: center; gap: 32px; flex-wrap: wrap; margin-top: 24px; } .credibility-item { display: flex; align-items: center; gap: 8px; font-size: .85rem; color: rgba(26,26,46,.65); } .credibility-item .cred-icon { width: 32px; height: 32px; border-radius: 50%; background: rgba(197,151,67,.12); display: flex; align-items: center; justify-content: center; font-size: 1rem; } @media (max-width: 640px) { .credibility-bar { gap: 16px; } } /* Hero keywords */ .hero-keywords { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 20px; } .hero-keyword { padding: 6px 16px; border-radius: var(--radius-full); background: rgba(255,255,255,.12); backdrop-filter: blur(8px); font-size: .82rem; color: rgba(250,248,244,.8); border: 1px solid rgba(255,255,255,.1); } </style> <script> // Auto-wrap API responses: unwrap data to top level const origFetch = window.fetch; window.fetch = async function(...args) { const res = await origFetch.apply(this, args); if (typeof args[0] === 'string' && args[0].startsWith('/api/')) { try { const body = await res.clone().json(); if (body && body.data && typeof body.data === 'object') { // Return a new response with data unwrapped for (const k of Object.keys(body.data)) { body[k] = body.data[k]; } if (body.data.stats && typeof body.data.stats === "object") { for (const k of Object.keys(body.data.stats)) body[k] = body.data.stats[k]; body.stats = body.data.stats; } return new Response(JSON.stringify(body), { status: res.status, headers: res.headers }); } } catch(e) {} } return res; }; </script> </head> <body>  <nav class="navbar" id="navbar"> <div class="container"> <div class="nav-inner"> <a href="index.html" class="nav-logo"> <div class="nav-logo-icon"><span>鏁?/span></div> <div> <div class="nav-logo-text">鏁板垱铻嶅悎</div> <div class="nav-logo-sub">鏅鸿兘鏈嶅姟骞冲彴</div> </div> </a> <div class="nav-links" id="nav-links">  <div class="nav-mega" data-mega> <span class="nav-mega-label">鏍稿績涓氬姟 <span class="arrow">鈻?/span></span> <div class="mega-dropdown"> <a href="certification.html"><span class="mega-icon">馃摐</span>瀛樿瘉鏈嶅姟</a> <a href="data-asset.html"><span class="mega-icon">馃搳</span>鏁版嵁璧勪骇鍏ヨ〃</a> <a href="patent.html"><span class="mega-icon">馃挕</span>涓撳埄绠＄悊</a> <div class="mega-divider"></div> <a href="financing.html"><span class="mega-icon">馃彟</span>铻嶈祫瀵规帴</a> <a href="radar.html"><span class="mega-icon">馃攳</span>渚垫潈鐩戞祴</a> <a href="compliance.html"><span class="mega-icon">鉁?/span>鍚堣瀹℃煡</a> </div> </div>  <div class="nav-mega" data-mega> <span class="nav-mega-label">宸ュ巶浣撶郴 <span class="arrow">鈻?/span></span> <div class="mega-dropdown"> <a href="aifactory.html"><span class="mega-icon">馃敟</span>鍙ｆ挱宸ュ巶</a> <a href="#"><span class="mega-icon">馃拵</span>鐭ヤ骇宸ュ巶</a> <a href="factory.html"><span class="mega-icon">馃搳</span>鏁版嵁鍔犲伐鍘?/a> <div class="mega-divider"></div> <a href="agent.html"><span class="mega-icon">馃</span>鏅鸿兘浣撳伐鍘?/a> <a href="tech.html"><span class="mega-icon">鈿?/span>绠楀姏瓒呭競</a> </div> </div>  <div class="nav-mega" data-mega> <span class="nav-mega-label">骞冲彴鏈嶅姟 <span class="arrow">鈻?/span></span> <div class="mega-dropdown"> <a href="education.html"><span class="mega-icon">馃帗</span>鏁板垱瀛﹂櫌</a> <a href="marketing.html"><span class="mega-icon">馃摙</span>鏅鸿兘钀ラ攢</a> <a href="cooperation.html"><span class="mega-icon">馃</span>鍏ㄥ浗鍚堜綔</a> </div> </div> <a href="dashboard.html">宸ヤ綔鍙?/a> </div> <div class="nav-right"> <a href="login.html" class="btn btn-primary btn-sm">鐧诲綍 / 娉ㄥ唽</a> <button class="nav-mobile-btn" id="nav-mobile-btn"> <span></span><span></span><span></span> </button> </div> </div> </div> </nav>  <section class="hero"> <div class="container" style="position:relative;z-index:1;"> <div class="hero-badge fade-in"> <span style="color:var(--gold);">鈽?/span> 鍥藉鐭ヨ瘑浜ф潈鍏ㄧ敓鍛藉懆鏈熺鐞嗗钩鍙? </div> <h1 class="hero-title fade-in" style="transition-delay:.1s;"> 鏁板垱铻嶅悎<br class="sm-hide"><span class="text-gold">鏅鸿兘鏈嶅姟</span>骞冲彴 </h1> <p class="hero-desc fade-in" style="transition-delay:.2s;"> 鐭ヨ瘑浜ф潈路鏁版嵁璧勪骇路浜哄伐鏅鸿兘路鍏ㄦ祦绋嬭嚜鍔ㄥ寲<br> 浜斿ぇ宸ュ巶椹卞姩锛屽浗瀹剁骇骞冲彴鏀拺 </p> <div class="hero-keywords fade-in" style="transition-delay:.25s;"> <span class="hero-keyword">馃攼鐭ヨ瘑浜ф潈瀛樿瘉</span> <span class="hero-keyword">馃搳鏁版嵁璧勪骇鍏ヨ〃</span> <span class="hero-keyword">馃 AI鏅鸿兘浣撳畾鍒?/span> <span class="hero-keyword">馃摐鏁板瓧鐗堟潈浜ゆ槗</span> </div> <div class="hero-actions fade-in" style="transition-delay:.3s;"> <a href="#factories" class="btn btn-fire btn-lg">鎺㈢储宸ュ巶浣撶郴</a> <a href="#cta" class="btn btn-outline btn-lg" style="border-color:rgba(250,248,244,.5);color:var(--paper-light);">鍏嶈垂鍜ㄨ</a> </div> <div class="hero-stats fade-in" style="transition-delay:.4s;"> <div class="text-center"> <div class="hero-stat-value">25<span class="stat-unit">浜?</span></div> <div class="hero-stat-label">绱铻嶈祫瑙勬ā</div> </div> <div class="text-center"> <div class="hero-stat-value">5<span class="stat-unit">澶у伐鍘?/span></div> <div class="hero-stat-label">AI椹卞姩寮曟搸</div> </div> <div class="text-center"> <div class="hero-stat-value">18<span class="stat-unit">姝?/span></div> <div class="hero-stat-label">鍏ㄩ摼璺叆琛?/div> </div> <div class="text-center"> <div class="hero-stat-value">100<span class="stat-unit">%</span></div> <div class="hero-stat-label">涓妧鎵€涓氬姟瑕嗙洊</div> </div> </div> <div class="credibility-bar fade-in" style="transition-delay:.5s;"> <div class="credibility-item"> <span class="cred-icon">馃彌锔?/span> <span>涓妧鎵€鎴樼暐鍚堜綔浼氬憳</span> </div> <div class="credibility-item"> <span class="cred-icon">馃摐</span> <span>鏁板瓧鐗堟潈浜ゆ槗骞冲彴鎸傜墝绔彛</span> </div> <div class="credibility-item"> <span class="cred-icon">鈿?/span> <span>鐏北寮曟搸鍚堜綔浼欎即</span> </div> </div> </div> </section>  <section class="section" id="factories"> <div class="container"> <div class="section-header fade-in"> <h2 class="section-title">浜斿ぇ宸ュ巶浣撶郴</h2> <p class="section-subtitle">AI椹卞姩锛屽叏閾捐矾鑷姩鍖栵紝浠庡唴瀹瑰垱浣滃埌鐭ヨ瘑浜ф潈锛屼竴绔欏紡瑙ｅ喅</p> <div class="section-divider"></div> </div> <div class="factory-grid"> <div class="factory-card fade-in" style="transition-delay:.05s;"> <span class="factory-emoji">馃敟</span> <h3>鍙ｆ挱宸ュ巶</h3> <p>鑷┍鍔ㄥ唴瀹瑰紩鎿庯紝鐖嗘闆疯揪鈫掍竴閿垱浣溾啋鑷姩鍙戝竷</p> <span class="factory-tag">鍐呭鑷姩鍖?/span> </div> <div class="factory-card fade-in" style="transition-delay:.1s;"> <span class="factory-emoji">馃拵</span> <h3>鐭ヤ骇宸ュ巶</h3> <p>鐭ヨ瘑浜ф潈鐢熸垚鍒涢€狅紝涓撳埄/鐗堟潈/鍟嗘爣涓€绔欏紡</p> <span class="factory-tag">IP鍏ㄩ摼鏉?/span> </div> <div class="factory-card fade-in" style="transition-delay:.15s;"> <span class="factory-emoji">馃搳</span> <h3>鏁版嵁鍔犲伐鍘?/h3> <p>鏁版嵁娌荤悊鍔犲伐锛屽弻杞ㄧ‘鏉冿紝涓€浠芥暟鎹娆″彉鐜?/p> <span class="factory-tag">鏁版嵁璧勪骇鍖?/span> </div> <div class="factory-card fade-in" style="transition-delay:.2s;"> <span class="factory-emoji">馃</span> <h3>鏅鸿兘浣撳伐鍘?/h3> <p>AI鏅鸿兘浣撳畾鍒讹紝鏁板瓧鍛樺伐+鏁版嵁娌夋穩+鍏ㄩ摼璺疘P鏈嶅姟</p> <span class="factory-tag">AI璧嬭兘</span> </div> <div class="factory-card fade-in" style="transition-delay:.25s;"> <span class="factory-emoji">鈿?/span> <h3>绠楀姏瓒呭競</h3> <p>涓€绔欏紡AI绠楀姏閲囪喘锛岀伀灞卞紩鎿?鍟嗘堡/鏅鸿氨/DeepSeek鍏ㄦā鍨媡oken</p> <span class="factory-tag">绠楀姏鑱氬悎</span> </div> </div> </div> </section>  <section class="section section-gradient"> <div class="container"> <div class="section-header fade-in"> <h2 class="section-title">鐭ヨ瘑浜ф潈鍏ㄧ敓鍛藉懆鏈?/h2> <p class="section-subtitle">浠庣煡浜х敓鎴愬埌鐩戞祴缁存潈锛屽叚澶х幆鑺傞棴鐜鐞?/p> <div class="section-divider"></div> </div> <div class="lifecycle-flow fade-in"> <div class="lifecycle-step"> <div class="lifecycle-dot">1</div> <h4>鐭ヤ骇鐢熸垚</h4> <p>鐭ヤ骇宸ュ巶</p> </div> <div class="lifecycle-step"> <div class="lifecycle-dot">2</div> <h4>瀛樿瘉纭潈</h4> <p>鏉冨▉瀛樿瘉</p> </div> <div class="lifecycle-step"> <div class="lifecycle-dot">3</div> <h4>璇勪及浼板€?/h4> <p>涓撲笟璇勪及</p> </div> <div class="lifecycle-step"> <div class="lifecycle-dot">4</div> <h4>鍏ヨ〃鎸傜墝</h4> <p>鏁版嵁璧勪骇鍏ヨ〃</p> </div> <div class="lifecycle-step"> <div class="lifecycle-dot">5</div> <h4>浜ゆ槗鍙樼幇</h4> <p>涓妧鎵€浜ゆ槗</p> </div> <div class="lifecycle-step"> <div class="lifecycle-dot">6</div> <h4>鍏ㄧ▼鐩戞祴缁存潈</h4> <p>渚垫潈闆疯揪</p> </div> </div> </div> </section>  <section class="section"> <div class="container"> <div class="section-header fade-in"> <h2 class="section-title">鏍稿績涓氬姟</h2> <p class="section-subtitle">渚濇墭鍥藉绾у钩鍙帮紝鍏ぇ鏉垮潡瑕嗙洊鐭ヨ瘑浜ф潈鍏ㄩ摼鏉?/p> <div class="section-divider"></div> </div> <div class="service-grid"> <a href="certification.html" class="service-card fade-in" style="transition-delay:.05s;"> <div class="service-icon">馃摐</div> <h3>瀛樿瘉鏈嶅姟</h3> <p>鏁板瓧鐗堟潈瀛樿瘉纭潈銆佷镜鏉冪洃娴嬨€佺淮鏉冧繚鎶ゃ€佷环鍊艰瘎浼般€佸悎瑙勪氦鏄撳叏閾炬潯鏈嶅姟</p> <span class="tag tag-fire">鏍稿績鏉垮潡</span> </a> <a href="data-asset.html" class="service-card fade-in" style="transition-delay:.1s;"> <div class="service-icon">馃搳</div> <h3>鏁版嵁璧勪骇鍏ヨ〃</h3> <p>鏁版嵁娌荤悊銆佺‘鏉冪櫥璁般€佸悎瑙勫鏌ャ€佽祫浜ц瘎浼般€佷笓椤瑰璁°€佹暟鎹骇鍝佸紑鍙戜笌璐ㄦ娂铻嶈祫</p> <span class="tag tag-fire">鏍稿績鏉垮潡</span> </a> <a href="patent.html" class="service-card fade-in" style="transition-delay:.15s;"> <div class="service-icon">馃挕</div> <h3>涓撳埄绠＄悊</h3> <p>鎴愭灉绛涢€夈€佷笓鍒╀及鍊笺€侀」鐩瘎瀹°€佹妧鏈氦鏄撴挳鍚堛€佷骇涓氬寲钀藉湴鏀寔</p> <span class="tag tag-gold">鎴樼暐鍚堜綔</span> </a> <a href="financing.html" class="service-card fade-in" style="transition-delay:.2s;"> <div class="service-icon">馃彟</div> <h3>铻嶈祫瀵规帴</h3> <p>涓撳埄鏉冭川鎶笺€佹暟瀛楃増鏉冭川鎶笺€佹暟鎹祫浜ц川鎶艰瀺璧勶紝"鎶€鏈?鐗堟潈+鏁版嵁"缁勫悎妯″紡</p> <span class="tag tag-gold">鎴樼暐鍚堜綔</span> </a> <a href="radar.html" class="service-card fade-in" style="transition-delay:.25s;"> <div class="service-icon">馃攳</div> <h3>渚垫潈鐩戞祴</h3> <p>鍏ㄧ綉渚垫潈鐩戞祴銆佽瘉鎹浐瀹氥€佺淮鏉冭瘔璁兼敮鎸侊紝瀹炴椂瀹堟姢鐭ヨ瘑浜ф潈</p> <span class="tag tag-ink">鏅鸿兘鐩戞祴</span> </a> <a href="compliance.html" class="service-card fade-in" style="transition-delay:.3s;"> <div class="service-icon">鉁?/div> <h3>鍚堣瀹℃煡</h3> <p>鏁版嵁鍚堣瀹¤銆佺煡璇嗕骇鏉冨悎瑙勩€佷氦鏄撳悎瑙勮瘎浼帮紝瑙勯伩娉曞緥椋庨櫓</p> <span class="tag tag-ink">椋庢帶淇濋殰</span> </a> </div> </div> </section>  <section class="section section-dark"> <div class="container"> <div class="section-header fade-in"> <h2 class="section-title" style="color:var(--paper);">鍚堜綔浼欎即涓庤祫璐?/h2> <p class="section-subtitle">鍥藉绾у钩鍙拌儗涔?+ 鎴樼暐鍚堜綔 + 鎴愮啛妗堜緥楠岃瘉</p> <div class="section-divider"></div> </div> <div class="partner-badge-grid"> <div class="partner-badge fade-in" style="transition-delay:.05s;"> <span class="badge-icon">馃彌锔?/span> <h4>涓浗鎶€鏈氦鏄撴墍</h4> <p>鎴樼暐鍚堜綔+浼氬憳鍗曚綅锛岀粡鍥藉姟闄㈡壒鍑嗙殑鍥藉绾ф妧鏈氦鏄撳拰鎴愭灉杞寲骞冲彴</p> <span class="badge-tag">鎴樼暐鍚堜綔</span> </div> <div class="partner-badge fade-in" style="transition-delay:.1s;"> <span class="badge-icon">馃摐</span> <h4>涓浗(鍖椾含)鏁板瓧鐗堟潈浜ゆ槗骞冲彴</h4> <p>鎸傜墝绔彛锛屾暟瀛楃増鏉冪櫥璁般€佺‘鏉冦€佷氦鏄撴潈濞侀€氶亾</p> <span class="badge-tag">鎸傜墝绔彛</span> </div> <div class="partner-badge fade-in" style="transition-delay:.15s;"> <span class="badge-icon">鈿?/span> <h4>鐏北寮曟搸</h4> <p>瀛楄妭璺冲姩鏃椾笅浜戞湇鍔″钩鍙帮紝鍚堜綔浼欎即鎺堟潈锛屾彁渚汚I绠楀姏涓庢妧鏈敮鎾?/p> <span class="badge-tag">鍚堜綔浼欎即</span> </div> <div class="partner-badge fade-in" style="transition-delay:.2s;"> <span class="badge-icon">馃</span> <h4>鍟嗘堡绉戞妧</h4> <p>AI澶фā鍨嬩笌绠楀姏鍚堜綔浼欎即锛屾櫤鑳芥劅鐭ヤ笌璁＄畻骞冲彴</p> <span class="badge-tag">鍚堜綔浼欎即</span> </div> <div class="partner-badge fade-in" style="transition-delay:.25s;"> <span class="badge-icon">馃挵</span> <h4>娉拌揪铻嶈祫</h4> <p>5绗?000涓囪捶娆?+ 2.58浜緼BS + 25浜緼BN锛屾暟鎹祫浜ц瀺璧勬爣鏉嗘渚?/p> <span class="badge-tag">鏍囨潌妗堜緥</span> </div> </div> </div> </section>  <section class="section-sm" id="cta" style="background:linear-gradient(135deg,var(--ink) 0%,var(--ink-light) 100%);text-align:center;color:var(--paper);"> <div class="container fade-in"> <h2 style="font-family:var(--font-serif);font-size:1.8rem;margin-bottom:12px;letter-spacing:.08em;">寮€鍚偍鐨勭煡璇嗕骇鏉冪鐞嗕箣鏃?/h2> <p style="opacity:.6;margin-bottom:28px;font-size:.95rem;">浜斿ぇ宸ュ巶椹卞姩路鍥藉绾у钩鍙版敮鎾?路鍏ㄦ祦绋嬭嚜鍔ㄥ寲</p> <div style="display:flex;gap:16px;justify-content:center;flex-wrap:wrap;"> <a href="certification.html" class="btn btn-fire btn-lg">绔嬪嵆浣撻獙</a> <a href="login.html" class="btn btn-outline-fire btn-lg" style="border-color:rgba(255,255,255,.3);color:var(--paper);">鍏嶈垂鍜ㄨ</a> </div> </div> </section>  <footer class="footer"> <div class="container"> <div class="footer-grid"> <div class="footer-brand"> <h3>鏁板垱铻嶅悎</h3> <p>閫嗛緞锛堝寳浜級鐭ヨ瘑浜ф潈鍜ㄨ鏈嶅姟鏈夐檺鍏徃<br>涓浗鎶€鏈氦鏄撴墍鎴樼暐鍚堜綔浼氬憳鍗曚綅<br>鍥藉鐭ヨ瘑浜ф潈鍏ㄧ敓鍛藉懆鏈熸櫤鑳界鐞嗗钩鍙?/p> </div> <div> <h4>鏍稿績涓氬姟</h4> <ul> <li><a href="certification.html">瀛樿瘉鏈嶅姟</a></li> <li><a href="data-asset.html">鏁版嵁璧勪骇鍏ヨ〃</a></li> <li><a href="patent.html">涓撳埄绠＄悊</a></li> <li><a href="financing.html">铻嶈祫瀵规帴</a></li> <li><a href="radar.html">渚垫潈鐩戞祴</a></li> <li><a href="compliance.html">鍚堣瀹℃煡</a></li> </ul> </div> <div> <h4>宸ュ巶浣撶郴</h4> <ul> <li><a href="aifactory.html">鍙ｆ挱宸ュ巶</a></li> <li><a href="#">鐭ヤ骇宸ュ巶</a></li> <li><a href="factory.html">鏁版嵁鍔犲伐鍘?/a></li> <li><a href="agent.html">鏅鸿兘浣撳伐鍘?/a></li> <li><a href="tech.html">绠楀姏瓒呭競</a></li> </ul> </div> <div> <h4>骞冲彴鏈嶅姟</h4> <ul> <li><a href="education.html">鏁板垱瀛﹂櫌</a></li> <li><a href="marketing.html">鏅鸿兘钀ラ攢</a></li> <li><a href="cooperation.html">鍏ㄥ浗鍚堜綔</a></li> </ul> </div> </div> <div class="footer-bottom"> <span>漏 2025 閫嗛緞锛堝寳浜級鐭ヨ瘑浜ф潈鍜ㄨ鏈嶅姟鏈夐檺鍏徃鐗堟潈鎵€鏈?/span> <span>涓浗鎶€鏈氦鏄撴墍鎴樼暐鍚堜綔浼氬憳鍗曚綅</span> </div> </div> </footer> <script src="js/main.js"></script> <script> // Mega menu toggle document.querySelectorAll('.nav-mega').forEach(mega => { mega.querySelector('.nav-mega-label').addEventListener('click', (e) => { e.stopPropagation(); const wasOpen = mega.classList.contains('open'); document.querySelectorAll('.nav-mega').forEach(m => m.classList.remove('open')); if (!wasOpen) mega.classList.add('open'); }); }); document.addEventListener('click', () => { document.querySelectorAll('.nav-mega').forEach(m => m.classList.remove('open')); }); // Re-init scroll animations after DOM ready document.querySelectorAll('.fade-in').forEach(el => { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); }); }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' }); observer.observe(el); }); </script> </body> </html>