{"id":698,"date":"2022-09-09T12:31:17","date_gmt":"2022-09-09T12:31:17","guid":{"rendered":"https:\/\/startersites.io\/elementor\/gadgets\/?page_id=698"},"modified":"2026-06-24T05:20:38","modified_gmt":"2026-06-24T05:20:38","slug":"about-us","status":"publish","type":"page","link":"https:\/\/autex.com.hk\/en\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n <\/title>\r\n \r\n <!-- \u5f15\u5165\u5b57\u9ad4 -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;900&family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* ==================================================\r\n \u5f37\u5236\u6d88\u9664 Elementor \u8207\u4e3b\u984c\u7684\u6240\u6709\u9810\u8a2d\u767d\u908a\/\u7559\u767d\r\n ================================================== *\/\r\n html, body {\r\n margin: 0 !important; padding: 0 !important; width: 100% !important; overflow-x: hidden !important;\r\n }\r\n .elementor-widget-html, .elementor-widget-wrap, .elementor-container {\r\n margin: 0 !important; padding: 0 !important; gap: 0 !important;\r\n }\r\n\r\n \/* ==================================================\r\n \u5c08\u5c6c \u6697\u85cd\u7d2b x \u4f5b\u624b\u9ec3 \u8272\u5f69\u8b8a\u6578\r\n ================================================== *\/\r\n :root {\r\n --bg-black: #131124;\r\n --gold: #fed71a;\r\n --gold-glow: rgba(254, 215, 26, 0.25);\r\n \r\n --text-title: #fed71a; \r\n --text-body: rgba(255, 255, 255, 0.85); \r\n --text-muted: rgba(255, 255, 255, 0.5); \r\n \r\n --line: rgba(254, 215, 26, 0.3); \r\n --grid-line: rgba(254, 215, 26, 0.15); \r\n \r\n --font-serif: 'Noto Serif TC', \"PingFang TC\", \"Microsoft JhengHei\", serif;\r\n --font-sans: 'Noto Sans TC', \"PingFang TC\", \"Microsoft JhengHei\", sans-serif;\r\n --font-en: 'Montserrat', sans-serif;\r\n }\r\n\r\n \/* ==================================================\r\n \u5f37\u5236\u7a81\u7834 Elementor \u5bb9\u5668\u9650\u5236\uff0c\u9054\u5230 100% \u7d55\u5c0d\u6eff\u7248\r\n ================================================== *\/\r\n .main-wrapper {\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n background-color: var(--bg-black);\r\n color: var(--text-body);\r\n font-family: var(--font-sans);\r\n line-height: 2; \r\n font-weight: 300;\r\n }\r\n\r\n img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n transition: transform 1.5s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n }\r\n\r\n \/* \u5171\u7528\u6a19\u984c\u8207\u5167\u6587\u6a23\u5f0f *\/\r\n h1, h2, h3, .serif-heading { \r\n font-family: var(--font-serif); font-weight: 500; color: var(--text-title);\r\n line-height: 1.35; letter-spacing: 3px; margin: 0;\r\n }\r\n .gold-italic { color: var(--gold); font-style: italic; font-weight: 500; text-shadow: 0 0 20px var(--gold-glow); }\r\n\r\n .section-subtitle {\r\n font-family: var(--font-en); font-size: 11px; letter-spacing: 6px;\r\n color: var(--gold); text-transform: uppercase; font-weight: 400;\r\n display: flex; align-items: center; gap: 20px; margin-bottom: 25px;\r\n }\r\n .section-subtitle::before, .section-subtitle::after {\r\n content: ''; height: 1px; width: 40px; background-color: var(--gold); opacity: 0.6;\r\n }\r\n\r\n p { color: var(--text-body); font-weight: 300; letter-spacing: 1.5px; font-size: 14.5px; margin: 0; }\r\n\r\n \/* \u539f\u7248\u4f5b\u624b\u9ec3\u6309\u9215 *\/\r\n .btn-outline, .btn-solid {\r\n display: inline-flex; align-items: center; justify-content: center; gap: 10px;\r\n padding: 14px 32px; font-size: 13px; font-weight: 500; letter-spacing: 3px;\r\n text-decoration: none; transition: all 0.5s ease; border-radius: 4px;\r\n white-space: nowrap;\r\n }\r\n .btn-outline { border: 1px solid rgba(254, 215, 26, 0.5); color: var(--gold); }\r\n .btn-outline:hover { border-color: var(--gold); background: rgba(254, 215, 26, 0.1); transform: translateY(-2px); }\r\n .btn-solid { border: 1px solid var(--gold); color: var(--bg-black); background: var(--gold); box-shadow: 0 4px 15px var(--gold-glow); font-weight: 600; }\r\n .btn-solid:hover { background: transparent; color: var(--gold); box-shadow: none; border-color: var(--gold); transform: translateY(-2px); }\r\n\r\n \/* ==================================================\r\n \u5168\u5c40\u54c1\u724c Logo\r\n ================================================== *\/\r\n .brand-logo { \r\n position: absolute; \r\n top: 40px; \r\n left: 6%; \r\n z-index: 99; \r\n font-family: var(--font-en); \r\n font-size: 22px; \r\n font-weight: 700; \r\n color: #ffffff; \r\n letter-spacing: 4px; \r\n }\r\n\r\n \/* ==================================================\r\n 1. \u9996\u5c4f\u4f48\u5c40 (Hero Section)\r\n ================================================== *\/\r\n .hero-blueprint-wrapper { width: 100%; height: 100vh; min-height: 700px; position: relative; overflow: hidden; display: flex; border-bottom: 1px solid var(--grid-line); }\r\n .blueprint-circle { position: absolute; border: 1px dashed var(--grid-line); border-radius: 50%; z-index: 0; pointer-events: none; }\r\n .circle-1 { width: 800px; height: 800px; top: -100px; right: -100px; }\r\n .circle-2 { width: 400px; height: 400px; top: 100px; right: 100px; border: 1px solid var(--grid-line); }\r\n \r\n .hero-content-area { flex: 1; max-width: 650px; padding: 0 6%; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2; }\r\n .hero-content-area h1 { font-size: clamp(42px, 4.5vw, 64px); font-weight: 700; color: #ffffff; letter-spacing: 8px; margin: 0 0 30px 0; }\r\n .title-divider { width: 100%; height: 1px; background-color: var(--grid-line); margin-bottom: 30px; position: relative; }\r\n .title-divider::before { content: ''; position: absolute; left: 0; top: -2px; width: 40px; height: 5px; background-color: var(--gold); }\r\n .hero-content-area p { margin-bottom: 20px; }\r\n .en-desc { font-family: var(--font-en); font-size: 10px; color: var(--text-muted); text-transform: uppercase; margin-bottom: 50px !important; }\r\n .hero-btns { display: flex; gap: 20px; flex-wrap: wrap; }\r\n .hero-image-area { flex: 1.2; border-left: 1px solid var(--grid-line); display: flex; align-items: center; justify-content: center; padding: 60px; position: relative; z-index: 2; }\r\n .image-placeholder { width: 100%; height: 90%; position: relative; border-radius: 4px; overflow: hidden; background: #080713; box-shadow: 20px 20px 0px rgba(254, 215, 26, 0.1); }\r\n .image-placeholder::before { content: \"\"; position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(90deg, rgba(19,17,36,.18), transparent 34%, rgba(19,17,36,.22)), linear-gradient(180deg, rgba(0,0,0,.12), transparent 42%, rgba(0,0,0,.28)); }\r\n .image-placeholder::after { content: \"\"; position: absolute; inset: 0; z-index: 4; pointer-events: none; border: 1px solid rgba(254,215,26,.12); }\r\n .hero-slide { position: absolute; inset: 0; opacity: 0; z-index: 0; transition: opacity 1.4s cubic-bezier(.2,.8,.2,1); }\r\n .hero-slide.is-active { opacity: 1; z-index: 1; }\r\n .hero-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.035); filter: saturate(.92) contrast(1.03); transition: transform 6s cubic-bezier(.2,.8,.2,1), filter 1.4s ease; }\r\n .hero-slide.is-active img { transform: scale(1.095); }\r\n .hero-slider-progress { position: absolute; left: 28px; right: 28px; bottom: 24px; z-index: 5; height: 1px; background: rgba(255,255,255,.14); overflow: hidden; }\r\n .hero-slider-progress span { display: block; width: 0; height: 100%; background: var(--gold); box-shadow: 0 0 18px var(--gold-glow); }\r\n .hero-slider-progress span.is-running { animation: heroProgress 4.8s linear forwards; }\r\n .hero-slider-dots { position: absolute; right: 28px; bottom: 17px; z-index: 5; display: flex; gap: 8px; }\r\n .hero-slider-dot { width: 6px; height: 6px; border: 1px solid rgba(254,215,26,.55); background: transparent; transform: rotate(45deg); opacity: .42; transition: opacity .5s ease, background .5s ease; }\r\n .hero-slider-dot.is-active { opacity: 1; background: var(--gold); }\r\n @keyframes heroProgress { from { width: 0; } to { width: 100%; } }\r\n @media (prefers-reduced-motion: reduce) {\r\n .hero-slide, .hero-slide img, .hero-slider-progress span { transition: none !important; animation: none !important; }\r\n .hero-slide.is-active img { transform: scale(1.035); }\r\n }\r\n\r\n \/* ==================================================\r\n \u5168\u65b0\u4e0b\u534a\u90e8\u7248\u584a\r\n ================================================== *\/\r\n .autex-section { padding: 150px 5vw; border-bottom: 1px solid var(--grid-line); }\r\n .autex-section-head { display: grid; grid-template-columns: .86fr 1.14fr; gap: 72px; align-items: end; margin-bottom: 86px; }\r\n .section-desc { max-width: 620px; color: var(--text-body); }\r\n \r\n \/* \u932f\u843d\u7cfb\u7d71\u6e05\u55ae *\/\r\n .autex-rows { display: grid; border-top: 1px solid var(--grid-line); }\r\n .autex-row { position: relative; display: grid; grid-template-columns: 110px 1fr minmax(280px, 42vw); gap: 42px; align-items: center; min-height: 420px; padding: 56px 0; border-bottom: 1px solid var(--grid-line); }\r\n .autex-row:nth-child(even) { grid-template-columns: 110px minmax(280px, 42vw) 1fr; }\r\n .autex-row:nth-child(even) .autex-row-copy { grid-column: 3; grid-row: 1; }\r\n .autex-row:nth-child(even) .autex-row-image { grid-column: 2; grid-row: 1; }\r\n .autex-num { align-self: start; color: var(--gold); font-family: var(--font-en); font-size: 12px; letter-spacing: 3px; padding-top: 16px; }\r\n .autex-row-copy h3 { margin: 0 0 22px 0; font-size: clamp(27px, 3vw, 42px); }\r\n .autex-row-copy p { max-width: 480px; }\r\n .autex-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }\r\n .autex-tags span { padding: 7px 10px; border: 1px solid var(--grid-line); color: var(--text-muted); font-family: var(--font-en); font-size: 10px; letter-spacing: 2px; text-transform: uppercase; }\r\n .autex-row-image { position: relative; height: 360px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(ellipse at center, rgba(254,215,26,.09), transparent 58%), linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.01)); border: 1px solid var(--grid-line); margin: 0; isolation: isolate; }\r\n .autex-row-image::before { content: \"\"; position: absolute; inset: 26px 32px; border: 1px solid rgba(254,215,26,.08); pointer-events: none; z-index: 0; }\r\n .autex-row-image::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(19,17,36,.26), transparent 28%, transparent 72%, rgba(19,17,36,.32)); pointer-events: none; z-index: 2; }\r\n .autex-row-image img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.9) contrast(1.02); transition: transform .75s ease; }\r\n .autex-row:hover .autex-row-image img { transform: translateY(-8px) scale(1.025); }\r\n\r\n \/* \u5de5\u85dd\u7279\u5beb (Crop Grid) *\/\r\n .autex-crop { background: linear-gradient(180deg, var(--bg-black) 0%, rgba(19,17,36,.8) 52%, var(--bg-black) 100%); }\r\n .autex-crop-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 28px; align-items: stretch; }\r\n .autex-crop-hero, .autex-crop-tile { position: relative; overflow: hidden; border: 1px solid var(--grid-line); background: rgba(255,255,255,0.02); margin: 0; }\r\n .autex-crop-hero { min-height: 720px; }\r\n .autex-crop-carousel { position: absolute; inset: 0; overflow: hidden; background: rgba(255,255,255,0.02); }\r\n .autex-crop-fallback, .autex-crop-slide, .autex-crop-slide img { width: 100%; height: 100%; }\r\n .autex-crop-fallback, .autex-crop-slide { position: absolute; inset: 0; }\r\n .autex-crop-fallback, .autex-crop-slide img { display: block; object-fit: cover; }\r\n .autex-crop-slide { z-index: 0; opacity: 0; transition: opacity 1.35s cubic-bezier(.2,.8,.2,1); }\r\n .autex-crop-slide.is-active { opacity: .94; }\r\n .autex-crop-slide img { filter: saturate(.92) contrast(1.04); transform: scale(1.07); transition: transform 5.2s cubic-bezier(.2,.8,.2,1), filter 1.35s ease; }\r\n .autex-crop-slide.is-active img { transform: scale(1.14); }\r\n .autex-crop-hero .autex-crop-slide img, .autex-crop-hero .autex-crop-fallback { object-position: 48% 44%; }\r\n .autex-crop-stack { display: grid; grid-template-rows: 1fr 1fr; gap: 28px; }\r\n .autex-crop-tile { min-height: 346px; }\r\n .autex-crop-tile.panel .autex-crop-slide img, .autex-crop-tile.panel .autex-crop-fallback { object-position: 34% 52%; }\r\n .autex-crop-tile.glass .autex-crop-slide img, .autex-crop-tile.glass .autex-crop-fallback { object-position: 52% 48%; }\r\n .autex-crop-hero:hover .autex-crop-slide.is-active img, .autex-crop-tile:hover .autex-crop-slide.is-active img { transform: scale(1.18); filter: saturate(1) contrast(1.06); }\r\n\r\n \/* \u61f8\u6d6e\u756b\u5eca (Float Gallery) *\/\r\n .autex-float-gallery { position: relative; min-height: 860px; padding-top: 20px; }\r\n .autex-float-img { position: absolute; overflow: hidden; border: 1px solid var(--grid-line); background: rgba(255,255,255,0.02); box-shadow: 0 30px 70px rgba(0,0,0,0.5); margin: 0; }\r\n .autex-float-img img { width: 100%; height: 100%; object-fit: cover; opacity: .9; transition: transform .9s ease, opacity .9s ease; }\r\n .autex-float-img:hover img { transform: scale(1.035); opacity: 1; }\r\n .autex-float-img.one { left: 0; top: 54px; width: 43%; height: 610px; }\r\n .autex-float-img.two { right: 6%; top: 0; width: 35%; height: 420px; }\r\n .autex-float-img.three { right: 0; bottom: 36px; width: 48%; height: 360px; }\r\n\r\n \/* ====== \u3010\u5df2\u4fee\u6539\u3011\u6587\u5b57\u79fb\u5230\u4e86\u5927\u56fe\u4e0b\u65b9 ====== *\/\r\n .autex-gallery-note { position: absolute; left: 0; bottom: 80px; top: auto; width: 350px; color: var(--text-muted); font-size: 14px; font-weight: 300; line-height: 2; margin: 0; }\r\n .autex-gallery-note::before { content: \"\"; display: block; width: 88px; height: 1px; margin-bottom: 24px; background: var(--gold); }\r\n \/* ============================================ *\/\r\n\r\n \/* \u7522\u54c1\u76ee\u9304 (Index) *\/\r\n .autex-index { display: grid; grid-template-columns: .78fr 1.22fr; gap: 82px; align-items: start; }\r\n .autex-index-sticky { position: sticky; top: 60px; }\r\n .autex-index-list { display: grid; gap: 18px; border-top: 0; }\r\n .autex-index-item { --matrix-bg: none; --matrix-pos: center; position: relative; isolation: isolate; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 30px; align-items: center; min-height: 184px; padding: 34px 38px; overflow: hidden; border: 1px solid var(--grid-line); background: #0e0c1d; box-shadow: inset 0 0 0 1px rgba(255,255,255,.018); }\r\n .autex-index-item::before { content: \"\"; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(19,17,36,.94) 0%, rgba(19,17,36,.72) 45%, rgba(19,17,36,.36) 100%), var(--matrix-bg) var(--matrix-pos) \/ cover no-repeat; filter: saturate(.86) contrast(1.06); transition: transform .9s ease, filter .9s ease; }\r\n .autex-index-item::after { content: \"\"; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .38; mix-blend-mode: overlay; background-image: repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 8px), repeating-linear-gradient(0deg, rgba(0,0,0,.32) 0 1px, transparent 1px 7px), radial-gradient(circle at 18% 28%, rgba(255,255,255,.12), transparent 1px), radial-gradient(circle at 74% 62%, rgba(254,215,26,.08), transparent 1px); background-size: auto, auto, 13px 13px, 17px 17px; }\r\n .autex-index-item:hover::before { transform: scale(1.035); filter: saturate(.95) contrast(1.08); }\r\n .autex-index-num { color: var(--gold); font-family: var(--font-en); font-size: 12px; letter-spacing: 3px; }\r\n .autex-index-item h3 { margin: 0 0 8px 0; font-size: 29px; color: var(--gold); text-shadow: 0 10px 28px rgba(0,0,0,.42); }\r\n .autex-index-item p { margin: 0; max-width: 420px; color: rgba(255,255,255,.78); text-shadow: 0 8px 24px rgba(0,0,0,.46); }\r\n .autex-index-thumb { display: none; }\r\n\r\n \/* ====== \u3010\u5df2\u522a\u9664\u3011\u9801\u5c3e (Footer) CSS ====== *\/\r\n\r\n\r\n \/* ==================================================\r\n \u52d5\u756b\u4fdd\u7559 (Animations)\r\n ================================================== *\/\r\n .reveal-up { opacity: 0; transform: translateY(30px); transition: opacity 1.5s cubic-bezier(0.2, 0.8, 0.2, 1), transform 1.5s cubic-bezier(0.2, 0.8, 0.2, 1); will-change: opacity, transform; }\r\n .reveal-scale { opacity: 0; transform: scale(1.03); transition: opacity 1.8s cubic-bezier(0.2, 0.8, 0.2, 1), transform 1.8s cubic-bezier(0.2, 0.8, 0.2, 1); will-change: opacity, transform; }\r\n .reveal-active { opacity: 1 !important; transform: translateY(0) scale(1) !important; }\r\n .delay-100 { transition-delay: 0.1s; } .delay-200 { transition-delay: 0.25s; } .delay-300 { transition-delay: 0.4s; }\r\n\r\n .anim-up { opacity: 0; transform: translateY(30px); animation: fadeUp 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }\r\n .anim-line { width: 0 !important; animation: expandLine 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.5s forwards; }\r\n @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\r\n @keyframes expandLine { to { width: 100%; } }\r\n\r\n \/* ==================================================\r\n \u97ff\u61c9\u5f0f (RWD) \u512a\u5316\r\n ================================================== *\/\r\n @media (max-width: 1024px) {\r\n .brand-logo { left: 5%; }\r\n .hero-content-area { padding: 0 5%; } \r\n .hero-content-area h1 { font-size: 42px; }\r\n .hero-image-area { padding: 40px; }\r\n\r\n .autex-section-head, .autex-crop-grid, .autex-index { grid-template-columns: 1fr; }\r\n .autex-row, .autex-row:nth-child(even) { grid-template-columns: 78px minmax(0, 1fr); grid-template-areas: \"num copy\" \"num image\" \"num action\"; gap: 28px; align-items: start; }\r\n .autex-num { grid-area: num; }\r\n .autex-row-copy, .autex-row:nth-child(even) .autex-row-copy { grid-area: copy; grid-column: auto; grid-row: auto; }\r\n .autex-row-image, .autex-row:nth-child(even) .autex-row-image { grid-area: image; grid-column: auto; grid-row: auto; width: 100%; height: auto; min-height: 300px; aspect-ratio: 16 \/ 10; padding: 18px; }\r\n .autex-row > .btn-outline { grid-area: action; justify-self: start; }\r\n .autex-index-sticky { position: static; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .brand-logo { top: 30px; left: 20px; }\r\n .hero-blueprint-wrapper { height: auto; min-height: 100vh; flex-direction: column; }\r\n .hero-image-area { border-left: none; padding: 0 20px 40px 20px; height: 400px; }\r\n .blueprint-circle { display: none; }\r\n .hero-content-area { padding: 100px 20px 40px 20px; text-align: center; align-items: center; }\r\n .hero-content-area h1 { font-size: 38px; }\r\n .hero-content-area p { text-align: center; }\r\n .hero-btns { justify-content: center; }\r\n .image-placeholder { box-shadow: 10px 10px 0px rgba(254, 215, 26, 0.1); height: 100%; }\r\n\r\n .autex-section { padding-left: 22px; padding-right: 22px; padding-top: 96px; padding-bottom: 96px; }\r\n .autex-section-head { margin-bottom: 52px; gap: 28px; }\r\n .autex-row, .autex-row:nth-child(even) { grid-template-columns: 1fr; grid-template-areas: \"num\" \"image\" \"copy\" \"action\"; min-height: auto; gap: 22px; padding: 42px 0; }\r\n .autex-num { padding-top: 0; }\r\n .autex-row-copy h3 { margin-bottom: 16px; }\r\n .autex-row-image { aspect-ratio: 4 \/ 3; padding: 14px; }\r\n .autex-crop-hero, .autex-crop-tile { min-height: 0; aspect-ratio: 4 \/ 3; }\r\n .autex-crop-stack { grid-template-rows: auto; }\r\n .autex-float-gallery { min-height: auto; display: grid; gap: 24px; }\r\n .autex-float-img, .autex-float-img.one, .autex-float-img.two, .autex-float-img.three { position: relative; inset: auto; width: 100%; height: auto; aspect-ratio: 4 \/ 3; padding: 14px; }\r\n .autex-gallery-note { position: relative; left: auto; top: auto; width: auto; }\r\n .autex-index-item { grid-template-columns: 1fr; gap: 12px; min-height: 172px; padding: 28px; }\r\n \/* ====== \u3010\u5df2\u522a\u9664\u3011\u624b\u6a5f\u7aef\u9801\u5c3e CSS ====== *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <main class=\"main-wrapper\">\r\n\r\n <!-- ==============================================\r\n \u9996\u5c4f (Blueprint Hero) \r\n ============================================== -->\r\n <section class=\"hero-blueprint-wrapper\">\r\n \r\n\r\n <div class=\"blueprint-circle circle-1\"><\/div>\r\n <div class=\"blueprint-circle circle-2\"><\/div>\r\n\r\n <div class=\"hero-content-area\">\r\n <h1 class=\"anim-up\">\u7cbe\u5de5\u6dec\u934a<br><span class=\"highlight-gold\" style=\"color:var(--gold);\">\u5353\u8d8a<\/span> \u5448\u73fe<\/h1>\r\n <div class=\"title-divider anim-line\"><\/div>\r\n <p class=\"anim-up\" style=\"animation-delay: 0.3s;\">\r\n \u6574\u5408\u7a7a\u9593\u52d5\u7dda\u8207\u71df\u904b\u8da8\u52e2\uff0c\u5f9e\u8a2d\u5099\u9078\u578b\u5230\u5f8c\u5eda\u7cbe\u5de5\u843d\u5730\uff0c\u5168\u7a0b\u5c08\u696d\u966a\u4f34\uff0c\u6210\u5c31\u9910\u98f2\u7a7a\u9593\u7684\u6975\u81f4\u6548\u80fd\u3002\r\n <\/p>\r\n <p class=\"en-desc anim-up\" style=\"animation-delay: 0.4s;\">\r\n Commercial Kitchen Solutions<br>that transform ideas into reality\r\n <\/p>\r\n <div class=\"hero-btns anim-up\" style=\"animation-delay: 0.5s;\">\r\n <a href=\"#autex-systems\" class=\"btn-solid\">\u63a2\u7d22\u7cfb\u5217<\/a>\r\n <a href=\"https:\/\/wa.me\/85262907246\" class=\"btn-outline\">\u9867\u554f\u8aee\u8a62<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-image-area\">\r\n <div class=\"image-placeholder anim-up\" style=\"animation-delay: 0.6s;\">\r\n <div class=\"hero-slide is-active\">\r\n <img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u53ef\u503e\u5f0f\u71ac\u6c64\u7089.1.png\" alt=\"AUDIS \u53ef\u50be\u5f0f\u71ac\u6e6f\u7210\u5c55\u793a\">\r\n <\/div>\r\n <div class=\"hero-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u725b\u8089\u719f\u6210\u67dc.1.png\" alt=\"AUDIS \u725b\u8089\u719f\u6210\u6ac3\u5c55\u793a\">\r\n <\/div>\r\n <div class=\"hero-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u4e07\u80fd\u84b8\u70e4\u7bb1.1.png\" alt=\"AUDIS \u842c\u80fd\u84b8\u70e4\u7bb1\u5c55\u793a\">\r\n <\/div>\r\n <div class=\"hero-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u957f\u9f99\u6d17\u7897\u673a-\u5e73\u94fa\u659c\u63d2-\u5e38\u89c4\u6b3e.1.png\" alt=\"AUDIS \u9577\u9f8d\u6d17\u7897\u6a5f\u5c55\u793a\">\r\n <\/div>\r\n <div class=\"hero-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u81ea\u52a8\u5305\u5b50\u673a-\u659c\u4f9b\u9762.1.png\" alt=\"AUDIS \u98df\u54c1\u6a5f\u68b0\u81ea\u52d5\u5316\u5c55\u793a\">\r\n <\/div>\r\n <div class=\"hero-slider-progress\" aria-hidden=\"true\"><span class=\"is-running\"><\/span><\/div>\r\n <div class=\"hero-slider-dots\" aria-hidden=\"true\">\r\n <span class=\"hero-slider-dot is-active\"><\/span>\r\n <span class=\"hero-slider-dot\"><\/span>\r\n <span class=\"hero-slider-dot\"><\/span>\r\n <span class=\"hero-slider-dot\"><\/span>\r\n <span class=\"hero-slider-dot\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==============================================\r\n Selected Systems (\u6838\u5fc3\u7cfb\u7d71)\r\n ============================================== -->\r\n <section id=\"autex-systems\" class=\"autex-section\">\r\n <div class=\"autex-section-head\">\r\n <div>\r\n <div class=\"section-subtitle reveal-up\" style=\"justify-content: flex-start;\">Selected Systems<\/div>\r\n <h2 class=\"reveal-up delay-100\">\u5148\u5efa\u7acb\u5f8c\u5eda\u79e9\u5e8f\uff0c<br>\u518d\u9078\u64c7\u6bcf\u4e00\u4ef6\u8a2d\u5099\u3002<\/h2>\r\n <\/div>\r\n <p class=\"section-desc reveal-up delay-200\">\r\n AUDIS \u4e0d\u53ea\u63d0\u4f9b\u55ae\u4ef6\u8a2d\u5099\uff0c\u66f4\u5354\u52a9\u9910\u98f2\u7a7a\u9593\u5efa\u7acb\u70f9\u8abf\u3001\u6d17\u6d88\u3001\u5236\u51b7\u8207\u5099\u6599\u4e4b\u9593\u7684\u904b\u884c\u7bc0\u594f\u3002\u9996\u9801\u5148\u5448\u73fe\u56db\u500b\u6838\u5fc3\u7cfb\u7d71\uff0c\u8b93\u5ba2\u6236\u5feb\u901f\u7406\u89e3\u65b9\u6848\u65b9\u5411\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"autex-rows\">\r\n <article class=\"autex-row reveal-up\">\r\n <div class=\"autex-num\">01<\/div>\r\n <div class=\"autex-row-copy\">\r\n <h3>\u7cbe\u63a7\u7121\u706b\u71b1\u5eda\u7cfb\u7d71<\/h3>\r\n <p>\u7a69\u5b9a\u706b\u5019\uff0c\u964d\u4f4e\u660e\u706b\u98a8\u96aa\u3002\u5f9e\u55ae\u9ede\u52a0\u71b1\u5230\u5927\u91cf\u70f9\u8abf\uff0c\u8b93\u9ad8\u983b\u7387\u51fa\u54c1\u4fdd\u6301\u4e00\u81f4\u7bc0\u594f\u3002<\/p>\r\n <div class=\"autex-tags\"><span>Thermal<\/span><span>Induction<\/span><span>Control<\/span><\/div>\r\n <\/div>\r\n <figure class=\"autex-row-image\">\r\n <img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/backgroundkithcne.png\" alt=\"AUDIS \u7cbe\u63a7\u7121\u706b\u71b1\u5eda\u5834\u666f\u5c55\u793a\">\r\n <\/figure>\r\n <a class=\"btn-outline\" href=\"https:\/\/wa.me\/85262907246\" style=\"justify-self:start;\">\u67e5\u8a62\u65b9\u6848<\/a>\r\n <\/article>\r\n\r\n <article class=\"autex-row reveal-up delay-100\">\r\n <div class=\"autex-num\">02<\/div>\r\n <div class=\"autex-row-copy\">\r\n <h3>\u6f54\u6de8\u6d41\u7dda\u6d17\u6d88\u7cfb\u7d71<\/h3>\r\n <p>\u5f9e\u9910\u5177\u6e05\u6d17\u5230\u9ad8\u6eab\u6d88\u6bd2\uff0c\u70ba\u7e41\u5fd9\u9910\u5ef3\u7dad\u6301\u4e7e\u6de8\u3001\u5feb\u901f\u3001\u53ef\u8ffd\u8e64\u7684\u6f54\u6de8\u6a19\u6e96\u3002<\/p>\r\n <div class=\"autex-tags\"><span>Wash<\/span><span>Sterile<\/span><span>Flow<\/span><\/div>\r\n <\/div>\r\n <figure class=\"autex-row-image\">\r\n <img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/kitchenwash.png\" alt=\"AUDIS \u6f54\u6de8\u6d41\u7dda\u6d17\u6d88\u5834\u666f\u5c55\u793a\">\r\n <\/figure>\r\n <a class=\"btn-outline\" href=\"https:\/\/wa.me\/85262907246\" style=\"justify-self:start;\">\u67e5\u8a62\u65b9\u6848<\/a>\r\n <\/article>\r\n\r\n <article class=\"autex-row reveal-up delay-200\">\r\n <div class=\"autex-num\">03<\/div>\r\n <div class=\"autex-row-copy\">\r\n <h3>\u6046\u6eab\u719f\u6210\u51b7\u93c8\u7cfb\u7d71<\/h3>\r\n <p>\u70ba\u98df\u6750\u3001\u98f2\u54c1\u8207\u719f\u6210\u74b0\u5883\u63d0\u4f9b\u7a69\u5b9a\u6eab\u63a7\uff0c\u8b93\u5c55\u793a\u3001\u4fdd\u5b58\u8207\u71df\u904b\u6548\u7387\u540c\u6642\u6210\u7acb\u3002<\/p>\r\n <div class=\"autex-tags\"><span>Cooling<\/span><span>Ageing<\/span><span>Display<\/span><\/div>\r\n <\/div>\r\n <figure class=\"autex-row-image\">\r\n <img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/system-refrigeration-aging-scene-v2-8k-scaled.webp\" alt=\"AUDIS \u6046\u6eab\u719f\u6210\u51b7\u93c8\u5834\u666f\u5c55\u793a\">\r\n <\/figure>\r\n <a class=\"btn-outline\" href=\"https:\/\/wa.me\/85262907246\" style=\"justify-self:start;\">\u67e5\u8a62\u65b9\u6848<\/a>\r\n <\/article>\r\n\r\n <article class=\"autex-row reveal-up delay-100\">\r\n <div class=\"autex-num\">04<\/div>\r\n <div class=\"autex-row-copy\">\r\n <h3>\u667a\u80fd\u5099\u6599\u81ea\u52d5\u5316\u7cfb\u7d71<\/h3>\r\n <p>\u5c07\u7e41\u8907\u5099\u6599\u4ea4\u7d66\u7a69\u5b9a\u6a5f\u68b0\uff0c\u63d0\u5347\u7522\u80fd\u8207\u4e00\u81f4\u6027\uff0c\u9069\u5408\u4e2d\u592e\u5eda\u623f\u3001\u9023\u9396\u9910\u98f2\u8207\u9ad8\u5cf0\u51fa\u9910\u5834\u666f\u3002<\/p>\r\n <div class=\"autex-tags\"><span>Automation<\/span><span>Preparation<\/span><span>Output<\/span><\/div>\r\n <\/div>\r\n <figure class=\"autex-row-image\">\r\n <img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/system-food-automation-scene-v2-8k-scaled.webp\">\r\n <\/figure>\r\n <a class=\"btn-outline\" href=\"https:\/\/wa.me\/85262907246\" style=\"justify-self:start;\">\u67e5\u8a62\u65b9\u6848<\/a>\r\n <\/article>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==============================================\r\n Details of Craft (\u7d30\u7bc0\u7279\u5beb)\r\n ============================================== -->\r\n <section class=\"autex-section autex-crop\">\r\n <div class=\"autex-section-head\">\r\n <div>\r\n <div class=\"section-subtitle reveal-up\" style=\"justify-content: flex-start;\">Details of Craft<\/div>\r\n <h2 class=\"reveal-up delay-100\">\u8fd1\u770b\uff0c\u662f\u8a2d\u5099\u7684\u5206\u5bf8\u3002<\/h2>\r\n <\/div>\r\n <p class=\"section-desc reveal-up delay-200\">\r\n \u9ad8\u7aef\u5f8c\u5eda\u7684\u53ef\u9760\uff0c\u85cf\u5728\u958b\u5408\u7d50\u69cb\u3001\u63a7\u5236\u9762\u677f\u3001\u73bb\u7483\u9580\u3001\u5167\u81bd\u8207\u91d1\u5c6c\u808c\u7406\u4e4b\u4e2d\u3002AUTEX \u4ee5\u53ef\u6e05\u6f54\u3001\u53ef\u7dad\u8b77\u3001\u53ef\u9577\u6642\u9593\u904b\u884c\u70ba\u524d\u63d0\uff0c\u8655\u7406\u6bcf\u4e00\u8655\u7d30\u7bc0\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"autex-crop-grid\">\r\n <figure class=\"autex-crop-hero reveal-scale delay-100\">\r\n <div class=\"autex-crop-carousel\" data-crop-carousel data-crop-offset=\"0\">\r\n <img decoding=\"async\" class=\"autex-crop-fallback\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u81ea\u52a8\u716e\u9762\u7089.1.2.png\" alt=\"\">\r\n <\/div>\r\n <\/figure>\r\n <div class=\"autex-crop-stack\">\r\n <figure class=\"autex-crop-tile panel reveal-scale delay-200\">\r\n <div class=\"autex-crop-carousel\" data-crop-carousel data-crop-offset=\"5\">\r\n <img decoding=\"async\" class=\"autex-crop-fallback\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u81ea\u52a8\u716e\u9762\u7089.1.7.png\" alt=\"\">\r\n <\/div>\r\n <\/figure>\r\n <figure class=\"autex-crop-tile glass reveal-scale delay-300\">\r\n <div class=\"autex-crop-carousel\" data-crop-carousel data-crop-offset=\"11\">\r\n <img decoding=\"async\" class=\"autex-crop-fallback\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u4e07\u80fd\u84b8\u70e4\u7bb1.1.6.png\" alt=\"\">\r\n <\/div>\r\n <\/figure>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==============================================\r\n Equipment Atmosphere (\u61f8\u6d6e\u756b\u5eca)\r\n ============================================== -->\r\n <section class=\"autex-section\">\r\n <div class=\"autex-section-head\">\r\n <div>\r\n <div class=\"section-subtitle reveal-up\" style=\"justify-content: flex-start;\">Equipment Atmosphere<\/div>\r\n <h2 class=\"reveal-up delay-100\">\u8b93\u8a2d\u5099\u5728\u7a7a\u9593\u4e2d\uff0c<br>\u4fdd\u6709\u5b89\u975c\u7684\u5b58\u5728\u611f\u3002<\/h2>\r\n <\/div>\r\n <p class=\"section-desc reveal-up delay-200\">\r\n \u5f8c\u5eda\u8a2d\u5099\u4e0d\u61c9\u55a7\u8cd3\u596a\u4e3b\uff0c\u537b\u5fc5\u9808\u5728\u6bcf\u4e00\u6b21\u9ad8\u5cf0\u71df\u904b\u4e2d\u4fdd\u6301\u7a69\u5b9a\u3002\u4ee5\u514b\u5236\u7684\u756b\u9762\u5448\u73fe\u7522\u54c1\uff0c\u8b93\u5ba2\u6236\u611f\u53d7\u5230\u5b83\u5011\u80cc\u5f8c\u7684\u79e9\u5e8f\u8207\u4fe1\u4efb\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"autex-float-gallery\">\r\n <figure class=\"autex-float-img one reveal-up delay-100\">\r\n <img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u53ef\u503e\u5f0f\u71ac\u6c64\u70892.0.png\" alt=\"AUDIS \u53ef\u50be\u5f0f\u71ac\u6e6f\u7210\u8cea\u611f\u5c55\u793a\">\r\n <\/figure>\r\n <figure class=\"autex-float-img two reveal-up delay-200\">\r\n <img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u4e07\u80fd\u84b8\u70e4\u7bb1\u7684\u5c40\u90e8\u5b89\u88c5\u573a\u666f.png\" alt=\"AUDIS \u842c\u80fd\u84b8\u70e4\u7bb1\u8cea\u611f\u5c55\u793a\">\r\n <\/figure>\r\n <figure class=\"autex-float-img three reveal-up delay-300\">\r\n <img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u6d17\u6d88\u8bbe\u5907\u4e0e\u4e0d\u9508\u94a2\u5de5\u4f5c\u7ebf\u7684\u8d85\u5bbd\u573a\u666f.png\" alt=\"AUDIS \u9577\u9f8d\u6d17\u7897\u6a5f\u8cea\u611f\u5c55\u793a\">\r\n <\/figure>\r\n \r\n <!-- ====== \u3010\u5df2\u4fee\u6539\u3011\u6bb5\u843d\u4f4d\u7f6e\u79fb\u52d5\u5230\u4e0b\u65b9\u5de6\u5074 ====== -->\r\n <div class=\"autex-gallery-note reveal-up delay-200\">\r\n \u771f\u6b63\u9ad8\u7d1a\u7684\u5f8c\u5eda\uff0c\u662f\u5b89\u975c\u3001\u6e05\u6670\u3001\u53ef\u9810\u671f\u7684\u3002\u8a2d\u5099\u5404\u53f8\u5176\u8077\uff0c\u51fa\u54c1\u7bc0\u594f\u56e0\u6b64\u7a69\u5b9a\u3002\r\n <\/div>\r\n <!-- ========================================= -->\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==============================================\r\n Product Matrix (\u7522\u54c1\u77e9\u9663)\r\n ============================================== -->\r\n <section class=\"autex-section autex-index\" style=\"border-bottom: none;\">\r\n <div class=\"autex-index-sticky\">\r\n <div class=\"section-subtitle reveal-up\" style=\"justify-content: flex-start;\">Product Matrix<\/div>\r\n <h2 class=\"reveal-up delay-100\">\u5b8c\u6574\u7522\u54c1\u77e9\u9663\uff0c<br>\u4fdd\u6301\u514b\u5236\u5448\u73fe\u3002<\/h2>\r\n <p class=\"section-desc reveal-up delay-200\" style=\"margin-top:32px;\">\r\n \u5f8c\u5eda\u7684\u9ad8\u7d1a\uff0c\u4e0d\u5728\u65bc\u8a2d\u5099\u5806\u758a\uff0c\u800c\u5728\u65bc\u6bcf\u4e00\u500b\u7cfb\u7d71\u90fd\u88ab\u653e\u5728\u6b63\u78ba\u7684\u4f4d\u7f6e\u3002AUTEX\u4ee5\u5b8c\u6574\u7522\u54c1\u77e9\u9663\uff0c\u4e32\u9023\u70f9\u8abf\u3001\u84b8\u70e4\u3001\u6d17\u6d88\u3001\u5236\u51b7\u8207\u5099\u6599\u6d41\u7a0b\uff0c\u8b93\u7a7a\u9593\u66f4\u5b89\u975c\uff0c\u71df\u904b\u66f4\u7a69\u5b9a\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"autex-index-list\">\r\n <div class=\"autex-index-item reveal-up\" style=\"--matrix-bg:url('https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u7535\u78c1\u7172\u4ed4\u7089.1.png'); --matrix-pos:center;\">\r\n <div class=\"autex-index-num\">01<\/div>\r\n <div><h3>\u96fb\u78c1\u71b1\u5eda<\/h3><p>\u7092\u7210\u3001\u6e6f\u7210\u3001\u7172\u4ed4\u7210\u3001\u9435\u677f\u71d2\u3002<\/p><\/div>\r\n <div class=\"autex-index-thumb\"><img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u672a\u6807\u9898-1.png\" alt=\"AUDIS \u96fb\u78c1\u71b1\u5eda\u8a2d\u5099\"><\/div>\r\n <\/div>\r\n <div class=\"autex-index-item reveal-up delay-100\" style=\"--matrix-bg:url('https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u4e07\u80fd\u84b8\u70e4\u7bb1.1.png'); --matrix-pos:center;\">\r\n <div class=\"autex-index-num\">02<\/div>\r\n <div><h3>\u84b8\u70e4\u8a2d\u5099<\/h3><p>\u84b8\u6ac3\u3001\u70e4\u7bb1\u3001\u842c\u80fd\u84b8\u70e4\u7bb1\u3002<\/p><\/div>\r\n <div class=\"autex-index-thumb\"><img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u672a\u6807\u9898-2.png\" alt=\"AUDIS \u842c\u80fd\u84b8\u70e4\u7bb1\"><\/div>\r\n <\/div>\r\n <div class=\"autex-index-item reveal-up delay-200\" style=\"--matrix-bg:url('https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u957f\u9f99\u6d17\u7897\u673a-\u5e73\u94fa\u659c\u63d2-\u5e38\u89c4\u6b3e.1.png'); --matrix-pos:center;\">\r\n <div class=\"autex-index-num\">03<\/div>\r\n <div><h3>\u6d17\u6d88\u8a2d\u5099<\/h3><p>\u53f0\u4e0b\u5f0f\u3001\u63ed\u84cb\u5f0f\u3001\u9577\u9f8d\u5f0f\u6d17\u7897\u6a5f\u3002<\/p><\/div>\r\n <div class=\"autex-index-thumb\"><img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u672a\u6807\u9898-3.png\" alt=\"AUDIS \u6d17\u6d88\u8a2d\u5099\"><\/div>\r\n <\/div>\r\n <div class=\"autex-index-item reveal-up delay-100\" style=\"--matrix-bg:url('https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u725b\u8089\u719f\u6210\u67dc.1.png'); --matrix-pos:center;\">\r\n <div class=\"autex-index-num\">04<\/div>\r\n <div><h3>\u5236\u51b7\u5c55\u793a<\/h3><p>\u719f\u6210\u6ac3\u3001\u98f2\u6599\u6ac3\u3001\u88fd\u51b0\u8207\u51b7\u51cd\u8a2d\u5099\u3002<\/p><\/div>\r\n <div class=\"autex-index-thumb\"><img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u672a\u6807\u9898-4.png\" alt=\"AUDIS \u5236\u51b7\u5c55\u793a\u8a2d\u5099\"><\/div>\r\n <\/div>\r\n <div class=\"autex-index-item reveal-up delay-200\" style=\"--matrix-bg:url('https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u81ea\u52a8\u5305\u5b50\u673a-\u659c\u4f9b\u9762.1.png'); --matrix-pos:center;\">\r\n <div class=\"autex-index-num\">05<\/div>\r\n <div><h3>\u98df\u54c1\u6a5f\u68b0<\/h3><p>\u548c\u9762\u3001\u53bb\u76ae\u3001\u5207\u83dc\u3001\u9eb5\u9ede\u8207\u81ea\u52d5\u5316\u8a2d\u5099\u3002<\/p><\/div>\r\n <div class=\"autex-index-thumb\"><img decoding=\"async\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/\u672a\u6807\u9898-5.png\" alt=\"AUDIS \u98df\u54c1\u6a5f\u68b0\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== \u3010\u5df2\u522a\u9664\u3011HTML \u9801\u5c3e\u7d50\u69cb ====== -->\r\n\r\n <\/main>\r\n\r\n <!-- \u8173\u672c\uff1a\u6efe\u52d5\u52d5\u756b\u89f8\u767c\u8207\u8f2a\u64ad\u5716\u63a7\u5236 -->\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n const observerOptions = { root: null, rootMargin: '0px 0px -50px 0px', threshold: 0.1 };\r\n const observer = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('reveal-active');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n const animElements = document.querySelectorAll('.reveal-up, .reveal-scale, .anim-up, .anim-line');\r\n animElements.forEach(el => observer.observe(el));\r\n\r\n const heroSlides = document.querySelectorAll('.hero-slide');\r\n const heroDots = document.querySelectorAll('.hero-slider-dot');\r\n const heroProgress = document.querySelector('.hero-slider-progress span');\r\n const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n let heroIndex = 0;\r\n\r\n function restartHeroProgress() {\r\n if (!heroProgress || reduceMotion) return;\r\n heroProgress.classList.remove('is-running');\r\n void heroProgress.offsetWidth;\r\n heroProgress.classList.add('is-running');\r\n }\r\n\r\n function showHeroSlide(nextIndex) {\r\n if (!heroSlides.length) return;\r\n heroSlides[heroIndex].classList.remove('is-active');\r\n heroDots[heroIndex]?.classList.remove('is-active');\r\n heroIndex = nextIndex % heroSlides.length;\r\n heroSlides[heroIndex].classList.add('is-active');\r\n heroDots[heroIndex]?.classList.add('is-active');\r\n restartHeroProgress();\r\n }\r\n\r\n if (heroSlides.length > 1 && !reduceMotion) {\r\n restartHeroProgress();\r\n setInterval(() => showHeroSlide(heroIndex + 1), 4800);\r\n }\r\n\r\n const cropImageSources = [\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u81ea\u52a8\u716e\u9762\u7089.1.2.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u81ea\u52a8\u716e\u9762\u7089.1.3.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u81ea\u52a8\u716e\u9762\u7089.1.4.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u81ea\u52a8\u716e\u9762\u7089.1.5.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u81ea\u52a8\u716e\u9762\u7089.1.6.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u81ea\u52a8\u716e\u9762\u7089.1.7.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u81ea\u52a8\u716e\u9762\u7089.1.8.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u81ea\u52a8\u716e\u9762\u7089.1.1.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u4e07\u80fd\u84b8\u70e4\u7bb1.1.3.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u4e07\u80fd\u84b8\u70e4\u7bb1.1.4.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u4e07\u80fd\u84b8\u70e4\u7bb1.1.5.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u4e07\u80fd\u84b8\u70e4\u7bb1.1.6.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u4e07\u80fd\u84b8\u70e4\u7bb1.1.7.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u4e07\u80fd\u84b8\u70e4\u7bb1.1.8.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u4e07\u80fd\u84b8\u70e4\u7bb1.1.1.png',\r\n 'https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/\u4e07\u80fd\u84b8\u70e4\u7bb1.1.2.png'\r\n ];\r\n const cropCarousels = Array.from(document.querySelectorAll('[data-crop-carousel]'));\r\n\r\n if (cropImageSources.length && cropCarousels.length) {\r\n cropImageSources.forEach(source => {\r\n const preloadImage = new Image();\r\n preloadImage.src = source;\r\n });\r\n\r\n const cropStates = cropCarousels.map(carousel => {\r\n carousel.querySelector('.autex-crop-fallback')?.remove();\r\n const offset = Number.parseInt(carousel.dataset.cropOffset, 10);\r\n const initialIndex = Number.isNaN(offset) ? 0 : offset % cropImageSources.length;\r\n const slides = [0, 1].map(slot => {\r\n const slide = document.createElement('div');\r\n const image = document.createElement('img');\r\n slide.className = 'autex-crop-slide';\r\n slide.style.zIndex = slot === 0 ? '1' : '0';\r\n image.alt = '';\r\n image.decoding = 'async';\r\n slide.appendChild(image);\r\n carousel.appendChild(slide);\r\n return slide;\r\n });\r\n\r\n slides[0].querySelector('img').src = cropImageSources[initialIndex];\r\n slides[0].classList.add('is-active');\r\n return { slides, activeSlot: 0, index: initialIndex };\r\n });\r\n\r\n function advanceCropCarousel(state) {\r\n const outgoing = state.slides[state.activeSlot];\r\n const incomingSlot = state.activeSlot === 0 ? 1 : 0;\r\n const incoming = state.slides[incomingSlot];\r\n state.index = (state.index + 1) % cropImageSources.length;\r\n incoming.querySelector('img').src = cropImageSources[state.index];\r\n incoming.style.zIndex = '2';\r\n outgoing.style.zIndex = '1';\r\n incoming.classList.add('is-active');\r\n outgoing.classList.remove('is-active');\r\n state.activeSlot = incomingSlot;\r\n }\r\n\r\n if (!reduceMotion) {\r\n setInterval(() => cropStates.forEach(advanceCropCarousel), 5200);\r\n }\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u7cbe\u5de5\u6dec\u934a\u5353\u8d8a \u5448\u73fe \u6574\u5408\u7a7a\u9593\u52d5\u7dda\u8207\u71df\u904b\u8da8\u52e2\uff0c\u5f9e\u8a2d\u5099\u9078\u578b\u5230\u5f8c\u5eda\u7cbe\u5de5\u843d\u5730\uff0c\u5168\u7a0b\u5c08\u696d\u966a\u4f34\uff0c\u6210\u5c31\u9910\u98f2\u7a7a\u9593\u7684\u6975\u81f4\u6548\u80fd\u3002 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-698","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_title_panel":"","has_hero_section":"disabled","44aba6825f3f695b34ff7f5938af02e4":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"0662b16171993dcc28750591d2c44dc2":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","ec1f2a1ce54454f4acf89720477b7047":"","hero_structure":"narrow","367c1f360f7821105b4a996429833deb":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"page_title_image_size":"full","parallax":{"desktop":false,"tablet":false,"mobile":false},"2d9eb71dff97835f1ffa054857a6df1b":"","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},"a75f06046ec1a5b30d07341335351f04":"","page_structure_type":"default","14ae5c6fee8143226c976636cc8ae4e0":"","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}},"98280511bbd1dccaacef82151bbf4f04":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":60,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages\/698\/revisions"}],"predecessor-version":[{"id":1954,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages\/698\/revisions\/1954"}],"wp:attachment":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/media?parent=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}