\u661f\u5143\u667a\u7075 Stellarigen – \u5173\u4e8e\u6211\u4eec<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.bootcdn.net\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#0F3460',\n secondary: '#E94560',\n accent: '#FF9800',\n 'light-gray': '#F5F5F5',\n 'dark-blue': '#1A1A2E',\n 'success-green': '#4CAF50'\n }\n }\n }\n };\n <\/script>\n <style>\n \/* ===== WordPress \u5bb9\u5668\u6837\u5f0f\u8986\u76d6\uff08\u5168\u5c4f\u94fa\u6ee1\uff09 ===== *\/\n .entry-content,\n .site-content,\n article,\n main,\n .wp-block-group,\n .wp-block-cover,\n .wp-block-columns,\n .wp-block-post-content {\n max-width: 100% !important;\n width: 100% !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n .entry-content > *,\n .site-content > * {\n max-width: 100% !important;\n }\n \/* \u786e\u4fdd\u6240\u6709\u76f4\u63a5\u5b50\u5bb9\u5668\u4e5f\u7ee7\u627f\u5168\u5bbd *\/\n .page-content,\n .content-area,\n .site-main,\n #primary,\n #content,\n .post-content {\n max-width: 100% !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n \/* \u8986\u76d6\u4e3b\u9898\u53ef\u80fd\u5b58\u5728\u7684\u989d\u5916\u5bb9\u5668 *\/\n .site {\n max-width: 100% !important;\n overflow-x: hidden;\n }\n .site-inner,\n .wrap,\n .container,\n .container-fluid {\n max-width: 100% !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n \/* \u901a\u7528\u5168\u5bbd\u8f85\u52a9\u7c7b - \u52a0\u5230\u4efb\u610f section \u4e0a\u5373\u53ef\u5f3a\u5236\u94fa\u6ee1 *\/\n .full-width-section {\n width: 100% !important;\n max-width: 100vw !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n\n \/* ===== \u5168\u5c40\u91cd\u7f6e ===== *\/\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; overflow-x: hidden; }\n body { overflow-x: hidden; background: #fff; }\n\n \/* ===== Hero \u5168\u5c4f\u65e0\u7f1d\u9699 ===== *\/\n .hero-section {\n width: 100% !important;\n max-width: 100% !important;\n display: flex;\n flex-direction: column;\n background: transparent;\n position: relative;\n overflow: hidden;\n margin-left: 0 !important;\n margin-right: 0 !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n \/* Hero \u5185\u6807\u9898\u5f3a\u5236\u767d\u8272\uff0c\u4e0d\u53d7\u4e3b\u9898\u5f71\u54cd *\/\n .hero-section h1,\n .hero-section .hero-title {\n color: #ffffff !important;\n }\n \/* \u80cc\u666f\u88c5\u9970\u5149\u6655\u52a8\u753b *\/\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at 30% 40%, rgba(196,124,58,0.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 60%, rgba(255,152,0,0.1) 0%, transparent 50%);\n animation: heroGlow 12s ease-in-out infinite alternate;\n pointer-events: none;\n }\n @keyframes heroGlow {\n 0% { transform: translate(0, 0) rotate(0deg); }\n 50% { transform: translate(2%, -2%) rotate(3deg); }\n 100% { transform: translate(-2%, 2%) rotate(-3deg); }\n }\n \/* \u6d6e\u52a8\u7c92\u5b50 *\/\n .hero-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: rgba(196,124,58,0.3);\n border-radius: 50%;\n animation: floatParticle 8s infinite;\n pointer-events: none;\n }\n @keyframes floatParticle {\n 0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; }\n 50% { transform: translateY(-40px) scale(1.5); opacity: 0.8; }\n }\n .hero-content { position: relative; z-index: 1; }\n\n \/* ===== \u6eda\u52a8\u52a8\u753b ===== *\/\n .reveal {\n opacity: 0;\n transform: translateY(50px);\n transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),\n transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n .reveal-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n .reveal-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \/* \u5ef6\u8fdf\u5165\u573a *\/\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n .delay-3 { transition-delay: 0.3s; }\n .delay-4 { transition-delay: 0.4s; }\n .delay-5 { transition-delay: 0.5s; }\n\n \/* ===== Hero \u5185\u5143\u7d20\u5165\u573a ===== *\/\n .hero-img {\n opacity: 0;\n transform: scale(0.98);\n animation: heroEnter 1s ease 0.2s forwards;\n }\n .hero-title {\n opacity: 0;\n transform: translateY(30px);\n animation: heroEnter 1s ease 0.5s forwards;\n }\n .hero-subtitle {\n opacity: 0;\n transform: translateY(30px);\n animation: heroEnter 1s ease 0.8s forwards;\n }\n .hero-desc {\n opacity: 0;\n transform: translateY(30px);\n animation: heroEnter 1s ease 1.1s forwards;\n }\n @keyframes heroEnter {\n to { opacity: 1; transform: translateY(0) scale(1); }\n }\n\n \/* ===== \u5361\u7247\u60ac\u505c\u589e\u5f3a ===== *\/\n .card-hover {\n transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),\n box-shadow 0.4s ease;\n }\n .card-hover:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n .card-border-hover {\n transition: border-color 0.3s ease, transform 0.3s ease;\n }\n .card-border-hover:hover {\n border-color: #FF9800;\n transform: translateY(-4px);\n }\n\n \/* ===== \u7edf\u8ba1\u6570\u5b57\u52a8\u753b ===== *\/\n .stat-number {\n display: inline-block;\n transition: all 0.3s ease;\n }\n .stat-number.counting {\n animation: pulseCount 0.3s ease;\n }\n @keyframes pulseCount {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.15); }\n 100% { transform: scale(1); }\n }\n\n \/* ===== \u6b65\u9aa4\u6761 ===== *\/\n .step-item {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .step-item:hover {\n transform: translateX(6px);\n }\n\n \/* ===== CTA \u8109\u51b2\u52a8\u753b ===== *\/\n .cta-pulse {\n animation: ctaPulse 2s ease-in-out infinite;\n }\n @keyframes ctaPulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(255,152,0,0.4); }\n 50% { box-shadow: 0 0 0 12px rgba(255,152,0,0); }\n }\n\n \/* ===== \u6eda\u52a8\u8fdb\u5ea6\u6761 ===== *\/\n .scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n height: 3px;\n background: linear-gradient(90deg, #FF9800, #E94560);\n z-index: 9999;\n width: 0%;\n transition: width 0.1s linear;\n }\n\n \/* ===== \u56de\u5230\u9876\u90e8 ===== *\/\n .back-to-top {\n position: fixed;\n bottom: 30px;\n right: 30px;\n width: 48px;\n height: 48px;\n background: #0F3460;\n color: #fff;\n border: none;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.4s ease, transform 0.4s ease, background 0.3s ease;\n z-index: 999;\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n }\n .back-to-top.show {\n opacity: 1;\n transform: translateY(0);\n }\n .back-to-top:hover {\n background: #FF9800;\n }\n\n \/* ===== \u56fe\u7247\u60ac\u505c\u7f29\u653e ===== *\/\n .img-zoom {\n overflow: hidden;\n border-radius: 0.5rem;\n }\n .img-zoom img {\n transition: transform 0.5s ease;\n }\n .img-zoom:hover img {\n transform: scale(1.04);\n }\n\n \/* ===== \u54cd\u5e94\u5f0f ===== *\/\n @media (max-width: 768px) {\n .back-to-top { bottom: 20px; right: 20px; width: 40px; height: 40px; font-size: 16px; }\n }\n\n \/* ===== \u8868\u683c\u54cd\u5e94\u5f0f ===== *\/\n .table-wrap {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-wrap table { min-width: 560px; }\n\n \/* ===== \u81ea\u5b9a\u4e49\u6eda\u52a8\u6761\uff08\u7b80\u6d01\uff09 ===== *\/\n ::-webkit-scrollbar { width: 6px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #0F3460; border-radius: 3px; }\n ::-webkit-scrollbar-thumb:hover { background: #FF9800; }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\n\n \n <section class=\"hero-section full-width-section text-white\">\n \n <div class=\"hero-particle\" style=\"top:10%;left:5%;animation-delay:0s;width:5px;height:5px;\"><\/div>\n <div class=\"hero-particle\" style=\"top:18%;right:10%;animation-delay:2s;width:8px;height:8px;background:rgba(245,179,120,0.3);\"><\/div>\n <div class=\"hero-particle\" style=\"top:38%;left:15%;animation-delay:4s;width:4px;height:4px;\"><\/div>\n\n \n <div class=\"hero-img w-full flex-shrink-0 relative\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/about.webp\"\n alt=\"\u661f\u5143\u667a\u7075 \u5173\u4e8e\u6211\u4eec\"\n class=\"w-full block\"\n style=\"width:100%;height:auto;display:block;\">\n \n <div class=\"absolute inset-0 flex flex-col items-center justify-center px-6 sm:px-10 md:px-16\">\n <div class=\"max-w-4xl w-full bg-black\/30 backdrop-blur-[2px] rounded-xl p-5 md:p-10 text-center md:text-left\">\n <h1 class=\"hero-title text-[clamp(1.2rem,3vw,2rem)] font-bold mb-3 leading-tight\"\n style=\"color:#ffffff !important;text-shadow:0 2px 10px rgba(0,0,0,0.6);\">\n \u6211\u4eec\u8ba9\u5236\u9020\u4e1a\u5e9f\u6599\u533a\uff0c\u4e0d\u518d\u6709\u6570\u636e\u9ed1\u6d1e\n <\/h1>\n <p class=\"hero-subtitle text-base md:text-xl lg:text-2xl mb-3 md:mb-4 font-semibold\"\n style=\"color:#FF9800 !important;text-shadow:0 1px 8px rgba(0,0,0,0.5);\">\n <i class=\"fas fa-check-circle mr-2\"><\/i>\u661f\u5143\u667a\u7075\uff0c\u79f0\u5f97\u51c6\uff0c\u624d\u7761\u5f97\u7740\n <\/p>\n <p class=\"hero-desc text-xs sm:text-sm md:text-base leading-relaxed max-w-3xl mx-auto md:mx-0\"\n style=\"color:rgba(255,255,255,0.75) !important;text-shadow:0 1px 6px rgba(0,0,0,0.4);\">\n \u661f\u5143\u667a\u7075\u662f\u4e00\u5bb6\u4e13\u6ce8\u4e8e\u5236\u9020\u4e1a\u5de5\u5382\u5e9f\u6599\u79f0\u91cd\u96f6\u76f2\u533a\u7cfb\u7edf\u7684\u79d1\u6280\u516c\u53f8\uff0c\u901a\u8fc7\u8eab\u4efd\u8bc6\u522b\u3001\u7cbe\u51c6\u79f0\u91cd\u3001\u5927\u5c0f\u79e4\u590d\u6838\u6821\u9a8c\u3001\u9632\u4f5c\u5f0a\u95ed\u73af\u4e0eRFID\u8f74\u7ea7\u8ffd\u6eaf\uff0c\u5e2e\u52a9\u5236\u9020\u4e1a\u5de5\u5382\u6d88\u9664\u5e9f\u6599\u533a\u6570\u636e\u9ed1\u6d1e\uff0c\u5b9e\u73b0\u6bcf\u4e00\u514b\u5e9f\u6599\u90fd\u6709\u636e\u53ef\u67e5\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-12 md:py-20 px-5 md:px-8\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"reveal text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-8 md:mb-12 text-center\">\n \u6211\u4eec\u662f\u8c01\n <\/h2>\n <div class=\"reveal bg-light-gray p-6 md:p-10 rounded-xl shadow-md mb-10 card-hover\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-10 items-center\">\n <div>\n <p class=\"text-base md:text-lg text-gray-700 mb-6 leading-relaxed\">\n \u661f\u5143\u667a\u7075\u662f\u4e00\u5bb6\u6570\u636e\u95ed\u73af\u9a71\u52a8\u7684\u5236\u9020\u4e1a\u5de5\u5382\u5e9f\u6599\u79f0\u91cd\u96f6\u76f2\u533a\u7cfb\u7edf\u63d0\u4f9b\u5546\u3002\u6211\u4eec\u505a\u4e00\u4ef6\u4e8b\uff1a\n <strong class=\"text-primary\">\u8ba9\u5e9f\u6599\u4ece\u4ea7\u751f\u5230\u51fa\u5382\u7684\u6bcf\u4e00\u514b\uff0c\u90fd\u6709\u6570\u636e\u3001\u6709\u8bc1\u636e\u3001\u6709\u95ed\u73af\u3002<\/strong>\n <\/p>\n <div class=\"space-y-5\">\n <div class=\"flex items-start\">\n <i class=\"fas fa-cubes text-accent text-xl mt-1 mr-4\"><\/i>\n <div>\n <h4 class=\"font-semibold text-gray-800 mb-1\">\u6838\u5fc3\u4e1a\u52a1<\/h4>\n <p class=\"text-sm md:text-base text-gray-600\">\u4e24\u5927\u4ea7\u54c1\u6a21\u5757\uff1a\u667a\u80fd\u5de5\u4e1a\u5e9f\u6599\u56de\u6536\u7ba1\u7406\u7cfb\u7edf\uff08\u8f66\u95f4\u7248\uff09+ \u7535\u7f06\u751f\u4ea7\u79f0\u91cd\u4e0e\u8ffd\u6eaf\u7cfb\u7edf\uff08RFID\u7248\uff09<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start\">\n <i class=\"fas fa-industry text-primary text-xl mt-1 mr-4\"><\/i>\n <div>\n <h4 class=\"font-semibold text-gray-800 mb-1\">\u670d\u52a1\u5bf9\u8c61<\/h4>\n <p class=\"text-sm md:text-base text-gray-600\">\u7ebf\u7f06\u5236\u9020\u3001\u94dc\u94dd\u52a0\u5de5\u3001\u53d8\u538b\u5668\u7535\u673a\u3001\u7cbe\u5bc6\u673a\u68b0\u3001\u65b0\u80fd\u6e90\u6c7d\u8f66\u96f6\u90e8\u4ef6\u7b49\u5236\u9020\u4e1a\u5de5\u5382<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"img-zoom rounded-lg shadow-md\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/2026-06-18_133513_133-1.webp\"\n alt=\"\u73b0\u4ee3\u5316\u667a\u80fd\u5de5\u5382\u5185\u90e8\"\n class=\"w-full h-auto rounded-lg\">\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4 md:gap-6\">\n <div class=\"reveal delay-1 bg-white p-6 md:p-8 rounded-xl shadow-md text-center card-hover border-t-4 border-accent\">\n <div class=\"stat-number text-5xl md:text-6xl font-bold text-primary mb-3\" data-target=\"2\">0<\/div>\n <p class=\"text-base md:text-lg font-medium text-gray-700 mb-2\">\u6838\u5fc3\u4ea7\u54c1\u6a21\u5757<\/p>\n <p class=\"text-sm md:text-base text-gray-500\">\u5e9f\u6599\u56de\u6536\u7cfb\u7edf + RFID\u79f0\u91cd\u8ffd\u6eaf<\/p>\n <\/div>\n <div class=\"reveal delay-2 bg-white p-6 md:p-8 rounded-xl shadow-md text-center card-hover border-t-4 border-primary\">\n <div class=\"stat-number text-5xl md:text-6xl font-bold text-primary mb-3\" data-target=\"5\">0<\/div>\n <p class=\"text-base md:text-lg font-medium text-gray-700 mb-2\">\u8986\u76d6\u884c\u4e1a<\/p>\n <p class=\"text-sm md:text-base text-gray-500\">\u7ebf\u7f06\/\u94dc\u94dd\/\u53d8\u538b\u5668\/\u7cbe\u5bc6\/\u65b0\u80fd\u6e90<\/p>\n <\/div>\n <div class=\"reveal delay-3 bg-white p-6 md:p-8 rounded-xl shadow-md text-center card-hover border-t-4 border-success-green\">\n <div class=\"stat-number text-5xl md:text-6xl font-bold text-primary mb-3\" data-target=\"2\">0<\/div>\n <p class=\"text-base md:text-lg font-medium text-gray-700 mb-2\">\u6807\u51c6\u65b9\u6848\u4e0a\u7ebf\u5468\u671f<\/p>\n <p class=\"text-sm md:text-base text-gray-500\">S\/M\/L\u6807\u51c6\u673a\u578b\uff0c\u5feb\u901f\u90e8\u7f72<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"full-width-section py-12 md:py-20 px-5 md:px-8 bg-light-gray\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 class=\"reveal text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-8 md:mb-10 text-center\">\n \u6211\u4eec\u4e3a\u4ec0\u4e48\u8981\u505a\u8fd9\u4ef6\u4e8b\n <\/h2>\n <div class=\"reveal mb-8 img-zoom rounded-lg shadow-md\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/20260618143129_116_75.webp\"\n alt=\"\u661f\u5143\u667a\u7075\u56e2\u961f\"\n class=\"w-full h-auto rounded-lg\">\n <\/div>\n <div class=\"reveal bg-white p-6 md:p-10 rounded-xl shadow-md card-hover\">\n <p class=\"text-base md:text-lg text-gray-700 mb-6 leading-relaxed\">\n \u5236\u9020\u4e1a\u7684\u5e9f\u6599\u533a\uff0c\u662f\u5168\u5382\u6700\u5bb9\u6613\u88ab\u5ffd\u89c6\u3001\u4e5f\u6700\u8ba9\u4eba\u7761\u4e0d\u7740\u7684\u5730\u65b9\u3002\n <\/p>\n <p class=\"text-gray-700 mb-4 leading-relaxed\">\u6211\u4eec\u89c1\u8fc7\u592a\u591a\u8fd9\u6837\u7684\u573a\u666f\u2014\u2014<\/p>\n <ul class=\"space-y-4 mb-6 pl-4 md:pl-6\">\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-exclamation-circle text-accent mr-2\"><\/i>\n \u4e00\u4e2a\u7ebf\u7f06\u5382\u7684\u751f\u4ea7\u4e3b\u7ba1\uff0c\u591c\u73ed\u5e9f\u6599\u533a\u6ca1\u4eba\u503c\u5b88\uff0c\u7b2c\u4e8c\u5929\u5bf9\u8d26\u53d1\u73b0\u6570\u5b57\u5bf9\u4e0d\u4e0a\uff0c\u5ba1\u8ba1\u6765\u4e86\u62ff\u4e0d\u51fa\u5b8c\u6574\u7684\u51fa\u5165\u5e93\u8bb0\u5f55\uff0c\u8ffd\u8d23\u8ffd\u5230\u81ea\u5df1\u5934\u4e0a\u3002\n <\/li>\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-exclamation-circle text-accent mr-2\"><\/i>\n \u4e00\u4e2a\u94dc\u94dd\u52a0\u5de5\u5382\u7684\u5382\u957f\uff0c\u77e5\u9053\u5e9f\u6599\u533a\u6709\u6f0f\u6d1e\uff0c\u4f46\u4e00\u76f4\u4e0d\u77e5\u9053\u6f0f\u6d1e\u6709\u591a\u5927\u3002\u76f4\u5230\u5e74\u5e95\u76d8\u70b9\uff0c\u53d1\u73b0\u5e9f\u94dc\u51fa\u5e93\u91cf\u548c\u56de\u6536\u5546\u7ed3\u7b97\u91cf\u5dee\u4e86\u51e0\u5428\uff0c\u624d\u53d1\u73b0\u4e00\u5e74\u7684\u635f\u5931\u8fdc\u8d85\u60f3\u8c61\u3002\n <\/li>\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-exclamation-circle text-accent mr-2\"><\/i>\n \u4e00\u4e2a\u5408\u89c4\u5ba1\u8ba1\u5c97\uff0c\u6bcf\u6b21\u5185\u5ba1\u5916\u5ba1\uff0c\u5e9f\u6599\u533a\u90fd\u662f\u91cd\u707e\u533a\u3002\u7eb8\u8d28\u767b\u8bb0\u6a21\u7cca\u3001MES\u6570\u636e\u65ad\u5c42\u3001\u56de\u6536\u5546\u6570\u636e\u65e0\u6cd5\u4ea4\u53c9\u9a8c\u8bc1\u2014\u2014\u5ba1\u8ba1\u62a5\u544a\u5199\u4e0d\u4e86\uff0c\u6574\u6539\u901a\u77e5\u63a5\u4e8c\u8fde\u4e09\u3002\n <\/li>\n <\/ul>\n <p class=\"text-gray-700 mb-4 leading-relaxed\">\n <strong class=\"text-primary\">\u8fd9\u4e9b\u4eba\u4e0d\u662f\u4e0d\u91cd\u89c6\uff0c\u662f\u6ca1\u6709\u8d81\u624b\u7684\u5de5\u5177\u3002<\/strong>\n <\/p>\n <p class=\"text-gray-700 mb-4 leading-relaxed\">\n \u9760\u4eba\u76ef\uff0c\u4eba\u8981\u7761\u89c9\uff1b\u9760\u7eb8\u8bb0\uff0c\u7eb8\u4f1a\u4e22\uff1b\u9760MES\uff0c\u5e9f\u6599\u533a\u662fMES\u7684\u76f2\u533a\uff1b\u9760\u56de\u6536\u5546\u7684\u6570\u636e\uff0c\u90a3\u6570\u636e\u4f60\u4fe1\u51e0\u5206\uff1f\n <\/p>\n <p class=\"text-base md:text-lg text-gray-700 mb-4 leading-relaxed\">\n \u661f\u5143\u667a\u7075\u5b58\u5728\u7684\u7406\u7531\u5f88\u7b80\u5355\uff1a\n <strong class=\"text-accent\">\u7ed9\u5236\u9020\u4e1a\u7684\u5e9f\u6599\u533a\u88c5\u4e0a\u4e00\u53cc\u4e0d\u4f1a\u7761\u89c9\u7684\u773c\u775b\u3002<\/strong>\n <\/p>\n <ul class=\"space-y-3 mb-6 pl-4 md:pl-6\">\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-check-circle text-success-green mr-2\"><\/i>\n <strong>\u79f0\u5f97\u51c6<\/strong>\u2014\u2014\u6bcf\u4e00\u514b\u90fd\u6709\u6570\u636e\uff0c\u5927\u5c0f\u79e4\u590d\u6838\uff0c\u5dee\u503c\u8d85\u9650\u81ea\u52a8\u9884\u8b66\u3002\n <\/li>\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-check-circle text-success-green mr-2\"><\/i>\n <strong>\u4eba\u4e0d\u5728\u573a<\/strong>\u2014\u2014\u4eba\u8138\u8bc6\u522b\u66ff\u4ee3\u503c\u5b88\uff0c\u8bbe\u5907\u81ea\u52a8\u8bb0\u5f55\u66ff\u4ee3\u624b\u5de5\u767b\u8bb0\uff0c\u4eba\u4e0d\u4ecb\u5165\uff0c\u4eba\u4e0d\u62c5\u8d23\u3002\n <\/li>\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-check-circle text-success-green mr-2\"><\/i>\n <strong>\u6570\u636e\u95ed\u73af<\/strong>\u2014\u2014\u4ece\u6295\u653e\u5230\u4e0a\u62a5MES\uff0c\u5168\u94fe\u8def\u7559\u75d5\uff0c\u5ba1\u8ba1\u6765\u4e86\u4f60\u62ff\u5f97\u51fa\u8bc1\u636e\u3002\n <\/li>\n <\/ul>\n <p class=\"text-base md:text-lg text-gray-700 leading-relaxed\">\n \u6211\u4eec\u4e0d\u662f\u5728\u505a\u4e00\u4e2a\u79f0\u91cd\u8bbe\u5907\uff0c\u6211\u4eec\u662f\u5728\u505a\u4e00\u5957\u8ba9\u8d1f\u8d23\u4eba\n <strong class=\"text-primary\">\u7761\u5f97\u7740\u89c9<\/strong>\u7684\u6570\u636e\u8bc1\u636e\u7cfb\u7edf\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-12 md:py-20 px-5 md:px-8\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"reveal text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-8 md:mb-12 text-center\">\n \u6211\u4eec\u51ed\u4ec0\u4e48\u80fd\u505a\u5230\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8\">\n \n <div class=\"reveal delay-1 bg-white p-6 md:p-8 rounded-xl shadow-md card-hover border border-gray-100\">\n <div class=\"mb-5 img-zoom rounded-lg shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/c139f53f576474078dacc1b50b119a46.png\"\n alt=\"\u81ea\u7814\u667a\u80fd\u786c\u4ef6\u8bbe\u5907\"\n class=\"w-full h-auto rounded-lg\">\n <\/div>\n <div class=\"w-12 h-12 md:w-14 md:h-14 bg-primary rounded-lg flex items-center justify-center mb-4\">\n <i class=\"fas fa-cogs text-white text-xl md:text-2xl\"><\/i>\n <\/div>\n <h3 class=\"text-lg md:text-xl font-semibold text-gray-800 mb-3\">\u81ea\u7814\u786c\u4ef6\uff0c\u4e0d\u662f\u4e1c\u62fc\u897f\u51d1<\/h3>\n <p class=\"text-sm md:text-base text-gray-600 leading-relaxed\">\n \u667a\u80fd\u56fa\u5e9f\u56de\u6536\u5e93\u533a\uff08S\/M\/L\u4e09\u6863\uff09\u3001\u5730\u78c5+RFID\u8bfb\u5199\u5668+\u5de5\u4e1a\u7ec8\u7aef\u3001\u5927\u5c0f\u79e4\u590d\u6838\u6821\u9a8c\u7cfb\u7edf\u3002\u81ea\u7814\u786c\u4ef6\u610f\u5473\u7740\u6211\u4eec\u5bf9\u81ea\u5df1\u7684\u8bbe\u5907\u8d1f\u8d23\u5230\u5e95\uff0c\u4e0d\u662f\u51fa\u4e86\u95ee\u9898\u8ba9\u4f60\u627e\u4f9b\u5e94\u5546\u3002\n <\/p>\n <\/div>\n \n <div class=\"reveal delay-2 bg-white p-6 md:p-8 rounded-xl shadow-md card-hover border border-gray-100\">\n <div class=\"mb-5 img-zoom rounded-lg shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/3d73caf7fa273831fd451bed38adf532.png\"\n alt=\"\u667a\u80fd\u8f6f\u4ef6\u7cfb\u7edf\u754c\u9762\"\n class=\"w-full h-auto rounded-lg\">\n <\/div>\n <div class=\"w-12 h-12 md:w-14 md:h-14 bg-accent rounded-lg flex items-center justify-center mb-4\">\n <i class=\"fas fa-laptop-code text-white text-xl md:text-2xl\"><\/i>\n <\/div>\n <h3 class=\"text-lg md:text-xl font-semibold text-gray-800 mb-3\">\u6570\u636e\u95ed\u73af\uff0c\u4e0d\u662f\u53ea\u7ba1\u79f0\u91cd\u4e0d\u7ba1\u4e0a\u62a5<\/h3>\n <p class=\"text-sm md:text-base text-gray-600 leading-relaxed\">\n \u8eab\u4efd\u8bc6\u522b\u7cfb\u7edf\u3001\u79f0\u91cd\u6570\u636e\u91c7\u96c6\u4e0e\u590d\u6838\u3001\u9632\u4f5c\u5f0a\u6821\u9a8c\u5f15\u64ce\u3001MES\/ERP\u6807\u51c6\u5bf9\u63a5\u63a5\u53e3\u3001\u5e9f\u6599\u4e8b\u4ef6\u5e93\u4e0e\u8ffd\u6eaf\u5f15\u64ce\u3002\u6211\u4eec\u505a\u7684\u4e0d\u662f\u5355\u70b9\u529f\u80fd\uff0c\u662f\u4ece\u4ea7\u751f\u5230\u4e0a\u62a5\u7684\u6570\u636e\u95ed\u73af\u3002\n <\/p>\n <\/div>\n \n <div class=\"reveal delay-3 bg-white p-6 md:p-8 rounded-xl shadow-md card-hover border border-gray-100\">\n <div class=\"mb-5 img-zoom rounded-lg shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/e123dcbd1b27dd5f0e4461387025e8f9.png\"\n alt=\"\u6280\u672f\u670d\u52a1\u56e2\u961f\u73b0\u573a\u670d\u52a1\"\n class=\"w-full h-auto rounded-lg\">\n <\/div>\n <div class=\"w-12 h-12 md:w-14 md:h-14 bg-success-green rounded-lg flex items-center justify-center mb-4\">\n <i class=\"fas fa-handshake text-white text-xl md:text-2xl\"><\/i>\n <\/div>\n <h3 class=\"text-lg md:text-xl font-semibold text-gray-800 mb-3\">\u4e70\u4e86\u4e0d\u662f\u7ec8\u70b9\uff0c\u662f\u670d\u52a1\u8d77\u70b9<\/h3>\n <p class=\"text-sm md:text-base text-gray-600 leading-relaxed\">\n \u9700\u6c42\u8bca\u65ad\u2192\u65b9\u6848\u8bbe\u8ba1\u2192\u786c\u4ef6\u90e8\u7f72\u2192\u7cfb\u7edf\u5bf9\u63a5\u2192\u8c03\u8bd5\u9a8c\u6536\u2192\u8fd0\u7ef4\u670d\u52a1\uff0c\u5168\u5468\u671f\u4ea4\u4ed8\u3002\u5de5\u4f5c\u65e54\u5c0f\u65f6\u54cd\u5e94\uff0c\u8fdc\u7a0b+\u73b0\u573a\u53cc\u901a\u9053\u3002\u4f60\u7684MES\u6211\u4eec\u5e2e\u4f60\u63a5\uff0c\u4f60\u7684\u89c4\u5219\u6211\u4eec\u5e2e\u4f60\u914d\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"full-width-section py-12 md:py-20 px-5 md:px-8 bg-light-gray\">\n <div class=\"max-w-5xl mx-auto\">\n <h2 class=\"reveal text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-8 md:mb-12 text-center\">\n \u6211\u4eec\u7684\u56e2\u961f\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-10 items-center\">\n <div class=\"reveal-left img-zoom rounded-lg shadow-md\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/20260618134522_115_75.webp\"\n alt=\"\u5de5\u7a0b\u5e08\u56e2\u961f\u5728\u5de5\u5382\u73b0\u573a\u8c03\u8bd5\u8bbe\u5907\"\n class=\"w-full h-auto rounded-lg\">\n <\/div>\n <div class=\"reveal-right bg-white p-6 md:p-10 rounded-xl shadow-md card-hover\">\n <p class=\"text-base md:text-lg text-gray-700 mb-6 leading-relaxed\">\n \u661f\u5143\u667a\u7075\u7684\u56e2\u961f\uff0c\u4e0d\u662f\u5750\u5728\u5199\u5b57\u697c\u91cc\u60f3\u8c61\u5de5\u5382\u573a\u666f\u7684\u4eba\u3002\n <\/p>\n <p class=\"text-sm md:text-base text-gray-700 mb-4 leading-relaxed\">\n \u6211\u4eec\u7684\u5de5\u7a0b\u5e08\u5728\u7ebf\u7f06\u8f66\u95f4\u7684\u5e9f\u6599\u533a\u8e72\u8fc7\uff0c\u5728\u94dc\u94dd\u52a0\u5de5\u5382\u7684\u5730\u78c5\u65c1\u8fb9\u8c03\u8fc7\u79e4\uff0c\u5728\u53d8\u538b\u5668\u5382\u7684MES\u7cfb\u7edf\u5bf9\u63a5\u73b0\u573a\u71ac\u8fc7\u901a\u5bb5\u3002\n <\/p>\n <ul class=\"space-y-3 mb-6 pl-4\">\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-arrow-right text-accent mr-2\"><\/i>\n \u6211\u4eec\u77e5\u9053\u591c\u73ed\u5e9f\u6599\u533a\u51fa\u4e86\u4e8b\uff0c\u7b2c\u4e8c\u5929\u8ffd\u8d23\u8ffd\u5230\u8c01\u5934\u4e0a\u3002\n <\/li>\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-arrow-right text-accent mr-2\"><\/i>\n \u6211\u4eec\u77e5\u9053\u56de\u6536\u5546\u62a5\u7684\u6570\u5b57\u548c\u5382\u91cc\u8bb0\u7684\u6570\u5b57\u5bf9\u4e0d\u4e0a\u65f6\uff0c\u6700\u96be\u53d7\u7684\u662f\u4e2d\u95f4\u90a3\u4e2a\u4eba\u3002\n <\/li>\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-arrow-right text-accent mr-2\"><\/i>\n \u6211\u4eec\u77e5\u9053”\u79f0\u91cd\u504f\u5dee0.5%”\u4e0d\u662f\u6280\u672f\u53c2\u6570\uff0c\u662f\u4e00\u5e74\u4e0b\u6765\u51e0\u5341\u4e07\u7684\u5dee\u8ddd\u3002\n <\/li>\n <\/ul>\n <p class=\"text-base md:text-lg text-gray-700 leading-relaxed\">\n <strong class=\"text-primary\">\u8fd9\u4e9b\u4e0d\u662f\u4ece\u62a5\u544a\u91cc\u770b\u6765\u7684\uff0c\u662f\u5728\u73b0\u573a\u78e8\u51fa\u6765\u7684\u3002<\/strong>\n <\/p>\n <p class=\"text-sm md:text-base text-gray-700 leading-relaxed mt-4\">\n \u6240\u4ee5\u661f\u5143\u667a\u7075\u505a\u7684\u6bcf\u4e00\u5957\u7cfb\u7edf\uff0c\u90fd\u4e0d\u662f\u4ece\u901a\u7528\u6a21\u677f\u91cc\u5957\u51fa\u6765\u7684\uff0c\u662f\u5148\u542c\u4f60\u8bf4\u4f60\u7684\u5382\u4ec0\u4e48\u60c5\u51b5\u3001\u4f60\u7684\u5e9f\u6599\u533a\u4ec0\u4e48\u75db\u70b9\uff0c\u518d\u7ed9\u4f60\u91cf\u7740\u88c1\u7684\u65b9\u6848\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-12 md:py-20 px-5 md:px-8\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"reveal text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-8 md:mb-12 text-center\">\n \u4f01\u4e1a\u4fe1\u606f\n <\/h2>\n <div class=\"reveal bg-white p-6 md:p-10 rounded-xl shadow-md card-hover\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-10\">\n <div>\n <div class=\"img-zoom rounded-lg shadow-md mb-6\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/20260618144743_118_75.webp\"\n alt=\"\u661f\u5143\u667a\u7075\u4f01\u4e1a\u603b\u90e8\"\n class=\"w-full h-auto rounded-lg\">\n <\/div>\n <div class=\"p-5 md:p-6 bg-light-gray rounded-lg\">\n <h4 class=\"font-semibold text-gray-800 mb-3 flex items-center\">\n <i class=\"fas fa-certificate text-accent mr-2\"><\/i>\u54c1\u724c\u6807\u8bc6\n <\/h4>\n <p class=\"text-gray-700 text-lg md:text-xl font-bold\">\u661f\u5143\u667a\u7075 Stellarigen<\/p>\n <p class=\"text-gray-500 mt-2 text-sm md:text-base\">www.Stellarigen.com<\/p>\n <\/div>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"flex flex-col sm:flex-row border-b border-gray-200 pb-3\">\n <span class=\"sm:w-32 font-medium text-gray-800 mb-1 sm:mb-0\">\u516c\u53f8\u5168\u79f0<\/span>\n <span class=\"text-sm md:text-base text-gray-600\">\u6df1\u5733\u661f\u5143\u667a\u7075\u79d1\u6280\u6709\u9650\u516c\u53f8<\/span>\n <\/div>\n <div class=\"flex flex-col sm:flex-row border-b border-gray-200 pb-3\">\n <span class=\"sm:w-32 font-medium text-gray-800 mb-1 sm:mb-0\">\u7edf\u4e00\u793e\u4f1a\u4fe1\u7528\u4ee3\u7801<\/span>\n <span class=\"text-sm md:text-base text-gray-600\">91440300MAKBR7AB35<\/span>\n <\/div>\n <div class=\"flex flex-col sm:flex-row border-b border-gray-200 pb-3\">\n <span class=\"sm:w-32 font-medium text-gray-800 mb-1 sm:mb-0\">\u6210\u7acb\u65e5\u671f<\/span>\n <span class=\"text-sm md:text-base text-gray-600\">2026\u5e744\u670822\u65e5<\/span>\n <\/div>\n <div class=\"flex flex-col sm:flex-row border-b border-gray-200 pb-3\">\n <span class=\"sm:w-32 font-medium text-gray-800 mb-1 sm:mb-0\">\u6ce8\u518c\u5730\u5740<\/span>\n <span class=\"text-sm md:text-base text-gray-600\">\u6df1\u5733\u5e02\u9f99\u5c97\u533a\u9f99\u57ce\u8857\u9053\u5982\u610f\u8def52\u53f7\u8363\u8d85\u91d1\u878d\u5927\u53a61419\u53f7<\/span>\n <\/div>\n <div class=\"flex flex-col sm:flex-row border-b border-gray-200 pb-3\">\n <span class=\"sm:w-32 font-medium text-gray-800 mb-1 sm:mb-0\">\u6838\u5fc3\u4e1a\u52a1<\/span>\n <span class=\"text-sm md:text-base text-gray-600\">\u5236\u9020\u4e1a\u5de5\u5382\u5e9f\u6599\u65e0\u4eba\u503c\u5b88\u79f0\u91cd\u56de\u6536\u7cfb\u7edf\u7814\u53d1\u4e0e\u4ea4\u4ed8<\/span>\n <\/div>\n <div class=\"flex flex-col sm:flex-row border-b border-gray-200 pb-3\">\n <span class=\"sm:w-32 font-medium text-gray-800 mb-1 sm:mb-0\">\u54c1\u724c<\/span>\n <span class=\"text-sm md:text-base text-gray-600\">\u661f\u5143\u667a\u7075 Stellarigen<\/span>\n <\/div>\n <div class=\"flex flex-col sm:flex-row\">\n <span class=\"sm:w-32 font-medium text-gray-800 mb-1 sm:mb-0\">\u5b98\u7f51<\/span>\n <span class=\"text-sm md:text-base text-gray-600\">www.Stellarigen.com<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"full-width-section py-12 md:py-20 px-5 md:px-8 bg-gradient-to-br from-[#0F3460] to-[#1A1A2E] text-white\">\n <div class=\"max-w-4xl mx-auto text-center reveal\">\n <h2 class=\"text-[clamp(1.4rem,3vw,2.5rem)] font-bold mb-4 md:mb-6\"\n style=\"color:#ffffff !important;text-shadow:0 2px 12px rgba(0,0,0,0.4);\">\n \u60f3\u77e5\u9053\u4f60\u5382\u7684\u5e9f\u6599\u533a\u8fd8\u6709\u6ca1\u6709\u9ed1\u6d1e\uff1f\n <\/h2>\n <p class=\"text-base md:text-xl mb-8 md:mb-10 max-w-3xl mx-auto\"\n style=\"color:#ffffff !important;text-shadow:0 1px 8px rgba(0,0,0,0.3);\">\n \u544a\u8bc9\u6211\u4eec\u4f60\u7684\u884c\u4e1a\u548c\u5e9f\u6599\u7c7b\u578b\uff0c\u6211\u4eec\u5e2e\u4f60\u770b\u770b\u6709\u6ca1\u6709\u76f2\u533a\n <\/p>\n <div class=\"flex flex-wrap justify-center gap-4 md:gap-6\">\n <a href=\"javascript:void(0);\" data-uuid=\"contact\" onclick=\"handleMenuClick(this)\"\n class=\"cta-pulse bg-accent hover:bg-orange-600 transition-colors px-8 md:px-10 py-3 md:py-4 rounded-lg font-bold text-base md:text-xl shadow-lg inline-flex items-center\">\n <i class=\"fas fa-search mr-2\"><\/i>\u83b7\u53d6\u514d\u8d39\u8bca\u65ad\u65b9\u6848\n <\/a>\n <a href=\"javascript:void(0);\" data-uuid=\"resources\" onclick=\"handleMenuClick(this)\"\n class=\"border-2 border-white hover:bg-white hover:text-primary transition-colors px-6 md:px-8 py-3 md:py-4 rounded-lg font-semibold text-sm md:text-lg inline-flex items-center\">\n <i class=\"fas fa-download mr-2\"><\/i>\u4e0b\u8f7d\u4ea7\u54c1\u624b\u518c\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <button class=\"back-to-top\" id=\"backToTop\" aria-label=\"\u56de\u5230\u9876\u90e8\">\n <i class=\"fas fa-arrow-up\"><\/i>\n <\/button>\n\n <script>\n \/\/ ===== 1. \u6eda\u52a8\u8fdb\u5ea6\u6761 =====\n const progressBar = document.getElementById('scrollProgress');\n window.addEventListener('scroll', function() {\n const scrollTop = window.scrollY;\n const docHeight = document.documentElement.scrollHeight - window.innerHeight;\n const progress = docHeight > 0 ? (scrollTop \/ docHeight) * 100 : 0;\n progressBar.style.width = progress + '%';\n });\n\n \/\/ ===== 2. IntersectionObserver \u2014 \u6eda\u52a8\u5230\u89c6\u53e3\u89e6\u53d1\u52a8\u753b =====\n const revealEls = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n\n revealEls.forEach(function(el) { observer.observe(el); });\n\n \/\/ ===== 3. \u7edf\u8ba1\u6570\u5b57\u9012\u589e\u52a8\u753b =====\n function animateCounters() {\n const counters = document.querySelectorAll('.stat-number[data-target]');\n counters.forEach(function(counter) {\n const target = parseInt(counter.getAttribute('data-target'), 10);\n const suffix = target === 5 ? '+' : '';\n let current = 0;\n const step = target <= 5 ? 1 : Math.max(1, Math.floor(target \/ 30));\n const interval = 40; \/\/ ms\n\n function update() {\n current += step;\n if (current >= target) {\n counter.textContent = target + suffix;\n counter.classList.remove('counting');\n return;\n }\n counter.textContent = current;\n counter.classList.add('counting');\n requestAnimationFrame(function() {\n setTimeout(update, interval);\n });\n }\n update();\n });\n }\n\n \/\/ \u7528\u72ec\u7acb Observer \u68c0\u6d4b\u7edf\u8ba1\u6570\u5b57\u8fdb\u5165\u89c6\u53e3\n const counterObserver = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n animateCounters();\n counterObserver.disconnect();\n }\n });\n }, { threshold: 0.5 });\n const statCard = document.querySelector('.stat-number');\n if (statCard) counterObserver.observe(statCard);\n\n \/\/ ===== 4. \u56de\u5230\u9876\u90e8 =====\n const backBtn = document.getElementById('backToTop');\n window.addEventListener('scroll', function() {\n if (window.scrollY > 500) {\n backBtn.classList.add('show');\n } else {\n backBtn.classList.remove('show');\n }\n });\n backBtn.addEventListener('click', function() {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n\n \/\/ ===== 5. iframe \u6d88\u606f\u901a\u4fe1\uff08\u517c\u5bb9\u539f\u6709\u529f\u80fd\uff09 =====\n function handleMenuClick(element) {\n var uuid = element.getAttribute('data-uuid');\n window.top.postMessage(uuid, '*');\n }\n\n \/\/ ===== 6. \u56fe\u7247\u61d2\u52a0\u8f7d + \u52a0\u8f7d\u540e\u5e73\u6ed1\u663e\u793a =====\n document.addEventListener('DOMContentLoaded', function() {\n var images = document.querySelectorAll('img');\n images.forEach(function(img) {\n img.addEventListener('load', function() {\n img.style.opacity = '1';\n });\n \/\/ \u5982\u679c\u56fe\u7247\u5df2\u7ecf\u52a0\u8f7d\u5b8c\u6210\n if (img.complete) {\n img.style.opacity = '1';\n } else {\n img.style.opacity = '0';\n img.style.transition = 'opacity 0.5s ease';\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u661f\u5143\u667a\u7075 Stellarigen – \u5173\u4e8e\u6211\u4eec \u6211\u4eec\u8ba9\u5236\u9020\u4e1a\u5e9f\u6599\u533a\uff0c\u4e0d\u518d\u6709\u6570\u636e\u9ed1\u6d1e \u661f\u5143\u667a\u7075\uff0c\u79f0\u5f97 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"page_title_panel":"","has_hero_section":"disabled","affff79573bb3c6474fe047373bdb085":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"82c0661ccfc9605ebcd229393cdc0319":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","bc95cbe0cc773ec5504d0a9aeec24d16":"","hero_structure":"narrow","b42e8e504c705fc56c2246fbbaf67f02":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"page_title_image_size":"full","parallax":{"desktop":false,"tablet":false,"mobile":false},"eab779fce3babce7d5aa5430a042c5ba":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"e5498629814b153516a0b62776cfa457":"","page_structure_type":"default","89d2c91fc0c479fce95806a32806514a":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"d7f46fee6e50044bad7658507f61a102":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no"},"_links":{"self":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":13,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":789,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/789"}],"wp:attachment":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":9,"date":"2022-03-15T13:30:13","date_gmt":"2022-03-15T13:30:13","guid":{"rendered":"https:\/\/startersites.io\/blocksy\/car-service\/?page_id=9"},"modified":"2026-06-18T14:55:26","modified_gmt":"2026-06-18T06:55:26","slug":"about","status":"publish","type":"page","link":"https:\/\/www.stellarigen.cn\/?page_id=9","title":{"rendered":"About"},"content":{"rendered":"\n\n\n\n \n \n \u661f\u5143\u667a\u7075 Stellarigen – \u5173\u4e8e\u6211\u4eec<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.bootcdn.net\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#0F3460',\n secondary: '#E94560',\n accent: '#FF9800',\n 'light-gray': '#F5F5F5',\n 'dark-blue': '#1A1A2E',\n 'success-green': '#4CAF50'\n }\n }\n }\n };\n <\/script>\n <style>\n \/* ===== WordPress \u5bb9\u5668\u6837\u5f0f\u8986\u76d6\uff08\u5168\u5c4f\u94fa\u6ee1\uff09 ===== *\/\n .entry-content,\n .site-content,\n article,\n main,\n .wp-block-group,\n .wp-block-cover,\n .wp-block-columns,\n .wp-block-post-content {\n max-width: 100% !important;\n width: 100% !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n .entry-content > *,\n .site-content > * {\n max-width: 100% !important;\n }\n \/* \u786e\u4fdd\u6240\u6709\u76f4\u63a5\u5b50\u5bb9\u5668\u4e5f\u7ee7\u627f\u5168\u5bbd *\/\n .page-content,\n .content-area,\n .site-main,\n #primary,\n #content,\n .post-content {\n max-width: 100% !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n \/* \u8986\u76d6\u4e3b\u9898\u53ef\u80fd\u5b58\u5728\u7684\u989d\u5916\u5bb9\u5668 *\/\n .site {\n max-width: 100% !important;\n overflow-x: hidden;\n }\n .site-inner,\n .wrap,\n .container,\n .container-fluid {\n max-width: 100% !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n \/* \u901a\u7528\u5168\u5bbd\u8f85\u52a9\u7c7b - \u52a0\u5230\u4efb\u610f section \u4e0a\u5373\u53ef\u5f3a\u5236\u94fa\u6ee1 *\/\n .full-width-section {\n width: 100% !important;\n max-width: 100vw !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n\n \/* ===== \u5168\u5c40\u91cd\u7f6e ===== *\/\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; overflow-x: hidden; }\n body { overflow-x: hidden; background: #fff; }\n\n \/* ===== Hero \u5168\u5c4f\u65e0\u7f1d\u9699 ===== *\/\n .hero-section {\n width: 100% !important;\n max-width: 100% !important;\n display: flex;\n flex-direction: column;\n background: transparent;\n position: relative;\n overflow: hidden;\n margin-left: 0 !important;\n margin-right: 0 !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n \/* Hero \u5185\u6807\u9898\u5f3a\u5236\u767d\u8272\uff0c\u4e0d\u53d7\u4e3b\u9898\u5f71\u54cd *\/\n .hero-section h1,\n .hero-section .hero-title {\n color: #ffffff !important;\n }\n \/* \u80cc\u666f\u88c5\u9970\u5149\u6655\u52a8\u753b *\/\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at 30% 40%, rgba(196,124,58,0.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 60%, rgba(255,152,0,0.1) 0%, transparent 50%);\n animation: heroGlow 12s ease-in-out infinite alternate;\n pointer-events: none;\n }\n @keyframes heroGlow {\n 0% { transform: translate(0, 0) rotate(0deg); }\n 50% { transform: translate(2%, -2%) rotate(3deg); }\n 100% { transform: translate(-2%, 2%) rotate(-3deg); }\n }\n \/* \u6d6e\u52a8\u7c92\u5b50 *\/\n .hero-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: rgba(196,124,58,0.3);\n border-radius: 50%;\n animation: floatParticle 8s infinite;\n pointer-events: none;\n }\n @keyframes floatParticle {\n 0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; }\n 50% { transform: translateY(-40px) scale(1.5); opacity: 0.8; }\n }\n .hero-content { position: relative; z-index: 1; }\n\n \/* ===== \u6eda\u52a8\u52a8\u753b ===== *\/\n .reveal {\n opacity: 0;\n transform: translateY(50px);\n transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),\n transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n .reveal-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n .reveal-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \/* \u5ef6\u8fdf\u5165\u573a *\/\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n .delay-3 { transition-delay: 0.3s; }\n .delay-4 { transition-delay: 0.4s; }\n .delay-5 { transition-delay: 0.5s; }\n\n \/* ===== Hero \u5185\u5143\u7d20\u5165\u573a ===== *\/\n .hero-img {\n opacity: 0;\n transform: scale(0.98);\n animation: heroEnter 1s ease 0.2s forwards;\n }\n .hero-title {\n opacity: 0;\n transform: translateY(30px);\n animation: heroEnter 1s ease 0.5s forwards;\n }\n .hero-subtitle {\n opacity: 0;\n transform: translateY(30px);\n animation: heroEnter 1s ease 0.8s forwards;\n }\n .hero-desc {\n opacity: 0;\n transform: translateY(30px);\n animation: heroEnter 1s ease 1.1s forwards;\n }\n @keyframes heroEnter {\n to { opacity: 1; transform: translateY(0) scale(1); }\n }\n\n \/* ===== \u5361\u7247\u60ac\u505c\u589e\u5f3a ===== *\/\n .card-hover {\n transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),\n box-shadow 0.4s ease;\n }\n .card-hover:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n .card-border-hover {\n transition: border-color 0.3s ease, transform 0.3s ease;\n }\n .card-border-hover:hover {\n border-color: #FF9800;\n transform: translateY(-4px);\n }\n\n \/* ===== \u7edf\u8ba1\u6570\u5b57\u52a8\u753b ===== *\/\n .stat-number {\n display: inline-block;\n transition: all 0.3s ease;\n }\n .stat-number.counting {\n animation: pulseCount 0.3s ease;\n }\n @keyframes pulseCount {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.15); }\n 100% { transform: scale(1); }\n }\n\n \/* ===== \u6b65\u9aa4\u6761 ===== *\/\n .step-item {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .step-item:hover {\n transform: translateX(6px);\n }\n\n \/* ===== CTA \u8109\u51b2\u52a8\u753b ===== *\/\n .cta-pulse {\n animation: ctaPulse 2s ease-in-out infinite;\n }\n @keyframes ctaPulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(255,152,0,0.4); }\n 50% { box-shadow: 0 0 0 12px rgba(255,152,0,0); }\n }\n\n \/* ===== \u6eda\u52a8\u8fdb\u5ea6\u6761 ===== *\/\n .scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n height: 3px;\n background: linear-gradient(90deg, #FF9800, #E94560);\n z-index: 9999;\n width: 0%;\n transition: width 0.1s linear;\n }\n\n \/* ===== \u56de\u5230\u9876\u90e8 ===== *\/\n .back-to-top {\n position: fixed;\n bottom: 30px;\n right: 30px;\n width: 48px;\n height: 48px;\n background: #0F3460;\n color: #fff;\n border: none;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.4s ease, transform 0.4s ease, background 0.3s ease;\n z-index: 999;\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n }\n .back-to-top.show {\n opacity: 1;\n transform: translateY(0);\n }\n .back-to-top:hover {\n background: #FF9800;\n }\n\n \/* ===== \u56fe\u7247\u60ac\u505c\u7f29\u653e ===== *\/\n .img-zoom {\n overflow: hidden;\n border-radius: 0.5rem;\n }\n .img-zoom img {\n transition: transform 0.5s ease;\n }\n .img-zoom:hover img {\n transform: scale(1.04);\n }\n\n \/* ===== \u54cd\u5e94\u5f0f ===== *\/\n @media (max-width: 768px) {\n .back-to-top { bottom: 20px; right: 20px; width: 40px; height: 40px; font-size: 16px; }\n }\n\n \/* ===== \u8868\u683c\u54cd\u5e94\u5f0f ===== *\/\n .table-wrap {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-wrap table { min-width: 560px; }\n\n \/* ===== \u81ea\u5b9a\u4e49\u6eda\u52a8\u6761\uff08\u7b80\u6d01\uff09 ===== *\/\n ::-webkit-scrollbar { width: 6px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #0F3460; border-radius: 3px; }\n ::-webkit-scrollbar-thumb:hover { background: #FF9800; }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\n\n \n <section class=\"hero-section full-width-section text-white\">\n \n <div class=\"hero-particle\" style=\"top:10%;left:5%;animation-delay:0s;width:5px;height:5px;\"><\/div>\n <div class=\"hero-particle\" style=\"top:18%;right:10%;animation-delay:2s;width:8px;height:8px;background:rgba(245,179,120,0.3);\"><\/div>\n <div class=\"hero-particle\" style=\"top:38%;left:15%;animation-delay:4s;width:4px;height:4px;\"><\/div>\n\n \n <div class=\"hero-img w-full flex-shrink-0 relative\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/about.webp\"\n alt=\"\u661f\u5143\u667a\u7075 \u5173\u4e8e\u6211\u4eec\"\n class=\"w-full block\"\n style=\"width:100%;height:auto;display:block;\">\n \n <div class=\"absolute inset-0 flex flex-col items-center justify-center px-6 sm:px-10 md:px-16\">\n <div class=\"max-w-4xl w-full bg-black\/30 backdrop-blur-[2px] rounded-xl p-5 md:p-10 text-center md:text-left\">\n <h1 class=\"hero-title text-[clamp(1.2rem,3vw,2rem)] font-bold mb-3 leading-tight\"\n style=\"color:#ffffff !important;text-shadow:0 2px 10px rgba(0,0,0,0.6);\">\n \u6211\u4eec\u8ba9\u5236\u9020\u4e1a\u5e9f\u6599\u533a\uff0c\u4e0d\u518d\u6709\u6570\u636e\u9ed1\u6d1e\n <\/h1>\n <p class=\"hero-subtitle text-base md:text-xl lg:text-2xl mb-3 md:mb-4 font-semibold\"\n style=\"color:#FF9800 !important;text-shadow:0 1px 8px rgba(0,0,0,0.5);\">\n <i class=\"fas fa-check-circle mr-2\"><\/i>\u661f\u5143\u667a\u7075\uff0c\u79f0\u5f97\u51c6\uff0c\u624d\u7761\u5f97\u7740\n <\/p>\n <p class=\"hero-desc text-xs sm:text-sm md:text-base leading-relaxed max-w-3xl mx-auto md:mx-0\"\n style=\"color:rgba(255,255,255,0.75) !important;text-shadow:0 1px 6px rgba(0,0,0,0.4);\">\n \u661f\u5143\u667a\u7075\u662f\u4e00\u5bb6\u4e13\u6ce8\u4e8e\u5236\u9020\u4e1a\u5de5\u5382\u5e9f\u6599\u79f0\u91cd\u96f6\u76f2\u533a\u7cfb\u7edf\u7684\u79d1\u6280\u516c\u53f8\uff0c\u901a\u8fc7\u8eab\u4efd\u8bc6\u522b\u3001\u7cbe\u51c6\u79f0\u91cd\u3001\u5927\u5c0f\u79e4\u590d\u6838\u6821\u9a8c\u3001\u9632\u4f5c\u5f0a\u95ed\u73af\u4e0eRFID\u8f74\u7ea7\u8ffd\u6eaf\uff0c\u5e2e\u52a9\u5236\u9020\u4e1a\u5de5\u5382\u6d88\u9664\u5e9f\u6599\u533a\u6570\u636e\u9ed1\u6d1e\uff0c\u5b9e\u73b0\u6bcf\u4e00\u514b\u5e9f\u6599\u90fd\u6709\u636e\u53ef\u67e5\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-12 md:py-20 px-5 md:px-8\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"reveal text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-8 md:mb-12 text-center\">\n \u6211\u4eec\u662f\u8c01\n <\/h2>\n <div class=\"reveal bg-light-gray p-6 md:p-10 rounded-xl shadow-md mb-10 card-hover\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-10 items-center\">\n <div>\n <p class=\"text-base md:text-lg text-gray-700 mb-6 leading-relaxed\">\n \u661f\u5143\u667a\u7075\u662f\u4e00\u5bb6\u6570\u636e\u95ed\u73af\u9a71\u52a8\u7684\u5236\u9020\u4e1a\u5de5\u5382\u5e9f\u6599\u79f0\u91cd\u96f6\u76f2\u533a\u7cfb\u7edf\u63d0\u4f9b\u5546\u3002\u6211\u4eec\u505a\u4e00\u4ef6\u4e8b\uff1a\n <strong class=\"text-primary\">\u8ba9\u5e9f\u6599\u4ece\u4ea7\u751f\u5230\u51fa\u5382\u7684\u6bcf\u4e00\u514b\uff0c\u90fd\u6709\u6570\u636e\u3001\u6709\u8bc1\u636e\u3001\u6709\u95ed\u73af\u3002<\/strong>\n <\/p>\n <div class=\"space-y-5\">\n <div class=\"flex items-start\">\n <i class=\"fas fa-cubes text-accent text-xl mt-1 mr-4\"><\/i>\n <div>\n <h4 class=\"font-semibold text-gray-800 mb-1\">\u6838\u5fc3\u4e1a\u52a1<\/h4>\n <p class=\"text-sm md:text-base text-gray-600\">\u4e24\u5927\u4ea7\u54c1\u6a21\u5757\uff1a\u667a\u80fd\u5de5\u4e1a\u5e9f\u6599\u56de\u6536\u7ba1\u7406\u7cfb\u7edf\uff08\u8f66\u95f4\u7248\uff09+ \u7535\u7f06\u751f\u4ea7\u79f0\u91cd\u4e0e\u8ffd\u6eaf\u7cfb\u7edf\uff08RFID\u7248\uff09<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start\">\n <i class=\"fas fa-industry text-primary text-xl mt-1 mr-4\"><\/i>\n <div>\n <h4 class=\"font-semibold text-gray-800 mb-1\">\u670d\u52a1\u5bf9\u8c61<\/h4>\n <p class=\"text-sm md:text-base text-gray-600\">\u7ebf\u7f06\u5236\u9020\u3001\u94dc\u94dd\u52a0\u5de5\u3001\u53d8\u538b\u5668\u7535\u673a\u3001\u7cbe\u5bc6\u673a\u68b0\u3001\u65b0\u80fd\u6e90\u6c7d\u8f66\u96f6\u90e8\u4ef6\u7b49\u5236\u9020\u4e1a\u5de5\u5382<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"img-zoom rounded-lg shadow-md\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/2026-06-18_133513_133-1.webp\"\n alt=\"\u73b0\u4ee3\u5316\u667a\u80fd\u5de5\u5382\u5185\u90e8\"\n class=\"w-full h-auto rounded-lg\">\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4 md:gap-6\">\n <div class=\"reveal delay-1 bg-white p-6 md:p-8 rounded-xl shadow-md text-center card-hover border-t-4 border-accent\">\n <div class=\"stat-number text-5xl md:text-6xl font-bold text-primary mb-3\" data-target=\"2\">0<\/div>\n <p class=\"text-base md:text-lg font-medium text-gray-700 mb-2\">\u6838\u5fc3\u4ea7\u54c1\u6a21\u5757<\/p>\n <p class=\"text-sm md:text-base text-gray-500\">\u5e9f\u6599\u56de\u6536\u7cfb\u7edf + RFID\u79f0\u91cd\u8ffd\u6eaf<\/p>\n <\/div>\n <div class=\"reveal delay-2 bg-white p-6 md:p-8 rounded-xl shadow-md text-center card-hover border-t-4 border-primary\">\n <div class=\"stat-number text-5xl md:text-6xl font-bold text-primary mb-3\" data-target=\"5\">0<\/div>\n <p class=\"text-base md:text-lg font-medium text-gray-700 mb-2\">\u8986\u76d6\u884c\u4e1a<\/p>\n <p class=\"text-sm md:text-base text-gray-500\">\u7ebf\u7f06\/\u94dc\u94dd\/\u53d8\u538b\u5668\/\u7cbe\u5bc6\/\u65b0\u80fd\u6e90<\/p>\n <\/div>\n <div class=\"reveal delay-3 bg-white p-6 md:p-8 rounded-xl shadow-md text-center card-hover border-t-4 border-success-green\">\n <div class=\"stat-number text-5xl md:text-6xl font-bold text-primary mb-3\" data-target=\"2\">0<\/div>\n <p class=\"text-base md:text-lg font-medium text-gray-700 mb-2\">\u6807\u51c6\u65b9\u6848\u4e0a\u7ebf\u5468\u671f<\/p>\n <p class=\"text-sm md:text-base text-gray-500\">S\/M\/L\u6807\u51c6\u673a\u578b\uff0c\u5feb\u901f\u90e8\u7f72<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"full-width-section py-12 md:py-20 px-5 md:px-8 bg-light-gray\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 class=\"reveal text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-8 md:mb-10 text-center\">\n \u6211\u4eec\u4e3a\u4ec0\u4e48\u8981\u505a\u8fd9\u4ef6\u4e8b\n <\/h2>\n <div class=\"reveal mb-8 img-zoom rounded-lg shadow-md\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/20260618143129_116_75.webp\"\n alt=\"\u661f\u5143\u667a\u7075\u56e2\u961f\"\n class=\"w-full h-auto rounded-lg\">\n <\/div>\n <div class=\"reveal bg-white p-6 md:p-10 rounded-xl shadow-md card-hover\">\n <p class=\"text-base md:text-lg text-gray-700 mb-6 leading-relaxed\">\n \u5236\u9020\u4e1a\u7684\u5e9f\u6599\u533a\uff0c\u662f\u5168\u5382\u6700\u5bb9\u6613\u88ab\u5ffd\u89c6\u3001\u4e5f\u6700\u8ba9\u4eba\u7761\u4e0d\u7740\u7684\u5730\u65b9\u3002\n <\/p>\n <p class=\"text-gray-700 mb-4 leading-relaxed\">\u6211\u4eec\u89c1\u8fc7\u592a\u591a\u8fd9\u6837\u7684\u573a\u666f\u2014\u2014<\/p>\n <ul class=\"space-y-4 mb-6 pl-4 md:pl-6\">\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-exclamation-circle text-accent mr-2\"><\/i>\n \u4e00\u4e2a\u7ebf\u7f06\u5382\u7684\u751f\u4ea7\u4e3b\u7ba1\uff0c\u591c\u73ed\u5e9f\u6599\u533a\u6ca1\u4eba\u503c\u5b88\uff0c\u7b2c\u4e8c\u5929\u5bf9\u8d26\u53d1\u73b0\u6570\u5b57\u5bf9\u4e0d\u4e0a\uff0c\u5ba1\u8ba1\u6765\u4e86\u62ff\u4e0d\u51fa\u5b8c\u6574\u7684\u51fa\u5165\u5e93\u8bb0\u5f55\uff0c\u8ffd\u8d23\u8ffd\u5230\u81ea\u5df1\u5934\u4e0a\u3002\n <\/li>\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-exclamation-circle text-accent mr-2\"><\/i>\n \u4e00\u4e2a\u94dc\u94dd\u52a0\u5de5\u5382\u7684\u5382\u957f\uff0c\u77e5\u9053\u5e9f\u6599\u533a\u6709\u6f0f\u6d1e\uff0c\u4f46\u4e00\u76f4\u4e0d\u77e5\u9053\u6f0f\u6d1e\u6709\u591a\u5927\u3002\u76f4\u5230\u5e74\u5e95\u76d8\u70b9\uff0c\u53d1\u73b0\u5e9f\u94dc\u51fa\u5e93\u91cf\u548c\u56de\u6536\u5546\u7ed3\u7b97\u91cf\u5dee\u4e86\u51e0\u5428\uff0c\u624d\u53d1\u73b0\u4e00\u5e74\u7684\u635f\u5931\u8fdc\u8d85\u60f3\u8c61\u3002\n <\/li>\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-exclamation-circle text-accent mr-2\"><\/i>\n \u4e00\u4e2a\u5408\u89c4\u5ba1\u8ba1\u5c97\uff0c\u6bcf\u6b21\u5185\u5ba1\u5916\u5ba1\uff0c\u5e9f\u6599\u533a\u90fd\u662f\u91cd\u707e\u533a\u3002\u7eb8\u8d28\u767b\u8bb0\u6a21\u7cca\u3001MES\u6570\u636e\u65ad\u5c42\u3001\u56de\u6536\u5546\u6570\u636e\u65e0\u6cd5\u4ea4\u53c9\u9a8c\u8bc1\u2014\u2014\u5ba1\u8ba1\u62a5\u544a\u5199\u4e0d\u4e86\uff0c\u6574\u6539\u901a\u77e5\u63a5\u4e8c\u8fde\u4e09\u3002\n <\/li>\n <\/ul>\n <p class=\"text-gray-700 mb-4 leading-relaxed\">\n <strong class=\"text-primary\">\u8fd9\u4e9b\u4eba\u4e0d\u662f\u4e0d\u91cd\u89c6\uff0c\u662f\u6ca1\u6709\u8d81\u624b\u7684\u5de5\u5177\u3002<\/strong>\n <\/p>\n <p class=\"text-gray-700 mb-4 leading-relaxed\">\n \u9760\u4eba\u76ef\uff0c\u4eba\u8981\u7761\u89c9\uff1b\u9760\u7eb8\u8bb0\uff0c\u7eb8\u4f1a\u4e22\uff1b\u9760MES\uff0c\u5e9f\u6599\u533a\u662fMES\u7684\u76f2\u533a\uff1b\u9760\u56de\u6536\u5546\u7684\u6570\u636e\uff0c\u90a3\u6570\u636e\u4f60\u4fe1\u51e0\u5206\uff1f\n <\/p>\n <p class=\"text-base md:text-lg text-gray-700 mb-4 leading-relaxed\">\n \u661f\u5143\u667a\u7075\u5b58\u5728\u7684\u7406\u7531\u5f88\u7b80\u5355\uff1a\n <strong class=\"text-accent\">\u7ed9\u5236\u9020\u4e1a\u7684\u5e9f\u6599\u533a\u88c5\u4e0a\u4e00\u53cc\u4e0d\u4f1a\u7761\u89c9\u7684\u773c\u775b\u3002<\/strong>\n <\/p>\n <ul class=\"space-y-3 mb-6 pl-4 md:pl-6\">\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-check-circle text-success-green mr-2\"><\/i>\n <strong>\u79f0\u5f97\u51c6<\/strong>\u2014\u2014\u6bcf\u4e00\u514b\u90fd\u6709\u6570\u636e\uff0c\u5927\u5c0f\u79e4\u590d\u6838\uff0c\u5dee\u503c\u8d85\u9650\u81ea\u52a8\u9884\u8b66\u3002\n <\/li>\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-check-circle text-success-green mr-2\"><\/i>\n <strong>\u4eba\u4e0d\u5728\u573a<\/strong>\u2014\u2014\u4eba\u8138\u8bc6\u522b\u66ff\u4ee3\u503c\u5b88\uff0c\u8bbe\u5907\u81ea\u52a8\u8bb0\u5f55\u66ff\u4ee3\u624b\u5de5\u767b\u8bb0\uff0c\u4eba\u4e0d\u4ecb\u5165\uff0c\u4eba\u4e0d\u62c5\u8d23\u3002\n <\/li>\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-check-circle text-success-green mr-2\"><\/i>\n <strong>\u6570\u636e\u95ed\u73af<\/strong>\u2014\u2014\u4ece\u6295\u653e\u5230\u4e0a\u62a5MES\uff0c\u5168\u94fe\u8def\u7559\u75d5\uff0c\u5ba1\u8ba1\u6765\u4e86\u4f60\u62ff\u5f97\u51fa\u8bc1\u636e\u3002\n <\/li>\n <\/ul>\n <p class=\"text-base md:text-lg text-gray-700 leading-relaxed\">\n \u6211\u4eec\u4e0d\u662f\u5728\u505a\u4e00\u4e2a\u79f0\u91cd\u8bbe\u5907\uff0c\u6211\u4eec\u662f\u5728\u505a\u4e00\u5957\u8ba9\u8d1f\u8d23\u4eba\n <strong class=\"text-primary\">\u7761\u5f97\u7740\u89c9<\/strong>\u7684\u6570\u636e\u8bc1\u636e\u7cfb\u7edf\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-12 md:py-20 px-5 md:px-8\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"reveal text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-8 md:mb-12 text-center\">\n \u6211\u4eec\u51ed\u4ec0\u4e48\u80fd\u505a\u5230\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8\">\n \n <div class=\"reveal delay-1 bg-white p-6 md:p-8 rounded-xl shadow-md card-hover border border-gray-100\">\n <div class=\"mb-5 img-zoom rounded-lg shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/c139f53f576474078dacc1b50b119a46.png\"\n alt=\"\u81ea\u7814\u667a\u80fd\u786c\u4ef6\u8bbe\u5907\"\n class=\"w-full h-auto rounded-lg\">\n <\/div>\n <div class=\"w-12 h-12 md:w-14 md:h-14 bg-primary rounded-lg flex items-center justify-center mb-4\">\n <i class=\"fas fa-cogs text-white text-xl md:text-2xl\"><\/i>\n <\/div>\n <h3 class=\"text-lg md:text-xl font-semibold text-gray-800 mb-3\">\u81ea\u7814\u786c\u4ef6\uff0c\u4e0d\u662f\u4e1c\u62fc\u897f\u51d1<\/h3>\n <p class=\"text-sm md:text-base text-gray-600 leading-relaxed\">\n \u667a\u80fd\u56fa\u5e9f\u56de\u6536\u5e93\u533a\uff08S\/M\/L\u4e09\u6863\uff09\u3001\u5730\u78c5+RFID\u8bfb\u5199\u5668+\u5de5\u4e1a\u7ec8\u7aef\u3001\u5927\u5c0f\u79e4\u590d\u6838\u6821\u9a8c\u7cfb\u7edf\u3002\u81ea\u7814\u786c\u4ef6\u610f\u5473\u7740\u6211\u4eec\u5bf9\u81ea\u5df1\u7684\u8bbe\u5907\u8d1f\u8d23\u5230\u5e95\uff0c\u4e0d\u662f\u51fa\u4e86\u95ee\u9898\u8ba9\u4f60\u627e\u4f9b\u5e94\u5546\u3002\n <\/p>\n <\/div>\n \n <div class=\"reveal delay-2 bg-white p-6 md:p-8 rounded-xl shadow-md card-hover border border-gray-100\">\n <div class=\"mb-5 img-zoom rounded-lg shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/3d73caf7fa273831fd451bed38adf532.png\"\n alt=\"\u667a\u80fd\u8f6f\u4ef6\u7cfb\u7edf\u754c\u9762\"\n class=\"w-full h-auto rounded-lg\">\n <\/div>\n <div class=\"w-12 h-12 md:w-14 md:h-14 bg-accent rounded-lg flex items-center justify-center mb-4\">\n <i class=\"fas fa-laptop-code text-white text-xl md:text-2xl\"><\/i>\n <\/div>\n <h3 class=\"text-lg md:text-xl font-semibold text-gray-800 mb-3\">\u6570\u636e\u95ed\u73af\uff0c\u4e0d\u662f\u53ea\u7ba1\u79f0\u91cd\u4e0d\u7ba1\u4e0a\u62a5<\/h3>\n <p class=\"text-sm md:text-base text-gray-600 leading-relaxed\">\n \u8eab\u4efd\u8bc6\u522b\u7cfb\u7edf\u3001\u79f0\u91cd\u6570\u636e\u91c7\u96c6\u4e0e\u590d\u6838\u3001\u9632\u4f5c\u5f0a\u6821\u9a8c\u5f15\u64ce\u3001MES\/ERP\u6807\u51c6\u5bf9\u63a5\u63a5\u53e3\u3001\u5e9f\u6599\u4e8b\u4ef6\u5e93\u4e0e\u8ffd\u6eaf\u5f15\u64ce\u3002\u6211\u4eec\u505a\u7684\u4e0d\u662f\u5355\u70b9\u529f\u80fd\uff0c\u662f\u4ece\u4ea7\u751f\u5230\u4e0a\u62a5\u7684\u6570\u636e\u95ed\u73af\u3002\n <\/p>\n <\/div>\n \n <div class=\"reveal delay-3 bg-white p-6 md:p-8 rounded-xl shadow-md card-hover border border-gray-100\">\n <div class=\"mb-5 img-zoom rounded-lg shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/e123dcbd1b27dd5f0e4461387025e8f9.png\"\n alt=\"\u6280\u672f\u670d\u52a1\u56e2\u961f\u73b0\u573a\u670d\u52a1\"\n class=\"w-full h-auto rounded-lg\">\n <\/div>\n <div class=\"w-12 h-12 md:w-14 md:h-14 bg-success-green rounded-lg flex items-center justify-center mb-4\">\n <i class=\"fas fa-handshake text-white text-xl md:text-2xl\"><\/i>\n <\/div>\n <h3 class=\"text-lg md:text-xl font-semibold text-gray-800 mb-3\">\u4e70\u4e86\u4e0d\u662f\u7ec8\u70b9\uff0c\u662f\u670d\u52a1\u8d77\u70b9<\/h3>\n <p class=\"text-sm md:text-base text-gray-600 leading-relaxed\">\n \u9700\u6c42\u8bca\u65ad\u2192\u65b9\u6848\u8bbe\u8ba1\u2192\u786c\u4ef6\u90e8\u7f72\u2192\u7cfb\u7edf\u5bf9\u63a5\u2192\u8c03\u8bd5\u9a8c\u6536\u2192\u8fd0\u7ef4\u670d\u52a1\uff0c\u5168\u5468\u671f\u4ea4\u4ed8\u3002\u5de5\u4f5c\u65e54\u5c0f\u65f6\u54cd\u5e94\uff0c\u8fdc\u7a0b+\u73b0\u573a\u53cc\u901a\u9053\u3002\u4f60\u7684MES\u6211\u4eec\u5e2e\u4f60\u63a5\uff0c\u4f60\u7684\u89c4\u5219\u6211\u4eec\u5e2e\u4f60\u914d\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"full-width-section py-12 md:py-20 px-5 md:px-8 bg-light-gray\">\n <div class=\"max-w-5xl mx-auto\">\n <h2 class=\"reveal text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-8 md:mb-12 text-center\">\n \u6211\u4eec\u7684\u56e2\u961f\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-10 items-center\">\n <div class=\"reveal-left img-zoom rounded-lg shadow-md\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/20260618134522_115_75.webp\"\n alt=\"\u5de5\u7a0b\u5e08\u56e2\u961f\u5728\u5de5\u5382\u73b0\u573a\u8c03\u8bd5\u8bbe\u5907\"\n class=\"w-full h-auto rounded-lg\">\n <\/div>\n <div class=\"reveal-right bg-white p-6 md:p-10 rounded-xl shadow-md card-hover\">\n <p class=\"text-base md:text-lg text-gray-700 mb-6 leading-relaxed\">\n \u661f\u5143\u667a\u7075\u7684\u56e2\u961f\uff0c\u4e0d\u662f\u5750\u5728\u5199\u5b57\u697c\u91cc\u60f3\u8c61\u5de5\u5382\u573a\u666f\u7684\u4eba\u3002\n <\/p>\n <p class=\"text-sm md:text-base text-gray-700 mb-4 leading-relaxed\">\n \u6211\u4eec\u7684\u5de5\u7a0b\u5e08\u5728\u7ebf\u7f06\u8f66\u95f4\u7684\u5e9f\u6599\u533a\u8e72\u8fc7\uff0c\u5728\u94dc\u94dd\u52a0\u5de5\u5382\u7684\u5730\u78c5\u65c1\u8fb9\u8c03\u8fc7\u79e4\uff0c\u5728\u53d8\u538b\u5668\u5382\u7684MES\u7cfb\u7edf\u5bf9\u63a5\u73b0\u573a\u71ac\u8fc7\u901a\u5bb5\u3002\n <\/p>\n <ul class=\"space-y-3 mb-6 pl-4\">\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-arrow-right text-accent mr-2\"><\/i>\n \u6211\u4eec\u77e5\u9053\u591c\u73ed\u5e9f\u6599\u533a\u51fa\u4e86\u4e8b\uff0c\u7b2c\u4e8c\u5929\u8ffd\u8d23\u8ffd\u5230\u8c01\u5934\u4e0a\u3002\n <\/li>\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-arrow-right text-accent mr-2\"><\/i>\n \u6211\u4eec\u77e5\u9053\u56de\u6536\u5546\u62a5\u7684\u6570\u5b57\u548c\u5382\u91cc\u8bb0\u7684\u6570\u5b57\u5bf9\u4e0d\u4e0a\u65f6\uff0c\u6700\u96be\u53d7\u7684\u662f\u4e2d\u95f4\u90a3\u4e2a\u4eba\u3002\n <\/li>\n <li class=\"text-sm md:text-base text-gray-700 leading-relaxed\">\n <i class=\"fas fa-arrow-right text-accent mr-2\"><\/i>\n \u6211\u4eec\u77e5\u9053”\u79f0\u91cd\u504f\u5dee0.5%”\u4e0d\u662f\u6280\u672f\u53c2\u6570\uff0c\u662f\u4e00\u5e74\u4e0b\u6765\u51e0\u5341\u4e07\u7684\u5dee\u8ddd\u3002\n <\/li>\n <\/ul>\n <p class=\"text-base md:text-lg text-gray-700 leading-relaxed\">\n <strong class=\"text-primary\">\u8fd9\u4e9b\u4e0d\u662f\u4ece\u62a5\u544a\u91cc\u770b\u6765\u7684\uff0c\u662f\u5728\u73b0\u573a\u78e8\u51fa\u6765\u7684\u3002<\/strong>\n <\/p>\n <p class=\"text-sm md:text-base text-gray-700 leading-relaxed mt-4\">\n \u6240\u4ee5\u661f\u5143\u667a\u7075\u505a\u7684\u6bcf\u4e00\u5957\u7cfb\u7edf\uff0c\u90fd\u4e0d\u662f\u4ece\u901a\u7528\u6a21\u677f\u91cc\u5957\u51fa\u6765\u7684\uff0c\u662f\u5148\u542c\u4f60\u8bf4\u4f60\u7684\u5382\u4ec0\u4e48\u60c5\u51b5\u3001\u4f60\u7684\u5e9f\u6599\u533a\u4ec0\u4e48\u75db\u70b9\uff0c\u518d\u7ed9\u4f60\u91cf\u7740\u88c1\u7684\u65b9\u6848\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-12 md:py-20 px-5 md:px-8\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"reveal text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-8 md:mb-12 text-center\">\n \u4f01\u4e1a\u4fe1\u606f\n <\/h2>\n <div class=\"reveal bg-white p-6 md:p-10 rounded-xl shadow-md card-hover\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-10\">\n <div>\n <div class=\"img-zoom rounded-lg shadow-md mb-6\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/20260618144743_118_75.webp\"\n alt=\"\u661f\u5143\u667a\u7075\u4f01\u4e1a\u603b\u90e8\"\n class=\"w-full h-auto rounded-lg\">\n <\/div>\n <div class=\"p-5 md:p-6 bg-light-gray rounded-lg\">\n <h4 class=\"font-semibold text-gray-800 mb-3 flex items-center\">\n <i class=\"fas fa-certificate text-accent mr-2\"><\/i>\u54c1\u724c\u6807\u8bc6\n <\/h4>\n <p class=\"text-gray-700 text-lg md:text-xl font-bold\">\u661f\u5143\u667a\u7075 Stellarigen<\/p>\n <p class=\"text-gray-500 mt-2 text-sm md:text-base\">www.Stellarigen.com<\/p>\n <\/div>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"flex flex-col sm:flex-row border-b border-gray-200 pb-3\">\n <span class=\"sm:w-32 font-medium text-gray-800 mb-1 sm:mb-0\">\u516c\u53f8\u5168\u79f0<\/span>\n <span class=\"text-sm md:text-base text-gray-600\">\u6df1\u5733\u661f\u5143\u667a\u7075\u79d1\u6280\u6709\u9650\u516c\u53f8<\/span>\n <\/div>\n <div class=\"flex flex-col sm:flex-row border-b border-gray-200 pb-3\">\n <span class=\"sm:w-32 font-medium text-gray-800 mb-1 sm:mb-0\">\u7edf\u4e00\u793e\u4f1a\u4fe1\u7528\u4ee3\u7801<\/span>\n <span class=\"text-sm md:text-base text-gray-600\">91440300MAKBR7AB35<\/span>\n <\/div>\n <div class=\"flex flex-col sm:flex-row border-b border-gray-200 pb-3\">\n <span class=\"sm:w-32 font-medium text-gray-800 mb-1 sm:mb-0\">\u6210\u7acb\u65e5\u671f<\/span>\n <span class=\"text-sm md:text-base text-gray-600\">2026\u5e744\u670822\u65e5<\/span>\n <\/div>\n <div class=\"flex flex-col sm:flex-row border-b border-gray-200 pb-3\">\n <span class=\"sm:w-32 font-medium text-gray-800 mb-1 sm:mb-0\">\u6ce8\u518c\u5730\u5740<\/span>\n <span class=\"text-sm md:text-base text-gray-600\">\u6df1\u5733\u5e02\u9f99\u5c97\u533a\u9f99\u57ce\u8857\u9053\u5982\u610f\u8def52\u53f7\u8363\u8d85\u91d1\u878d\u5927\u53a61419\u53f7<\/span>\n <\/div>\n <div class=\"flex flex-col sm:flex-row border-b border-gray-200 pb-3\">\n <span class=\"sm:w-32 font-medium text-gray-800 mb-1 sm:mb-0\">\u6838\u5fc3\u4e1a\u52a1<\/span>\n <span class=\"text-sm md:text-base text-gray-600\">\u5236\u9020\u4e1a\u5de5\u5382\u5e9f\u6599\u65e0\u4eba\u503c\u5b88\u79f0\u91cd\u56de\u6536\u7cfb\u7edf\u7814\u53d1\u4e0e\u4ea4\u4ed8<\/span>\n <\/div>\n <div class=\"flex flex-col sm:flex-row border-b border-gray-200 pb-3\">\n <span class=\"sm:w-32 font-medium text-gray-800 mb-1 sm:mb-0\">\u54c1\u724c<\/span>\n <span class=\"text-sm md:text-base text-gray-600\">\u661f\u5143\u667a\u7075 Stellarigen<\/span>\n <\/div>\n <div class=\"flex flex-col sm:flex-row\">\n <span class=\"sm:w-32 font-medium text-gray-800 mb-1 sm:mb-0\">\u5b98\u7f51<\/span>\n <span class=\"text-sm md:text-base text-gray-600\">www.Stellarigen.com<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"full-width-section py-12 md:py-20 px-5 md:px-8 bg-gradient-to-br from-[#0F3460] to-[#1A1A2E] text-white\">\n <div class=\"max-w-4xl mx-auto text-center reveal\">\n <h2 class=\"text-[clamp(1.4rem,3vw,2.5rem)] font-bold mb-4 md:mb-6\"\n style=\"color:#ffffff !important;text-shadow:0 2px 12px rgba(0,0,0,0.4);\">\n \u60f3\u77e5\u9053\u4f60\u5382\u7684\u5e9f\u6599\u533a\u8fd8\u6709\u6ca1\u6709\u9ed1\u6d1e\uff1f\n <\/h2>\n <p class=\"text-base md:text-xl mb-8 md:mb-10 max-w-3xl mx-auto\"\n style=\"color:#ffffff !important;text-shadow:0 1px 8px rgba(0,0,0,0.3);\">\n \u544a\u8bc9\u6211\u4eec\u4f60\u7684\u884c\u4e1a\u548c\u5e9f\u6599\u7c7b\u578b\uff0c\u6211\u4eec\u5e2e\u4f60\u770b\u770b\u6709\u6ca1\u6709\u76f2\u533a\n <\/p>\n <div class=\"flex flex-wrap justify-center gap-4 md:gap-6\">\n <a href=\"javascript:void(0);\" data-uuid=\"contact\" onclick=\"handleMenuClick(this)\"\n class=\"cta-pulse bg-accent hover:bg-orange-600 transition-colors px-8 md:px-10 py-3 md:py-4 rounded-lg font-bold text-base md:text-xl shadow-lg inline-flex items-center\">\n <i class=\"fas fa-search mr-2\"><\/i>\u83b7\u53d6\u514d\u8d39\u8bca\u65ad\u65b9\u6848\n <\/a>\n <a href=\"javascript:void(0);\" data-uuid=\"resources\" onclick=\"handleMenuClick(this)\"\n class=\"border-2 border-white hover:bg-white hover:text-primary transition-colors px-6 md:px-8 py-3 md:py-4 rounded-lg font-semibold text-sm md:text-lg inline-flex items-center\">\n <i class=\"fas fa-download mr-2\"><\/i>\u4e0b\u8f7d\u4ea7\u54c1\u624b\u518c\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <button class=\"back-to-top\" id=\"backToTop\" aria-label=\"\u56de\u5230\u9876\u90e8\">\n <i class=\"fas fa-arrow-up\"><\/i>\n <\/button>\n\n <script>\n \/\/ ===== 1. \u6eda\u52a8\u8fdb\u5ea6\u6761 =====\n const progressBar = document.getElementById('scrollProgress');\n window.addEventListener('scroll', function() {\n const scrollTop = window.scrollY;\n const docHeight = document.documentElement.scrollHeight - window.innerHeight;\n const progress = docHeight > 0 ? (scrollTop \/ docHeight) * 100 : 0;\n progressBar.style.width = progress + '%';\n });\n\n \/\/ ===== 2. IntersectionObserver \u2014 \u6eda\u52a8\u5230\u89c6\u53e3\u89e6\u53d1\u52a8\u753b =====\n const revealEls = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n\n revealEls.forEach(function(el) { observer.observe(el); });\n\n \/\/ ===== 3. \u7edf\u8ba1\u6570\u5b57\u9012\u589e\u52a8\u753b =====\n function animateCounters() {\n const counters = document.querySelectorAll('.stat-number[data-target]');\n counters.forEach(function(counter) {\n const target = parseInt(counter.getAttribute('data-target'), 10);\n const suffix = target === 5 ? '+' : '';\n let current = 0;\n const step = target <= 5 ? 1 : Math.max(1, Math.floor(target \/ 30));\n const interval = 40; \/\/ ms\n\n function update() {\n current += step;\n if (current >= target) {\n counter.textContent = target + suffix;\n counter.classList.remove('counting');\n return;\n }\n counter.textContent = current;\n counter.classList.add('counting');\n requestAnimationFrame(function() {\n setTimeout(update, interval);\n });\n }\n update();\n });\n }\n\n \/\/ \u7528\u72ec\u7acb Observer \u68c0\u6d4b\u7edf\u8ba1\u6570\u5b57\u8fdb\u5165\u89c6\u53e3\n const counterObserver = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n animateCounters();\n counterObserver.disconnect();\n }\n });\n }, { threshold: 0.5 });\n const statCard = document.querySelector('.stat-number');\n if (statCard) counterObserver.observe(statCard);\n\n \/\/ ===== 4. \u56de\u5230\u9876\u90e8 =====\n const backBtn = document.getElementById('backToTop');\n window.addEventListener('scroll', function() {\n if (window.scrollY > 500) {\n backBtn.classList.add('show');\n } else {\n backBtn.classList.remove('show');\n }\n });\n backBtn.addEventListener('click', function() {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n\n \/\/ ===== 5. iframe \u6d88\u606f\u901a\u4fe1\uff08\u517c\u5bb9\u539f\u6709\u529f\u80fd\uff09 =====\n function handleMenuClick(element) {\n var uuid = element.getAttribute('data-uuid');\n window.top.postMessage(uuid, '*');\n }\n\n \/\/ ===== 6. \u56fe\u7247\u61d2\u52a0\u8f7d + \u52a0\u8f7d\u540e\u5e73\u6ed1\u663e\u793a =====\n document.addEventListener('DOMContentLoaded', function() {\n var images = document.querySelectorAll('img');\n images.forEach(function(img) {\n img.addEventListener('load', function() {\n img.style.opacity = '1';\n });\n \/\/ \u5982\u679c\u56fe\u7247\u5df2\u7ecf\u52a0\u8f7d\u5b8c\u6210\n if (img.complete) {\n img.style.opacity = '1';\n } else {\n img.style.opacity = '0';\n img.style.transition = 'opacity 0.5s ease';\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u661f\u5143\u667a\u7075 Stellarigen – \u5173\u4e8e\u6211\u4eec \u6211\u4eec\u8ba9\u5236\u9020\u4e1a\u5e9f\u6599\u533a\uff0c\u4e0d\u518d\u6709\u6570\u636e\u9ed1\u6d1e \u661f\u5143\u667a\u7075\uff0c\u79f0\u5f97 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"page_title_panel":"","has_hero_section":"disabled","affff79573bb3c6474fe047373bdb085":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"82c0661ccfc9605ebcd229393cdc0319":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","bc95cbe0cc773ec5504d0a9aeec24d16":"","hero_structure":"narrow","b42e8e504c705fc56c2246fbbaf67f02":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"page_title_image_size":"full","parallax":{"desktop":false,"tablet":false,"mobile":false},"eab779fce3babce7d5aa5430a042c5ba":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"e5498629814b153516a0b62776cfa457":"","page_structure_type":"default","89d2c91fc0c479fce95806a32806514a":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"d7f46fee6e50044bad7658507f61a102":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no"},"_links":{"self":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":13,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":789,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/789"}],"wp:attachment":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}