{"id":16,"date":"2025-12-11T18:11:34","date_gmt":"2025-12-12T02:11:34","guid":{"rendered":"https:\/\/www.susma.uk\/?page_id=16"},"modified":"2025-12-12T16:43:56","modified_gmt":"2025-12-13T00:43:56","slug":"%e9%a6%96%e9%a1%b5","status":"publish","type":"page","link":"https:\/\/www.susma.uk\/","title":{"rendered":"\u9996\u9875"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n SUSMA - \u4e2d\u7f8e\u667a\u9020\u53d1\u5c55\u8054\u76df<\/title>\r\n <style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n color: #333;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u9876\u90e8\u5bfc\u822a *\/\r\n header {\r\n background: #fff;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n }\r\n\r\n nav {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 20px 40px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n\r\n .logo {\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: #0066cc;\r\n white-space: nowrap;\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 30px;\r\n list-style: none;\r\n }\r\n\r\n .nav-links a {\r\n color: #333;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: color 0.3s;\r\n }\r\n\r\n .nav-links a:hover { color: #0066cc; }\r\n\r\n \/* ====== Mobile hamburger menu ====== *\/\r\n .menu-toggle{\r\n display:none;\r\n width:44px;height:44px;\r\n border:1px solid rgba(0,0,0,.12);\r\n border-radius:10px;\r\n background:#fff;\r\n cursor:pointer;\r\n align-items:center;\r\n justify-content:center;\r\n flex-direction:column;\r\n gap:6px;\r\n flex: 0 0 auto;\r\n }\r\n .menu-toggle span{\r\n display:block;\r\n width:22px;height:2px;\r\n background:#111;\r\n transition:transform .25s ease, opacity .2s ease;\r\n }\r\n\r\n .mobile-menu{\r\n display:none;\r\n background:#fff;\r\n border-top:1px solid #eee;\r\n }\r\n .mobile-menu a{\r\n display:block;\r\n padding:14px 40px;\r\n color:#333;\r\n text-decoration:none;\r\n font-weight:700;\r\n }\r\n .mobile-menu a:hover{\r\n background:#f5f7fb;\r\n color:#0066cc;\r\n }\r\n\r\n .menu-toggle.active span:nth-child(1){ transform:translateY(8px) rotate(45deg); }\r\n .menu-toggle.active span:nth-child(2){ opacity:0; }\r\n .menu-toggle.active span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }\r\n\r\n \/* \u82f1\u96c4\u533a\u57df *\/\r\n .hero {\r\n background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\r\n color: #fff;\r\n text-align: center;\r\n padding: 80px 40px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 56px;\r\n margin-bottom: 20px;\r\n font-weight: 900;\r\n line-height: 1.15;\r\n }\r\n\r\n .hero h2 {\r\n font-size: 26px;\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n opacity: .98;\r\n }\r\n\r\n .hero p {\r\n font-size: 18px;\r\n max-width: 980px;\r\n margin: 0 auto 10px;\r\n line-height: 1.9;\r\n opacity: 0.95;\r\n }\r\n\r\n \/* \u201c\u6838\u5fc3\u670d\u52a1\u201d\u533a\u57df\uff08\u6cbf\u7528 map-section \u7ed3\u6784\uff09 *\/\r\n .map-section {\r\n padding: 60px 40px;\r\n background: #f8f9fa;\r\n }\r\n\r\n .map-section h2 {\r\n text-align: center;\r\n font-size: 36px;\r\n margin-bottom: 40px;\r\n color: #1e3a8a;\r\n font-weight: 900;\r\n }\r\n\r\n .map-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n background: #fff;\r\n padding: 40px;\r\n border-radius: 15px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n }\r\n\r\n .legend {\r\n display: flex;\r\n justify-content: center;\r\n gap: 30px;\r\n margin-bottom: 30px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .legend-item { display: flex; align-items: center; gap: 10px; }\r\n .legend-color { width: 30px; height: 30px; border-radius: 6px; }\r\n\r\n .legend-color.tier1 { background: #10b981; }\r\n .legend-color.tier2 { background: #3b82f6; }\r\n .legend-color.tier3 { background: #f59e0b; }\r\n .legend-color.tier4 { background: #e5e7eb; }\r\n\r\n .states-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n gap: 20px;\r\n margin-top: 30px;\r\n }\r\n\r\n .state-card {\r\n background: #fff;\r\n border: 2px solid #e5e7eb;\r\n border-radius: 10px;\r\n padding: 20px;\r\n transition: all 0.3s;\r\n cursor: pointer;\r\n }\r\n\r\n .state-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n border-color: #3b82f6;\r\n }\r\n\r\n .state-card.tier1 { border-color: #10b981; }\r\n .state-card.tier2 { border-color: #3b82f6; }\r\n .state-card.tier3 { border-color: #f59e0b; }\r\n\r\n .state-name {\r\n font-size: 20px;\r\n font-weight: 900;\r\n color: #1e3a8a;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .state-amount {\r\n font-size: 18px;\r\n font-weight: 800;\r\n color: #10b981;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .state-details { font-size: 14px; color: #666; }\r\n .state-details p { margin-bottom: 6px; }\r\n\r\n \/* \u8d44\u8baf\u533a\u57df *\/\r\n .news-section { padding: 80px 40px; background: #fff; }\r\n\r\n .news-section h2 {\r\n text-align: center;\r\n font-size: 36px;\r\n margin-bottom: 50px;\r\n color: #1e3a8a;\r\n font-weight: 900;\r\n }\r\n\r\n .news-grid {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .news-card {\r\n background: #fff;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 5px 20px rgba(0,0,0,0.1);\r\n transition: transform 0.3s;\r\n }\r\n\r\n .news-card:hover { transform: translateY(-10px); }\r\n\r\n .news-image {\r\n width: 100%;\r\n height: 220px;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 80px;\r\n }\r\n\r\n .news-card:nth-child(2) .news-image {\r\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\r\n }\r\n\r\n .news-card:nth-child(3) .news-image {\r\n background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);\r\n }\r\n\r\n .news-content { padding: 25px; }\r\n\r\n .news-tag {\r\n color: #3b82f6;\r\n font-size: 14px;\r\n font-weight: 800;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .news-title {\r\n font-size: 22px;\r\n font-weight: 900;\r\n color: #1a1a1a;\r\n margin-bottom: 10px;\r\n line-height: 1.4;\r\n }\r\n\r\n .news-date { color: #999; font-size: 14px; margin-bottom: 15px; }\r\n\r\n .news-excerpt {\r\n color: #666;\r\n margin-bottom: 20px;\r\n line-height: 1.7;\r\n }\r\n\r\n .news-link {\r\n color: #3b82f6;\r\n text-decoration: none;\r\n font-weight: 800;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n transition: gap .2s ease;\r\n }\r\n\r\n .news-link:hover { gap: 10px; }\r\n\r\n \/* \u4ef7\u503c\u533a\u57df *\/\r\n .benefits-section { padding: 80px 40px; background: #f8f9fa; }\r\n\r\n .benefits-section h2 {\r\n text-align: center;\r\n font-size: 36px;\r\n margin-bottom: 50px;\r\n color: #1e3a8a;\r\n font-weight: 900;\r\n }\r\n\r\n .benefits-grid {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .benefit-card {\r\n background: #fff;\r\n padding: 35px;\r\n border-radius: 15px;\r\n box-shadow: 0 5px 20px rgba(0,0,0,0.08);\r\n transition: all 0.3s;\r\n }\r\n\r\n .benefit-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n }\r\n\r\n .benefit-icon { font-size: 48px; margin-bottom: 20px; }\r\n\r\n .benefit-card h3 {\r\n font-size: 22px;\r\n color: #1e3a8a;\r\n margin-bottom: 15px;\r\n font-weight: 900;\r\n }\r\n\r\n .benefit-card p { color: #666; line-height: 1.7; }\r\n\r\n \/* CTA\u533a\u57df *\/\r\n .cta-section {\r\n background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\r\n color: #fff;\r\n text-align: center;\r\n padding: 80px 40px;\r\n }\r\n\r\n .cta-section h2 {\r\n font-size: 40px;\r\n margin-bottom: 20px;\r\n font-weight: 900;\r\n line-height: 1.2;\r\n }\r\n\r\n .cta-section p {\r\n font-size: 20px;\r\n max-width: 700px;\r\n margin: 0 auto 35px;\r\n opacity: 0.95;\r\n }\r\n\r\n .cta-button {\r\n display: inline-block;\r\n padding: 18px 45px;\r\n background: #fff;\r\n color: #1e3a8a;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-size: 18px;\r\n font-weight: 900;\r\n transition: all 0.3s;\r\n }\r\n\r\n .cta-button:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n }\r\n\r\n \/* \u9875\u811a *\/\r\n footer { background: #1a1a1a; color: #fff; padding: 60px 40px 30px; }\r\n\r\n .footer-content {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 40px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .footer-column h4 {\r\n font-size: 18px;\r\n margin-bottom: 20px;\r\n color: #3b82f6;\r\n font-weight: 900;\r\n }\r\n\r\n .footer-column ul { list-style: none; }\r\n .footer-column ul li { margin-bottom: 12px; }\r\n\r\n .footer-column ul li a {\r\n color: #ccc;\r\n text-decoration: none;\r\n transition: color 0.3s;\r\n word-break: break-word;\r\n }\r\n\r\n .footer-column ul li a:hover { color: #fff; }\r\n\r\n .footer-bottom {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding-top: 30px;\r\n border-top: 1px solid #333;\r\n text-align: center;\r\n color: #999;\r\n font-size: 14px;\r\n }\r\n\r\n \/* \u54cd\u5e94\u5f0f *\/\r\n @media (max-width: 768px) {\r\n nav { padding: 14px 16px; }\r\n .logo { font-size: 18px; }\r\n .hero { padding: 60px 18px; }\r\n .hero h1 { font-size: 34px; }\r\n .hero h2 { font-size: 18px; }\r\n .hero p { font-size: 16px; }\r\n\r\n .nav-links { display: none; }\r\n .menu-toggle { display: flex; }\r\n\r\n .mobile-menu.show { display: block; }\r\n\r\n .map-section, .news-section, .benefits-section, .cta-section, footer {\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n }\r\n\r\n .map-container { padding: 18px; }\r\n .states-grid { grid-template-columns: 1fr; }\r\n .news-grid { grid-template-columns: 1fr; }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <!-- \u9876\u90e8\u5bfc\u822a + \u624b\u673a\u6298\u53e0\u83dc\u5355 -->\r\n <header>\r\n <nav>\r\n <div class=\"logo\">SUSMA \u4e2d\u7f8e\u667a\u9020\u53d1\u5c55\u8054\u76df<\/div>\r\n\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#services\">\u6838\u5fc3\u670d\u52a1<\/a><\/li>\r\n <li><a href=\"#projects\">\u9879\u76ee\u4e0e\u843d\u5730<\/a><\/li>\r\n <li><a href=\"#insights\">\u8d44\u8baf\u4e0e\u6d1e\u5bdf<\/a><\/li>\r\n <li><a href=\"#about\">\u5173\u4e8e\u8054\u76df<\/a><\/li>\r\n <\/ul>\r\n\r\n <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"\u6253\u5f00\u83dc\u5355\" aria-expanded=\"false\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <\/nav>\r\n\r\n <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <a href=\"#services\">\u6838\u5fc3\u670d\u52a1<\/a>\r\n <a href=\"#projects\">\u9879\u76ee\u4e0e\u843d\u5730<\/a>\r\n <a href=\"#insights\">\u8d44\u8baf\u4e0e\u6d1e\u5bdf<\/a>\r\n <a href=\"#about\">\u5173\u4e8e\u8054\u76df<\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- \u82f1\u96c4\u533a\u57df -->\r\n <section class=\"hero\">\r\n <h1>\u8ba9\u4e2d\u7f8e\u5236\u9020\u5408\u4f5c\u66f4\u9ad8\u6548\u3001\u66f4\u5408\u89c4\u3001\u66f4\u53ef\u843d\u5730<\/h1>\r\n <h2>\u667a\u80fd\u5236\u9020 \u00d7 \u4f9b\u5e94\u94fe \u00d7 \u8de8\u5883\u8d44\u6e90\u5bf9\u63a5<\/h2>\r\n <p>\r\n SUSMA \u805a\u7126\u201c\u667a\u80fd\u5236\u9020\u5347\u7ea7\u4e0e\u4ea7\u4e1a\u534f\u540c\u201d\uff0c\u4e3a\u4e2d\u56fd\u4e0e\u7f8e\u56fd\u7684\u5236\u9020\u4f01\u4e1a\u3001\u6280\u672f\u56e2\u961f\u4e0e\u6295\u8d44\u4f19\u4f34\u63d0\u4f9b\uff1a\u9879\u76ee\u5bf9\u63a5\u3001\u843d\u5730\u54a8\u8be2\u3001\u4f9b\u5e94\u94fe\u534f\u4f5c\u3001\u5408\u89c4\u98ce\u63a7\u3001\u884c\u4e1a\u6d3b\u52a8\u4e0e\u4e13\u4e1a\u8d44\u6e90\u7f51\u7edc\uff0c\u5e2e\u52a9\u4f01\u4e1a\u5728\u4e0d\u786e\u5b9a\u73af\u5883\u4e0b\u5b9e\u73b0\u7a33\u5b9a\u589e\u957f\u3002\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- \u6838\u5fc3\u670d\u52a1 -->\r\n <section class=\"map-section\" id=\"services\">\r\n <h2>\u6838\u5fc3\u670d\u52a1<\/h2>\r\n\r\n <div class=\"map-container\">\r\n <div class=\"legend\">\r\n <div class=\"legend-item\"><div class=\"legend-color tier1\"><\/div><span>\u6218\u7565\u7ea7\uff08\u957f\u671f\u5408\u4f5c\uff09<\/span><\/div>\r\n <div class=\"legend-item\"><div class=\"legend-color tier2\"><\/div><span>\u9879\u76ee\u7ea7\uff083-6\u4e2a\u6708\uff09<\/span><\/div>\r\n <div class=\"legend-item\"><div class=\"legend-color tier3\"><\/div><span>\u4e13\u9879\u7ea7\uff082-6\u5468\uff09<\/span><\/div>\r\n <div class=\"legend-item\"><div class=\"legend-color tier4\"><\/div><span>\u57fa\u7840\u652f\u6301<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"states-grid\" id=\"projects\">\r\n <div class=\"state-card tier1\">\r\n <div class=\"state-name\">\ud83c\udfed \u667a\u80fd\u5236\u9020\u5347\u7ea7<\/div>\r\n <div class=\"state-amount\">\u8bca\u65ad \u2192 \u65b9\u6848 \u2192 \u843d\u5730<\/div>\r\n <div class=\"state-details\">\r\n <p>\u2022 \u5de5\u5382\u6570\u5b57\u5316\u3001MES\/ERP\/IIoT<\/p>\r\n <p>\u2022 \u81ea\u52a8\u5316\/\u673a\u5668\u4eba\u4ea7\u7ebf\u6539\u9020<\/p>\r\n <p>\u2022 \u6570\u636e\u6cbb\u7406\u4e0e\u8d28\u91cf\u4f53\u7cfb<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"state-card tier1\">\r\n <div class=\"state-name\">\ud83e\udd1d \u4e2d\u7f8e\u4ea7\u4e1a\u5bf9\u63a5<\/div>\r\n <div class=\"state-amount\">\u8d44\u6e90\u64ae\u5408<\/div>\r\n <div class=\"state-details\">\r\n <p>\u2022 \u6280\u672f\/\u4ea7\u54c1\/\u6e20\u9053\u5408\u4f5c\u5339\u914d<\/p>\r\n <p>\u2022 \u4f9b\u5e94\u94fe\u4e0e\u4ee3\u5de5\u534f\u540c<\/p>\r\n <p>\u2022 \u56ed\u533a\u3001\u534f\u4f1a\u4e0e\u4e13\u5bb6\u8d44\u6e90<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"state-card tier1\">\r\n <div class=\"state-name\">\ud83e\udded \u8de8\u5883\u843d\u5730\u54a8\u8be2<\/div>\r\n <div class=\"state-amount\">\u7f8e\u56fd\u8bbe\u70b9\/\u8bbe\u5382\u652f\u6301<\/div>\r\n <div class=\"state-details\">\r\n <p>\u2022 \u9009\u5740\u3001\u4eba\u624d\u3001\u672c\u5730\u5316\u8fd0\u8425<\/p>\r\n <p>\u2022 \u5408\u4f5c\u4f19\u4f34\u4e0e\u670d\u52a1\u5546\u5bf9\u63a5<\/p>\r\n <p>\u2022 \u6210\u672c\/\u4ea4\u4ed8\/\u5408\u89c4\u8bc4\u4f30<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"state-card tier2\">\r\n <div class=\"state-name\">\ud83d\udce6 \u4f9b\u5e94\u94fe\u4e0e\u91c7\u8d2d\u4f18\u5316<\/div>\r\n <div class=\"state-amount\">\u964d\u672c\u589e\u6548<\/div>\r\n <div class=\"state-details\">\r\n <p>\u2022 \u4f9b\u5e94\u5546\u8bc4\u4f30\u4e0e\u51c6\u5165<\/p>\r\n <p>\u2022 \u4ea4\u671f\u3001\u54c1\u8d28\u3001\u6210\u672c\u63a7\u5236<\/p>\r\n <p>\u2022 \u591a\u6e90\u5907\u4efd\u4e0e\u98ce\u9669\u5206\u6563<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"state-card tier2\">\r\n <div class=\"state-name\">\ud83d\udee1\ufe0f \u5408\u89c4\u4e0e\u98ce\u63a7\u652f\u6301<\/div>\r\n <div class=\"state-amount\">\u66f4\u7a33\u66f4\u5b89\u5168<\/div>\r\n <div class=\"state-details\">\r\n <p>\u2022 \u8d38\u6613\/\u51fa\u53e3\u7ba1\u5236\u8d8b\u52bf\u89e3\u8bfb<\/p>\r\n <p>\u2022 \u6570\u636e\u4e0e\u4f9b\u5e94\u94fe\u5408\u89c4\u5efa\u8bae<\/p>\r\n <p>\u2022 \u4ea4\u6613\u7ed3\u6784\u4e0e\u5c3d\u8c03\u534f\u52a9<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"state-card tier2\">\r\n <div class=\"state-name\">\ud83c\udfa4 \u884c\u4e1a\u6d3b\u52a8\u4e0e\u8def\u6f14<\/div>\r\n <div class=\"state-amount\">\u8fde\u63a5\u751f\u6001<\/div>\r\n <div class=\"state-details\">\r\n <p>\u2022 \u8bba\u575b\u3001\u95ed\u95e8\u4f1a\u3001\u8003\u5bdf\u56e2<\/p>\r\n <p>\u2022 \u6280\u672f\u8def\u6f14\u4e0e\u9879\u76ee\u53d1\u5e03<\/p>\r\n <p>\u2022 \u4f1a\u5458\u4ea4\u6d41\u4e0e\u8d44\u6e90\u5171\u4eab<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"state-card tier3\">\r\n <div class=\"state-name\">\ud83e\uddea \u6280\u672f\u8bc4\u4f30\u4e0e\u8bd5\u70b9<\/div>\r\n <div class=\"state-amount\">POC \/ \u8bd5\u4ea7<\/div>\r\n <div class=\"state-details\">\r\n <p>\u2022 \u65b9\u6848\u6bd4\u9009\u4e0e\u6210\u672c\u6d4b\u7b97<\/p>\r\n <p>\u2022 \u5c0f\u6279\u91cf\u8bd5\u4ea7\u4e0e\u9a8c\u8bc1<\/p>\r\n <p>\u2022 KPI \u6307\u6807\u4e0e\u9a8c\u6536\u6807\u51c6<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"state-card tier3\">\r\n <div class=\"state-name\">\ud83d\udcc8 \u5e02\u573a\u8fdb\u5165\u4e0e\u589e\u957f<\/div>\r\n <div class=\"state-amount\">Go-To-Market<\/div>\r\n <div class=\"state-details\">\r\n <p>\u2022 \u5317\u7f8e\u6e20\u9053\u4e0e\u5ba2\u6237\u753b\u50cf<\/p>\r\n <p>\u2022 \u5b9a\u4ef7\u3001\u5305\u88c5\u4e0e\u9500\u552e\u6750\u6599<\/p>\r\n <p>\u2022 \u4f19\u4f34\u8ba1\u5212\u4e0e\u8054\u5408\u63a8\u5e7f<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"text-align:center;margin-top:40px;padding:30px;background:#f0f9ff;border-radius:10px;\">\r\n <h4 style=\"color:#1e3a8a;margin-bottom:15px;font-weight:900;\">\u60f3\u52a0\u5165\u8054\u76df\u6216\u53d1\u5e03\u5408\u4f5c\u9700\u6c42\uff1f<\/h4>\r\n <p style=\"color:#666;\">\r\n \u63d0\u4ea4\u60a8\u7684\u9879\u76ee\u65b9\u5411\u4e0e\u9700\u6c42\uff0c\u6211\u4eec\u5c06\u57fa\u4e8e\u884c\u4e1a\u4e0e\u5730\u533a\u8d44\u6e90\u7f51\u7edc\uff0c\u4e3a\u60a8\u5339\u914d\u5408\u9002\u7684\u5408\u4f5c\u4f19\u4f34\u3001\u4f9b\u5e94\u5546\u4e0e\u843d\u5730\u8def\u5f84\u3002\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u8d44\u8baf\u4e0e\u6d1e\u5bdf -->\r\n <section class=\"news-section\" id=\"insights\">\r\n <h2>\u8d44\u8baf\u4e0e\u6d1e\u5bdf<\/h2>\r\n <div class=\"news-grid\">\r\n <div class=\"news-card\">\r\n <div class=\"news-image\">\ud83c\udfed<\/div>\r\n <div class=\"news-content\">\r\n <div class=\"news-tag\">\u6d1e\u5bdf<\/div>\r\n <div class=\"news-title\">\u667a\u80fd\u5236\u9020\u843d\u5730\u7684\u4e09\u6761\u4e3b\u7ebf\uff1a\u6570\u636e\u3001\u8bbe\u5907\u3001\u6d41\u7a0b<\/div>\r\n <div class=\"news-date\">\u66f4\u65b0\uff1a2025\u5e74<\/div>\r\n <div class=\"news-excerpt\">\u4ece\u201c\u5355\u70b9\u81ea\u52a8\u5316\u201d\u8d70\u5411\u201c\u5168\u94fe\u8def\u6570\u5b57\u5316\u201d\uff0c\u5982\u4f55\u7528\u6700\u5c0f\u6210\u672c\u9a8c\u8bc1 ROI\uff0c\u5e76\u907f\u514d\u9879\u76ee\u70c2\u5c3e\u3002<\/div>\r\n <a href=\"#\" class=\"news-link\">\u9605\u8bfb\u66f4\u591a \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"news-card\">\r\n <div class=\"news-image\">\ud83d\udce6<\/div>\r\n <div class=\"news-content\">\r\n <div class=\"news-tag\">\u4f9b\u5e94\u94fe<\/div>\r\n <div class=\"news-title\">\u8de8\u5883\u4f9b\u5e94\u94fe\u97e7\u6027\uff1a\u591a\u6e90\u7b56\u7565\u4e0e\u4ea4\u4ed8\u98ce\u9669\u7ba1\u7406<\/div>\r\n <div class=\"news-date\">\u66f4\u65b0\uff1a2025\u5e74<\/div>\r\n <div class=\"news-excerpt\">\u4ece\u4f9b\u5e94\u5546\u51c6\u5165\u3001\u5907\u4efd\u4ea7\u80fd\u5230\u7269\u6d41\u4e0e\u5173\u52a1\u534f\u540c\uff0c\u5efa\u7acb\u53ef\u6301\u7eed\u7684\u4ea4\u4ed8\u4f53\u7cfb\u3002<\/div>\r\n <a href=\"#\" class=\"news-link\">\u9605\u8bfb\u66f4\u591a \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"news-card\">\r\n <div class=\"news-image\">\ud83d\udee1\ufe0f<\/div>\r\n <div class=\"news-content\">\r\n <div class=\"news-tag\">\u5408\u89c4<\/div>\r\n <div class=\"news-title\">\u4e2d\u7f8e\u5408\u4f5c\u9879\u76ee\u7684\u5408\u89c4\u6e05\u5355\uff1a\u63d0\u524d\u907f\u5751\u66f4\u7701\u94b1<\/div>\r\n <div class=\"news-date\">\u66f4\u65b0\uff1a2025\u5e74<\/div>\r\n <div class=\"news-excerpt\">\u51fa\u53e3\u7ba1\u5236\u3001\u6570\u636e\u5408\u89c4\u3001\u5408\u540c\u6761\u6b3e\u4e0e\u5c3d\u8c03\u8981\u70b9\u2014\u2014\u628a\u4e0d\u53ef\u63a7\u98ce\u9669\u524d\u7f6e\u7ba1\u7406\u3002<\/div>\r\n <a href=\"#\" class=\"news-link\">\u9605\u8bfb\u66f4\u591a \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u4ef7\u503c -->\r\n <section class=\"benefits-section\" id=\"benefits\">\r\n <h2>\u52a0\u5165 SUSMA\uff0c\u60a8\u80fd\u83b7\u5f97\u4ec0\u4e48<\/h2>\r\n <div class=\"benefits-grid\">\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\">\ud83d\udd17<\/div>\r\n <h3>\u9ad8\u8d28\u91cf\u5bf9\u63a5<\/h3>\r\n <p>\u5bf9\u63a5\u4ea7\u4e1a\u4f19\u4f34\u3001\u5173\u952e\u4f9b\u5e94\u5546\u3001\u6e20\u9053\u4e0e\u56ed\u533a\u8d44\u6e90\uff0c\u8ba9\u5408\u4f5c\u66f4\u5feb\u4ece\u201c\u8ba4\u8bc6\u201d\u8d70\u5230\u201c\u843d\u5730\u201d\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\">\ud83e\udde0<\/div>\r\n <h3>\u4e13\u5bb6\u667a\u5e93<\/h3>\r\n <p>\u5236\u9020\u3001\u81ea\u52a8\u5316\u3001IT\u3001\u5408\u89c4\u4e0e\u7ecf\u8425\u4e13\u5bb6\u53c2\u4e0e\u9879\u76ee\u8bc4\u5ba1\u4e0e\u65b9\u6848\u628a\u5173\uff0c\u964d\u4f4e\u8bd5\u9519\u6210\u672c\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\">\ud83d\udcca<\/div>\r\n <h3>\u9879\u76ee\u53ef\u590d\u5236\u65b9\u6cd5\u8bba<\/h3>\r\n <p>\u4ece\u9700\u6c42\u6f84\u6e05\u3001POC\u3001\u8bd5\u4ea7\u5230\u89c4\u6a21\u5316\u4e0a\u7ebf\uff0c\u5f62\u6210\u53ef\u9a8c\u6536\u7684 KPI \u4e0e\u4ea4\u4ed8\u6807\u51c6\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\">\ud83d\udee1\ufe0f<\/div>\r\n <h3>\u5408\u89c4\u4e0e\u98ce\u63a7<\/h3>\r\n <p>\u5728\u8de8\u5883\u5408\u4f5c\u4e2d\u628a\u5408\u89c4\u98ce\u9669\u524d\u7f6e\u7ba1\u7406\uff0c\u51cf\u5c11\u540e\u671f\u8fd4\u5de5\u4e0e\u201c\u5408\u89c4\u8865\u6551\u201d\u6210\u672c\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\">\ud83d\ude80<\/div>\r\n <h3>\u5e02\u573a\u8fdb\u5165\u52a0\u901f<\/h3>\r\n <p>\u534f\u52a9\u68b3\u7406\u5317\u7f8e\u5e02\u573a\u7b56\u7565\u3001\u5b9a\u4ef7\u4e0e\u6e20\u9053\uff0c\u5f62\u6210\u5bf9\u5916\u5c55\u793a\u7684\u6750\u6599\u4e0e\u5408\u4f5c\u8def\u5f84\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\">\ud83c\udfa4<\/div>\r\n <h3>\u6d3b\u52a8\u4e0e\u66dd\u5149<\/h3>\r\n <p>\u8bba\u575b\u3001\u8def\u6f14\u3001\u95ed\u95e8\u4f1a\u4e0e\u8003\u5bdf\u56e2\uff0c\u5e2e\u52a9\u4f1a\u5458\u4f01\u4e1a\u63d0\u5347\u53ef\u4fe1\u5ea6\u4e0e\u884c\u4e1a\u5f71\u54cd\u529b\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA -->\r\n <section class=\"cta-section\">\r\n <h2>\u53d1\u5e03\u9700\u6c42 \/ \u52a0\u5165\u8054\u76df<\/h2>\r\n <p>\u544a\u8bc9\u6211\u4eec\u60a8\u7684\u884c\u4e1a\u3001\u5730\u533a\u4e0e\u5408\u4f5c\u76ee\u6807\uff0c\u6211\u4eec\u5c06\u4e3a\u60a8\u5339\u914d\u8d44\u6e90\u5e76\u63d0\u4f9b\u843d\u5730\u5efa\u8bae\u3002<\/p>\r\n <a href=\"#about\" class=\"cta-button\">\u8054\u7cfb Jack<\/a>\r\n <\/section>\r\n\r\n <!-- \u9875\u811a -->\r\n <footer id=\"about\">\r\n <div class=\"footer-content\">\r\n <div class=\"footer-column\">\r\n <h4>\u5173\u4e8e SUSMA<\/h4>\r\n <ul>\r\n <li><a href=\"#services\">\u6838\u5fc3\u670d\u52a1<\/a><\/li>\r\n <li><a href=\"#projects\">\u9879\u76ee\u4e0e\u843d\u5730<\/a><\/li>\r\n <li><a href=\"#insights\">\u8d44\u8baf\u4e0e\u6d1e\u5bdf<\/a><\/li>\r\n <li><a href=\"#benefits\">\u4f1a\u5458\u4ef7\u503c<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-column\">\r\n <h4>\u670d\u52a1\u4e0e\u5408\u4f5c<\/h4>\r\n <ul>\r\n <li><a href=\"#services\">\u667a\u80fd\u5236\u9020\u5347\u7ea7<\/a><\/li>\r\n <li><a href=\"#services\">\u4ea7\u4e1a\u5bf9\u63a5<\/a><\/li>\r\n <li><a href=\"#services\">\u8de8\u5883\u843d\u5730\u54a8\u8be2<\/a><\/li>\r\n <li><a href=\"#services\">\u5408\u89c4\u4e0e\u98ce\u63a7<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-column\">\r\n <h4>\u8d44\u8baf\u4e0e\u6d3b\u52a8<\/h4>\r\n <ul>\r\n <li><a href=\"#insights\">\u884c\u4e1a\u6d1e\u5bdf<\/a><\/li>\r\n <li><a href=\"#insights\">\u8054\u76df\u52a8\u6001<\/a><\/li>\r\n <li><a href=\"#insights\">\u8bba\u575b\u4e0e\u8def\u6f14<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-column\">\r\n <h4>\u8054\u7cfb\u6211\u4eec<\/h4>\r\n <ul>\r\n <li><a href=\"tel:+16263622888\">Jack\uff1a+1 626 362 2888<\/a><\/li>\r\n <li><a href=\"mailto:jack@susma.uk\">jack@susma.uk<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>SUSMA Sino-US Smart Manufacturing Alliance<\/p>\r\n <p>© 2025 SUSMA, All Rights Reserved.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ \u5e73\u6ed1\u6eda\u52a8\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }\r\n });\r\n });\r\n\r\n \/\/ \u624b\u673a\u6298\u53e0\u83dc\u5355\r\n const menuToggle = document.getElementById('menuToggle');\r\n const mobileMenu = document.getElementById('mobileMenu');\r\n\r\n if (menuToggle && mobileMenu) {\r\n menuToggle.addEventListener('click', () => {\r\n const isOpen = mobileMenu.classList.toggle('show');\r\n menuToggle.classList.toggle('active', isOpen);\r\n menuToggle.setAttribute('aria-expanded', String(isOpen));\r\n });\r\n\r\n mobileMenu.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n a.addEventListener('click', () => {\r\n mobileMenu.classList.remove('show');\r\n menuToggle.classList.remove('active');\r\n menuToggle.setAttribute('aria-expanded', 'false');\r\n });\r\n });\r\n\r\n document.addEventListener('click', (e) => {\r\n if (!mobileMenu.classList.contains('show')) return;\r\n const clickedInside = mobileMenu.contains(e.target) || menuToggle.contains(e.target);\r\n if (!clickedInside) {\r\n mobileMenu.classList.remove('show');\r\n menuToggle.classList.remove('active');\r\n menuToggle.setAttribute('aria-expanded', 'false');\r\n }\r\n });\r\n }\r\n\r\n \/\/ \u5361\u7247\u70b9\u51fb\u6548\u679c\r\n document.querySelectorAll('.state-card').forEach(card => {\r\n card.addEventListener('click', function() {\r\n alert('\u67e5\u770b\u670d\u52a1\u8be6\u60c5\uff1a' + this.querySelector('.state-name').textContent);\r\n });\r\n });\r\n\r\n \/\/ \u6eda\u52a8\u52a8\u753b\r\n const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n document.querySelectorAll('.state-card, .news-card, .benefit-card').forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(30px)';\r\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n observer.observe(el);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SUSMA – \u4e2d\u7f8e\u667a\u9020\u53d1\u5c55\u8054\u76df SUSMA \u4e2d\u7f8e\u667a\u9020\u53d1\u5c55\u8054\u76df \u6838\u5fc3\u670d\u52a1 \u9879\u76ee\u4e0e\u843d\u5730 \u8d44\u8baf\u4e0e\u6d1e\u5bdf […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"off","ocean_display_header":"off","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"off","ocean_display_footer_bottom":"off","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.susma.uk\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.susma.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.susma.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.susma.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.susma.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":7,"href":"https:\/\/www.susma.uk\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/www.susma.uk\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/www.susma.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}