{"id":1626,"date":"2025-11-30T16:18:27","date_gmt":"2025-11-30T08:18:27","guid":{"rendered":"http:\/\/www.dqxdao.com\/?page_id=1626"},"modified":"2026-09-03T10:18:28","modified_gmt":"2026-09-03T02:18:28","slug":"%e6%9c%8d%e5%8a%a1%e6%a1%88%e4%be%8b","status":"publish","type":"page","link":"https:\/\/www.dqxdao.com\/index.php\/%e6%9c%8d%e5%8a%a1%e6%a1%88%e4%be%8b\/","title":{"rendered":"\u670d\u52a1\u6848\u4f8b"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9ba6dbca wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>\u670d\u52a1\u6848\u4f8b\u5168\u666f | \u652f\u4ed8\u00b7\u96c6\u91c7\u00b7\u8de8\u5883\u00b7\u8f6f\u786c\u4ef6<\/title>\n  <style>\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n    body {\n      font-family: 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif;\n      background: #f6faff;\n      color: #0d1b33;\n      line-height: 1.6;\n      -webkit-font-smoothing: antialiased;\n    }\n    :root {\n      --blue-900: #061a3f;\n      --blue-800: #0a2e6e;\n      --blue-700: #103f9c;\n      --blue-600: #1e5bbf;\n      --blue-500: #2e7df2;\n      --blue-400: #4da6ff;\n      --blue-300: #7fc4ff;\n      --blue-200: #b3ddff;\n      --blue-100: #e3f1ff;\n      --blue-50: #f2f7ff;\n      --ink: #0d1b33;\n      --muted: #5a6b86;\n      --line: rgba(30, 91, 191, 0.14);\n      --glass: rgba(255,255,255,0.78);\n      --shadow-sm: 0 6px 18px rgba(10, 46, 110, 0.08);\n      --shadow-md: 0 16px 40px rgba(10, 46, 110, 0.14);\n      --shadow-lg: 0 28px 70px rgba(10, 46, 110, 0.22);\n      --radius-lg: 26px;\n      --radius-md: 18px;\n      --radius-sm: 12px;\n      --max-width: 1240px;\n    }\n    a { text-decoration: none; color: inherit; }\n    img { display: block; max-width: 100%; }\n    .wrap { max-width: var(--max-width); margin: 0 auto; padding: 0 24px; }\n\n    \/* ===== \u88c5\u9970\u80cc\u666f ===== *\/\n    .bg-blob {\n      position: fixed;\n      border-radius: 50%;\n      filter: blur(80px);\n      opacity: 0.3;\n      z-index: -1;\n      pointer-events: none;\n    }\n    .bg-blob.b1 { width: 500px; height: 500px; top: -150px; right: -150px; background: radial-gradient(circle, rgba(77,166,255,0.5), transparent 70%); animation: floatBlob 18s ease-in-out infinite; }\n    .bg-blob.b2 { width: 460px; height: 460px; bottom: 10%; left: -160px; background: radial-gradient(circle, rgba(30,91,191,0.3), transparent 70%); animation: floatBlob 22s ease-in-out infinite reverse; }\n    @keyframes floatBlob { 0%,100%{ transform: translate(0,0); } 50%{ transform: translate(20px, -30px); } }\n\n    \/* ===== HERO ===== *\/\n    .hero {\n      position: relative;\n      min-height: 88vh;\n      display: flex;\n      align-items: center;\n      background: linear-gradient(125deg, #061a3f, #0a2e6e, #1e5bbf, #103f9c, #0a2e6e);\n      background-size: 300% 300%;\n      animation: heroShift 18s ease infinite;\n      color: #fff;\n      overflow: hidden;\n      padding: 100px 0 70px;\n    }\n    @keyframes heroShift { 0%{ background-position: 0% 50% } 50%{ background-position: 100% 50% } 100%{ background-position: 0% 50% } }\n    .hero::before {\n      content: ''; position: absolute; inset: 0;\n      background: radial-gradient(600px 600px at 80% 30%, rgba(77,166,255,0.30), transparent 60%),\n                  radial-gradient(500px 500px at 15% 80%, rgba(46,125,242,0.25), transparent 60%);\n    }\n    .hero .grid-lines {\n      position: absolute; inset: 0; opacity: 0.08;\n      background-image: linear-gradient(rgba(255,255,255,0.5) 1px, transparent 1px),\n                        linear-gradient(90deg, rgba(255,255,255,0.5) 1px, transparent 1px);\n      background-size: 48px 48px;\n      mask-image: radial-gradient(circle at 50% 40%, #000, transparent 75%);\n    }\n    .float { position: absolute; border-radius: 50%; filter: blur(4px); opacity: 0.5; animation: floaty 10s ease-in-out infinite; }\n    .float.a { width: 180px; height: 180px; background: radial-gradient(circle at 30% 30%, var(--blue-300), transparent 70%); top: 10%; left: 6%; }\n    .float.b { width: 120px; height: 120px; background: radial-gradient(circle at 30% 30%, var(--blue-400), transparent 70%); top: 60%; left: 68%; animation-delay: -4s; }\n    .float.c { width: 80px; height: 80px; background: radial-gradient(circle at 30% 30%, #ffffff80, transparent 70%); top: 28%; left: 55%; animation-delay: -6s; }\n    @keyframes floaty { 0%,100%{ transform: translateY(0) translateX(0); } 50%{ transform: translateY(-28px) translateX(16px); } }\n\n    .hero .wrap { position: relative; z-index: 2; text-align: center; }\n    .eyebrow {\n      display: inline-flex; align-items: center; gap: 10px;\n      font-size: 13px; letter-spacing: 2px; text-transform: uppercase;\n      background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.20);\n      padding: 8px 20px; border-radius: 999px; margin-bottom: 28px;\n      backdrop-filter: blur(6px);\n    }\n    .eyebrow .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--blue-300); box-shadow: 0 0 0 4px rgba(127,196,255,0.3); animation: pulse 2s ease-in-out infinite; }\n    @keyframes pulse { 0%,100%{ box-shadow: 0 0 0 4px rgba(127,196,255,0.3); } 50%{ box-shadow: 0 0 0 10px rgba(127,196,255,0.05); } }\n    .hero h1 {\n      font-size: clamp(36px, 5.6vw, 66px);\n      line-height: 1.1; font-weight: 800; letter-spacing: -1.5px;\n      margin: 0 auto 20px; max-width: 18ch;\n    }\n    .hero h1 .grad {\n      background: linear-gradient(90deg, var(--blue-200), #fff, var(--blue-200));\n      background-size: 200% auto;\n      -webkit-background-clip: text; background-clip: text; color: transparent;\n      animation: shine 5s linear infinite;\n    }\n    @keyframes shine { to { background-position: 200% center; } }\n    .hero p.lead { font-size: clamp(15px, 1.8vw, 20px); color: rgba(255,255,255,0.85); max-width: 60ch; margin: 0 auto 36px; }\n    .hero-cta { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; }\n    .btn {\n      display: inline-flex; align-items: center; gap: 10px;\n      padding: 14px 28px; border-radius: 999px; font-weight: 600; font-size: 15px;\n      transition: 0.25s; cursor: pointer; border: 1px solid transparent;\n    }\n    .btn.primary { background: #fff; color: var(--blue-800); box-shadow: var(--shadow-md); }\n    .btn.primary:hover { transform: translateY(-4px); box-shadow: 0 24px 56px rgba(255,255,255,0.25); }\n    .btn.ghost { border-color: rgba(255,255,255,0.35); color: #fff; }\n    .btn.ghost:hover { background: rgba(255,255,255,0.10); transform: translateY(-4px); }\n\n    \/* stats *\/\n    .stats {\n      position: relative; z-index: 2; margin-top: 60px;\n      display: grid; grid-template-columns: repeat(4,1fr); gap: 20px;\n    }\n    .stat {\n      background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.15);\n      border-radius: var(--radius-md); padding: 24px 16px; backdrop-filter: blur(8px);\n      transition: 0.2s;\n    }\n    .stat:hover { background: rgba(255,255,255,0.14); transform: translateY(-2px); }\n    .stat .num { font-size: clamp(28px, 3.6vw, 40px); font-weight: 800; color: #fff; line-height: 1.1; }\n    .stat .num .u { font-size: 18px; color: var(--blue-200); font-weight: 700; margin-left: 2px; }\n    .stat .lbl { font-size: 13px; color: rgba(255,255,255,0.75); margin-top: 8px; }\n\n    \/* ===== \u901a\u7528 section ===== *\/\n    section.biz { padding: 80px 0; position: relative; }\n    .sec-head { text-align: center; max-width: 760px; margin: 0 auto 56px; }\n    .sec-tag {\n      display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 2px;\n      color: var(--blue-600); background: var(--blue-100);\n      padding: 6px 16px; border-radius: 999px; margin-bottom: 14px;\n    }\n    .sec-head h2 { font-size: clamp(28px, 3.8vw, 44px); font-weight: 800; letter-spacing: -0.5px; color: var(--blue-900); }\n    .sec-head p { color: var(--muted); margin-top: 12px; font-size: 16px; }\n\n    \/* \u5bfc\u822a chips *\/\n    .biz-nav { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-bottom: 48px; }\n    .chip {\n      display: inline-flex; align-items: center; gap: 10px;\n      padding: 12px 22px; border-radius: 999px; font-weight: 600; font-size: 14px;\n      background: #fff; border: 1px solid var(--line); color: var(--blue-700);\n      cursor: pointer; transition: 0.2s; box-shadow: var(--shadow-sm);\n    }\n    .chip svg { width: 20px; height: 20px; stroke: var(--blue-600); stroke-width: 1.8; fill: none; }\n    .chip:hover, .chip.active { background: var(--blue-600); color: #fff; border-color: var(--blue-600); transform: translateY(-2px); box-shadow: var(--shadow-md); }\n    .chip:hover svg, .chip.active svg { stroke: #fff; }\n\n    \/* \u5361\u7247\u7f51\u683c *\/\n    .grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; }\n    .grid.two { grid-template-columns: repeat(2,1fr); }\n    .card {\n      background: var(--glass); border: 1px solid var(--line);\n      border-radius: var(--radius-lg); overflow: hidden;\n      box-shadow: var(--shadow-sm);\n      transition: 0.3s cubic-bezier(0.2, 0.7, 0.3, 1);\n      opacity: 0; transform: translateY(30px);\n      backdrop-filter: blur(4px);\n    }\n    .card.in { opacity: 1; transform: translateY(0); }\n    .card:hover { transform: translateY(-10px); box-shadow: var(--shadow-lg); border-color: rgba(46,125,242,0.4); }\n    .card .thumb { position: relative; height: 190px; overflow: hidden; background: #e9f0fa; }\n    .card .thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s; }\n    .card:hover .thumb img { transform: scale(1.06); }\n    .card .thumb::after {\n      content: ''; position: absolute; left: 0; right: 0; top: 0; height: 4px;\n      background: linear-gradient(90deg, var(--blue-500), var(--blue-300));\n      transform: scaleX(0); transform-origin: left; transition: 0.4s; z-index: 3;\n    }\n    .card:hover .thumb::after { transform: scaleX(1); }\n    .card .thumb .cat {\n      position: absolute; bottom: 0; right: 0;\n      background: rgba(6,26,63,0.80); color: #cfe6ff; font-size: 12px;\n      padding: 6px 14px; border-top-left-radius: 14px; letter-spacing: 0.5px;\n      backdrop-filter: blur(4px);\n    }\n    .card .body { padding: 22px 22px 26px; }\n    .card .body h3 { font-size: 19px; font-weight: 700; color: var(--blue-900); margin-bottom: 8px; }\n    .card .body p { font-size: 14px; color: var(--muted); margin-bottom: 14px; }\n    .tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }\n    .tag { font-size: 12px; color: var(--blue-700); background: var(--blue-100); padding: 4px 12px; border-radius: 999px; }\n    .result { display: flex; gap: 16px; border-top: 1px dashed var(--line); padding-top: 16px; flex-wrap: wrap; }\n    .result .r { font-size: 13px; flex: 1; min-width: 70px; }\n    .result .r b { display: block; font-size: 20px; color: var(--blue-600); font-weight: 800; line-height: 1.2; }\n    .result .r span { color: var(--muted); font-size: 12px; }\n\n    \/* \u4e1a\u52a1\u6807\u7b7e\u884c *\/\n    .biz-label {\n      display: flex; align-items: center; gap: 18px; margin: 0 auto 40px;\n      max-width: var(--max-width);\n    }\n    .biz-label .mono {\n      width: 56px; height: 56px; border-radius: 16px;\n      background: linear-gradient(135deg, var(--blue-600), var(--blue-400));\n      display: flex; align-items: center; justify-content: center; flex: none;\n      box-shadow: var(--shadow-sm);\n    }\n    .biz-label .mono svg { width: 28px; height: 28px; stroke: #fff; fill: none; stroke-width: 1.8; }\n    .biz-label .txt h2 { font-size: clamp(24px, 3vw, 34px); color: var(--blue-900); font-weight: 800; letter-spacing: -0.5px; }\n    .biz-label .txt span { color: var(--muted); font-size: 14px; }\n    .biz-label .line { flex: 1; height: 1px; background: linear-gradient(90deg, var(--line), transparent); }\n\n    \/* ===== \u6807\u51c6\u5316\u6d41\u7a0b ===== *\/\n    .std-flow {\n      display: grid; grid-template-columns: repeat(5,1fr); gap: 0 16px;\n      position: relative; margin-top: 40px;\n    }\n    .std-rail { position: absolute; top: 26px; left: 10%; right: 10%; height: 4px; border-radius: 4px; background: var(--blue-100); overflow: hidden; z-index: 1; }\n    .std-rail .std-fill { position: absolute; inset: 0; width: 0; background: linear-gradient(90deg, var(--blue-600), var(--blue-400), var(--blue-300)); transition: width 1.8s cubic-bezier(0.4,0,0.2,1); }\n    .std-flow.in .std-rail .std-fill { width: 100%; }\n    .std-step { position: relative; z-index: 2; text-align: center; padding: 0 4px; }\n    .std-step .std-node {\n      width: 56px; height: 56px; margin: 0 auto 16px; border-radius: 50%;\n      background: #fff; border: 3px solid var(--blue-300);\n      display: flex; align-items: center; justify-content: center; font-weight: 800; color: var(--blue-700); font-size: 18px;\n      box-shadow: var(--shadow-sm); transition: 0.5s cubic-bezier(0.2,0.7,0.3,1);\n      opacity: 0; transform: scale(0.5);\n    }\n    .std-flow.in .std-step .std-node { opacity: 1; transform: scale(1); }\n    .std-step .std-ic {\n      width: 60px; height: 60px; margin: 0 auto 14px; border-radius: 18px;\n      background: linear-gradient(135deg, var(--blue-100), #fff);\n      display: flex; align-items: center; justify-content: center; transition: 0.3s;\n    }\n    .std-step .std-ic svg { width: 28px; height: 28px; stroke: var(--blue-600); fill: none; stroke-width: 1.8; transition: 0.3s; }\n    .std-step h3 { font-size: 17px; color: var(--blue-900); margin-bottom: 6px; }\n    .std-step p { font-size: 13px; color: var(--muted); max-width: 22ch; margin: 0 auto; }\n    .std-step:hover .std-node { border-color: var(--blue-500); box-shadow: 0 0 0 8px rgba(46,125,242,0.12), var(--shadow-md); transform: scale(1.08); }\n    .std-step:hover .std-ic { background: linear-gradient(135deg, var(--blue-600), var(--blue-400)); transform: translateY(-4px); }\n    .std-step:hover .std-ic svg { stroke: #fff; }\n    .std-flow.in .std-step:nth-child(2) .std-node { transition-delay: 0.1s; }\n    .std-flow.in .std-step:nth-child(3) .std-node { transition-delay: 0.2s; }\n    .std-flow.in .std-step:nth-child(4) .std-node { transition-delay: 0.3s; }\n    .std-flow.in .std-step:nth-child(5) .std-node { transition-delay: 0.4s; }\n\n    \/* ===== Why us ===== *\/\n    .why { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; }\n    .why .box {\n      background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg);\n      padding: 32px 24px; box-shadow: var(--shadow-sm); transition: 0.3s; text-align: center;\n    }\n    .why .box:hover { transform: translateY(-8px); box-shadow: var(--shadow-md); border-color: rgba(46,125,242,0.3); }\n    .why .box .ic {\n      width: 64px; height: 64px; border-radius: 18px;\n      background: linear-gradient(135deg, var(--blue-600), var(--blue-400));\n      display: flex; align-items: center; justify-content: center; margin: 0 auto 18px;\n      box-shadow: var(--shadow-sm); transition: 0.3s;\n    }\n    .why .box:hover .ic { transform: scale(1.06) rotate(-3deg); }\n    .why .box .ic svg { width: 32px; height: 32px; stroke: #fff; fill: none; stroke-width: 1.8; }\n    .why .box h3 { font-size: 19px; color: var(--blue-900); margin-bottom: 8px; }\n    .why .box p { font-size: 14px; color: var(--muted); }\n\n    \/* ===== CTA \u6a2a\u6761 ===== *\/\n    .cta-band {\n      width: 100%; margin: 72px 0 0;\n      background: linear-gradient(135deg, #061a3f, #103f9c 60%, #2e7df2);\n      border-radius: 0; padding: clamp(56px, 6vw, 88px) clamp(24px, 6vw, 96px);\n      color: #fff; text-align: center; position: relative; overflow: hidden;\n      box-shadow: var(--shadow-md);\n    }\n    .cta-band h2, .cta-band p { max-width: 820px; margin-left: auto; margin-right: auto; }\n    .cta-band::before {\n      content: ''; position: absolute; inset: 0;\n      background: radial-gradient(500px 300px at 80% 10%, rgba(127,196,255,0.30), transparent 60%);\n    }\n    .cta-band::after {\n      content: ''; position: absolute; top: 0; left: -60%; width: 50%; height: 100%;\n      background: linear-gradient(120deg, transparent, rgba(255,255,255,0.15), transparent);\n      transform: skewX(-20deg); animation: ctaSweep 7s ease-in-out infinite; z-index: 1;\n    }\n    @keyframes ctaSweep { 0%{ left: -60% } 55%,100%{ left: 135% } }\n    .cta-band h2 { font-size: clamp(26px, 3.6vw, 38px); font-weight: 800; position: relative; z-index: 2; }\n    .cta-band p { color: rgba(255,255,255,0.85); margin: 14px 0 28px; position: relative; z-index: 2; }\n    .cta-band .btn.primary { position: relative; z-index: 2; }\n\n    \/* back to top *\/\n    .top-btn {\n      position: fixed; right: 24px; bottom: 24px; width: 52px; height: 52px; border-radius: 50%;\n      background: var(--blue-600); color: #fff; display: flex; align-items: center; justify-content: center;\n      box-shadow: var(--shadow-md); cursor: pointer; opacity: 0; pointer-events: none; transition: 0.3s; z-index: 50;\n      border: 1px solid rgba(255,255,255,0.2);\n    }\n    .top-btn.show { opacity: 1; pointer-events: auto; }\n    .top-btn:hover { background: var(--blue-700); transform: translateY(-4px); }\n    .top-btn svg { width: 24px; height: 24px; stroke: #fff; fill: none; stroke-width: 2; }\n\n    \/* \u6eda\u52a8\u63ed\u793a *\/\n    .reveal { opacity: 0; transform: translateY(32px); transition: 0.8s cubic-bezier(0.2,0.7,0.3,1); }\n    .reveal.in { opacity: 1; transform: translateY(0); }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1024px) {\n      .grid { grid-template-columns: repeat(2,1fr); }\n      .why { grid-template-columns: repeat(2,1fr); }\n      .std-flow { grid-template-columns: repeat(3,1fr); gap: 20px; }\n      .std-rail { display: none; }\n      .stats { grid-template-columns: repeat(2,1fr); }\n    }\n    @media (max-width: 640px) {\n      .wrap { padding: 0 16px; }\n      .grid, .why, .grid.two { grid-template-columns: 1fr; }\n      .stats { grid-template-columns: 1fr 1fr; gap: 12px; }\n      .hero { min-height: auto; padding: 70px 0 40px; }\n      .biz-label { flex-wrap: wrap; }\n      .biz-label .line { display: none; }\n      .std-flow { grid-template-columns: 1fr; }\n      .std-rail { display: none; }\n      .card .thumb { height: 160px; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"bg-blob b1\"><\/div>\n<div class=\"bg-blob b2\"><\/div>\n\n<!-- ===== HERO ===== -->\n<header class=\"hero\">\n  <div class=\"grid-lines\"><\/div>\n  <span class=\"float a\"><\/span><span class=\"float b\"><\/span><span class=\"float c\"><\/span>\n  <div class=\"wrap\">\n    <span class=\"eyebrow\"><span class=\"dot\"><\/span> \u670d\u52a1\u6848\u4f8b\u5168\u666f \u00b7 \u56db\u5927\u4e1a\u52a1\u95ed\u73af<\/span>\n    <h1>\u4ee5 <span class=\"grad\">\u652f\u4ed8\u4e0e\u79d1\u6280<\/span> \u4e4b\u529b<br\/>\u9a71\u52a8\u4f01\u4e1a\u589e\u957f<\/h1>\n    <p class=\"lead\">\u805a\u7126\u56fd\u5185\u652f\u4ed8\u3001\u9879\u76ee\u96c6\u91c7\u3001\u8de8\u5883\u652f\u4ed8\u4e0e\u8f6f\u786c\u4ef6\u5f00\u53d1\uff0c\u4e3a\u96f6\u552e\u3001\u653f\u52a1\u3001\u533b\u7597\u3001\u7269\u6d41\u3001\u6559\u80b2\u7b49\u884c\u4e1a\u63d0\u4f9b\u7aef\u5230\u7aef\u53ef\u843d\u5730\u89e3\u51b3\u65b9\u6848\u3002\u4ee5\u4e0b\u7cbe\u9009\u6848\u4f8b\uff0c\u5448\u73b0\u771f\u5b9e\u4ef7\u503c\u521b\u9020\u3002<\/p>\n    <div class=\"hero-cta\">\n      <a class=\"btn primary\" href=\"#biz1\">\u6d4f\u89c8\u670d\u52a1\u6848\u4f8b <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0a2e6e\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\n      <a class=\"btn ghost\" href=\"#why\">\u4e86\u89e3\u4f18\u52bf<\/a>\n    <\/div>\n    <div class=\"stats\">\n      <div class=\"stat\"><div class=\"num\" data-to=\"1200\" data-suffix=\"+\">0<\/div><div class=\"lbl\">\u670d\u52a1\u4f01\u4e1a\u5ba2\u6237<\/div><\/div>\n      <div class=\"stat\"><div class=\"num\" data-to=\"98\" data-suffix=\"%\">0<\/div><div class=\"lbl\">\u9879\u76ee\u4ea4\u4ed8\u6ee1\u610f\u5ea6<\/div><\/div>\n      <div class=\"stat\"><div class=\"num\" data-to=\"36\" data-suffix=\"\u4ebf\">0<\/div><div class=\"lbl\">\u5e74\u5904\u7406\u4ea4\u6613\u89c4\u6a21<\/div><\/div>\n      <div class=\"stat\"><div class=\"num\" data-to=\"60\" data-suffix=\"+\">0<\/div><div class=\"lbl\">\u8986\u76d6\u56fd\u5bb6\u4e0e\u5730\u533a<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- ===== \u5bfc\u822a ===== -->\n<section class=\"biz\" style=\"padding-bottom: 0;\">\n  <div class=\"wrap\">\n    <div class=\"sec-head reveal\">\n      <span class=\"sec-tag\">FOUR CORE BUSINESSES<\/span>\n      <h2>\u56db\u5927\u6838\u5fc3\u4e1a\u52a1 \u00b7 \u670d\u52a1\u6848\u4f8b<\/h2>\n      <p>\u4ece\u8d44\u91d1\u6536\u4ed8\u5230\u8f6f\u786c\u4ef6\u843d\u5730\uff0c\u6784\u5efa\u4f01\u4e1a\u6570\u5b57\u5316\u7ecf\u8425\u7684\u4e00\u7ad9\u5f0f\u80fd\u529b\u5e95\u5ea7\u3002<\/p>\n    <\/div>\n    <div class=\"biz-nav reveal\">\n      <a class=\"chip active\" href=\"#biz1\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 10h18M7 15h4\"\/><\/svg>\u56fd\u5185\u652f\u4ed8<\/a>\n      <a class=\"chip\" href=\"#biz2\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 7l9-4 9 4-9 4-9-4z\"\/><path d=\"M3 12l9 4 9-4M3 17l9 4 9-4\"\/><\/svg>\u9879\u76ee\u96c6\u91c7<\/a>\n      <a class=\"chip\" href=\"#biz3\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18\"\/><\/svg>\u8de8\u5883\u652f\u4ed8<\/a>\n      <a class=\"chip\" href=\"#biz4\"><svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"12\" rx=\"2\"\/><path d=\"M8 20h8M12 16v4M9 8h6M9 11h4\"\/><\/svg>\u8f6f\u786c\u4ef6\u5f00\u53d1<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== 1. \u56fd\u5185\u652f\u4ed8 ===== -->\n<section class=\"biz\" id=\"biz1\" style=\"padding-top: 20px;\">\n  <div class=\"wrap\">\n    <div class=\"biz-label reveal\">\n      <span class=\"mono\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 10h18M7 15h4\"\/><\/svg><\/span>\n      <div class=\"txt\"><h2>\u56fd\u5185\u652f\u4ed8<\/h2><span>\u805a\u5408\u6536\u94f6 \u00b7 \u8d44\u91d1\u6e05\u5206 \u00b7 \u4fbf\u6c11\u7f34\u8d39<\/span><\/div>\n      <span class=\"line\"><\/span>\n    <\/div>\n    <div class=\"grid\">\n      <article class=\"card\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1060\/600\/400\" alt=\"\u667a\u6167\u96f6\u552e\" loading=\"lazy\"\/><span class=\"cat\">\u96f6\u552e\u8fde\u9501<\/span><\/div><div class=\"body\"><h3>\u667a\u6167\u96f6\u552e\u805a\u5408\u6536\u94f6\u65b9\u6848<\/h3><p>\u4e3a\u8fde\u9501\u5546\u8d85\u63d0\u4f9b\u5fae\u4fe1\u3001\u652f\u4ed8\u5b9d\u3001\u94f6\u8054\u53ca\u6570\u5b57\u4eba\u6c11\u5e01\u7edf\u4e00\u6536\u94f6\u53f0\uff0c\u652f\u6301\u4f1a\u5458\u79ef\u5206\u4e0e\u8425\u9500\u5238\u81ea\u52a8\u6838\u9500\u3002<\/p><div class=\"tags\"><span class=\"tag\">\u805a\u5408\u652f\u4ed8<\/span><span class=\"tag\">\u6570\u5b57\u4eba\u6c11\u5e01<\/span><span class=\"tag\">\u4f1a\u5458\u8425\u9500<\/span><\/div><div class=\"result\"><div class=\"r\"><b>\u221242%<\/b><span>\u5bf9\u8d26\u4eba\u529b<\/span><\/div><div class=\"r\"><b>0.3s<\/b><span>\u5e73\u5747\u6536\u6b3e<\/span><\/div><div class=\"r\"><b>320+<\/b><span>\u95e8\u5e97\u4e0a\u7ebf<\/span><\/div><\/div><\/div><\/article>\n      <article class=\"card\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1059\/600\/400\" alt=\"\u6821\u56ed\u4e00\u5361\u901a\" loading=\"lazy\"\/><span class=\"cat\">\u6559\u80b2\u6821\u56ed<\/span><\/div><div class=\"body\"><h3>\u6821\u56ed\u4e00\u5361\u901a\u805a\u5408\u652f\u4ed8\u5e73\u53f0<\/h3><p>\u6253\u901a\u98df\u5802\u3001\u5bbf\u820d\u3001\u6821\u533b\u9662\u3001\u56fe\u4e66\u9986\uff0c\u5bb6\u957f\u7ebf\u4e0a\u5145\u503c\u3001\u5b66\u751f\u65e0\u611f\u6d88\u8d39\uff0c\u8d44\u91d1T+0\u5f52\u96c6\u81f3\u6821\u65b9\u76d1\u7ba1\u8d26\u6237\u3002<\/p><div class=\"tags\"><span class=\"tag\">\u6821\u56ed\u573a\u666f<\/span><span class=\"tag\">\u8d44\u91d1\u76d1\u7ba1<\/span><span class=\"tag\">T+0\u7ed3\u7b97<\/span><\/div><div class=\"result\"><div class=\"r\"><b>11\u4e07<\/b><span>\u5728\u6821\u5b66\u751f<\/span><\/div><div class=\"r\"><b>99.9%<\/b><span>\u4ea4\u6613\u7a33\u5b9a<\/span><\/div><div class=\"r\"><b>6\u7c7b<\/b><span>\u6d88\u8d39\u573a\u666f<\/span><\/div><\/div><\/div><\/article>\n      <article class=\"card\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1071\/600\/400\" alt=\"\u653f\u52a1\u7f34\u8d39\" loading=\"lazy\"\/><span class=\"cat\">\u653f\u52a1\u4fbf\u6c11<\/span><\/div><div class=\"body\"><h3>\u653f\u52a1\u4fbf\u6c11\u7f34\u8d39\u5e73\u53f0<\/h3><p>\u5bf9\u63a5\u8d22\u653f\u975e\u7a0e\u7cfb\u7edf\uff0c\u5b9e\u73b0\u6c34\u7535\u71c3\u6c14\u3001\u793e\u4fdd\u533b\u4fdd\u3001\u7f5a\u6ca1\u6b3e\u7b49\u4e00\u7ad9\u5f0f\u7ebf\u4e0a\u7f34\u7eb3\uff0c\u652f\u6301\u7ebf\u4e0b\u7ec8\u7aef\u81ea\u52a9\u529e\u7406\u3002<\/p><div class=\"tags\"><span class=\"tag\">\u975e\u7a0e\u5bf9\u63a5<\/span><span class=\"tag\">\u591a\u6e20\u9053<\/span><span class=\"tag\">\u81ea\u52a9\u7ec8\u7aef<\/span><\/div><div class=\"result\"><div class=\"r\"><b>28\u9879<\/b><span>\u7f34\u8d39\u4e8b\u9879<\/span><\/div><div class=\"r\"><b>+65%<\/b><span>\u7ebf\u4e0a\u529e\u7406\u7387<\/span><\/div><div class=\"r\"><b>0\u6295\u8bc9<\/b><span>\u8d44\u91d1\u5dee\u9519<\/span><\/div><\/div><\/div><\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== 2. \u9879\u76ee\u96c6\u91c7 ===== -->\n<section class=\"biz\" id=\"biz2\">\n  <div class=\"wrap\">\n    <div class=\"biz-label reveal\">\n      <span class=\"mono\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 7l9-4 9 4-9 4-9-4z\"\/><path d=\"M3 12l9 4 9-4M3 17l9 4 9-4\"\/><\/svg><\/span>\n      <div class=\"txt\"><h2>\u9879\u76ee\u96c6\u91c7<\/h2><span>\u96c6\u4e2d\u62db\u6807 \u00b7 \u4f9b\u5e94\u5546\u7ba1\u7406 \u00b7 \u5c65\u7ea6\u4ea4\u4ed8<\/span><\/div>\n      <span class=\"line\"><\/span>\n    <\/div>\n    <div class=\"grid\">\n      <article class=\"card\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1076\/600\/400\" alt=\"\u57fa\u5efa\u96c6\u91c7\" loading=\"lazy\"\/><span class=\"cat\">\u57fa\u5efa\u5de5\u7a0b<\/span><\/div><div class=\"body\"><h3>\u5927\u578b\u57fa\u5efa\u9879\u76ee\u96c6\u91c7\u5e73\u53f0<\/h3><p>\u4e3a\u57ce\u5e02\u8f68\u9053\u4ea4\u901a\u5efa\u8bbe\u63d0\u4f9b\u94a2\u6750\u3001\u7ba1\u5eca\u3001\u673a\u7535\u8bbe\u5907\u96c6\u4e2d\u62db\u6807\u91c7\u8d2d\uff0c\u5efa\u7acb\u5408\u683c\u4f9b\u5e94\u5546\u77ed\u540d\u5355\u4e0e\u4ef7\u683c\u5e93\u3002<\/p><div class=\"tags\"><span class=\"tag\">\u96c6\u4e2d\u62db\u6807<\/span><span class=\"tag\">\u4f9b\u5e94\u5546\u5e93<\/span><span class=\"tag\">\u4ef7\u683c\u76d1\u6d4b<\/span><\/div><div class=\"result\"><div class=\"r\"><b>\u221215%<\/b><span>\u7efc\u5408\u91c7\u8d2d\u6210\u672c<\/span><\/div><div class=\"r\"><b>480+<\/b><span>\u5165\u56f4\u4f9b\u5e94\u5546<\/span><\/div><div class=\"r\"><b>12\u4ebf<\/b><span>\u5e74\u91c7\u8d2d\u989d<\/span><\/div><\/div><\/div><\/article>\n      <article class=\"card\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1080\/600\/400\" alt=\"\u533b\u7597\u96c6\u91c7\" loading=\"lazy\"\/><span class=\"cat\">\u533b\u7597\u5065\u5eb7<\/span><\/div><div class=\"body\"><h3>\u533b\u7597\u673a\u6784\u8bbe\u5907\u96c6\u91c7\u670d\u52a1<\/h3><p>\u8054\u5408\u533a\u57df\u533b\u5171\u4f53\u5f00\u5c55\u5f71\u50cf\u3001\u68c0\u9a8c\u3001\u8017\u6750\u5e26\u91cf\u91c7\u8d2d\uff0c\u7edf\u4e00\u914d\u9001\u4e0e\u6eaf\u6e90\uff0c\u786e\u4fdd\u5408\u89c4\u53ef\u8ffd\u6eaf\u3002<\/p><div class=\"tags\"><span class=\"tag\">\u5e26\u91cf\u91c7\u8d2d<\/span><span class=\"tag\">\u51b7\u94fe\u914d\u9001<\/span><span class=\"tag\">\u5168\u7a0b\u6eaf\u6e90<\/span><\/div><div class=\"result\"><div class=\"r\"><b>23\u5bb6<\/b><span>\u533b\u5171\u4f53\u5355\u4f4d<\/span><\/div><div class=\"r\"><b>\u221222%<\/b><span>\u8017\u6750\u652f\u51fa<\/span><\/div><div class=\"r\"><b>100%<\/b><span>\u6eaf\u6e90\u8986\u76d6<\/span><\/div><\/div><\/div><\/article>\n      <article class=\"card\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1081\/600\/400\" alt=\"\u529e\u516c\u96c6\u91c7\" loading=\"lazy\"\/><span class=\"cat\">\u653f\u4f01\u529e\u516c<\/span><\/div><div class=\"body\"><h3>\u653f\u4f01\u529e\u516c\u7528\u54c1\u6846\u67b6\u91c7\u8d2d<\/h3><p>\u4e3a\u96c6\u56e2\u578b\u4f01\u4e1a\u5efa\u7acb\u529e\u516c\u7269\u8d44\u6846\u67b6\u534f\u8bae\uff0c\u5458\u5de5\u7ebf\u4e0a\u4e0b\u5355\u3001\u7cfb\u7edf\u81ea\u52a8\u5ba1\u6279\u3001\u6708\u5ea6\u7edf\u4e00\u7ed3\u7b97\uff0c\u63d0\u5347\u91c7\u8d2d\u6548\u7387\u3002<\/p><div class=\"tags\"><span class=\"tag\">\u6846\u67b6\u534f\u8bae<\/span><span class=\"tag\">\u7ebf\u4e0a\u5546\u57ce<\/span><span class=\"tag\">\u7edf\u4e00\u7ed3\u7b97<\/span><\/div><div class=\"result\"><div class=\"r\"><b>\u221238%<\/b><span>\u91c7\u8d2d\u5468\u671f<\/span><\/div><div class=\"r\"><b>9\u4e07+<\/b><span>SKU<\/span><\/div><div class=\"r\"><b>40+<\/b><span>\u5206\u652f\u8986\u76d6<\/span><\/div><\/div><\/div><\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== 3. \u8de8\u5883\u652f\u4ed8 ===== -->\n<section class=\"biz\" id=\"biz3\">\n  <div class=\"wrap\">\n    <div class=\"biz-label reveal\">\n      <span class=\"mono\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18\"\/><\/svg><\/span>\n      <div class=\"txt\"><h2>\u8de8\u5883\u652f\u4ed8<\/h2><span>\u6536\u7ed3\u6c47 \u00b7 \u6c47\u7387\u7ba1\u7406 \u00b7 \u5408\u89c4\u7533\u62a5<\/span><\/div>\n      <span class=\"line\"><\/span>\n    <\/div>\n    <div class=\"grid\">\n      <article class=\"card\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1082\/600\/400\" alt=\"\u8de8\u5883\u7535\u5546\" loading=\"lazy\"\/><span class=\"cat\">\u8de8\u5883\u7535\u5546<\/span><\/div><div class=\"body\"><h3>\u8de8\u5883\u7535\u5546\u6536\u6b3e\u7ed3\u7b97<\/h3><p>\u4e3a\u51fa\u53e3\u5356\u5bb6\u63d0\u4f9b\u672c\u5730\u6536\u6b3e\u8d26\u6237\u4e0e\u591a\u5e01\u79cd\u7ed3\u6c47\uff0c\u8d44\u91d1\u539f\u5e01\u7559\u5b58\u3001\u6309\u9700\u6362\u6c47\uff0c\u964d\u4f4e\u6c47\u635f\u4e0e\u5230\u8d26\u65f6\u95f4\u3002<\/p><div class=\"tags\"><span class=\"tag\">\u591a\u5e01\u79cd<\/span><span class=\"tag\">\u672c\u5730\u6536\u6b3e<\/span><span class=\"tag\">\u6781\u901f\u7ed3\u6c47<\/span><\/div><div class=\"result\"><div class=\"r\"><b>12\u79cd<\/b><span>\u7ed3\u7b97\u5e01\u79cd<\/span><\/div><div class=\"r\"><b>T+0<\/b><span>\u5230\u8d26\u901f\u5ea6<\/span><\/div><div class=\"r\"><b>\u22120.6%<\/b><span>\u7efc\u5408\u6c47\u635f<\/span><\/div><\/div><\/div><\/article>\n      <article class=\"card\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1084\/600\/400\" alt=\"\u7559\u5b66\u7f34\u8d39\" loading=\"lazy\"\/><span class=\"cat\">\u6559\u80b2\u51fa\u6d77<\/span><\/div><div class=\"body\"><h3>\u6d77\u5916\u7559\u5b66\u5b66\u8d39\u76f4\u7f34<\/h3><p>\u5bf9\u63a5\u6d77\u5916\u9662\u6821\u6536\u6b3e\u7cfb\u7edf\uff0c\u5bb6\u957f\u4ee5\u4eba\u6c11\u5e01\u76f4\u63a5\u7f34\u7eb3\u5b66\u8d39\uff0c\u81ea\u52a8\u5b8c\u6210\u8d2d\u6c47\u4e0e\u8de8\u5883\u6c47\u51fa\uff0c\u5168\u7a0b\u8fdb\u5ea6\u53ef\u89c6\u3002<\/p><div class=\"tags\"><span class=\"tag\">\u4eba\u6c11\u5e01\u76f4\u7f34<\/span><span class=\"tag\">\u8d2d\u6c47\u81ea\u52a8\u5316<\/span><span class=\"tag\">\u8fdb\u5ea6\u53ef\u89c6<\/span><\/div><div class=\"result\"><div class=\"r\"><b>300+<\/b><span>\u5408\u4f5c\u9662\u6821<\/span><\/div><div class=\"r\"><b>5\u4e07+<\/b><span>\u5bb6\u5ead\u670d\u52a1<\/span><\/div><div class=\"r\"><b>98%<\/b><span>\u5f53\u65e5\u6c47\u51fa<\/span><\/div><\/div><\/div><\/article>\n      <article class=\"card\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1088\/600\/400\" alt=\"\u7269\u6d41\u6e05\u5206\" loading=\"lazy\"\/><span class=\"cat\">\u56fd\u9645\u7269\u6d41<\/span><\/div><div class=\"body\"><h3>\u56fd\u9645\u7269\u6d41\u8fd0\u8d39\u6e05\u5206<\/h3><p>\u4e3a\u8d27\u4ee3\u4e0e\u8239\u53f8\u63d0\u4f9b\u8de8\u5883\u8fd0\u8d39\u7684\u81ea\u52a8\u6e05\u5206\u4e0e\u591a\u56fd\u672c\u5730\u4ed8\u6b3e\uff0c\u89e3\u51b3\u591a\u4e3b\u4f53\u3001\u591a\u5e01\u79cd\u590d\u6742\u7ed3\u7b97\u96be\u9898\u3002<\/p><div class=\"tags\"><span class=\"tag\">\u81ea\u52a8\u6e05\u5206<\/span><span class=\"tag\">\u672c\u5730\u4ed8\u6b3e<\/span><span class=\"tag\">\u5408\u89c4\u7533\u62a5<\/span><\/div><div class=\"result\"><div class=\"r\"><b>45\u56fd<\/b><span>\u672c\u5730\u4ed8\u6b3e<\/span><\/div><div class=\"r\"><b>\u221270%<\/b><span>\u5bf9\u8d26\u5de5\u65f6<\/span><\/div><div class=\"r\"><b>0\u5dee\u9519<\/b><span>\u5408\u89c4\u7533\u62a5<\/span><\/div><\/div><\/div><\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== 4. \u8f6f\u786c\u4ef6\u5f00\u53d1 ===== -->\n<section class=\"biz\" id=\"biz4\">\n  <div class=\"wrap\">\n    <div class=\"biz-label reveal\">\n      <span class=\"mono\"><svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"12\" rx=\"2\"\/><path d=\"M8 20h8M12 16v4M9 8h6M9 11h4\"\/><\/svg><\/span>\n      <div class=\"txt\"><h2>\u8f6f\u786c\u4ef6\u5f00\u53d1<\/h2><span>\u667a\u80fd\u7ec8\u7aef \u00b7 \u4f01\u4e1aSaaS \u00b7 \u5de5\u4e1aIoT<\/span><\/div>\n      <span class=\"line\"><\/span>\n    <\/div>\n    <div class=\"grid\">\n      <article class=\"card\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1090\/600\/400\" alt=\"\u667a\u80fdPOS\" loading=\"lazy\"\/><span class=\"cat\">\u667a\u80fd\u786c\u4ef6<\/span><\/div><div class=\"body\"><h3>\u667a\u80fd POS \u7ec8\u7aef\u7814\u53d1<\/h3><p>\u81ea\u7814\u5b89\u5353\u667a\u80fd\u6536\u94f6\u7ec8\u7aef\uff0c\u96c6\u6210\u626b\u7801\u3001NFC\u3001\u6253\u5370\u4e0e\u4f1a\u5458\u8bc6\u522b\uff0c\u901a\u8fc7\u94f6\u8054\u4e0e\u592e\u884c\u5b89\u5168\u8ba4\u8bc1\u3002<\/p><div class=\"tags\"><span class=\"tag\">\u5b89\u5353\u7ec8\u7aef<\/span><span class=\"tag\">\u91d1\u878d\u7ea7\u5b89\u5168<\/span><span class=\"tag\">\u8f6f\u786c\u4e00\u4f53<\/span><\/div><div class=\"result\"><div class=\"r\"><b>50\u4e07+<\/b><span>\u7ec8\u7aef\u90e8\u7f72<\/span><\/div><div class=\"r\"><b>3\u9879<\/b><span>\u5b89\u5168\u8ba4\u8bc1<\/span><\/div><div class=\"r\"><b>99.95%<\/b><span>\u5728\u7ebf\u7387<\/span><\/div><\/div><\/div><\/article>\n      <article class=\"card\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1098\/600\/400\" alt=\"SaaS\u4e2d\u53f0\" loading=\"lazy\"\/><span class=\"cat\">\u4f01\u4e1aSaaS<\/span><\/div><div class=\"body\"><h3>\u4f01\u4e1a\u7ea7 SaaS \u7ba1\u7406\u4e2d\u67a2<\/h3><p>\u9762\u5411\u4e2d\u5927\u578b\u4f01\u4e1a\u7684\u8d22\u52a1\u3001\u91c7\u8d2d\u3001\u8ba2\u5355\u4e00\u4f53\u5316\u4e2d\u53f0\uff0c\u5fae\u670d\u52a1\u67b6\u6784\u652f\u6491\u9ad8\u5e76\u53d1\uff0c\u652f\u6301\u79c1\u6709\u5316\u4e0e\u6df7\u5408\u90e8\u7f72\u3002<\/p><div class=\"tags\"><span class=\"tag\">\u5fae\u670d\u52a1<\/span><span class=\"tag\">\u9ad8\u5e76\u53d1<\/span><span class=\"tag\">\u79c1\u6709\u90e8\u7f72<\/span><\/div><div class=\"result\"><div class=\"r\"><b>10\u4e07+<\/b><span>\u65e5\u6d3b\u7528\u6237<\/span><\/div><div class=\"r\"><b>99.99%<\/b><span>\u53ef\u7528\u6027<\/span><\/div><div class=\"r\"><b>200+<\/b><span>API\u63a5\u53e3<\/span><\/div><\/div><\/div><\/article>\n      <article class=\"card\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1100\/600\/400\" alt=\"\u5de5\u4e1aIoT\" loading=\"lazy\"\/><span class=\"cat\">\u5de5\u4e1aIoT<\/span><\/div><div class=\"body\"><h3>\u5de5\u4e1a IoT \u8fb9\u7f18\u7f51\u5173<\/h3><p>\u9762\u5411\u5236\u9020\u8f66\u95f4\u7684\u8fb9\u7f18\u8ba1\u7b97\u7f51\u5173\uff0c\u5b9e\u65f6\u91c7\u96c6\u8bbe\u5907\u6570\u636e\u3001\u672c\u5730\u9884\u5904\u7406\u5e76\u4e0a\u4e91\uff0c\u652f\u6491\u9884\u6d4b\u6027\u7ef4\u62a4\u3002<\/p><div class=\"tags\"><span class=\"tag\">\u8fb9\u7f18\u8ba1\u7b97<\/span><span class=\"tag\">\u8bbe\u5907\u91c7\u96c6<\/span><span class=\"tag\">\u9884\u6d4b\u7ef4\u62a4<\/span><\/div><div class=\"result\"><div class=\"r\"><b>\u221235%<\/b><span>\u505c\u673a\u65f6\u95f4<\/span><\/div><div class=\"r\"><b>15ms<\/b><span>\u91c7\u96c6\u65f6\u5ef6<\/span><\/div><div class=\"r\"><b>2\u4e07+<\/b><span>\u8054\u7f51\u8bbe\u5907<\/span><\/div><\/div><\/div><\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== \u6807\u51c6\u5316\u6d41\u7a0b ===== -->\n<section class=\"biz\" id=\"process\">\n  <div class=\"wrap\">\n    <div class=\"sec-head reveal\">\n      <span class=\"sec-tag\">STANDARD SERVICE PROCESS<\/span>\n      <h2>\u6807\u51c6\u5316\u670d\u52a1\u6d41\u7a0b<\/h2>\n      <p>\u56db\u5927\u4e1a\u52a1\u5171\u4eab\u540c\u4e00\u5957\u95ed\u73af\u4ea4\u4ed8\u6d41\u7a0b\uff0c\u8ba9\u6bcf\u4e00\u7b14\u6295\u5165\u90fd\u53ef\u9884\u671f\u3001\u53ef\u8ffd\u8e2a\u3001\u53ef\u4f18\u5316\u3002<\/p>\n    <\/div>\n    <div class=\"std-flow reveal\">\n      <div class=\"std-rail\"><span class=\"std-fill\"><\/span><\/div>\n      <div class=\"std-step\"><div class=\"std-node\">01<\/div><div class=\"std-ic\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4-4\"\/><\/svg><\/div><h3>\u9700\u6c42\u8bca\u65ad<\/h3><p>\u6df1\u5165\u4e1a\u52a1\u73b0\u573a\uff0c\u68b3\u7406\u573a\u666f\u3001\u6307\u6807\u4e0e\u75db\u70b9\uff0c\u8f93\u51fa\u53ef\u6267\u884c\u9700\u6c42\u6e05\u5355\u4e0e\u6210\u529f\u6807\u51c6\u3002<\/p><\/div>\n      <div class=\"std-step\"><div class=\"std-node\">02<\/div><div class=\"std-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16v16H4zM9 9h6v6H9z\"\/><\/svg><\/div><h3>\u65b9\u6848\u8bbe\u8ba1<\/h3><p>\u7ed3\u5408\u884c\u4e1a\u6700\u4f73\u5b9e\u8df5\uff0c\u5b9a\u5236\u67b6\u6784\u4e0e\u843d\u5730\u8def\u5f84\uff0c\u660e\u786e\u91cc\u7a0b\u7891\u3001\u9884\u7b97\u4e0e\u9a8c\u6536\u6807\u51c6\u3002<\/p><\/div>\n      <div class=\"std-step\"><div class=\"std-node\">03<\/div><div class=\"std-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M16 18l6-6-6-6M8 6l-6 6 6 6\"\/><\/svg><\/div><h3>\u843d\u5730\u5b9e\u65bd<\/h3><p>\u53cc\u5468\u654f\u6377\u8fed\u4ee3\uff0c\u5f00\u53d1\u3001\u96c6\u6210\u3001\u8054\u8c03\u540c\u6b65\u63a8\u8fdb\uff0c\u5173\u952e\u8282\u70b9\u63d0\u4f9b\u73b0\u573a\u4fdd\u969c\u3002<\/p><\/div>\n      <div class=\"std-step\"><div class=\"std-node\">04<\/div><div class=\"std-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><path d=\"M22 4L12 14.01l-3-3\"\/><\/svg><\/div><h3>\u8bd5\u8fd0\u884c\u9a8c\u8bc1<\/h3><p>\u7070\u5ea6\u4e0a\u7ebf\u4e0e\u538b\u6d4b\u9a8c\u8bc1\uff0c\u4e1a\u52a1\u4e0e\u6570\u636e\u53cc\u6838\u5bf9\uff0c\u7a33\u5b9a\u8fbe\u6807\u540e\u5168\u91cf\u5207\u6362\u3002<\/p><\/div>\n      <div class=\"std-step\"><div class=\"std-node\">05<\/div><div class=\"std-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 12h4l3 8 4-16 3 8h4\"\/><\/svg><\/div><h3>\u6301\u7eed\u8fd0\u8425<\/h3><p>7\u00d724 \u76d1\u63a7\u4e0e\u8fdc\u7a0b\u5347\u7ea7\uff0c\u5b9a\u671f\u590d\u76d8\u6307\u6807\uff0c\u53cd\u54fa\u8d39\u7387\u3001\u6210\u672c\u4e0e\u98ce\u63a7\u7b56\u7565\u3002<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== Why us + CTA ===== -->\n<section class=\"biz\" id=\"why\" style=\"background: linear-gradient(180deg, transparent, rgba(10,46,110,0.04));\">\n  <div class=\"wrap\">\n    <div class=\"sec-head reveal\">\n      <span class=\"sec-tag\">WHY CHOOSE US<\/span>\n      <h2>\u4e3a\u4ec0\u4e48\u9009\u62e9\u6211\u4eec<\/h2>\n      <p>\u56db\u5927\u4e1a\u52a1\u534f\u540c\u2014\u2014\u652f\u4ed8\u6c89\u6dc0\u6570\u636e\uff0c\u96c6\u91c7\u4f18\u5316\u6210\u672c\uff0c\u8de8\u5883\u5ef6\u4f38\u8fb9\u754c\uff0c\u8f6f\u786c\u4ef6\u7b51\u7262\u5e95\u5ea7\u3002<\/p>\n    <\/div>\n    <div class=\"why\">\n      <div class=\"box reveal\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l8 4v6c0 5-3.5 8-8 10-4.5-2-8-5-8-10V6l8-4z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div><h3>\u5168\u6808\u5408\u89c4\u4e0e\u5b89\u5168<\/h3><p>\u6301\u6709\u652f\u4ed8\u4e0e\u8de8\u5883\u76f8\u5173\u8d44\u8d28\uff0c\u91d1\u878d\u7ea7\u52a0\u5bc6\u4e0e\u7b49\u4fdd\u4e09\u7ea7\u9632\u62a4\uff0c\u8d44\u91d1\u4e0e\u6570\u636e\u5168\u7a0b\u53ef\u5ba1\u8ba1\u3002<\/p><\/div>\n      <div class=\"box reveal\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 2L3 14h7l-1 8 10-12h-7l1-8z\"\/><\/svg><\/div><h3>\u4e1a\u52a1\u534f\u540c\u589e\u6548<\/h3><p>\u652f\u4ed8\u3001\u96c6\u91c7\u3001\u8de8\u5883\u3001\u8f6f\u786c\u4ef6\u6253\u901a\uff0c\u5f62\u6210\u7ecf\u8425\u95ed\u73af\uff0c\u907f\u514d\u591a\u4f9b\u5e94\u5546\u5bf9\u63a5\u7684\u5272\u88c2\u4e0e\u91cd\u590d\u6295\u5165\u3002<\/p><\/div>\n      <div class=\"box reveal\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21a8 8 0 0116 0\"\/><\/svg><\/div><h3>\u61c2\u884c\u4e1a\u7684\u4e13\u5bb6\u56e2\u961f<\/h3><p>\u6df1\u8015\u96f6\u552e\u3001\u653f\u52a1\u3001\u533b\u7597\u3001\u7269\u6d41\u7b49\u5782\u76f4\u9886\u57df\uff0c\u63d0\u4f9b\u4ece\u54a8\u8be2\u3001\u843d\u5730\u5230\u8fd0\u8425\u7684\u5168\u5468\u671f\u966a\u4f34\u3002<\/p><\/div>\n      <div class=\"box reveal\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 12h4l3 8 4-16 3 8h4\"\/><\/svg><\/div><h3>\u6570\u636e\u9a71\u52a8\u7684\u4f18\u5316<\/h3><p>\u7edf\u4e00\u6570\u636e\u4e2d\u53f0\u6c89\u6dc0\u7ecf\u8425\u6307\u6807\uff0c\u6301\u7eed\u53cd\u54fa\u8d39\u7387\u3001\u5e93\u5b58\u4e0e\u98ce\u63a7\u7b56\u7565\uff0c\u8ba9\u6210\u672c\u4e0e\u6548\u7387\u53ef\u63a7\u3002<\/p><\/div>\n      <div class=\"box reveal\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 9h18M8 14h4\"\/><\/svg><\/div><h3>\u5f39\u6027\u6280\u672f\u67b6\u6784<\/h3><p>\u4e91\u539f\u751f + \u5fae\u670d\u52a1\u8bbe\u8ba1\uff0c\u652f\u6491\u4ece0\u52301\u5230\u5343\u4e07\u7ea7\u5e76\u53d1\u7684\u5e73\u6ed1\u6269\u5c55\uff0c\u6309\u9700\u6269\u5bb9\u4e0d\u4e2d\u65ad\u3002<\/p><\/div>\n      <div class=\"box reveal\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><path d=\"M8 10h8M8 13h5\"\/><\/svg><\/div><h3>\u8d34\u8eab\u670d\u52a1\u54cd\u5e94<\/h3><p>\u4e13\u5c5e\u5ba2\u6237\u6210\u529f\u7ecf\u7406 + 7\u00d724 \u6280\u672f\u652f\u6301\uff0c\u91cd\u5927\u8282\u70b9\u73b0\u573a\u4fdd\u969c\uff0c\u95ee\u9898\u5e73\u574715\u5206\u949f\u54cd\u5e94\u3002<\/p><\/div>\n    <\/div>\n  <\/div>\n  <div class=\"cta-band reveal\">\n    <h2>\u8ba9\u6bcf\u4e00\u4e2a\u4e1a\u52a1\u573a\u666f\uff0c\u90fd\u6709\u53ef\u9760\u7684\u6570\u5b57\u5316\u4f19\u4f34<\/h2>\n    <p>\u65e0\u8bba\u60a8\u9700\u8981\u4e00\u5957\u805a\u5408\u6536\u94f6\u3001\u4e00\u6b21\u8de8\u56fd\u7ed3\u7b97\uff0c\u8fd8\u662f\u4ece\u96f6\u642d\u5efa\u8f6f\u786c\u4ef6\u7cfb\u7edf\uff0c\u6211\u4eec\u90fd\u80fd\u63d0\u4f9b\u53ef\u843d\u5730\u7684\u65b9\u6848\u3002<\/p>\n    <a class=\"btn primary\" href=\"#biz1\">\u9884\u7ea6\u65b9\u6848\u54a8\u8be2 <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0a2e6e\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\n  <\/div>\n<\/section>\n\n<!-- back to top -->\n<div class=\"top-btn\" id=\"topBtn\" title=\"\u56de\u5230\u9876\u90e8\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 19V5M5 12l7-7 7 7\"\/><\/svg><\/div>\n\n<script>\n  (function() {\n    \/\/ \u5bfc\u822a\u9ad8\u4eae + \u6eda\u52a8\u951a\u70b9\n    const chips = document.querySelectorAll('.chip');\n    const sections = ['biz1','biz2','biz3','biz4'].map(id => document.getElementById(id));\n    chips.forEach(c => c.addEventListener('click', function(e) {\n      chips.forEach(x => x.classList.remove('active'));\n      this.classList.add('active');\n    }));\n    const navObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          const idx = sections.indexOf(entry.target);\n          chips.forEach(x => x.classList.remove('active'));\n          if (chips[idx]) chips[idx].classList.add('active');\n        }\n      });\n    }, { rootMargin: '-45% 0px -50% 0px' });\n    sections.forEach(s => s && navObserver.observe(s));\n\n    \/\/ \u6eda\u52a8\u63ed\u793a\n    const revealEls = document.querySelectorAll('.reveal, .card');\n    const io = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('in');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12 });\n    revealEls.forEach(el => io.observe(el));\n\n    \/\/ \u6570\u5b57\u6eda\u52a8\n    function animateNum(el) {\n      const to = parseFloat(el.dataset.to);\n      const suffix = el.dataset.suffix || '';\n      const dur = 1500;\n      const start = performance.now();\n      function tick(now) {\n        const p = Math.min((now - start) \/ dur, 1);\n        const eased = 1 - Math.pow(1 - p, 3);\n        const val = Math.floor(eased * to);\n        el.innerHTML = val.toLocaleString('en-US') + '<span class=\"u\">' + suffix + '<\/span>';\n        if (p < 1) requestAnimationFrame(tick);\n        else el.innerHTML = to.toLocaleString('en-US') + '<span class=\"u\">' + suffix + '<\/span>';\n      }\n      requestAnimationFrame(tick);\n    }\n    const numObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          animateNum(entry.target);\n          numObserver.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.5 });\n    document.querySelectorAll('.num').forEach(n => numObserver.observe(n));\n\n    \/\/ \u56de\u5230\u9876\u90e8\n    const topBtn = document.getElementById('topBtn');\n    window.addEventListener('scroll', () => {\n      if (window.scrollY > 500) topBtn.classList.add('show');\n      else topBtn.classList.remove('show');\n    });\n    topBtn.addEventListener('click', () => window.scrollTo({ top: 0, behavior: 'smooth' }));\n  })();\n<\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u670d\u52a1\u6848\u4f8b\u5168\u666f | \u652f\u4ed8\u00b7\u96c6\u91c7\u00b7\u8de8\u5883\u00b7\u8f6f\u786c\u4ef6 \u670d\u52a1\u6848\u4f8b\u5168\u666f \u00b7 \u56db\u5927\u4e1a\u52a1\u95ed\u73af \u4ee5 \u652f\u4ed8\u4e0e\u79d1\u6280 \u4e4b\u529b\u9a71\u52a8\u4f01\u4e1a\u589e\u957f  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-1626","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1626","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/comments?post=1626"}],"version-history":[{"count":7,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1626\/revisions"}],"predecessor-version":[{"id":3867,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1626\/revisions\/3867"}],"wp:attachment":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/media?parent=1626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}