{"id":781,"date":"2022-05-12T15:28:41","date_gmt":"2022-05-12T15:28:41","guid":{"rendered":"https:\/\/startersites.io\/blocksy\/bizconsult\/?page_id=12"},"modified":"2026-05-25T05:56:56","modified_gmt":"2026-05-25T05:56:56","slug":"about-us","status":"publish","type":"page","link":"https:\/\/masstechx.com\/pt\/about-us\/","title":{"rendered":"Sobre N\u00f3s"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-f27c056\" data-block-id=\"f27c056\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-f27c056-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9f493f8\" data-v=\"4\" data-block-id=\"9f493f8\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9f493f8-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9f493f8-inner-blocks\">\n<section id=\"mt-clean-hero\" class=\"mt-ch-wrapper\">\n  \n  <img decoding=\"async\" \n    src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/about-us.png\" \n    alt=\"Mass Technology professional beverage filling and water treatment equipment manufacturing facility\" \n    width=\"1920\" \n    height=\"1080\" \n    fetchpriority=\"high\"\n    class=\"mt-ch-seo-image\">\n\n  <div class=\"mt-ch-bg-system\">\n    <div class=\"mt-ch-bg-image\"><\/div>\n    <div class=\"mt-ch-bg-overlay\"><\/div>\n  <\/div>\n\n  <div class=\"mt-ch-container\">\n    \n    <header class=\"mt-ch-topbar\">\n      <div class=\"mt-ch-tb-left\">\n        <span class=\"mt-ch-status-dot\"><\/span>\n        <span class=\"mt-ch-sys-id\">About \u2014 01<\/span>\n      <\/div>\n      <div class=\"mt-ch-tb-right\">\n        <div class=\"mt-ch-spec-node\">\n          <span class=\"mt-ch-sn-key\">Location:<\/span>\n          <span class=\"mt-ch-sn-val\">Est. Zhangjiagang, Jiangsu<\/span>\n        <\/div>\n        <div class=\"mt-ch-spec-divider\"><\/div>\n        <div class=\"mt-ch-spec-node\">\n          <span class=\"mt-ch-sn-key\">Market:<\/span>\n          <span class=\"mt-ch-sn-val\">Global Export<\/span>\n        <\/div>\n      <\/div>\n    <\/header>\n\n    <div class=\"mt-ch-main-layout\">\n      \n      <article class=\"mt-ch-manifesto\">\n        <div class=\"mt-ch-text-core\">\n          <h1 class=\"mt-ch-h1\">Engineering the flow of industry, one bottle at a time.<\/h1>\n          <p class=\"mt-ch-body\">A professional manufacturer of water filling machines, pen making machines and plastic injection moulding equipment \u2014 built on well-equipped testing facilities and robust technical strength.<\/p>\n        <\/div>\n      <\/article>\n\n      <aside class=\"mt-ch-data-panel\">\n        <div class=\"mt-ch-dp-header\">\n          <span class=\"mt-ch-dp-title\">Live Telemetry<\/span>\n          <span class=\"mt-ch-dp-badge\">Synced<\/span>\n        <\/div>\n        \n        <div class=\"mt-ch-metrics-grid\">\n          <div class=\"mt-ch-metric-block\">\n            <span class=\"mt-ch-mb-label\">Bottles per hour<\/span>\n            <strong class=\"mt-ch-mb-value\">36,000<span class=\"mt-ch-mb-unit\">\/h<\/span><\/strong>\n          <\/div>\n          <div class=\"mt-ch-metric-block\">\n            <span class=\"mt-ch-mb-label\">Water treatment<\/span>\n            <strong class=\"mt-ch-mb-value\">50<span class=\"mt-ch-mb-unit\">T\/H<\/span><\/strong>\n          <\/div>\n          <div class=\"mt-ch-metric-block\">\n            <span class=\"mt-ch-mb-label\">Injection mould<\/span>\n            <strong class=\"mt-ch-mb-value\">800<span class=\"mt-ch-mb-unit\">T<\/span><\/strong>\n          <\/div>\n        <\/div>\n      <\/aside>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"mt-ch-marquee-section\">\n    <div class=\"mt-ch-marquee-track\">\n      <div class=\"mt-ch-marquee-mover\">\n        <ul class=\"mt-ch-marquee-list\">\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">01<\/span> <span class=\"mt-ch-cas-text\">5-Gallon Lines<\/span><\/li>\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">02<\/span> <span class=\"mt-ch-cas-text\">Bottle Blowing<\/span><\/li>\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">03<\/span> <span class=\"mt-ch-cas-text\">Injection Moulding<\/span><\/li>\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">04<\/span> <span class=\"mt-ch-cas-text\">Pen Making<\/span><\/li>\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">05<\/span> <span class=\"mt-ch-cas-text\">Water Treatment<\/span><\/li>\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">06<\/span> <span class=\"mt-ch-cas-text\">Carbonated Drinks<\/span><\/li>\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">07<\/span> <span class=\"mt-ch-cas-text\">Water Filling<\/span><\/li>\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">08<\/span> <span class=\"mt-ch-cas-text\">Heat-Shrink Packaging<\/span><\/li>\n        <\/ul>\n        <ul class=\"mt-ch-marquee-list\" aria-hidden=\"true\">\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">01<\/span> <span class=\"mt-ch-cas-text\">5-Gallon Lines<\/span><\/li>\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">02<\/span> <span class=\"mt-ch-cas-text\">Bottle Blowing<\/span><\/li>\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">03<\/span> <span class=\"mt-ch-cas-text\">Injection Moulding<\/span><\/li>\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">04<\/span> <span class=\"mt-ch-cas-text\">Pen Making<\/span><\/li>\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">05<\/span> <span class=\"mt-ch-cas-text\">Water Treatment<\/span><\/li>\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">06<\/span> <span class=\"mt-ch-cas-text\">Carbonated Drinks<\/span><\/li>\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">07<\/span> <span class=\"mt-ch-cas-text\">Water Filling<\/span><\/li>\n          <li class=\"mt-ch-cassette\"><span class=\"mt-ch-cas-id\">08<\/span> <span class=\"mt-ch-cas-text\">Heat-Shrink Packaging<\/span><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <style>\n    \/* \u6e05\u723d\u7248\u53d8\u91cf\u914d\u7f6e *\/\n    #mt-clean-hero.mt-ch-wrapper {\n      --mt-ch-primary: #0078C0;\n      --mt-ch-dark: #0F172A;\n      --mt-ch-panel-bg: rgba(15, 23, 42, 0.85);\n      --mt-ch-border: rgba(255, 255, 255, 0.15);\n      --mt-ch-text-main: #FFFFFF;\n      --mt-ch-text-muted: #94A3B8;\n      --mt-ch-success: #16A34A;\n      --mt-ch-font-sans: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      --mt-ch-font-mono: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n      \n      position: relative;\n      width: 100% !important;\n      background-color: var(--mt-ch-dark);\n      padding-top: clamp(60px, 8vw, 100px);\n      box-sizing: border-box;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      color: var(--mt-ch-text-main);\n      font-family: var(--mt-ch-font-sans);\n    }\n\n    #mt-clean-hero * { box-sizing: border-box; }\n\n    \/* 1. \u73af\u5883\u5c42 *\/\n    #mt-clean-hero .mt-ch-bg-system { position: absolute; inset: 0; z-index: 0; }\n    \n    #mt-clean-hero .mt-ch-bg-image {\n      position: absolute; inset: 0;\n      background-image: url('https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/about-us.png');\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n    }\n    \n    #mt-clean-hero .mt-ch-bg-overlay {\n      position: absolute; inset: 0;\n      background: rgba(10, 15, 25, 0.75);\n    }\n\n    #mt-clean-hero .mt-ch-seo-image {\n      position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;\n      overflow: hidden; clip: rect(0,0,0,0); border: 0;\n    }\n\n    \/* 2. \u5185\u90e8\u7ed3\u6784\u5bb9\u5668 *\/\n    #mt-clean-hero .mt-ch-container {\n      position: relative; z-index: 10;\n      max-width: 1600px !important; margin: 0 auto;\n      padding-inline: clamp(20px, 4vw, 60px);\n      display: flex; flex-direction: column; gap: clamp(40px, 6vw, 80px);\n      margin-bottom: clamp(60px, 8vw, 100px);\n      width: 100%;\n    }\n\n    \/* 3. \u9876\u90e8\u4fe1\u606f\u680f *\/\n    #mt-clean-hero .mt-ch-topbar {\n      display: flex; justify-content: space-between; align-items: center;\n      border-bottom: 1px solid var(--mt-ch-border); padding-bottom: 16px;\n      font-size: 13px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase;\n    }\n    #mt-clean-hero .mt-ch-tb-left { display: flex; align-items: center; gap: 12px; color: var(--mt-ch-text-main); }\n    #mt-clean-hero .mt-ch-status-dot { width: 8px; height: 8px; border-radius: 50%; background-color: var(--mt-ch-primary); }\n    #mt-clean-hero .mt-ch-tb-right { display: flex; align-items: center; gap: 24px; }\n    #mt-clean-hero .mt-ch-spec-node { display: flex; gap: 6px; }\n    #mt-clean-hero .mt-ch-sn-key { color: var(--mt-ch-text-muted); }\n    #mt-clean-hero .mt-ch-sn-val { color: var(--mt-ch-text-main); }\n    #mt-clean-hero .mt-ch-spec-divider { width: 1px; height: 12px; background-color: var(--mt-ch-border); }\n\n    @media (max-width:690px) {\n      #mt-clean-hero .mt-ch-topbar { flex-direction: column; align-items: flex-start; gap: 16px; }\n      #mt-clean-hero .mt-ch-tb-right { flex-direction: column; gap: 8px; align-items: flex-start; }\n      #mt-clean-hero .mt-ch-spec-divider { display: none; }\n    }\n\n    \/* 4. \u6838\u5fc3\u7f51\u683c\u5e03\u5c40 *\/\n    #mt-clean-hero .mt-ch-main-layout {\n      display: grid;\n      grid-template-columns: 1.2fr 0.8fr;\n      gap: clamp(40px, 6vw, 80px);\n      align-items: center;\n    }\n    @media (max-width:1000px) {\n      #mt-clean-hero .mt-ch-main-layout { grid-template-columns: 1fr; }\n    }\n\n    \/* \u5de6\u4fa7\u4e3b\u65e8 *\/\n    #mt-clean-hero .mt-ch-manifesto {\n      display: flex; flex-direction: column; justify-content: center;\n      padding-block: 20px;\n    }\n    #mt-clean-hero .mt-ch-text-core {\n      display: flex; flex-direction: column; gap: 24px;\n      border-left: 3px solid var(--mt-ch-primary);\n      padding-left: 24px;\n    }\n    #mt-clean-hero .mt-ch-h1 {\n      margin: 0; font-size: clamp(40px, 4.5vw, 64px); font-weight: 700;\n      line-height: 1.15; letter-spacing: -0.01em; color: var(--mt-ch-text-main);\n      max-width: 18ch;\n    }\n    #mt-clean-hero .mt-ch-body {\n      margin: 0; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.6;\n      color: var(--mt-ch-text-muted); max-width: 55ch; font-weight: 400;\n    }\n\n    \/* \u53f3\u4fa7\u6570\u636e\u9762\u677f *\/\n    #mt-clean-hero .mt-ch-data-panel {\n      background-color: var(--mt-ch-panel-bg);\n      border-top: 4px solid var(--mt-ch-primary);\n      padding: clamp(32px, 4vw, 48px);\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n    }\n\n    #mt-clean-hero .mt-ch-dp-header {\n      display: flex; justify-content: space-between; align-items: center;\n      border-bottom: 1px solid var(--mt-ch-border); padding-bottom: 16px; margin-bottom: 32px;\n      font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 600;\n    }\n    #mt-clean-hero .mt-ch-dp-title { color: var(--mt-ch-text-muted); }\n    #mt-clean-hero .mt-ch-dp-badge { color: #FFFFFF; background: var(--mt-ch-success); padding: 3px 8px; font-size: 11px; border-radius: 2px;}\n\n    #mt-clean-hero .mt-ch-metrics-grid { display: flex; flex-direction: column; gap: 32px; }\n    #mt-clean-hero .mt-ch-metric-block { \n      display: flex; flex-direction: column; gap: 6px; \n    }\n    #mt-clean-hero .mt-ch-mb-label {\n      font-size: 13px; font-weight: 600; color: var(--mt-ch-text-muted); text-transform: uppercase; letter-spacing: 0.05em;\n    }\n    #mt-clean-hero .mt-ch-mb-value {\n      font-family: var(--mt-ch-font-mono); font-size: clamp(36px, 4vw, 52px);\n      font-weight: 700; color: var(--mt-ch-text-main); line-height: 1;\n    }\n    #mt-clean-hero .mt-ch-mb-unit { font-size: 0.4em; color: var(--mt-ch-primary); font-weight: 600; margin-left: 4px; }\n\n    \/* 5. \u5e95\u90e8\u6d41\u5f0f\u5c65\u5e26 (\u79fb\u9664\u72ec\u7acb\u6807\u9898\u533a\u57df\uff0c\u6781\u81f4\u7cbe\u7b80) *\/\n    #mt-clean-hero .mt-ch-marquee-section {\n      position: relative; z-index: 10; width: 100%;\n      background-color: rgba(10, 15, 25, 0.9);\n      border-top: 1px solid var(--mt-ch-border);\n      display: flex; flex-direction: column;\n      margin-top: auto;\n    }\n\n    #mt-clean-hero .mt-ch-marquee-track {\n      width: 100%; overflow: hidden; padding: 24px 0;\n    }\n\n    #mt-clean-hero .mt-ch-marquee-mover {\n      display: flex; width: max-content;\n      animation: mt-ch-scroll 45s linear infinite;\n    }\n    #mt-clean-hero .mt-ch-marquee-mover:hover { animation-play-state: paused; }\n\n    #mt-clean-hero .mt-ch-marquee-list { display: flex; margin: 0; padding: 0; list-style: none; gap: 40px; padding-left: 40px; }\n    \n    #mt-clean-hero .mt-ch-cassette {\n      display: flex; align-items: center; gap: 12px;\n      white-space: nowrap; color: var(--mt-ch-text-main);\n    }\n    \n    #mt-clean-hero .mt-ch-cas-id {\n      font-family: var(--mt-ch-font-mono); font-size: 12px; color: var(--mt-ch-text-muted); font-weight: 400;\n    }\n    #mt-clean-hero .mt-ch-cas-text {\n      font-size: 15px; font-weight: 600; letter-spacing: 0.02em; transition: color 0.3s ease;\n    }\n    #mt-clean-hero .mt-ch-cassette:hover .mt-ch-cas-text {\n      color: var(--mt-ch-primary);\n    }\n\n    @keyframes mt-ch-scroll {\n      0% { transform: translateX(0); }\n      100% { transform: translateX(-50%); }\n    }\n  <\/style>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-3c752b6\" data-block-id=\"3c752b6\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-3c752b6-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-485eebf\" data-v=\"4\" data-block-id=\"485eebf\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-485eebf-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-485eebf-inner-blocks\">\n<style>\n  \/* \u6a21\u5757\u7ea7\u53d8\u91cf\u4e0e\u5916\u5c42\u91cd\u7f6e *\/\n  #mt-narrative-console-825 {\n    --mt-primary: #0078C0;\n    --mt-secondary: #7860A8;\n    --mt-dark: #0F172A;\n    --mt-gray: #475569;\n    --mt-light: #94A3B8;\n    --mt-bg-subtle: #F5F8FB;\n    --mt-border: #D8E2EA;\n    \n    width: 100% !important;\n    padding-block: clamp(60px, 8vw, 100px);\n    background-color: #ffffff;\n    box-sizing: border-box;\n    font-family: inherit;\n  }\n  #mt-narrative-console-825 * {\n    box-sizing: border-box;\n  }\n\n  \/* \u5185\u5c42\u4e25\u683c\u7ea6\u675f *\/\n  .mt-nc-inner {\n    max-width: 1600px !important;\n    margin: 0 auto;\n    padding-inline: clamp(20px, 4vw, 60px);\n  }\n\n  \/* --- \u4e3b\u63a7\u5236\u53f0\u6846\u67b6 --- *\/\n  .mt-nc-frame {\n    display: grid;\n    grid-template-columns: 1fr;\n    border: 1px solid var(--mt-border);\n    border-top: 4px solid var(--mt-primary);\n    background-color: #ffffff;\n    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03);\n  }\n  @media (min-width:1000px) {\n    .mt-nc-frame {\n      grid-template-columns: 1.3fr 1fr; \/* \u5de6\u4fa7\u77e9\u9635\u66f4\u5bbd\uff0c\u5bb9\u7eb3\u6587\u672c *\/\n    }\n  }\n\n  \/* --- \u9876\u90e8\u5168\u5c40\u6807\u7b7e --- *\/\n  .mt-nc-header {\n    grid-column: 1 \/ -1;\n    display: flex;\n    align-items: center;\n    padding: 20px clamp(24px, 4vw, 48px);\n    border-bottom: 1px solid var(--mt-border);\n    background-color: var(--mt-bg-subtle);\n  }\n  .mt-nc-sys-tag {\n    font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    color: var(--mt-gray);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0;\n  }\n  .mt-nc-sys-tag::before {\n    content: \"\";\n    display: inline-block;\n    width: 6px;\n    height: 6px;\n    background-color: var(--mt-secondary);\n  }\n\n  \/* --- \u5de6\u4fa7\uff1a\u80fd\u529b\u77e9\u9635\u4e0e\u4e3b\u6587\u672c --- *\/\n  .mt-nc-text-panel {\n    padding: clamp(32px, 4vw, 64px) clamp(24px, 4vw, 48px);\n    display: flex;\n    flex-direction: column;\n  }\n  @media (min-width:1000px) {\n    .mt-nc-text-panel {\n      border-right: 1px solid var(--mt-border);\n    }\n  }\n\n  .mt-nc-h2 {\n    font-size: clamp(28px, 3.5vw, 44px);\n    font-weight: 700;\n    line-height: 1.15;\n    color: var(--mt-dark);\n    margin: 0 0 48px 0;\n    letter-spacing: -0.02em;\n    max-width: 26ch;\n  }\n\n  \/* \u6587\u672c\u77e9\u9635\u7f51\u683c *\/\n  .mt-nc-matrix {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 32px;\n    margin-bottom: 48px;\n  }\n  @media (min-width:690px) {\n    .mt-nc-matrix {\n      grid-template-columns: 1fr 1fr;\n      gap: 40px 32px;\n    }\n  }\n\n  .mt-nc-block {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n  \/* \u9996\u6bb5\u9ad8\u4eae\u8de8\u5217 *\/\n  .mt-nc-block.lead {\n    grid-column: 1 \/ -1;\n    border-left: 2px solid var(--mt-primary);\n    padding-left: 20px;\n  }\n\n  .mt-nc-block-label {\n    font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n    font-size: 12px;\n    color: var(--mt-light);\n    letter-spacing: 0.05em;\n    margin: 0;\n  }\n  .mt-nc-body {\n    font-size: clamp(14px, 1.05vw, 15px);\n    font-weight: 400;\n    line-height: 1.65;\n    color: var(--mt-gray);\n    margin: 0;\n  }\n  .mt-nc-block.lead .mt-nc-body {\n    font-size: clamp(15px, 1.15vw, 16px);\n    font-weight: 500;\n    color: var(--mt-dark);\n  }\n\n  \/* CTA \u6309\u94ae *\/\n  .mt-nc-cta-wrap {\n    margin-top: auto;\n    padding-top: 24px;\n    border-top: 1px dotted var(--mt-border);\n  }\n  .mt-nc-btn-main {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--mt-primary);\n    color: #ffffff;\n    font-weight: 600;\n    font-size: 15px;\n    padding: 16px 32px;\n    text-decoration: none;\n    transition: background-color 0.2s ease;\n  }\n  .mt-nc-btn-main:hover {\n    background-color: var(--mt-dark);\n  }\n\n  \/* --- \u53f3\u4fa7\uff1a\u89c6\u89c9\u63a7\u5236\u53f0 --- *\/\n  .mt-nc-media-panel {\n    display: flex;\n    flex-direction: column;\n    background-color: var(--mt-bg-subtle);\n  }\n\n  \/* \u7edd\u5bf9\u9632 CLS \u7684\u4ea4\u4e92\u56fe\u96c6\u5bb9\u5668 *\/\n  .mt-nc-gallery-wrap {\n    width: 100%;\n    aspect-ratio: 16 \/ 11;\n    position: relative;\n    background-color: #e2e8f0;\n    overflow: hidden;\n  }\n  \n  .mt-nc-slide {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.5s ease, visibility 0.5s ease;\n    z-index: 1;\n  }\n  \/* \u9996\u56fe\u9ed8\u8ba4\u53ef\u89c1\uff0c\u9632 JS \u5ef6\u8fdf\u5bfc\u81f4\u7a7a\u767d *\/\n  .mt-nc-slide.active {\n    opacity: 1;\n    visibility: visible;\n    z-index: 2;\n  }\n\n  \/* \u5de5\u4e1a\u7ea7\u56fe\u518c\u63a7\u4ef6\u6761 *\/\n  .mt-nc-controls {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 24px;\n    background-color: var(--mt-dark);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  }\n  .mt-nc-nav-group {\n    display: flex;\n    gap: 8px;\n  }\n  .mt-nc-dot {\n    background: transparent;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    color: var(--mt-light);\n    font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n    font-size: 12px;\n    width: 40px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    padding: 0;\n  }\n  .mt-nc-dot:hover {\n    border-color: var(--mt-primary);\n    color: #ffffff;\n  }\n  .mt-nc-dot.active {\n    background-color: var(--mt-primary);\n    border-color: var(--mt-primary);\n    color: #ffffff;\n    font-weight: 700;\n  }\n  .mt-nc-status {\n    font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n    font-size: 11px;\n    color: #38BDF8; \/* \u9ad8\u4eae\u9752\u84dd *\/\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n  }\n\n  \/* \u6838\u5fc3\u6570\u636e\u5217 *\/\n  .mt-nc-data-plate {\n    display: grid;\n    grid-template-columns: 1fr;\n    background-color: var(--mt-dark);\n    flex-grow: 1;\n  }\n  @media (min-width: 640px) {\n    .mt-nc-data-plate {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  .mt-nc-data-item {\n    padding: 24px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n  .mt-nc-data-item.full {\n    grid-column: 1 \/ -1;\n  }\n  @media (min-width: 640px) {\n    .mt-nc-data-item:nth-child(odd):not(.full) {\n      border-right: 1px solid rgba(255, 255, 255, 0.05);\n    }\n    .mt-nc-data-item:last-child {\n      border-bottom: none;\n    }\n  }\n\n  .mt-nc-data-key {\n    font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n    font-size: 11px;\n    color: var(--mt-light);\n    margin: 0 0 6px 0;\n    text-transform: uppercase;\n  }\n  .mt-nc-data-val {\n    font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n    font-size: 15px;\n    font-weight: 700;\n    color: #ffffff;\n    margin: 0;\n  }\n  .mt-nc-data-val.highlight {\n    font-size: clamp(22px, 2vw, 32px);\n    color: #38BDF8;\n  }\n<\/style>\n\n<section id=\"mt-narrative-console-825\" class=\"mt-nc-wrapper\">\n  <div class=\"mt-nc-inner\">\n    \n    <div class=\"mt-nc-frame\">\n      \n      <div class=\"mt-nc-header\">\n        <p class=\"mt-nc-sys-tag\">Who we are \/\/ Mass Technology<\/p>\n      <\/div>\n\n      <div class=\"mt-nc-text-panel\">\n        <h2 class=\"mt-nc-h2\">A diverse portfolio, reliable quality, competitive pricing and stylish design.<\/h2>\n        \n        <div class=\"mt-nc-matrix\">\n          <div class=\"mt-nc-block lead\">\n            <p class=\"mt-nc-block-label\">01 \/\/ PORTFOLIO &#038; REPUTATION<\/p>\n            <p class=\"mt-nc-body\">We feature a diverse product portfolio, reliable quality, competitive pricing and stylish designs \u2014 widely applied in the beverage industry and other packaging-related fields, earning the trust of global users.<\/p>\n          <\/div>\n          \n          <div class=\"mt-nc-block\">\n            <p class=\"mt-nc-block-label\">02 \/\/ PROJECT PARTNERSHIP<\/p>\n            <p class=\"mt-nc-body\">From the first sketch on a layout plan to the moment a finished line begins its first production run, we treat every project as a partnership. Our equipment is engineered for stability and long-cycle performance, designed to meet the ever-changing economic and social demands of the markets we serve.<\/p>\n          <\/div>\n          \n          <div class=\"mt-nc-block\">\n            <p class=\"mt-nc-block-label\">03 \/\/ INDUSTRIAL SCALE<\/p>\n            <p class=\"mt-nc-body\">Backed by well-equipped testing facilities and a strong technical team, our machines run in bottling plants and packaging factories across continents \u2014 from small craft producers to industrial-scale operations measured in tens of thousands of units per hour.<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"mt-nc-cta-wrap\">\n          <a href=\"#ct-popup-813\" class=\"mt-nc-btn-main\">Request Engineering Quote<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"mt-nc-media-panel\">\n        \n        <div class=\"mt-nc-gallery-wrap\">\n          <img decoding=\"async\" class=\"mt-nc-slide active\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/1-52.png\" alt=\"Carbonated filling production line equipment details\" fetchpriority=\"high\">\n          <img decoding=\"async\" class=\"mt-nc-slide\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/2-10.png\" alt=\"Beverage factory packaging machinery overview\" loading=\"lazy\">\n          <img decoding=\"async\" class=\"mt-nc-slide\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/3-8.png\" alt=\"Water treatment and filling line engineering installation\" loading=\"lazy\">\n        <\/div>\n        \n        <div class=\"mt-nc-controls\">\n          <div class=\"mt-nc-nav-group\">\n            <button class=\"mt-nc-dot active\" aria-label=\"View schematic 1\">01<\/button>\n            <button class=\"mt-nc-dot\" aria-label=\"View schematic 2\">02<\/button>\n            <button class=\"mt-nc-dot\" aria-label=\"View schematic 3\">03<\/button>\n          <\/div>\n          <span class=\"mt-nc-status\">Auto-Cycle Active<\/span>\n        <\/div>\n\n        <div class=\"mt-nc-data-plate\">\n          <div class=\"mt-nc-data-item full\">\n            <p class=\"mt-nc-data-key\">Capacity Range<\/p>\n            <p class=\"mt-nc-data-val highlight\">2000\u201336,000 BPH<\/p>\n          <\/div>\n          <div class=\"mt-nc-data-item\">\n            <p class=\"mt-nc-data-key\">Equipment Series<\/p>\n            <p class=\"mt-nc-data-val\">PROD LINE \u2014 02<\/p>\n          <\/div>\n          <div class=\"mt-nc-data-item\">\n            <p class=\"mt-nc-data-key\">Application<\/p>\n            <p class=\"mt-nc-data-val\">CARBONATED FILLING<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n    \n  <\/div>\n<\/section>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    const consoleMod = document.getElementById('mt-narrative-console-825');\n    if (!consoleMod) return;\n    \n    const slides = consoleMod.querySelectorAll('.mt-nc-slide');\n    const dots = consoleMod.querySelectorAll('.mt-nc-dot');\n    const statusText = consoleMod.querySelector('.mt-nc-status');\n    let currentIndex = 0;\n    let cycleTimer;\n    \n    function switchSlide(index) {\n      slides[currentIndex].classList.remove('active');\n      dots[currentIndex].classList.remove('active');\n      \n      currentIndex = index;\n      \n      slides[currentIndex].classList.add('active');\n      dots[currentIndex].classList.add('active');\n    }\n    \n    function nextSlide() {\n      let nextIndex = (currentIndex + 1) % slides.length;\n      switchSlide(nextIndex);\n    }\n    \n    \/\/ \u542f\u52a8\u81ea\u52a8\u8f6e\u64ad\uff0c\u6bcf 5 \u79d2\u5207\u6362\n    function startCycle() {\n      cycleTimer = setInterval(nextSlide, 5000);\n      if(statusText) statusText.innerText = 'Auto-Cycle Active';\n    }\n    \n    \/\/ \u624b\u52a8\u70b9\u51fb\u63a7\u5236\n    dots.forEach((dot, index) => {\n      dot.addEventListener('click', function() {\n        clearInterval(cycleTimer); \/\/ \u505c\u7528\u539f\u5b9a\u65f6\u5668\n        switchSlide(index);\n        startCycle(); \/\/ \u91cd\u65b0\u5f00\u59cb\u8ba1\u65f6\uff0c\u907f\u514d\u521a\u70b9\u5b8c\u7acb\u9a6c\u81ea\u52a8\u5207\n        if(statusText) statusText.innerText = 'Manual Override';\n        setTimeout(() => {\n          if(statusText) statusText.innerText = 'Auto-Cycle Active';\n        }, 5000);\n      });\n    });\n    \n    startCycle();\n  });\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-b96c8a0\" data-block-id=\"b96c8a0\"><style>.stk-b96c8a0 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b96c8a0-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-40e048d\" data-v=\"4\" data-block-id=\"40e048d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-40e048d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-40e048d-inner-blocks\">\n<section id=\"mt-flat-capacity\" class=\"mt-fc-outer\">\n  <div class=\"mt-fc-inner\">\n    \n    <div class=\"mt-fc-index-bar\">\n      <div class=\"mt-fc-ib-left\">\n        <span class=\"mt-fc-square\"><\/span>\n        <span class=\"mt-fc-sys-id\">[SYS-CAPACITY-MATRIX]<\/span>\n      <\/div>\n      <div class=\"mt-fc-ib-right\">MAXIMUM_YIELD_PARAMETERS<\/div>\n    <\/div>\n\n    <div class=\"mt-fc-grid\">\n      \n      <article class=\"mt-fc-cell\">\n        <div class=\"mt-fc-cell-header\">\n          <span class=\"mt-fc-label\">CAPACITY 01<\/span>\n        <\/div>\n        <div class=\"mt-fc-data\">\n          <div class=\"mt-fc-value\">0.5\u201350<span class=\"mt-fc-unit\">T\/H<\/span><\/div>\n        <\/div>\n        <p class=\"mt-fc-desc\">Complete water treatment equipment, scalable across plant sizes.<\/p>\n        <div class=\"mt-fc-bottom-line\"><\/div>\n      <\/article>\n\n      <article class=\"mt-fc-cell\">\n        <div class=\"mt-fc-cell-header\">\n          <span class=\"mt-fc-label\">CAPACITY 02<\/span>\n        <\/div>\n        <div class=\"mt-fc-data\">\n          <div class=\"mt-fc-value\">36<span class=\"mt-fc-unit\">kBPH<\/span><\/div>\n        <\/div>\n        <p class=\"mt-fc-desc\">Top-end bottling speed for mineral, purified and carbonated drinks.<\/p>\n        <div class=\"mt-fc-bottom-line\"><\/div>\n      <\/article>\n\n      <article class=\"mt-fc-cell\">\n        <div class=\"mt-fc-cell-header\">\n          <span class=\"mt-fc-label\">CAPACITY 03<\/span>\n        <\/div>\n        <div class=\"mt-fc-data\">\n          <div class=\"mt-fc-value\">2,000<span class=\"mt-fc-unit\">BARRELS<\/span><\/div>\n        <\/div>\n        <p class=\"mt-fc-desc\">Per-hour throughput on our 5-gallon barrel filling systems.<\/p>\n        <div class=\"mt-fc-bottom-line\"><\/div>\n      <\/article>\n\n      <article class=\"mt-fc-cell\">\n        <div class=\"mt-fc-cell-header\">\n          <span class=\"mt-fc-label\">CAPACITY 04<\/span>\n        <\/div>\n        <div class=\"mt-fc-data\">\n          <div class=\"mt-fc-value\">140\u2013800<span class=\"mt-fc-unit\">TON<\/span><\/div>\n        <\/div>\n        <p class=\"mt-fc-desc\">Injection moulding range, covering caps to large industrial parts.<\/p>\n        <div class=\"mt-fc-bottom-line\"><\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n\n  <style>\n    \/* \u6241\u5e73\u5316 2D \u53d8\u91cf\u914d\u7f6e *\/\n    #mt-flat-capacity.mt-fc-outer {\n      --mt-fc-primary: #0078C0;\n      --mt-fc-border: #D8E2EA;\n      --mt-fc-bg-main: #FFFFFF;\n      --mt-fc-bg-alt: #F8FAFC;\n      --mt-fc-text-dark: #0F172A;\n      --mt-fc-text-gray: #475569;\n      --mt-fc-mono: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n\n      position: relative;\n      width: 100% !important;\n      background-color: var(--mt-fc-bg-alt); \/* \u6781\u6de1\u7684\u7070\u5e95\uff0c\u886c\u6258\u767d\u8272\u7684\u6241\u5e73\u7f51\u683c *\/\n      padding-block: clamp(40px, 6vw, 80px) !important;\n      box-sizing: border-box;\n    }\n\n    #mt-flat-capacity * { box-sizing: border-box; }\n\n    \/* \u5185\u5c42\u63a7\u5236 *\/\n    #mt-flat-capacity .mt-fc-inner {\n      max-width: 1600px !important;\n      margin: 0 auto !important;\n      padding-inline: clamp(20px, 4vw, 60px) !important;\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* \u9876\u90e8\u5de5\u7a0b\u7d22\u5f15\u680f *\/\n    #mt-flat-capacity .mt-fc-index-bar {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-color: var(--mt-fc-primary);\n      padding: 12px 24px;\n      color: #FFFFFF;\n      font-family: var(--mt-fc-mono);\n      font-size: 11px;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      font-weight: 600;\n    }\n\n    #mt-flat-capacity .mt-fc-ib-left { display: flex; align-items: center; gap: 12px; }\n    #mt-flat-capacity .mt-fc-square { width: 6px; height: 6px; background-color: #FFFFFF; }\n    #mt-flat-capacity .mt-fc-ib-right { opacity: 0.8; }\n\n    @media (max-width: 576px) {\n      #mt-flat-capacity .mt-fc-index-bar { flex-direction: column; align-items: flex-start; gap: 8px; }\n    }\n\n    \/* 1x4 \u6241\u5e73\u5316\u7eaf\u7ebf\u6846\u7f51\u683c *\/\n    #mt-flat-capacity .mt-fc-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 1px; \/* 1px \u7269\u7406\u5207\u5272\u7ebf *\/\n      background-color: var(--mt-fc-border);\n      border: 1px solid var(--mt-fc-border);\n      border-top: none;\n    }\n\n    @media (max-width: 1200px) {\n      #mt-flat-capacity .mt-fc-grid { grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--mt-fc-border); }\n    }\n    @media (max-width: 640px) {\n      #mt-flat-capacity .mt-fc-grid { grid-template-columns: 1fr; }\n    }\n\n    \/* \u72ec\u7acb\u5355\u5143\u683c - \u5f7b\u5e95\u6241\u5e73\uff0c\u65e0\u9634\u5f71\uff0c\u65e0\u5706\u89d2 *\/\n    #mt-flat-capacity .mt-fc-cell {\n      background-color: var(--mt-fc-bg-main);\n      padding: clamp(32px, 4vw, 48px) clamp(24px, 3vw, 32px);\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      transition: background-color 0.2s ease;\n    }\n\n    #mt-flat-capacity .mt-fc-cell:hover {\n      background-color: #F0F6FA; \/* \u6781\u8f7b\u5fae\u7684\u80cc\u666f\u53cd\u9988\uff0c\u4ee3\u66ff\u60ac\u6d6e\u9634\u5f71 *\/\n    }\n\n    \/* \u5e95\u90e8\u5f3a\u8c03\u7ebf\u4ea4\u4e92 (\u6241\u5e73\u5316\u4ea4\u4e92\u7cbe\u9ad3) *\/\n    #mt-flat-capacity .mt-fc-bottom-line {\n      position: absolute;\n      bottom: 0; left: 0;\n      width: 0%; height: 3px;\n      background-color: var(--mt-fc-primary);\n      transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    #mt-flat-capacity .mt-fc-cell:hover .mt-fc-bottom-line {\n      width: 100%;\n    }\n\n    \/* \u6807\u7b7e *\/\n    #mt-flat-capacity .mt-fc-cell-header {\n      margin-bottom: 24px;\n    }\n    #mt-flat-capacity .mt-fc-label {\n      font-family: var(--mt-fc-mono);\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mt-fc-text-gray);\n      letter-spacing: 0.05em;\n    }\n\n    \/* \u6570\u636e\u6392\u7248 *\/\n    #mt-flat-capacity .mt-fc-data {\n      margin-bottom: 16px;\n    }\n    #mt-flat-capacity .mt-fc-value {\n      font-family: var(--mt-fc-mono);\n      font-size: clamp(32px, 3.5vw, 56px);\n      font-weight: 700;\n      color: var(--mt-fc-text-dark); \/* \u6241\u5e73\u5316\u66f4\u503e\u5411\u4e8e\u7528\u6df1\u8272\u6587\u5b57\u4f20\u8fbe\u5b9e\u4f53\u611f *\/\n      line-height: 1;\n      letter-spacing: -0.03em;\n    }\n    #mt-flat-capacity .mt-fc-unit {\n      font-size: clamp(14px, 1.5vw, 18px);\n      font-weight: 600;\n      color: var(--mt-fc-primary);\n      margin-left: 6px;\n      letter-spacing: 0;\n    }\n\n    \/* \u63cf\u8ff0\u6587\u5b57 *\/\n    #mt-flat-capacity .mt-fc-desc {\n      margin: 0;\n      font-size: clamp(14px, 1.2vw, 15px);\n      line-height: 1.6;\n      color: var(--mt-fc-text-gray);\n      max-width: 32ch;\n    }\n  <\/style>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-5becc46\" data-block-id=\"5becc46\"><style>.stk-5becc46 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-5becc46-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-3222021\" data-v=\"4\" data-block-id=\"3222021\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-3222021-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-3222021-inner-blocks\">\n<section id=\"mt-lifecycle\" class=\"mt-lc-outer\">\n  \n  <div class=\"mt-lc-blueprint-bg\"><\/div>\n\n  <div class=\"mt-lc-inner\">\n    \n    <header class=\"mt-lc-hero-header\">\n      <div class=\"mt-lc-kicker\">\n        <span class=\"mt-lc-pulse-led\"><\/span>\n        <span class=\"mt-lc-kicker-text\">What we offer<\/span>\n      <\/div>\n      <h2 class=\"mt-lc-h2\">Customized one-stop service,<br>from plant layout to live production.<\/h2>\n      <p class=\"mt-lc-body\">We provide comprehensive, customer-centric solutions covering the entire project lifecycle. Whether you are establishing a new facility or upgrading an existing line, our engineers walk every stage with you \u2014 design, build, install, train, support.<\/p>\n    <\/header>\n\n    <div class=\"mt-lc-grid-chassis\">\n      \n      <article class=\"mt-lc-card\">\n        <div class=\"mt-lc-card-top-rail\">\n          <span class=\"mt-lc-stage-no\">[STAGE \/ 01]<\/span>\n          <div class=\"mt-lc-decor-cross\"><\/div>\n        <\/div>\n        \n        <figure class=\"mt-lc-viewport\">\n          <div class=\"mt-lc-monitor-frame\"><\/div>\n          <img \n            src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/Plant.png\" \n            alt=\"Plant layout design rendering\" \n            width=\"600\" height=\"400\" \n            decoding=\"async\" \n            fetchpriority=\"high\"\n            class=\"mt-lc-card-img\"\n            title=\"Click to view precision layout blueprints\">\n          <div class=\"mt-lc-scanline\"><\/div>\n        <\/figure>\n\n        <div class=\"mt-lc-card-content\">\n          <h3 class=\"mt-lc-h3\">Plant<br>layout design<\/h3>\n          <p class=\"mt-lc-desc\">Preliminary planning of floor space, utility routing and process flow \u2014 tuned to your output targets and site conditions.<\/p>\n        <\/div>\n        <div class=\"mt-lc-corner mt-lc-corner-bl\"><\/div>\n      <\/article>\n\n      <article class=\"mt-lc-card\">\n        <div class=\"mt-lc-card-top-rail\">\n          <span class=\"mt-lc-stage-no\">[STAGE \/ 02]<\/span>\n          <div class=\"mt-lc-decor-cross\"><\/div>\n        <\/div>\n        \n        <figure class=\"mt-lc-viewport\">\n          <div class=\"mt-lc-monitor-frame\"><\/div>\n          <img \n            src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/Equipment-manufacturing.png\" \n            alt=\"CNC equipment manufacturing process\" \n            width=\"600\" height=\"400\" \n            decoding=\"async\" \n            loading=\"lazy\"\n            class=\"mt-lc-card-img\"\n            title=\"Click to view manufacturing floor details\">\n          <div class=\"mt-lc-scanline\"><\/div>\n        <\/figure>\n\n        <div class=\"mt-lc-card-content\">\n          <h3 class=\"mt-lc-h3\">Equipment<br>manufacturing<\/h3>\n          <p class=\"mt-lc-desc\">In-house production with well-equipped testing facilities. Each unit is verified before it leaves the workshop.<\/p>\n        <\/div>\n        <div class=\"mt-lc-corner mt-lc-corner-bl\"><\/div>\n      <\/article>\n\n      <article class=\"mt-lc-card\">\n        <div class=\"mt-lc-card-top-rail\">\n          <span class=\"mt-lc-stage-no\">[STAGE \/ 03]<\/span>\n          <div class=\"mt-lc-decor-cross\"><\/div>\n        <\/div>\n        \n        <figure class=\"mt-lc-viewport\">\n          <div class=\"mt-lc-monitor-frame\"><\/div>\n          <img \n            src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/Line-installation.png\" \n            alt=\"Field installation of the equipment line\" \n            width=\"600\" height=\"400\" \n            decoding=\"async\" \n            loading=\"lazy\"\n            class=\"mt-lc-card-img\"\n            title=\"Click to view site installation progress\">\n          <div class=\"mt-lc-scanline\"><\/div>\n        <\/figure>\n\n        <div class=\"mt-lc-card-content\">\n          <h3 class=\"mt-lc-h3\">Line<br>installation<\/h3>\n          <p class=\"mt-lc-desc\">On-site assembly, commissioning and first-batch trials \u2014 handled by experienced engineers, not generic contractors.<\/p>\n        <\/div>\n        <div class=\"mt-lc-corner mt-lc-corner-bl\"><\/div>\n      <\/article>\n\n      <article class=\"mt-lc-card mt-lc-card-last\">\n        <div class=\"mt-lc-card-top-rail\">\n          <span class=\"mt-lc-stage-no\">[STAGE \/ 04]<\/span>\n          <div class=\"mt-lc-decor-cross\"><\/div>\n        <\/div>\n        \n        <figure class=\"mt-lc-viewport\">\n          <div class=\"mt-lc-monitor-frame\"><\/div>\n          <img \n            src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/Operator-training.png\" \n            alt=\"On-site operator training session\" \n            width=\"600\" height=\"400\" \n            decoding=\"async\" \n            loading=\"lazy\"\n            class=\"mt-lc-card-img\"\n            title=\"Click to view training protocols\">\n          <div class=\"mt-lc-scanline\"><\/div>\n        <\/figure>\n\n        <div class=\"mt-lc-card-content\">\n          <h3 class=\"mt-lc-h3\">Operator<br>training<\/h3>\n          <p class=\"mt-lc-desc\">Hands-on training so your team owns the equipment from day one, with efficient after-sales support thereafter.<\/p>\n        <\/div>\n        <div class=\"mt-lc-corner mt-lc-corner-bl\"><\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"mt-lc-overlay\" aria-hidden=\"true\">\n    <div class=\"mt-lc-overlay-grid-bg\"><\/div>\n    <div class=\"mt-lc-overlay-content\">\n      <img decoding=\"async\" src=\"\" alt=\"Precision Manufacturing Telemetry View\" class=\"mt-lc-overlay-img\">\n      <div class=\"mt-lc-zoom-frame-bl\"><\/div>\n    <\/div>\n    <button class=\"mt-lc-close\" aria-label=\"Close high-resolution telemetry view\">\u00d7<\/button>\n  <\/div>\n\n  <style>\n    \/* \u6a21\u5757\u7ea7\u53d8\u91cf\u914d\u7f6e (\u6df1\u8272\u6218\u672f\u91cd\u5de5\u98ce) *\/\n    #mt-lifecycle.mt-lc-outer {\n      --mt-st-bg: #030712; \/* \u6781\u6697\u6df1\u7a7a\u84dd\u9ed1 *\/\n      --mt-st-panel: #0B1120; \/* \u5b9e\u4f53\u88c5\u7532\u8272 *\/\n      --mt-st-border: rgba(0, 120, 192, 0.3); \/* Blueprint \u84dd\u8fb9\u6846\u7ebf *\/\n      --mt-st-primary: #0078C0;\n      --mt-st-primary-glow: rgba(0, 120, 192, 0.2);\n      --mt-st-secondary: #7860A8;\n      --mt-st-success: #16A34A;\n      --mt-st-text-main: #FFFFFF;\n      --mt-st-text-gray: #B4C6E4;\n      --mt-st-text-muted: #64748B;\n      --mt-st-mono: ui-monospace, \"SF Mono\", Menlo, monospace;\n      \n      width: 100% !important;\n      background-color: var(--mt-st-bg);\n      padding-block: clamp(40px, 8vw, 100px) !important;\n      box-sizing: border-box;\n      overflow: hidden;\n      color: var(--mt-st-text-main);\n      position: relative;\n    }\n\n    #mt-lifecycle * { box-sizing: border-box; }\n\n    \/* \u7cbe\u5bc6\u84dd\u56fe\u5750\u6807\u7cfb\u80cc\u666f *\/\n    #mt-lifecycle .mt-lc-blueprint-bg {\n      position: absolute; inset: 0;\n      background-image: \n        linear-gradient(rgba(0, 120, 192, 0.05) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(0, 120, 192, 0.05) 1px, transparent 1px);\n      background-size: 80px 80px;\n      background-position: center;\n      mask-image: radial-gradient(ellipse at center, black 20%, transparent 100%);\n      -webkit-mask-image: radial-gradient(ellipse at center, black 20%, transparent 100%);\n    }\n\n    \/* \u5185\u5c42\u63a7\u5236\u5b89\u5168\u533a *\/\n    #mt-lifecycle .mt-lc-inner {\n      max-width: 1600px !important;\n      margin: 0 auto !important;\n      padding-inline: clamp(20px, 4vw, 60px) !important;\n      position: relative; z-index: 10;\n      display: flex; flex-direction: column; gap: 40px;\n    }\n\n    \/* \u9876\u90e8\u6307\u6325\u5ba3\u544a\u533a *\/\n    #mt-lifecycle .mt-lc-hero-header { display: flex; flex-direction: column; gap: 24px; align-items: start; }\n    \n    #mt-lifecycle .mt-lc-kicker { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }\n    #mt-lifecycle .mt-lc-pulse-led { width: 8px; height: 8px; background-color: var(--mt-st-success); border-radius: 50%; box-shadow: 0 0 10px var(--mt-st-success); }\n    #mt-lifecycle .mt-lc-kicker-text { font-family: var(--mt-st-mono); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--mt-st-primary); }\n\n    #mt-lifecycle .mt-lc-h2 { margin: 0; font-size: clamp(32px, 4.5vw, 60px); font-weight: 700; line-height: 1.1; letter-spacing: -0.015em; color: var(--mt-st-text-main); }\n    #mt-lifecycle .mt-lc-body { margin: 0; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.6; color: var(--mt-st-text-gray); max-width: 55ch; font-weight: 400; }\n\n    \/* \u5e95\u90e8\u91cd\u578b\u9635\u5217\u7f51\u683c *\/\n    #mt-lifecycle .mt-lc-grid-chassis {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 1px; \/*\u5229\u7528 gap \u5f62\u6210 1px \u5de5\u7a0b\u5206\u5272\u7ebf *\/\n      background-color: var(--mt-st-border);\n      border: 1px solid var(--mt-st-border);\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);\n    }\n    @media (max-width: 1200px) { #mt-lifecycle .mt-lc-grid-chassis { grid-template-columns: repeat(2, 1fr); } }\n    @media (max-width: 640px) { #mt-lifecycle .mt-lc-grid-chassis { grid-template-columns: 1fr; } }\n\n    \/* \u5b9e\u4f53\u88c5\u7532\u683c\u5361\u7247 *\/\n    #mt-lifecycle .mt-lc-card {\n      background-color: var(--mt-st-panel);\n      display: flex; flex-direction: column;\n      padding-block: 0 !important; margin: 0 !important;\n      position: relative;\n      transition: background-color 0.3s ease;\n    }\n    #mt-lifecycle .mt-lc-card:hover { background-color: rgba(11, 17, 32, 0.7); }\n\n    \/* \u9876\u90e8\u88c5\u9970\u5bfc\u8f68 *\/\n    #mt-lifecycle .mt-lc-card-top-rail {\n      display: flex; justify-content: space-between; align-items: center;\n      padding: 16px 20px;\n      border-bottom: 1px dashed var(--mt-st-border);\n    }\n    #mt-lifecycle .mt-lc-stage-no { font-family: var(--mt-st-mono); font-size: 11px; font-weight: 600; color: var(--mt-st-muted); letter-spacing: 0.1em; }\n    #mt-lifecycle .mt-lc-decor-cross {\n      width: 10px; height: 10px; position: relative; opacity: 0.4;\n    }\n    #mt-lifecycle .mt-lc-decor-cross::before, #mt-lifecycle .mt-lc-decor-cross::after { content: ''; position: absolute; background: var(--mt-st-text-muted); }\n    #mt-lifecycle .mt-lc-decor-cross::before { width: 100%; height: 1px; top: 4.5px; left: 0; }\n    #mt-lifecycle .mt-lc-decor-cross::after { width: 1px; height: 100%; top: 0; left: 4.5px; }\n\n    \/* \u76d1\u63a7\u89c6\u7a97 (\u5305\u542b\u56fe\u7247) *\/\n    #mt-lifecycle .mt-lc-viewport {\n      margin: 0; position: relative;\n      overflow: hidden; width: 100%; aspect-ratio: 4 \/ 3;\n      cursor: zoom-in; \/* \u653e\u5927\u6307\u793a\u5668 *\/\n      background: #000;\n    }\n    \n    #mt-lifecycle .mt-lc-monitor-frame {\n      position: absolute; inset: 0;\n      border: 1px solid transparent;\n      box-shadow: inset 0 0 20px rgba(0,0,0,0.5);\n      z-index: 5; pointer-events: none;\n      transition: border-color 0.3s ease;\n    }\n    #mt-lifecycle .mt-lc-card:hover .mt-lc-monitor-frame { border-color: var(--mt-st-primary); }\n\n    \/* \u56fe\u7247\u6838\u5fc3\u5904\u7406\uff1a\u9ed8\u8ba4\u9ed1\u767d\/\u9ad8\u900f\uff0c\u60ac\u505c\u5f69\u8272\/\u52a0\u538b *\/\n    #mt-lifecycle .mt-lc-card-img {\n      width: 100%; height: 100%; object-fit: cover; display: block;\n      filter: grayscale(100%) contrast(1.1) brightness(0.8) rgba(0, 120, 192, 0.1);\n      transition: filter 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s ease;\n      opacity: 0.7;\n    }\n    #mt-lifecycle .mt-lc-card:hover .mt-lc-card-img {\n      filter: grayscale(0%) contrast(1.2) brightness(1) rgba(0, 120, 192, 0);\n      transform: scale(1.05);\n      opacity: 1;\n    }\n\n    \/* \u5de5\u4e1a\u626b\u63cf\u7ebf\u52a8\u753b *\/\n    #mt-lifecycle .mt-lc-scanline {\n      position: absolute; top: 0; left: 0; width: 100%; height: 2px;\n      background: linear-gradient(90deg, transparent, rgba(0, 120, 192, 0.1), transparent);\n      z-index: 3; pointer-events: none;\n      animation: mt-lc-scan 6s linear infinite; opacity: 0;\n    }\n    #mt-lifecycle .mt-lc-card:hover .mt-lc-scanline { opacity: 1; }\n\n    @keyframes mt-lc-scan { 0% { top: 0; } 100% { top: 100%; } }\n\n    \/* \u5361\u7247\u6587\u672c\u6392\u7248\u533a *\/\n    #mt-lifecycle .mt-lc-card-content {\n      padding: 32px 24px clamp(24px, 4vw, 40px);\n      display: flex; flex-direction: column; gap: 16px;\n      flex-grow: 1;\n    }\n\n    #mt-lifecycle .mt-lc-h3 {\n      margin: 0; font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: var(--mt-st-text-main);\n      transition: color 0.3s ease;\n    }\n    #mt-lifecycle .mt-lc-card:hover .mt-lc-h3 { color: var(--mt-st-primary); }\n\n    #mt-lifecycle .mt-lc-desc { margin: 0; font-size: 15px; line-height: 1.6; color: var(--mt-st-text-gray); font-weight: 400; }\n\n    \/* \u7269\u7406\u5012\u89d2\u88c5\u9970 (\u4ec5\u5de6\u4e0b) *\/\n    #mt-lifecycle .mt-lc-corner {\n      position: absolute; width: 24px; height: 24px; border: 1px solid var(--mt-st-border); pointer-events: none;\n    }\n    #mt-lifecycle .mt-lc-corner-bl { bottom: 0; left: 0; border-top: none; border-right: none; }\n\n    \/* ==============================\n       \u653e\u5927\u955c\u5168\u5c4f\u8986\u76d6\u5c42\u6837\u5f0f\n       ============================== *\/\n    #mt-lifecycle .mt-lc-overlay {\n      position: fixed; inset: 0;\n      background-color: rgba(3, 7, 18, 0.85); \/* \u6781\u9ad8\u900f\u660e\u9ed1\uff0c\u886c\u6258\u56fe\u7247 *\/\n      z-index: 9999 !important; \/* \u786e\u4fdd\u5728 Gutenberg \u7f16\u8f91\u5668\u4e4b\u4e0a *\/\n      cursor: zoom-out;\n      display: flex; justify-content: center; align-items: center;\n      padding: 60px;\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n      opacity: 0; visibility: hidden; pointer-events: none;\n      transition: opacity 0.4s ease, visibility 0.4s ease;\n    }\n    #mt-lifecycle .mt-lc-overlay.mt-lc-active { opacity: 1; visibility: visible; pointer-events: auto; }\n\n    \/* \u653e\u5927\u955c\u5e95\u5c42\u5750\u6807\u7f51\u683c\u7ebf *\/\n    #mt-lifecycle .mt-lc-overlay-grid-bg {\n      position: absolute; inset: 0;\n      background-image: \n        linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);\n      background-size: 160px 160px;\n      pointer-events: none;\n    }\n\n    \/* \u653e\u5927\u6838\u5fc3\u56fe\u7cfb\u7edf *\/\n    #mt-lifecycle .mt-lc-overlay-content {\n      position: relative;\n      max-width: 100%; max-height: 100%;\n      box-shadow: 0 40px 100px -20px rgba(0,0,0,0.9);\n      border: 1px solid var(--mt-st-border);\n      padding: 0; \/* \u7eaf\u51c0\u663e\u793a\u56fe\u7247 *\/\n    }\n\n    #mt-lifecycle .mt-lc-overlay-img {\n      max-width: 100%; max-height: 85vh; \/* \u907f\u514d\u56fe\u7247\u592a\u5927\u6491\u51fa\u5168\u5c4f *\/\n      display: block; object-fit: contain;\n      filter: grayscale(0%) contrast(1.1); \/* \u653e\u5927\u540e\u5f3a\u5236\u5f69\u8272\u548c\u7cbe\u7ec6\u8d28\u611f *\/\n      transform: scale(0.95); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    #mt-lifecycle .mt-lc-overlay.mt-lc-active .mt-lc-overlay-img { transform: scale(1); }\n\n    \/* \u653e\u5927\u89c6\u7a97\u7269\u7406\u89d2\u6807 *\/\n    #mt-lifecycle .mt-lc-zoom-frame-bl {\n      position: absolute; bottom: 0; left: 0; width: 40px; height: 40px;\n      border: 2px solid var(--mt-st-primary); border-top: none; border-right: none;\n      z-index: 5; pointer-events: none; opacity: 0.5;\n    }\n\n    \/* \u653e\u5927\u955c\u5173\u95ed\u6309\u94ae *\/\n    #mt-lifecycle .mt-lc-close {\n      position: absolute; top: 30px; right: 30px;\n      background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1);\n      color: #FFFFFF; font-size: 32px; font-weight: 300; width: 50px; height: 50px;\n      cursor: pointer;\n      display: flex; justify-content: center; align-items: center;\n      transition: all 0.2s ease;\n      clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);\n    }\n    #mt-lifecycle .mt-lc-close:hover {\n      background-color: var(--mt-st-primary); border-color: var(--mt-st-primary);\n    }\n  <\/style>\n\n  <script>\n    (function() {\n      \/\/ \u786e\u4fdd\u811a\u672c\u53ea\u4f5c\u7528\u4e8e\u5f53\u524d\u552f\u4e00 ID \u6a21\u5757\n      const container = document.getElementById('mt-lifecycle');\n      if (!container) return;\n\n      const overlay = container.querySelector('.mt-lc-overlay');\n      const overlayImg = overlay.querySelector('.mt-lc-overlay-img');\n      const closeBtn = overlay.querySelector('.mt-lc-close');\n      const cards = container.querySelectorAll('.mt-lc-viewport');\n\n      \/\/ \u653e\u5927\u56fe\u7247\u6307\u4ee4\n      function openLightbox(src, alt) {\n        if (!src) return;\n        overlayImg.src = src;\n        overlayImg.alt = alt || \"Precision Telemetry View\";\n        overlay.classList.add('mt-lc-active');\n        document.body.style.overflow = 'hidden'; \/\/ \u963b\u6b62\u6eda\u52a8\n      }\n\n      \/\/ \u7f29\u5c0f\/\u5173\u95ed\u6307\u4ee4\n      function closeLightbox() {\n        overlay.classList.remove('mt-lc-active');\n        document.body.style.overflow = ''; \/\/ \u6062\u590d\u6eda\u52a8\n        \/\/ \u5ef6\u8fdf\u91cd\u7f6e\u56fe\u7247\uff0c\u907f\u514d\u95ea\u70c1\n        setTimeout(() => { overlayImg.src = \"\"; }, 400);\n      }\n\n      \/\/ \u4e3a\u56db\u4e2a\u9636\u6bb5\u7684\u56fe\u50cf\u8231\u683c\u6dfb\u52a0\u653e\u5927\u4e8b\u4ef6\n      cards.forEach(card => {\n        card.addEventListener('click', function() {\n          const img = this.querySelector('.mt-lc-card-img');\n          \/\/ Google\u53cb\u597d\u7684 SEO Alt\uff0c\u786e\u4fdd\u70b9\u51fb\u653e\u5927\u540e alt \u5c5e\u6027\u4e5f\u6b63\u786e\n          openLightbox(img.src, img.alt);\n        });\n      });\n\n      \/\/ \u5173\u95ed\u4e8b\u4ef6 (\u6309\u94ae\uff0c\u80cc\u666f\u70b9\u51fb\uff0cESC\u952e)\n      closeBtn.addEventListener('click', closeLightbox);\n      overlay.addEventListener('click', function(e) {\n        \/\/ \u70b9\u51fb\u56fe\u7247\u672c\u8eab\u4e5f\u5173\u95ed\uff0c\u5b9e\u73b0\u201c\u70b9\u51fb\u7f29\u5c0f\u201d\u4f53\u9a8c\n        if (e.target === overlay || e.target === overlayImg) {\n          closeLightbox();\n        }\n      });\n\n      document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' && overlay.classList.contains('mt-lc-active')) {\n          closeLightbox();\n        }\n      });\n\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-392525f\" data-block-id=\"392525f\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-392525f-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-af0906a\" data-v=\"4\" data-block-id=\"af0906a\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-af0906a-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-af0906a-inner-blocks\">\n<style>\n  \/* \u6a21\u5757\u7ea7\u53d8\u91cf\u4e0e\u5916\u5c42\u91cd\u7f6e *\/\n  #mt-bento-enhanced-904 {\n    --mt-primary: #0078C0;\n    --mt-secondary: #7860A8;\n    --mt-dark: #0F172A;\n    --mt-dark-hover: #162032;\n    --mt-gray: #475569;\n    --mt-light: #94A3B8;\n    --mt-bg-light: #F5F8FB;\n    --mt-border: #E2E8F0;\n    \n    width: 100% !important;\n    padding-block: clamp(50px, 7vw, 90px) !important;\n    background-color:#ffffff; \n    \/* \u5f15\u5165\u6781\u8f7b\u91cf\u7684\u84dd\u56fe\u7f51\u683c\u5e95\u7eb9\uff0c\u589e\u52a0\u5de5\u7a0b\u8d28\u611f *\/\n    background-image: \n      linear-gradient(rgba(15, 23, 42, 0.02) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(15, 23, 42, 0.02) 1px, transparent 1px);\n    background-size: 32px 32px;\n    box-sizing: border-box;\n    font-family: inherit;\n  }\n  #mt-bento-enhanced-904 * {\n    box-sizing: border-box;\n  }\n\n  \/* \u5185\u5c42\u4e25\u683c\u7ea6\u675f *\/\n  .mt-bme-inner {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    padding-inline: clamp(20px, 4vw, 60px) !important;\n  }\n\n  \/* --- \u9876\u90e8\u53d9\u4e8b\u533a --- *\/\n  .mt-bme-header {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 32px;\n    margin-bottom: clamp(40px, 5vw, 60px);\n    position: relative;\n    z-index: 2;\n  }\n  @media (min-width:1000px) {\n    .mt-bme-header {\n      grid-template-columns: 1fr 1fr; \n      gap: 64px;\n      align-items: start;\n    }\n  }\n\n  .mt-bme-sys-tag {\n    font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--mt-primary);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 24px 0;\n  }\n  .mt-bme-sys-tag::before {\n    content: \"\";\n    display: block;\n    width: 32px;\n    height: 2px;\n    background-color: var(--mt-primary);\n  }\n\n  .mt-bme-h2 {\n    font-size: clamp(36px, 4.5vw, 64px);\n    font-weight: 700;\n    line-height: 1.1;\n    color: var(--mt-dark);\n    margin: 0;\n    letter-spacing: -0.02em;\n  }\n  .mt-bme-h2 .mt-bme-amp {\n    font-style: italic;\n    color: var(--mt-primary);\n    font-weight: 400;\n  }\n\n  .mt-bme-body {\n    font-size: clamp(16px, 1.2vw, 18px);\n    font-weight: 400;\n    line-height: 1.65;\n    color: var(--mt-gray);\n    margin: 0;\n    padding-top: clamp(0px, 2vw, 12px);\n    border-left: 2px solid var(--mt-border);\n    padding-left: 20px;\n  }\n\n  \/* --- \u6838\u5fc3 12 \u5217 Bento Grid --- *\/\n  .mt-bme-grid {\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n    background-color: var(--mt-border); \n    border: 1px solid var(--mt-border);\n    gap: 1px;\n    position: relative;\n    z-index: 2;\n    box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.05);\n  }\n\n  \/* --- \u901a\u7528\u5361\u7247\u6837\u5f0f (\u517c\u5bb9 A \u6807\u7b7e\u94fe\u63a5) --- *\/\n  .mt-bme-card {\n    background-color: #ffffff;\n    padding: clamp(24px, 3vw, 40px);\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    transition: background-color 0.4s ease;\n    text-decoration: none !important; \/* \u53bb\u9664 A \u6807\u7b7e\u4e0b\u5212\u7ebf *\/\n    color: inherit;\n    cursor: default;\n  }\n  a.mt-bme-card {\n    cursor: pointer;\n  }\n  \n  \/* HUD \u8bbe\u8ba1 1\uff1a\u9876\u90e8\u6fc0\u5149\u626b\u63cf\u7ebf *\/\n  .mt-bme-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 0;\n    height: 3px;\n    background-color: var(--mt-primary);\n    transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    z-index: 10;\n  }\n  \/* HUD \u8bbe\u8ba1 2\uff1a\u53f3\u4e0b\u89d2\u5de5\u4e1a\u9501\u5b9a\u89d2\u6807 *\/\n  .mt-bme-card::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 16px;\n    height: 16px;\n    border-right: 2px solid var(--mt-primary);\n    border-bottom: 2px solid var(--mt-primary);\n    opacity: 0;\n    transform: translate(-4px, -4px);\n    transition: all 0.3s ease;\n  }\n\n  .mt-bme-card:hover {\n    background-color: #FAFCFF;\n  }\n  .mt-bme-card:hover::before {\n    width: 100%;\n  }\n  .mt-bme-card:hover::after {\n    opacity: 1;\n    transform: translate(0, 0);\n  }\n\n  \/* \u53f3\u4e0a\u89d2\u6307\u5411\u7bad\u5934 *\/\n  .mt-bme-arrow {\n    position: absolute;\n    top: clamp(24px, 3vw, 40px);\n    right: clamp(24px, 3vw, 40px);\n    width: 18px;\n    height: 18px;\n    color: var(--mt-light);\n    transition: color 0.3s ease, transform 0.3s ease;\n  }\n  a.mt-bme-card:hover .mt-bme-arrow {\n    color: var(--mt-primary);\n    transform: translateX(4px) translateY(-4px);\n  }\n\n  \/* \u54cd\u5e94\u5f0f\u7f51\u683c\u5206\u914d *\/\n  .mt-bme-card { grid-column: span 12; }\n  @media (min-width:690px) {\n    .mt-bme-card-large { grid-column: span 6; grid-row: span 2; }\n    .mt-bme-card-medium { grid-column: span 3; }\n    .mt-bme-card-small { grid-column: span 4; }\n  }\n\n  \/* --- \u65d7\u8230\u5927\u5361\u7247 (Dark Console Mode) --- *\/\n  .mt-bme-card-large {\n    background-color: var(--mt-dark);\n    color: #ffffff;\n    justify-content: space-between;\n  }\n  .mt-bme-card-large:hover {\n    background-color: var(--mt-dark-hover);\n  }\n  .mt-bme-card-large .mt-bme-arrow {\n    color: var(--mt-primary);\n  }\n  .mt-bme-card-large .mt-bme-h3 {\n    color: #ffffff;\n    font-size: clamp(24px, 2.5vw, 36px);\n    margin-bottom: 40px;\n  }\n  .mt-bme-card-large .mt-bme-spec {\n    color: #94A3B8;\n  }\n  .mt-bme-card-large .mt-bme-data {\n    color: #ffffff;\n    border-left-color: var(--mt-primary);\n  }\n\n  \/* \u89c6\u9891\u63a7\u5236\u53f0\u5c01\u88c5 *\/\n  .mt-bme-video-block {\n    margin-top: 32px;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    background-color: #000;\n    border: 1px solid rgba(255,255,255,0.1);\n    position: relative;\n    padding: 4px;\n  }\n  .mt-bme-video-block video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    opacity: 0.9;\n  }\n  \/* \u76d1\u63a7\u7ea2\u70b9\u4e0e\u72b6\u6001 *\/\n  .mt-bme-video-status {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(0,0,0,0.6);\n    padding: 4px 8px;\n    font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n    font-size: 10px;\n    color: #fff;\n    letter-spacing: 0.05em;\n    z-index: 5;\n  }\n  .mt-bme-dot {\n    width: 6px;\n    height: 6px;\n    background-color: #ef4444;\n    border-radius: 50%;\n    animation: mtBlink 2s infinite;\n  }\n  @keyframes mtBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }\n\n  \/* --- \u5361\u7247\u5185\u90e8\u6392\u7248\u5347\u7ea7 --- *\/\n  .mt-bme-label {\n    display: inline-flex;\n    align-items: center;\n    font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: var(--mt-gray);\n    margin: 0 0 24px 0;\n    padding: 4px 8px;\n    border: 1px solid var(--mt-border);\n    background-color: var(--mt-bg-light);\n    align-self: flex-start;\n  }\n  \/* \u5927\u5361\u7247\u7684\u94ed\u724c\u53cd\u8272 *\/\n  .mt-bme-card-large .mt-bme-label {\n    background-color: rgba(255,255,255,0.05);\n    border-color: rgba(255,255,255,0.1);\n    color: var(--mt-primary);\n  }\n  \n  .mt-bme-h3 {\n    font-size: clamp(18px, 1.5vw, 22px);\n    font-weight: 700;\n    line-height: 1.3;\n    color: var(--mt-dark);\n    margin: 0 0 16px 0;\n    padding-right: 24px;\n    transition: color 0.3s ease;\n  }\n  a.mt-bme-card:hover .mt-bme-h3 {\n    color: var(--mt-primary);\n  }\n\n  .mt-bme-spec {\n    font-size: 14px;\n    color: var(--mt-gray);\n    line-height: 1.5;\n    margin: 0 0 20px 0;\n  }\n\n  .mt-bme-data-wrap {\n    margin-top: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n  \n  .mt-bme-data {\n    font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mt-dark);\n    margin: 0;\n    border-left: 2px solid var(--mt-primary);\n    padding-left: 12px;\n  }\n<\/style>\n\n<section id=\"mt-bento-enhanced-904\" class=\"mt-bento-wrapper\">\n  <div class=\"mt-bme-inner\">\n    \n    <div class=\"mt-bme-header\">\n      <div>\n        <p class=\"mt-bme-sys-tag\">What we build<\/p>\n        <h2 class=\"mt-bme-h2\">Main production lines <br><span class=\"mt-bme-amp\">&#038;<\/span> equipment.<\/h2>\n      <\/div>\n      <div>\n        <p class=\"mt-bme-body\">Our product line covers the full beverage value chain \u2014 from raw water in, to packaged bottle out \u2014 plus injection moulding and pen-assembly equipment for adjacent industries.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"mt-bme-grid\">\n      \n      <div class=\"mt-bme-card mt-bme-card-large\">\n        <svg class=\"mt-bme-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <div>\n          <span class=\"mt-bme-label\">FLAGSHIP \u00b7 BOTTLING<\/span>\n          <h3 class=\"mt-bme-h3\">Mineral, Purified &#038; Carbonated Drink Filling Lines<\/h3>\n        <\/div>\n        <div>\n          <div class=\"mt-bme-data-wrap\">\n            <p class=\"mt-bme-spec\">Complete filling and heat-shrink packaging production lines<\/p>\n            <p class=\"mt-bme-data\">Capacity: 2,000 \u2013 36,000 bottles \/ hour<\/p>\n          <\/div>\n          <div class=\"mt-bme-video-block\">\n            <div class=\"mt-bme-video-status\">\n              <span class=\"mt-bme-dot\"><\/span> OP-01 LIVE\n            <\/div>\n            <video src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/\u73bb\u7483\u74f6\u5564\u9152.mp4\" controls muted playsinline preload=\"metadata\" aria-label=\"Bottling line in action\"><\/video>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <a href=\"https:\/\/masstechx.com\/water-treatment-system\/\" class=\"mt-bme-card mt-bme-card-medium\">\n        <svg class=\"mt-bme-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <span class=\"mt-bme-label\">PURIFICATION<\/span>\n        <h3 class=\"mt-bme-h3\">Water Treatment System<\/h3>\n        <div class=\"mt-bme-data-wrap\">\n          <p class=\"mt-bme-data\">Capacity: 0.5 \u2013 50 T\/H<\/p>\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/masstechx.com\/carbonated-drink-filling-machine\/\" class=\"mt-bme-card mt-bme-card-medium\">\n        <svg class=\"mt-bme-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <span class=\"mt-bme-label\">CSD BOTTLING<\/span>\n        <h3 class=\"mt-bme-h3\">Carbonated Drink Filling<\/h3>\n        <div class=\"mt-bme-data-wrap\">\n          <p class=\"mt-bme-data\">Isobaric filling tech<\/p>\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/masstechx.com\/can-filling-machine\/\" class=\"mt-bme-card mt-bme-card-medium\">\n        <svg class=\"mt-bme-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <span class=\"mt-bme-label\">CAN FILLING<\/span>\n        <h3 class=\"mt-bme-h3\">Can Filling Machine<\/h3>\n        <div class=\"mt-bme-data-wrap\">\n          <p class=\"mt-bme-data\">Aluminum &#038; Tin Cans<\/p>\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/masstechx.com\/can-filling-machine\/\" class=\"mt-bme-card mt-bme-card-medium\">\n        <svg class=\"mt-bme-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <span class=\"mt-bme-label\">BEVERAGE CAN<\/span>\n        <h3 class=\"mt-bme-h3\">Can Packaging Lines<\/h3>\n        <div class=\"mt-bme-data-wrap\">\n          <p class=\"mt-bme-spec\">High-speed seaming &#038; sealing<\/p>\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/masstechx.com\/bottle-labeling-machine\/\" class=\"mt-bme-card mt-bme-card-small\">\n        <svg class=\"mt-bme-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <span class=\"mt-bme-label\">PACKAGING<\/span>\n        <h3 class=\"mt-bme-h3\">Bottle Labeling Machine<\/h3>\n        <div class=\"mt-bme-data-wrap\">\n          <p class=\"mt-bme-data\">OPP \/ BOPP \/ Sleeves<\/p>\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/masstechx.com\/bottle-blowing-machine\/\" class=\"mt-bme-card mt-bme-card-small\">\n        <svg class=\"mt-bme-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <span class=\"mt-bme-label\">PET MOULDING<\/span>\n        <h3 class=\"mt-bme-h3\">Bottle Blowing Machine<\/h3>\n        <div class=\"mt-bme-data-wrap\">\n          <p class=\"mt-bme-spec\">Preform moulding &#038; blowing<\/p>\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/masstechx.com\/pen-making-machine\/\" class=\"mt-bme-card mt-bme-card-small\">\n        <svg class=\"mt-bme-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <span class=\"mt-bme-label\">STATIONERY<\/span>\n        <h3 class=\"mt-bme-h3\">Pen Making Machine<\/h3>\n        <div class=\"mt-bme-data-wrap\">\n          <p class=\"mt-bme-spec\">Automated assembly systems<\/p>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-5eb0b56\" data-block-id=\"5eb0b56\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-5eb0b56-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-687e0ad\" data-v=\"4\" data-block-id=\"687e0ad\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-687e0ad-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-687e0ad-inner-blocks\">\n<section id=\"mt-aftersales-hud\" class=\"mt-ah-outer\">\n  \n  <div class=\"mt-ah-blueprint-grid\"><\/div>\n\n  <div class=\"mt-ah-inner\">\n    \n    <header class=\"mt-ah-console-header\">\n      <div class=\"mt-ah-ch-main\">\n        <div class=\"mt-ah-kicker\">\n          <span class=\"mt-ah-status-led\"><\/span>\n          <span class=\"mt-ah-kicker-text\">After-sales guarantee<\/span>\n          <span class=\"mt-ah-kicker-line\"><\/span>\n        <\/div>\n        <h2 class=\"mt-ah-h2\">Worry-free support, built into the contract.<\/h2>\n      <\/div>\n      <div class=\"mt-ah-ch-meta\">\n        <div class=\"mt-ah-meta-node\">\n          <span class=\"mt-ah-meta-key\">PROTOCOL \/\/<\/span>\n          <span class=\"mt-ah-meta-val\">LOCKED<\/span>\n        <\/div>\n      <\/div>\n    <\/header>\n\n    <div class=\"mt-ah-matrix-chassis\">\n      \n      <div class=\"mt-ah-corner mt-ah-tl\"><\/div>\n      <div class=\"mt-ah-corner mt-ah-br\"><\/div>\n\n      <article class=\"mt-ah-node\">\n        <div class=\"mt-ah-node-stripe\"><\/div>\n        \n        <div class=\"mt-ah-node-header\">\n          <span class=\"mt-ah-sys-id\">[PARAM: SRV-01]<\/span>\n          <span class=\"mt-ah-spec-box\">Warranty period<\/span>\n        <\/div>\n        \n        <div class=\"mt-ah-data-core\">\n          <div class=\"mt-ah-mega-val\">2<span class=\"mt-ah-unit\">YR<\/span><\/div>\n        <\/div>\n        \n        <div class=\"mt-ah-content-box\">\n          <h3 class=\"mt-ah-h3\">Full machine warranty<\/h3>\n          <p class=\"mt-ah-desc\">Every machine part is covered for a full two years from delivery \u2014 no carve-outs, no asterisks.<\/p>\n        <\/div>\n        \n        <div class=\"mt-ah-circuit-line\"><\/div>\n      <\/article>\n\n      <article class=\"mt-ah-node mt-ah-node-center\">\n        <div class=\"mt-ah-node-stripe\"><\/div>\n        \n        <div class=\"mt-ah-node-header\">\n          <span class=\"mt-ah-sys-id\">[PARAM: SRV-02]<\/span>\n          <span class=\"mt-ah-spec-box\">Engineer response<\/span>\n        <\/div>\n        \n        <div class=\"mt-ah-data-core\">\n          <div class=\"mt-ah-mega-val\">24<span class=\"mt-ah-unit\">HR<\/span><\/div>\n        <\/div>\n        \n        <div class=\"mt-ah-content-box\">\n          <h3 class=\"mt-ah-h3\">Always-on technical line<\/h3>\n          <p class=\"mt-ah-desc\">A real engineer responds to your support request within 24 hours, every day of the week.<\/p>\n        <\/div>\n        \n        <div class=\"mt-ah-circuit-line\"><\/div>\n      <\/article>\n\n      <article class=\"mt-ah-node mt-ah-node-last\">\n        <div class=\"mt-ah-node-stripe\"><\/div>\n        \n        <div class=\"mt-ah-node-header\">\n          <span class=\"mt-ah-sys-id\">[PARAM: SRV-03]<\/span>\n          <span class=\"mt-ah-spec-box\">Parts delivery<\/span>\n        <\/div>\n        \n        <div class=\"mt-ah-data-core\">\n          <div class=\"mt-ah-mega-val\">5<span class=\"mt-ah-unit\">DAY<\/span><\/div>\n        <\/div>\n        \n        <div class=\"mt-ah-content-box\">\n          <h3 class=\"mt-ah-h3\">Fast spare-parts dispatch<\/h3>\n          <p class=\"mt-ah-desc\">Replacement parts shipped via international courier and delivered within 5 working days.<\/p>\n        <\/div>\n        \n        <div class=\"mt-ah-circuit-line\"><\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n\n  <style>\n    \/* \u6781\u81f4\u91cd\u5de5\u53d8\u91cf\u7cfb\u7edf *\/\n    #mt-aftersales-hud.mt-ah-outer {\n      --mt-ah-primary: #0078C0;\n      --mt-ah-primary-glow: rgba(0, 120, 192, 0.4);\n      --mt-ah-secondary: #7860A8;\n      --mt-ah-bg-void: #030712; \/* \u6781\u6df1\u822a\u7a7a\u9ed1 *\/\n      --mt-ah-panel-solid: #0B1121; \/* \u54d1\u5149\u5b9e\u4f53\u94a2\u677f\u8272 *\/\n      --mt-ah-panel-hover: #121C33;\n      --mt-ah-border: rgba(148, 163, 184, 0.15); \/* \u5fae\u5f31\u7684\u7269\u7406\u5206\u5272\u7ebf *\/\n      --mt-ah-accent-line: rgba(0, 120, 192, 0.3);\n      --mt-ah-text-white: #F8FAFC;\n      --mt-ah-text-gray: #94A3B8;\n      --mt-ah-success: #16A34A;\n      --mt-ah-mono: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n\n      position: relative;\n      width: 100% !important;\n      background-color: var(--mt-ah-bg-void);\n      padding-block: clamp(60px, 8vw, 100px) !important;\n      box-sizing: border-box;\n      overflow: hidden;\n      color: var(--mt-ah-text-white);\n    }\n\n    #mt-aftersales-hud * { box-sizing: border-box; }\n\n    \/* 1. \u6c89\u6d78\u5f0f\u84dd\u56fe\u5e95\u7eb9 *\/\n    #mt-aftersales-hud .mt-ah-blueprint-grid {\n      position: absolute; inset: 0; z-index: 0;\n      background-image: \n        linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n      background-size: 60px 60px;\n      \/* \u6838\u5fc3\u89c6\u533a\u5916\u6e10\u9690 *\/\n      mask-image: radial-gradient(ellipse at top center, black 30%, transparent 80%);\n      -webkit-mask-image: radial-gradient(ellipse at top center, black 30%, transparent 80%);\n      pointer-events: none;\n    }\n\n    \/* 2. \u5185\u90e8\u5b89\u5168\u5bb9\u5668 *\/\n    #mt-aftersales-hud .mt-ah-inner {\n      position: relative; z-index: 10;\n      max-width: 1600px !important; margin: 0 auto !important;\n      padding-inline: clamp(20px, 4vw, 60px) !important;\n      display: flex; flex-direction: column; gap: clamp(40px, 6vw, 64px);\n    }\n\n    \/* 3. \u975e\u5bf9\u79f0\u6307\u4ee4\u53f0 *\/\n    #mt-aftersales-hud .mt-ah-console-header {\n      display: flex; justify-content: space-between; align-items: flex-end;\n      border-bottom: 1px solid var(--mt-ah-border);\n      padding-bottom: 24px;\n    }\n\n    @media (max-width: 992px) {\n      #mt-aftersales-hud .mt-ah-console-header { flex-direction: column; align-items: flex-start; gap: 24px; }\n    }\n\n    #mt-aftersales-hud .mt-ah-ch-main {\n      display: flex; flex-direction: column; gap: 16px; max-width: 65ch;\n    }\n\n    #mt-aftersales-hud .mt-ah-kicker {\n      display: flex; align-items: center; gap: 12px;\n    }\n    #mt-aftersales-hud .mt-ah-status-led {\n      width: 8px; height: 8px; border-radius: 50%; background-color: var(--mt-ah-success);\n      box-shadow: 0 0 10px rgba(22, 163, 74, 0.6);\n    }\n    #mt-aftersales-hud .mt-ah-kicker-text {\n      font-family: var(--mt-ah-mono); font-size: 13px; font-weight: 600;\n      color: var(--mt-ah-text-gray); letter-spacing: 0.1em; text-transform: uppercase;\n    }\n    #mt-aftersales-hud .mt-ah-kicker-line {\n      flex-grow: 1; height: 1px; background: var(--mt-ah-accent-line); max-width: 100px;\n    }\n\n    #mt-aftersales-hud .mt-ah-h2 {\n      margin: 0; font-size: clamp(32px, 4vw, 56px); font-weight: 700;\n      line-height: 1.15; color: var(--mt-ah-text-white); letter-spacing: -0.01em;\n    }\n\n    \/* \u4fa7\u5411\u673a\u8bfb\u6570\u636e *\/\n    #mt-aftersales-hud .mt-ah-ch-meta {\n      display: flex; align-items: center;\n    }\n    #mt-aftersales-hud .mt-ah-meta-node {\n      display: flex; align-items: center; gap: 8px;\n      background: rgba(255,255,255,0.03); padding: 8px 16px; border: 1px solid var(--mt-ah-border);\n    }\n    #mt-aftersales-hud .mt-ah-meta-key { font-family: var(--mt-ah-mono); font-size: 11px; color: var(--mt-ah-text-gray); }\n    #mt-aftersales-hud .mt-ah-meta-val { font-family: var(--mt-ah-mono); font-size: 12px; color: var(--mt-ah-primary); font-weight: 600; }\n\n    \/* 4. \u4e00\u4f53\u5316\u6218\u672f\u9065\u6d4b\u77e9\u9635 (\u6838\u5fc3 1x3 \u7f51\u683c) *\/\n    #mt-aftersales-hud .mt-ah-matrix-chassis {\n      position: relative;\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1px; \/* 1px \u5185\u90e8\u786c\u9694\u79bb *\/\n      background-color: var(--mt-ah-border);\n      border: 1px solid var(--mt-ah-border);\n      \/* \u673a\u68b0\u5012\u89d2\u5207\u5272 *\/\n      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);\n    }\n\n    @media (max-width: 992px) {\n      #mt-aftersales-hud .mt-ah-matrix-chassis { grid-template-columns: 1fr; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%); }\n    }\n\n    \/* \u7269\u7406\u8fb9\u89d2\u5916\u9aa8\u67b6 *\/\n    #mt-aftersales-hud .mt-ah-corner { position: absolute; width: 32px; height: 32px; border: 2px solid var(--mt-ah-primary); z-index: 5; pointer-events: none; }\n    #mt-aftersales-hud .mt-ah-tl { top: -1px; left: -1px; border-right: none; border-bottom: none; }\n    #mt-aftersales-hud .mt-ah-br { bottom: -1px; right: -1px; border-left: none; border-top: none; }\n\n    \/* \u72ec\u7acb\u6218\u672f\u8231\u683c *\/\n    #mt-aftersales-hud .mt-ah-node {\n      background-color: var(--mt-ah-panel-solid);\n      display: flex; flex-direction: column;\n      position: relative; overflow: hidden;\n      transition: background-color 0.4s ease;\n    }\n    #mt-aftersales-hud .mt-ah-node:hover { background-color: var(--mt-ah-panel-hover); }\n\n    \/* \u5de5\u4e1a\u659c\u7eb9\u8b66\u793a\u5e26 *\/\n    #mt-aftersales-hud .mt-ah-node-stripe {\n      width: 100%; height: 4px;\n      background: repeating-linear-gradient(\n        -45deg,\n        var(--mt-ah-panel-solid),\n        var(--mt-ah-panel-solid) 8px,\n        var(--mt-ah-accent-line) 8px,\n        var(--mt-ah-accent-line) 16px\n      );\n      transition: background 0.4s ease;\n    }\n    #mt-aftersales-hud .mt-ah-node:hover .mt-ah-node-stripe {\n      background: repeating-linear-gradient(\n        -45deg,\n        var(--mt-ah-primary),\n        var(--mt-ah-primary) 8px,\n        #0284C7 8px,\n        #0284C7 16px\n      );\n    }\n\n    \/* \u8231\u683c\u9876\u90e8\u673a\u8bfb\u4fe1\u606f *\/\n    #mt-aftersales-hud .mt-ah-node-header {\n      padding: 24px 32px 0 32px;\n      display: flex; justify-content: space-between; align-items: center;\n    }\n    #mt-aftersales-hud .mt-ah-sys-id {\n      font-family: var(--mt-ah-mono); font-size: 11px; font-weight: 600; color: var(--mt-ah-text-gray); letter-spacing: 0.1em;\n    }\n    #mt-aftersales-hud .mt-ah-spec-box {\n      font-family: var(--mt-ah-mono); font-size: 11px; font-weight: 600; color: var(--mt-ah-primary);\n      text-transform: uppercase; border: 1px solid var(--mt-ah-accent-line); padding: 4px 8px;\n    }\n\n    \/* \u4e2d\u592e\u5de8\u578b\u53d1\u5149\u7ba1\u6570\u636e *\/\n    #mt-aftersales-hud .mt-ah-data-core {\n      padding: 24px 32px;\n    }\n    #mt-aftersales-hud .mt-ah-mega-val {\n      font-family: var(--mt-ah-mono);\n      font-size: clamp(80px, 8vw, 120px);\n      font-weight: 700; line-height: 0.8;\n      color: transparent;\n      -webkit-text-stroke: 2px var(--mt-ah-text-gray);\n      transition: all 0.4s ease;\n    }\n    #mt-aftersales-hud .mt-ah-node:hover .mt-ah-mega-val {\n      color: var(--mt-ah-text-white);\n      -webkit-text-stroke: 0px transparent;\n      text-shadow: 0 0 40px var(--mt-ah-primary-glow);\n    }\n    #mt-aftersales-hud .mt-ah-unit {\n      font-size: 0.35em; color: var(--mt-ah-primary); font-weight: 700; margin-left: 8px; letter-spacing: 0;\n      -webkit-text-stroke: 0; text-shadow: none;\n    }\n\n    \/* \u5e95\u90e8\u6587\u672c\u5323\u5b50 *\/\n    #mt-aftersales-hud .mt-ah-content-box {\n      padding: 0 32px 48px 32px;\n      display: flex; flex-direction: column; gap: 16px; flex-grow: 1;\n    }\n    #mt-aftersales-hud .mt-ah-h3 {\n      margin: 0; font-size: clamp(20px, 2vw, 24px); font-weight: 600; line-height: 1.3;\n      color: var(--mt-ah-text-white); letter-spacing: -0.01em;\n    }\n    #mt-aftersales-hud .mt-ah-desc {\n      margin: 0; font-size: 15px; line-height: 1.6; color: var(--mt-ah-text-gray);\n    }\n\n    \/* \u5e95\u90e8\u60ac\u505c\u80fd\u91cf\u56de\u8def (Circuit Line) *\/\n    #mt-aftersales-hud .mt-ah-circuit-line {\n      position: absolute; bottom: 0; left: 0;\n      width: 0%; height: 3px; background-color: var(--mt-ah-primary);\n      transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    #mt-aftersales-hud .mt-ah-node:hover .mt-ah-circuit-line { width: 100%; }\n  <\/style>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>About \u2014 01 Location: Est. Zhangjiagang, Jiangsu Market: Global Export Engineering the flow of industry, one bottle at a time. A professional manufacturer of water filling machines, pen making machines and plastic injection moulding equipment \u2014 built on well-equipped testing facilities and robust technical strength. Live Telemetry Synced Bottles per hour 36,000\/h Water treatment 50T\/H [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3832,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-781","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"page_title_panel":"","has_hero_section":"disabled","cdffe435dcab9bc0ccfb8b8286615cd0":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Casa"},{"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}],"aa3e71982d0f17b8fe2bfbbbb3812215":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","e60ee0ea9b28fd15f57bf213bf429eae":"","hero_structure":"narrow","91f1b2d6092ab8cac63a7d09191e2915":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"page_title_image_size":"full","parallax":{"desktop":false,"tablet":false,"mobile":false},"3b731d17b6531211b1472abeefaae46a":"","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},"dc538ce9b4da84cfb0fa32d6a20988f8":"","page_structure_type":"default","24b6769498b19f76af1dd253e1cc607f":"","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)"}},"content_boxed_border":{"width":1,"style":"none","color":{"color":"rgba(44,62,80,0.2)"}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"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}},"ac93a16d09c08770d93e1a1ae1cdc52e":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no"},"_links":{"self":[{"href":"https:\/\/masstechx.com\/pt\/wp-json\/wp\/v2\/pages\/781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/masstechx.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/masstechx.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/masstechx.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/masstechx.com\/pt\/wp-json\/wp\/v2\/comments?post=781"}],"version-history":[{"count":0,"href":"https:\/\/masstechx.com\/pt\/wp-json\/wp\/v2\/pages\/781\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/masstechx.com\/pt\/wp-json\/wp\/v2\/media\/3832"}],"wp:attachment":[{"href":"https:\/\/masstechx.com\/pt\/wp-json\/wp\/v2\/media?parent=781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}