https://pengchi.net/pages/ Recent content in Pages on PENGCHI Hugo en-US Thu, 08 Oct 2026 10:14:52 +0000 https://pengchi.net/laboratory-furniture-turnkey-solution/ Thu, 08 Oct 2026 10:14:52 +0000 https://pengchi.net/laboratory-furniture-turnkey-solution/ <!-- HERO BANNER (width 100%, height 600px) --> <section class="position-relative text-white overflow-hidden" > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-labfurnituresolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-labfurnituresolution"><div class="swiper-manager-container swiper-slide-name-labfurnituresolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-1" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="labfurnituresolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="KHh1vSSHchY" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="laboratory-bench-sink" class="swiper-slide"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/laboratory-sink-workbench-cabinets-bright-yj93HuMH-1280x720-1.jpg" loading="lazy" alt="Laboratory Bench & Sink" class="slide-background-img" /></div><div class="slide-overlay"></div><div class="slide-content"><div class="content-inner"><h2 class="slide-title">Laboratory Bench & Sink</h2></div></div></div><div id="laboratory-bench-cabinets" class="swiper-slide"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/bright-modern-laboratory-workbench-equipment-TffpHSxw-1280x720-1.jpg" loading="lazy" alt="Laboratory Bench & Cabinets" class="slide-background-img" /></div><div class="slide-overlay"></div><div class="slide-content"><div class="content-inner"><h2 class="slide-title">Laboratory Bench & Cabinets</h2></div></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- SOLUTION INTRODUCTION + SOLUTION PDF / CATALOGUE BUTTONS --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Solution Overview</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Complete Furniture Systems for a Working Laboratory</h2> <p class="text-body-secondary">Pengchi's Laboratory Furniture Turnkey Solution provides everything a laboratory is built around — steel laboratory benches, fume hoods, all-steel balance platforms, laboratory cabinets and reagent racks — under a single contract. Instead of sourcing benches, hoods and storage separately, laboratories and project owners receive one coordinated package, manufactured to one quality standard and installed as one sequenced scope.</p> https://pengchi.net/medical-hospital-furniture-turnkey-solution/ Thu, 08 Oct 2026 10:09:53 +0000 https://pengchi.net/medical-hospital-furniture-turnkey-solution/ <!-- HERO BANNER (width 100%, height 600px) --> <section class="position-relative text-white overflow-hidden" > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-hospitalfurnituresolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-hospitalfurnituresolution"><div class="swiper-manager-container swiper-slide-name-hospitalfurnituresolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-7" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="hospitalfurnituresolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="OKXU1WiiclQ" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="" class="swiper-slide has-video"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/medical-cabinets-with-nurse.jpg" loading="lazy" alt="Medical treatment room cabinets" class="slide-background-img" /></div><div class="video-container slide-video"><lite-youtube videoid="cEvrObGkIFM" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div><div id="" class="swiper-slide"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/nurse-hospital-triage-desk-flowchart-kewAj8NH-1280x720-1.jpg" loading="lazy" alt="nurser station" class="slide-background-img" /></div></div><div id="" class="swiper-slide has-video"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/stainless-medical-carts-clinical-showroom-7QkP4hnQ-1280x720-1.jpg" loading="lazy" alt="" class="slide-background-img" /></div><div class="video-container slide-video"><lite-youtube videoid="hcsPlunfKLg" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- SOLUTION INTRODUCTION + SOLUTION PDF / CATALOGUE BUTTONS --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Solution Overview</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Furniture That Organizes the Daily Work of the Whole Hospital</h2> <p class="text-body-secondary">Pengchi's Medical Hospital Furniture Turnkey Solution provides the furniture systems a hospital uses every day — nurse stations, lobby reception desks, medical cabinets, intelligent management cabinets, surgical hand washing sinks and stainless steel CSSD furniture — under a single contract. Rather than sourcing desks, cabinets and sinks from separate suppliers with different standards and schedules, project owners receive one coordinated package, manufactured to one quality system and installed as one sequenced scope.</p> https://pengchi.net/metal-medical-door-solution/ Thu, 08 Oct 2026 09:59:55 +0000 https://pengchi.net/metal-medical-door-solution/ <!-- HERO BANNER (width 100%, height 600px) --> <section > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-medicaldoorsolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-medicaldoorsolution"><div class="swiper-manager-container swiper-slide-name-medicaldoorsolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-14" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="medicaldoorsolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="oj-uLRXaEZ0" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="vM1Wwfh3UjY" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="IVJm58p2EZ0" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- SOLUTION INTRODUCTION + VR / CATALOGUE BUTTONS --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Solution Overview</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Every Door in the Hospital, Engineered and Supplied by One Manufacturer</h2> <p class="text-body-secondary">Pengchi's Metal Medical Door Solution provides a complete door program for hospitals, clinics and laboratory buildings under a single contract: automatic medical sliding doors, automatic folding doors, cleanroom doors, medical manual steel doors, radiation-proof swing doors and steel security doors. Instead of procuring each door type from a different vendor, project owners receive one coordinated schedule, one manufacturing standard and one accountable supplier from the first door drawing to final commissioning.</p> https://pengchi.net/modular-operating-rooms-turnkey-solution/ Thu, 08 Oct 2026 08:55:44 +0000 https://pengchi.net/modular-operating-rooms-turnkey-solution/ <!-- ==================== HERO BANNER (width 100%, height 600px) ==================== --> <section > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-operatingroomsolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-operatingroomsolution"><div class="swiper-manager-container swiper-slide-name-operatingroomsolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-21" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="operatingroomsolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="0HNem0HbCvw" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="iDniASs9Sqc" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="YJ5o-C0x47Y" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- ==================== SOLUTION INTRODUCTION + VR / CATALOGUE BUTTONS ==================== --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Solution Overview</span> <h2 class="fw-bold lh-sm mt-2 mb-3">A Complete Operating Suite Delivered by One Accountable Manufacturer</h2> <p class="text-body-secondary">Pengchi's Modular Operating Rooms Turnkey Solution delivers a complete, factory-prefabricated surgical suite — wall and ceiling enclosure, laminar airflow ceiling, HVAC system, built-in cabinets and integrated control unit — under a single contract. Instead of coordinating several contractors on site, hospital owners work with one manufacturer that is accountable from the first layout drawing to validated handover.</p> https://pengchi.net/vr-show-of-operating-room/ Thu, 08 Oct 2026 07:24:57 +0000 https://pengchi.net/vr-show-of-operating-room/ <style id="pfvr-styles">/** * Front-end styles for PlayForge VR viewers. * * The viewer is a dark, glass-style overlay on top of the A-Frame canvas. * The overlay itself is click-through; interactive chrome opts back in via * .pfvr-ui / button pointer-events. */ .pfvr-viewer { position: relative; width: 100%; height: var(--pfvr-height, 100vh); background: #05070a; border-radius: 10px; overflow: hidden; outline: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: #fff; } .pfvr-viewer:focus-visible { box-shadow: 0 0 0 3px rgba(66, 165, 245, 0.55); } /* A-Frame fills the container (embedded removes its default min-height). */ .pfvr-viewer .a-embedded, .pfvr-viewer a-scene { position: absolute; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; } /* Overlay: click-through by default so dragging looks around. */ .pfvr-overlay { position: absolute; inset: 0; z-index: 10; pointer-events: none; } .pfvr-ui, .pfvr-overlay button, .pfvr-overlay select { pointer-events: auto; } /* ---------- Top bar ---------- */ .pfvr-topbar { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-select { flex: 1; min-width: 0; max-width: 360px; padding: 7px 10px; font-size: 13px; color: #fff; background: rgba(20, 26, 34, 0.72); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 30px; } .pfvr-select option { color: #111; } .pfvr-top-actions { margin-left: auto; display: flex; gap: 8px; } /* ---------- Buttons ---------- */ .pfvr-btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background: rgba(20, 26, 34, 0.66); color: #fff; cursor: pointer; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: background 0.15s ease, transform 0.15s ease; } .pfvr-btn:hover { background: rgba(48, 60, 75, 0.9); } .pfvr-btn:active { transform: scale(0.94); } .pfvr-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 12; } .pfvr-nav:active { transform: translateY(-50%) scale(0.94); } .pfvr-nav-prev { left: 14px; } .pfvr-nav-next { right: 14px; } /* ---------- Icons (mask so they inherit currentColor) ---------- */ .pfvr-icon { width: 20px; height: 20px; display: inline-block; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .pfvr-icon-prev { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); } .pfvr-icon-next { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); } .pfvr-icon-fs { width: 18px; height: 18px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); } .pfvr-icon-auto { width: 19px; height: 19px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); } .pfvr-auto-btn.is-off { opacity: 0.45; } .pfvr-fs-btn.is-fullscreen .pfvr-icon-fs { opacity: 0.7; } /* ---------- Info panel ---------- */ .pfvr-info { position: absolute; left: 14px; bottom: 116px; max-width: min(440px, calc(100% - 28px)); padding: 12px 16px; background: rgba(10, 14, 20, 0.62); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .pfvr-info[hidden] { display: none; } .pfvr-scene-title { font-size: 16px; font-weight: 700; line-height: 1.35; margin-bottom: 4px; } .pfvr-scene-desc { font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, 0.85); word-break: break-word; } .pfvr-scene-desc p { margin: 0 0 6px; } .pfvr-scene-desc p:last-child { margin-bottom: 0; } /* ---------- Thumbnail strip ---------- */ .pfvr-thumbs { position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 10px; padding: 10px 76px 12px 14px; /* right gap leaves room for A-Frame's VR button */ overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.35) transparent; background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-thumbs::-webkit-scrollbar { height: 6px; } .pfvr-thumbs::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 3px; } .pfvr-thumb { flex: 0 0 auto; width: 108px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: rgba(255, 255, 255, 0.08); cursor: pointer; text-align: left; transition: border-color 0.15s ease, transform 0.15s ease; } .pfvr-thumb:hover { transform: translateY(-2px); } .pfvr-thumb img { display: block; width: 108px; height: 64px; object-fit: cover; } .pfvr-thumb-label { display: block; padding: 4px 6px; font-size: 11px; line-height: 1.3; color: rgba(255, 255, 255, 0.88); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pfvr-thumb.is-active { border-color: #42a5f5; box-shadow: 0 0 0 1px rgba(66, 165, 245, 0.6); } .pfvr-thumb.is-active .pfvr-thumb-label { color: #90caf9; } /* ---------- Loading spinner ---------- */ .pfvr-loader { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; } .pfvr-spinner { width: 42px; height: 42px; border: 3px solid rgba(255, 255, 255, 0.2); border-top-color: #42a5f5; border-radius: 50%; animation: pfvr-spin 0.9s linear infinite; } @keyframes pfvr-spin { to { transform: rotate(360deg); } } .pfvr-viewer:not(.pfvr-loading) .pfvr-loader { display: none; } /* ---------- Fullscreen ---------- */ .pfvr-viewer:fullscreen, .pfvr-viewer:-webkit-full-screen { height: 100%; border-radius: 0; } .pfvr-viewer:fullscreen .pfvr-info { bottom: 120px; } /* ---------- Small screens ---------- */ @media (max-width: 600px) { .pfvr-viewer { border-radius: 6px; } .pfvr-info { left: 8px; right: 8px; bottom: 108px; max-width: none; padding: 10px 12px; } .pfvr-scene-title { font-size: 14px; } .pfvr-scene-desc { font-size: 12px; } .pfvr-nav { width: 34px; height: 34px; } .pfvr-nav-prev { left: 6px; } .pfvr-nav-next { right: 6px; } .pfvr-thumb { width: 92px; } .pfvr-thumb img { width: 92px; height: 56px; } .pfvr-topbar { padding: 8px 10px; } } /* Editor-facing notice for misconfigured shortcodes. */ .pfvr-notice { padding: 12px 16px; background: #fcf0f1; border-left: 4px solid #d63638; color: #3c434a; } </style> <script src="https://pengchi.net/wp-content/plugins/playforge-vr/assets/vendor/aframe.min.js"></script> <div id="pfvr-viewer-624-1" class="pfvr-viewer pfvr-loading" style="--pfvr-height: 100vh;" data-scene="0" data-autoplay="1" data-preload="all" tabindex="0" > <a-scene embedded loading-screen="enabled: false" vr-mode-ui="enabled: true" renderer="colorManagement: true; antialias: true" > <a-assets timeout="30000"> <img id="pfvr-a-0" src="https://pengchi.net/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-Corridor_4K_4096x2048-scaled.jpg" alt="" > <img id="pfvr-a-1" src="https://pengchi.net/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-2_4K_4096x2048-scaled.jpg" alt="" > <img id="pfvr-a-2" src="https://pengchi.net/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-1_4K_4096x2048-scaled.jpg" alt="" > </a-assets> <a-sky data-role="sky" src="#pfvr-a-0"></a-sky> <a-entity data-role="rig" pfvr-auto="speed: 0.06; enabled: true"> <a-entity camera look-controls="reverseMouseDrag: true" fov="80"></a-entity> </a-entity> </a-scene> <div class="pfvr-overlay"> <div class="pfvr-topbar pfvr-ui"> <select class="pfvr-select" aria-label="按标题切换场景"></select> <div class="pfvr-top-actions"> <button type="button" class="pfvr-btn pfvr-auto-btn" aria-label="自动旋转开关" title="自动旋转"> <span class="pfvr-icon pfvr-icon-auto" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-fs-btn" aria-label="全屏" title="全屏"> <span class="pfvr-icon pfvr-icon-fs" aria-hidden="true"></span> </button> </div> </div> <div class="pfvr-info"> <div class="pfvr-scene-title"></div> <div class="pfvr-scene-desc"></div> </div> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-prev pfvr-ui" aria-label="上一个"> <span class="pfvr-icon pfvr-icon-prev" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-next pfvr-ui" aria-label="下一个"> <span class="pfvr-icon pfvr-icon-next" aria-hidden="true"></span> </button> <div class="pfvr-thumbs pfvr-ui"></div> <div class="pfvr-loader" aria-hidden="true"> <span class="pfvr-spinner"></span> </div> </div> <script type="application/json" class="pfvr-data">[{"id":"scene-1790645683076-1","title":"Operating room corridor","description":"The operating room corridor is furnished with medical airtight doors, 304 stainless steel hand sinks and other auxiliary facilities.","image":"/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-Corridor_4K_4096x2048-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Wuhan-Fifth-Hospital_OR-Corridor_4K_4096x2048-scaled-1.jpg"},{"id":"scene-1790645700912-2","title":"Operating Room 1","description":"Modular Class 100 Operating Room Turnkey Project, including instrument cabinets, anesthesia cabinets, built-in refrigerators, laminar flow ceilings, HEPA supply air diffusers, temperature and humidity control panels, medical gas outlet terminals, power outlet panels, etc. Curved corner wall panels, easy to clean with no sanitary dead corners.","image":"/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-2_4K_4096x2048-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Wuhan-Fifth-Hospital_OR-2_4K_4096x2048-scaled-1.jpg"},{"id":"scene-1790645733838-3","title":"Operating Room 2","description":"This is a modular ISO Class 5 operating room turnkey project, equipped with instrument cabinets, anesthesia cabinets and built-in refrigerators. It also consists of laminar flow ceilings, HEPA supply air diffusers, temperature \u0026amp; humidity control panels, medical gas outlet terminals, power outlet panels, X-ray film viewing light boxes, airtight light panels and operating room trolleys. Curved corner wall panels are adopted for easy cleaning and elimination of sanitary dead corners.","image":"/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-1_4K_4096x2048-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Wuhan-Fifth-Hospital_OR-1_4K_4096x2048-scaled-1.jpg"}]</script> </div> <script>/** * Front-end logic for PlayForge VR viewers. * * Reads the scene JSON rendered by the shortcode, builds the title select, * thumbnail strip and info panel, and swaps the <a-sky> texture on switch. */ ( function () { 'use strict'; /** * A-Frame component: slow yaw rotation of the camera rig. * * Pauses while the visitor drags/looks around and resumes after an idle * delay, so it never fights the viewer's controls. */ function registerAutoComponent() { if ( ! window.AFRAME || window.AFRAME.components[ 'pfvr-auto' ] ) { return; } window.AFRAME.registerComponent( 'pfvr-auto', { schema: { speed: { default: 0.06 }, // radians per second. enabled: { default: true } }, init: function () { this.userPaused = false; this.tempPaused = false; this.resumeTimer = null; var self = this; var pauseTemporarily = function () { self.tempPaused = true; window.clearTimeout( self.resumeTimer ); self.resumeTimer = window.setTimeout( function () { self.tempPaused = false; }, 4000 ); }; // The canvas gets the pointer/touch events look-controls uses. var bind = function () { var canvas = self.el.sceneEl.canvas; if ( ! canvas ) { return; } canvas.addEventListener( 'pointerdown', pauseTemporarily ); canvas.addEventListener( 'wheel', pauseTemporarily, { passive: true } ); canvas.addEventListener( 'touchstart', pauseTemporarily, { passive: true } ); }; if ( this.el.sceneEl.canvas ) { bind(); } else { this.el.sceneEl.addEventListener( 'rendertargetchanged', bind ); window.setTimeout( bind, 500 ); } }, setEnabled: function ( enabled ) { this.userPaused = ! enabled; }, tick: function ( _time, delta ) { if ( ! this.data.enabled || this.userPaused || this.tempPaused || document.hidden ) { return; } this.el.object3D.rotation.y += ( delta / 1000 ) * this.data.speed; } } ); } /** Creates an icon span with a class (content comes from CSS). */ function icon( className ) { var span = document.createElement( 'span' ); span.className = 'pfvr-icon ' + className; span.setAttribute( 'aria-hidden', 'true' ); return span; } /** * Initialises one viewer element. * * @param {HTMLElement} viewer Root .pfvr-viewer element. */ function initViewer( viewer ) { var dataEl = viewer.querySelector( '.pfvr-data' ); var scenes; try { scenes = JSON.parse( dataEl.textContent || '{}' ); } catch ( e ) { scenes = []; } if ( ! Array.isArray( scenes ) || ! scenes.length ) { return; } var sky = viewer.querySelector( '[data-role="sky"]' ); var rig = viewer.querySelector( '[data-role="rig"]' ); var select = viewer.querySelector( '.pfvr-select' ); var thumbs = viewer.querySelector( '.pfvr-thumbs' ); var infoTitle = viewer.querySelector( '.pfvr-scene-title' ); var infoDesc = viewer.querySelector( '.pfvr-scene-desc' ); var infoBox = viewer.querySelector( '.pfvr-info' ); var loader = viewer.querySelector( '.pfvr-loader' ); var autoBtn = viewer.querySelector( '.pfvr-auto-btn' ); var fsBtn = viewer.querySelector( '.pfvr-fs-btn' ); var prevBtn = viewer.querySelector( '.pfvr-nav-prev' ); var nextBtn = viewer.querySelector( '.pfvr-nav-next' ); var current = Math.min( parseInt( viewer.getAttribute( 'data-scene' ), 10 ) || 0, scenes.length - 1 ); var autoEnabled = viewer.getAttribute( 'data-autoplay' ) === '1'; var preloadAll = viewer.getAttribute( 'data-preload' ) === 'all'; var assetsBox = viewer.querySelector( 'a-assets' ); var loadFallbackTimer = null; // Build the title <select>. scenes.forEach( function ( scene, i ) { var option = document.createElement( 'option' ); option.value = String( i ); option.textContent = scene.title || '场景 ' + ( i + 1 ); select.appendChild( option ); } ); // Build the thumbnail strip. var thumbButtons = []; scenes.forEach( function ( scene, i ) { var button = document.createElement( 'button' ); button.type = 'button'; button.className = 'pfvr-thumb'; button.setAttribute( 'aria-label', scene.title || '场景 ' + ( i + 1 ) ); var img = document.createElement( 'img' ); img.src = scene.thumb || ''; img.alt = ''; img.addEventListener( 'error', function () { img.style.display = 'none'; } ); var label = document.createElement( 'span' ); label.className = 'pfvr-thumb-label'; label.textContent = scene.title || '场景 ' + ( i + 1 ); button.appendChild( img ); button.appendChild( label ); button.addEventListener( 'click', function () { goTo( i ); } ); thumbs.appendChild( button ); thumbButtons.push( button ); } ); /** * Ensures scene i exists as an <img> inside <a-assets>, creating it * if necessary. A-Frame then loads it and caches the GPU texture, so * pointing the sky at it is instant once loaded. * * @param {number} i Scene index. */ function ensureAsset( i ) { if ( ! assetsBox || ! scenes[ i ] ) { return; } var id = 'pfvr-a-' + i; if ( document.getElementById( id ) ) { return; } var img = document.createElement( 'img' ); img.id = id; img.alt = ''; img.src = scenes[ i ].image; assetsBox.appendChild( img ); } /** Preloads a scene as an A-Frame asset (warms network + GPU cache). */ function preload( i ) { ensureAsset( i ); } /** Hides the loading spinner once the new texture is on the sky. */ function hideLoader() { window.clearTimeout( loadFallbackTimer ); viewer.classList.remove( 'pfvr-loading' ); if ( loader ) { loader.style.display = 'none'; } } /** * Switches to a scene by index. * * @param {number} i Target index. */ function goTo( i ) { if ( i === current || i < 0 || i >= scenes.length ) { return; } current = i; viewer.classList.add( 'pfvr-loading' ); if ( loader ) { loader.style.display = ''; } var settled = false; var finish = function () { if ( settled ) { return; } settled = true; hideLoader(); sky.removeEventListener( 'materialtextureloaded', finish ); sky.removeEventListener( 'materialtextureerror', finish ); }; // Safety net: never leave the spinner stuck if no event fires. window.clearTimeout( loadFallbackTimer ); loadFallbackTimer = window.setTimeout( finish, 9000 ); sky.addEventListener( 'materialtextureloaded', finish ); sky.addEventListener( 'materialtextureerror', finish ); // Make sure the target image is in <a-assets>, then reference it // by ID so A-Frame's texture cache is reused. ensureAsset( i ); sky.setAttribute( 'src', '#pfvr-a-' + i ); // When the target image has already finished loading, A-Frame can // resolve the material synchronously without emitting an event; // hide the spinner on the next frame in that case. var targetImg = document.getElementById( 'pfvr-a-' + i ); if ( targetImg && targetImg.complete && targetImg.naturalWidth ) { window.requestAnimationFrame( function () { window.requestAnimationFrame( finish ); } ); } updateUI(); preload( ( i + 1 ) % scenes.length ); preload( ( i - 1 + scenes.length ) % scenes.length ); } /** Updates title/description/select/thumb active states. */ function updateUI() { var scene = scenes[ current ]; select.value = String( current ); infoTitle.textContent = scene.title || ''; if ( scene.description && scene.description.trim() ) { infoDesc.innerHTML = scene.description; infoBox.hidden = false; } else { infoDesc.innerHTML = ''; infoBox.hidden = ! scene.title; } thumbButtons.forEach( function ( button, i ) { button.classList.toggle( 'is-active', i === current ); } ); // Keep the active thumbnail visible in the scrolled strip. var active = thumbButtons[ current ]; if ( active && active.scrollIntoView ) { active.scrollIntoView( { behavior: 'smooth', inline: 'center', block: 'nearest' } ); } } // --- UI events ----------------------------------------------------- select.addEventListener( 'change', function () { goTo( parseInt( select.value, 10 ) ); } ); prevBtn.addEventListener( 'click', function () { goTo( ( current - 1 + scenes.length ) % scenes.length ); } ); nextBtn.addEventListener( 'click', function () { goTo( ( current + 1 ) % scenes.length ); } ); autoBtn.addEventListener( 'click', function () { autoEnabled = ! autoEnabled; setAutoButtonState(); if ( rig.components && rig.components[ 'pfvr-auto' ] ) { rig.components[ 'pfvr-auto' ].setEnabled( autoEnabled ); } rig.setAttribute( 'pfvr-auto', 'enabled', autoEnabled ? 'true' : 'false' ); } ); function setAutoButtonState() { autoBtn.classList.toggle( 'is-off', ! autoEnabled ); autoBtn.setAttribute( 'aria-pressed', autoEnabled ? 'true' : 'false' ); } // Fullscreen. fsBtn.addEventListener( 'click', function () { if ( document.fullscreenElement ) { document.exitFullscreen(); } else if ( viewer.requestFullscreen ) { viewer.requestFullscreen(); } else if ( viewer.webkitRequestFullscreen ) { viewer.webkitRequestFullscreen(); } } ); document.addEventListener( 'fullscreenchange', function () { fsBtn.classList.toggle( 'is-fullscreen', !! document.fullscreenElement ); } ); // Keyboard: only act when this viewer is focused or fullscreen. viewer.addEventListener( 'keydown', function ( event ) { if ( document.fullscreenElement !== viewer && ! viewer.contains( document.activeElement ) ) { return; } if ( event.key === 'ArrowRight' ) { event.preventDefault(); goTo( ( current + 1 ) % scenes.length ); } else if ( event.key === 'ArrowLeft' ) { event.preventDefault(); goTo( ( current - 1 + scenes.length ) % scenes.length ); } } ); // Single-scene galleries do not need navigation chrome. if ( scenes.length === 1 ) { prevBtn.style.display = 'none'; nextBtn.style.display = 'none'; thumbs.style.display = 'none'; select.style.display = 'none'; } // --- Initial state ------------------------------------------------- setAutoButtonState(); updateUI(); // "all" mode already shipped every image in <a-assets>; in "adjacent" // mode warm both neighbours of the initial scene. if ( ! preloadAll ) { preload( ( current + 1 ) % scenes.length ); preload( ( current - 1 + scenes.length ) % scenes.length ); } // Hide the spinner once the first texture has loaded. var onInitialLoaded = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; var onInitialError = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; sky.addEventListener( 'materialtextureloaded', onInitialLoaded ); sky.addEventListener( 'materialtextureerror', onInitialError ); window.setTimeout( hideLoader, 9000 ); } function boot() { registerAutoComponent(); document.querySelectorAll( '.pfvr-viewer' ).forEach( initViewer ); } if ( document.readyState === 'loading' ) { document.addEventListener( 'DOMContentLoaded', boot ); } else { boot(); } } )(); </script> https://pengchi.net/solutions/ Wed, 30 Sep 2026 03:43:37 +0000 https://pengchi.net/solutions/ <!-- ==================== HERO — full-bleed banner with our advantages ==================== --> <section class="text-white" style="width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);background: linear-gradient(rgba(9, 33, 43, 0.78), rgba(9, 33, 43, 0.86)), url('/wp-content/uploads/2026/09/Factory-Aerial-View-scaled.jpg') center center / cover no-repeat"> <div class="container py-5"> <div class="row justify-content-center text-center"> <div class="col-lg-10"> <p><span class="badge rounded-pill text-bg-light text-success text-uppercase px-3 py-2 mb-3">One-Stop Medical Solution</span></p> <h1 class="fw-bold lh-sm mb-3" style="font-size: clamp(1.9rem, 4vw, 3.1rem)">Medical Doors, Modular Operating Rooms & Hospital Furniture for Healthcare Projects</h1> <p class="lead text-white-50 mb-4 mx-auto" style="max-width: 820px">Pengchi supports hospitals, clinics and laboratories from space planning and department-based configuration to factory-direct manufacturing, delivery and installation — one team, complete documentation.</p> https://pengchi.net/thank-you/ Tue, 22 Sep 2026 08:55:56 +0000 https://pengchi.net/thank-you/ <h1>Thanks for you message.</h1> We will reply ASAP. <p>please feel free to contact us with email <a href="mailto:pengchi@pengchihealth.com"><a href="mailto:pengchi@pengchihealth.com">pengchi@pengchihealth.com</a></a> or  mobile +86-18025283503.</p> https://pengchi.net/factory-show/ Tue, 22 Sep 2026 06:41:23 +0000 https://pengchi.net/factory-show/ <style id="pfvr-styles">/** * Front-end styles for PlayForge VR viewers. * * The viewer is a dark, glass-style overlay on top of the A-Frame canvas. * The overlay itself is click-through; interactive chrome opts back in via * .pfvr-ui / button pointer-events. */ .pfvr-viewer { position: relative; width: 100%; height: var(--pfvr-height, 100vh); background: #05070a; border-radius: 10px; overflow: hidden; outline: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: #fff; } .pfvr-viewer:focus-visible { box-shadow: 0 0 0 3px rgba(66, 165, 245, 0.55); } /* A-Frame fills the container (embedded removes its default min-height). */ .pfvr-viewer .a-embedded, .pfvr-viewer a-scene { position: absolute; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; } /* Overlay: click-through by default so dragging looks around. */ .pfvr-overlay { position: absolute; inset: 0; z-index: 10; pointer-events: none; } .pfvr-ui, .pfvr-overlay button, .pfvr-overlay select { pointer-events: auto; } /* ---------- Top bar ---------- */ .pfvr-topbar { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-select { flex: 1; min-width: 0; max-width: 360px; padding: 7px 10px; font-size: 13px; color: #fff; background: rgba(20, 26, 34, 0.72); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 30px; } .pfvr-select option { color: #111; } .pfvr-top-actions { margin-left: auto; display: flex; gap: 8px; } /* ---------- Buttons ---------- */ .pfvr-btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background: rgba(20, 26, 34, 0.66); color: #fff; cursor: pointer; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: background 0.15s ease, transform 0.15s ease; } .pfvr-btn:hover { background: rgba(48, 60, 75, 0.9); } .pfvr-btn:active { transform: scale(0.94); } .pfvr-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 12; } .pfvr-nav:active { transform: translateY(-50%) scale(0.94); } .pfvr-nav-prev { left: 14px; } .pfvr-nav-next { right: 14px; } /* ---------- Icons (mask so they inherit currentColor) ---------- */ .pfvr-icon { width: 20px; height: 20px; display: inline-block; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .pfvr-icon-prev { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); } .pfvr-icon-next { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); } .pfvr-icon-fs { width: 18px; height: 18px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); } .pfvr-icon-auto { width: 19px; height: 19px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); } .pfvr-auto-btn.is-off { opacity: 0.45; } .pfvr-fs-btn.is-fullscreen .pfvr-icon-fs { opacity: 0.7; } /* ---------- Info panel ---------- */ .pfvr-info { position: absolute; left: 14px; bottom: 116px; max-width: min(440px, calc(100% - 28px)); padding: 12px 16px; background: rgba(10, 14, 20, 0.62); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .pfvr-info[hidden] { display: none; } .pfvr-scene-title { font-size: 16px; font-weight: 700; line-height: 1.35; margin-bottom: 4px; } .pfvr-scene-desc { font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, 0.85); word-break: break-word; } .pfvr-scene-desc p { margin: 0 0 6px; } .pfvr-scene-desc p:last-child { margin-bottom: 0; } /* ---------- Thumbnail strip ---------- */ .pfvr-thumbs { position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 10px; padding: 10px 76px 12px 14px; /* right gap leaves room for A-Frame's VR button */ overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.35) transparent; background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-thumbs::-webkit-scrollbar { height: 6px; } .pfvr-thumbs::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 3px; } .pfvr-thumb { flex: 0 0 auto; width: 108px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: rgba(255, 255, 255, 0.08); cursor: pointer; text-align: left; transition: border-color 0.15s ease, transform 0.15s ease; } .pfvr-thumb:hover { transform: translateY(-2px); } .pfvr-thumb img { display: block; width: 108px; height: 64px; object-fit: cover; } .pfvr-thumb-label { display: block; padding: 4px 6px; font-size: 11px; line-height: 1.3; color: rgba(255, 255, 255, 0.88); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pfvr-thumb.is-active { border-color: #42a5f5; box-shadow: 0 0 0 1px rgba(66, 165, 245, 0.6); } .pfvr-thumb.is-active .pfvr-thumb-label { color: #90caf9; } /* ---------- Loading spinner ---------- */ .pfvr-loader { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; } .pfvr-spinner { width: 42px; height: 42px; border: 3px solid rgba(255, 255, 255, 0.2); border-top-color: #42a5f5; border-radius: 50%; animation: pfvr-spin 0.9s linear infinite; } @keyframes pfvr-spin { to { transform: rotate(360deg); } } .pfvr-viewer:not(.pfvr-loading) .pfvr-loader { display: none; } /* ---------- Fullscreen ---------- */ .pfvr-viewer:fullscreen, .pfvr-viewer:-webkit-full-screen { height: 100%; border-radius: 0; } .pfvr-viewer:fullscreen .pfvr-info { bottom: 120px; } /* ---------- Small screens ---------- */ @media (max-width: 600px) { .pfvr-viewer { border-radius: 6px; } .pfvr-info { left: 8px; right: 8px; bottom: 108px; max-width: none; padding: 10px 12px; } .pfvr-scene-title { font-size: 14px; } .pfvr-scene-desc { font-size: 12px; } .pfvr-nav { width: 34px; height: 34px; } .pfvr-nav-prev { left: 6px; } .pfvr-nav-next { right: 6px; } .pfvr-thumb { width: 92px; } .pfvr-thumb img { width: 92px; height: 56px; } .pfvr-topbar { padding: 8px 10px; } } /* Editor-facing notice for misconfigured shortcodes. */ .pfvr-notice { padding: 12px 16px; background: #fcf0f1; border-left: 4px solid #d63638; color: #3c434a; } </style> <script src="https://pengchi.net/wp-content/plugins/playforge-vr/assets/vendor/aframe.min.js"></script> <div id="pfvr-viewer-494-2" class="pfvr-viewer pfvr-loading" style="--pfvr-height: 100vh;" data-scene="0" data-autoplay="1" data-preload="all" tabindex="0" > <a-scene embedded loading-screen="enabled: false" vr-mode-ui="enabled: true" renderer="colorManagement: true; antialias: true" > <a-assets timeout="30000"> <img id="pfvr-a-0" src="https://pengchi.net/wp-content/uploads/2026/09/Factory-Aerial-View-scaled.jpg" alt="" > <img id="pfvr-a-1" src="https://pengchi.net/wp-content/uploads/2026/09/Sheet-Metal-Processing-Workshop-scaled.jpg" alt="" > <img id="pfvr-a-2" src="https://pengchi.net/wp-content/uploads/2026/09/Panel-Board-Production-Workshop-scaled.jpg" alt="" > <img id="pfvr-a-3" src="https://pengchi.net/wp-content/uploads/2026/09/Medical-Cabinet-Assembly-Workshop-scaled.jpg" alt="" > <img id="pfvr-a-4" src="https://pengchi.net/wp-content/uploads/2026/09/Medical-Equipment-Showroom-scaled.jpg" alt="" > <img id="pfvr-a-5" src="https://pengchi.net/wp-content/uploads/2026/09/Open-Office-Area-scaled.jpg" alt="" > </a-assets> <a-sky data-role="sky" src="#pfvr-a-0"></a-sky> <a-entity data-role="rig" pfvr-auto="speed: 0.06; enabled: true"> <a-entity camera look-controls="reverseMouseDrag: true" fov="80"></a-entity> </a-entity> </a-scene> <div class="pfvr-overlay"> <div class="pfvr-topbar pfvr-ui"> <select class="pfvr-select" aria-label="按标题切换场景"></select> <div class="pfvr-top-actions"> <button type="button" class="pfvr-btn pfvr-auto-btn" aria-label="自动旋转开关" title="自动旋转"> <span class="pfvr-icon pfvr-icon-auto" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-fs-btn" aria-label="全屏" title="全屏"> <span class="pfvr-icon pfvr-icon-fs" aria-hidden="true"></span> </button> </div> </div> <div class="pfvr-info"> <div class="pfvr-scene-title"></div> <div class="pfvr-scene-desc"></div> </div> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-prev pfvr-ui" aria-label="上一个"> <span class="pfvr-icon pfvr-icon-prev" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-next pfvr-ui" aria-label="下一个"> <span class="pfvr-icon pfvr-icon-next" aria-hidden="true"></span> </button> <div class="pfvr-thumbs pfvr-ui"></div> <div class="pfvr-loader" aria-hidden="true"> <span class="pfvr-spinner"></span> </div> </div> <script type="application/json" class="pfvr-data">[{"id":"scene-1790058861688-1","title":"Factory Aerial View","description":"Pengchi Intelligent Tech Industry Park","image":"/wp-content/uploads/2026/09/Factory-Aerial-View-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Factory-Aerial-View-scaled-1.jpg"},{"id":"scene-1790058915736-2","title":"Workshop 1","description":"Floor 1 , laser cut workshop ","image":"/wp-content/uploads/2026/09/Sheet-Metal-Processing-Workshop-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Sheet-Metal-Processing-Workshop-scaled-1.jpg"},{"id":"scene-1790058933968-3","title":"Workshop","description":"Floor 3, Medical door workshop","image":"/wp-content/uploads/2026/09/Panel-Board-Production-Workshop-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Panel-Board-Production-Workshop-scaled-1.jpg"},{"id":"scene-1790059002625-4","title":"Workshop","description":"Floor 4, Fume hood workshop","image":"/wp-content/uploads/2026/09/Medical-Cabinet-Assembly-Workshop-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Medical-Cabinet-Assembly-Workshop-scaled-1.jpg"},{"id":"scene-1790059172719-5","title":"Showroom","description":"Floor9, Medical furniture showroom","image":"/wp-content/uploads/2026/09/Medical-Equipment-Showroom-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Medical-Equipment-Showroom-scaled-1.jpg"},{"id":"scene-1790059199810-6","title":"Pengchi Office","description":"Floor 9 , office lobby","image":"/wp-content/uploads/2026/09/Open-Office-Area-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Open-Office-Area-scaled-1.jpg"}]</script> </div> <script>/** * Front-end logic for PlayForge VR viewers. * * Reads the scene JSON rendered by the shortcode, builds the title select, * thumbnail strip and info panel, and swaps the <a-sky> texture on switch. */ ( function () { 'use strict'; /** * A-Frame component: slow yaw rotation of the camera rig. * * Pauses while the visitor drags/looks around and resumes after an idle * delay, so it never fights the viewer's controls. */ function registerAutoComponent() { if ( ! window.AFRAME || window.AFRAME.components[ 'pfvr-auto' ] ) { return; } window.AFRAME.registerComponent( 'pfvr-auto', { schema: { speed: { default: 0.06 }, // radians per second. enabled: { default: true } }, init: function () { this.userPaused = false; this.tempPaused = false; this.resumeTimer = null; var self = this; var pauseTemporarily = function () { self.tempPaused = true; window.clearTimeout( self.resumeTimer ); self.resumeTimer = window.setTimeout( function () { self.tempPaused = false; }, 4000 ); }; // The canvas gets the pointer/touch events look-controls uses. var bind = function () { var canvas = self.el.sceneEl.canvas; if ( ! canvas ) { return; } canvas.addEventListener( 'pointerdown', pauseTemporarily ); canvas.addEventListener( 'wheel', pauseTemporarily, { passive: true } ); canvas.addEventListener( 'touchstart', pauseTemporarily, { passive: true } ); }; if ( this.el.sceneEl.canvas ) { bind(); } else { this.el.sceneEl.addEventListener( 'rendertargetchanged', bind ); window.setTimeout( bind, 500 ); } }, setEnabled: function ( enabled ) { this.userPaused = ! enabled; }, tick: function ( _time, delta ) { if ( ! this.data.enabled || this.userPaused || this.tempPaused || document.hidden ) { return; } this.el.object3D.rotation.y += ( delta / 1000 ) * this.data.speed; } } ); } /** Creates an icon span with a class (content comes from CSS). */ function icon( className ) { var span = document.createElement( 'span' ); span.className = 'pfvr-icon ' + className; span.setAttribute( 'aria-hidden', 'true' ); return span; } /** * Initialises one viewer element. * * @param {HTMLElement} viewer Root .pfvr-viewer element. */ function initViewer( viewer ) { var dataEl = viewer.querySelector( '.pfvr-data' ); var scenes; try { scenes = JSON.parse( dataEl.textContent || '{}' ); } catch ( e ) { scenes = []; } if ( ! Array.isArray( scenes ) || ! scenes.length ) { return; } var sky = viewer.querySelector( '[data-role="sky"]' ); var rig = viewer.querySelector( '[data-role="rig"]' ); var select = viewer.querySelector( '.pfvr-select' ); var thumbs = viewer.querySelector( '.pfvr-thumbs' ); var infoTitle = viewer.querySelector( '.pfvr-scene-title' ); var infoDesc = viewer.querySelector( '.pfvr-scene-desc' ); var infoBox = viewer.querySelector( '.pfvr-info' ); var loader = viewer.querySelector( '.pfvr-loader' ); var autoBtn = viewer.querySelector( '.pfvr-auto-btn' ); var fsBtn = viewer.querySelector( '.pfvr-fs-btn' ); var prevBtn = viewer.querySelector( '.pfvr-nav-prev' ); var nextBtn = viewer.querySelector( '.pfvr-nav-next' ); var current = Math.min( parseInt( viewer.getAttribute( 'data-scene' ), 10 ) || 0, scenes.length - 1 ); var autoEnabled = viewer.getAttribute( 'data-autoplay' ) === '1'; var preloadAll = viewer.getAttribute( 'data-preload' ) === 'all'; var assetsBox = viewer.querySelector( 'a-assets' ); var loadFallbackTimer = null; // Build the title <select>. scenes.forEach( function ( scene, i ) { var option = document.createElement( 'option' ); option.value = String( i ); option.textContent = scene.title || '场景 ' + ( i + 1 ); select.appendChild( option ); } ); // Build the thumbnail strip. var thumbButtons = []; scenes.forEach( function ( scene, i ) { var button = document.createElement( 'button' ); button.type = 'button'; button.className = 'pfvr-thumb'; button.setAttribute( 'aria-label', scene.title || '场景 ' + ( i + 1 ) ); var img = document.createElement( 'img' ); img.src = scene.thumb || ''; img.alt = ''; img.addEventListener( 'error', function () { img.style.display = 'none'; } ); var label = document.createElement( 'span' ); label.className = 'pfvr-thumb-label'; label.textContent = scene.title || '场景 ' + ( i + 1 ); button.appendChild( img ); button.appendChild( label ); button.addEventListener( 'click', function () { goTo( i ); } ); thumbs.appendChild( button ); thumbButtons.push( button ); } ); /** * Ensures scene i exists as an <img> inside <a-assets>, creating it * if necessary. A-Frame then loads it and caches the GPU texture, so * pointing the sky at it is instant once loaded. * * @param {number} i Scene index. */ function ensureAsset( i ) { if ( ! assetsBox || ! scenes[ i ] ) { return; } var id = 'pfvr-a-' + i; if ( document.getElementById( id ) ) { return; } var img = document.createElement( 'img' ); img.id = id; img.alt = ''; img.src = scenes[ i ].image; assetsBox.appendChild( img ); } /** Preloads a scene as an A-Frame asset (warms network + GPU cache). */ function preload( i ) { ensureAsset( i ); } /** Hides the loading spinner once the new texture is on the sky. */ function hideLoader() { window.clearTimeout( loadFallbackTimer ); viewer.classList.remove( 'pfvr-loading' ); if ( loader ) { loader.style.display = 'none'; } } /** * Switches to a scene by index. * * @param {number} i Target index. */ function goTo( i ) { if ( i === current || i < 0 || i >= scenes.length ) { return; } current = i; viewer.classList.add( 'pfvr-loading' ); if ( loader ) { loader.style.display = ''; } var settled = false; var finish = function () { if ( settled ) { return; } settled = true; hideLoader(); sky.removeEventListener( 'materialtextureloaded', finish ); sky.removeEventListener( 'materialtextureerror', finish ); }; // Safety net: never leave the spinner stuck if no event fires. window.clearTimeout( loadFallbackTimer ); loadFallbackTimer = window.setTimeout( finish, 9000 ); sky.addEventListener( 'materialtextureloaded', finish ); sky.addEventListener( 'materialtextureerror', finish ); // Make sure the target image is in <a-assets>, then reference it // by ID so A-Frame's texture cache is reused. ensureAsset( i ); sky.setAttribute( 'src', '#pfvr-a-' + i ); // When the target image has already finished loading, A-Frame can // resolve the material synchronously without emitting an event; // hide the spinner on the next frame in that case. var targetImg = document.getElementById( 'pfvr-a-' + i ); if ( targetImg && targetImg.complete && targetImg.naturalWidth ) { window.requestAnimationFrame( function () { window.requestAnimationFrame( finish ); } ); } updateUI(); preload( ( i + 1 ) % scenes.length ); preload( ( i - 1 + scenes.length ) % scenes.length ); } /** Updates title/description/select/thumb active states. */ function updateUI() { var scene = scenes[ current ]; select.value = String( current ); infoTitle.textContent = scene.title || ''; if ( scene.description && scene.description.trim() ) { infoDesc.innerHTML = scene.description; infoBox.hidden = false; } else { infoDesc.innerHTML = ''; infoBox.hidden = ! scene.title; } thumbButtons.forEach( function ( button, i ) { button.classList.toggle( 'is-active', i === current ); } ); // Keep the active thumbnail visible in the scrolled strip. var active = thumbButtons[ current ]; if ( active && active.scrollIntoView ) { active.scrollIntoView( { behavior: 'smooth', inline: 'center', block: 'nearest' } ); } } // --- UI events ----------------------------------------------------- select.addEventListener( 'change', function () { goTo( parseInt( select.value, 10 ) ); } ); prevBtn.addEventListener( 'click', function () { goTo( ( current - 1 + scenes.length ) % scenes.length ); } ); nextBtn.addEventListener( 'click', function () { goTo( ( current + 1 ) % scenes.length ); } ); autoBtn.addEventListener( 'click', function () { autoEnabled = ! autoEnabled; setAutoButtonState(); if ( rig.components && rig.components[ 'pfvr-auto' ] ) { rig.components[ 'pfvr-auto' ].setEnabled( autoEnabled ); } rig.setAttribute( 'pfvr-auto', 'enabled', autoEnabled ? 'true' : 'false' ); } ); function setAutoButtonState() { autoBtn.classList.toggle( 'is-off', ! autoEnabled ); autoBtn.setAttribute( 'aria-pressed', autoEnabled ? 'true' : 'false' ); } // Fullscreen. fsBtn.addEventListener( 'click', function () { if ( document.fullscreenElement ) { document.exitFullscreen(); } else if ( viewer.requestFullscreen ) { viewer.requestFullscreen(); } else if ( viewer.webkitRequestFullscreen ) { viewer.webkitRequestFullscreen(); } } ); document.addEventListener( 'fullscreenchange', function () { fsBtn.classList.toggle( 'is-fullscreen', !! document.fullscreenElement ); } ); // Keyboard: only act when this viewer is focused or fullscreen. viewer.addEventListener( 'keydown', function ( event ) { if ( document.fullscreenElement !== viewer && ! viewer.contains( document.activeElement ) ) { return; } if ( event.key === 'ArrowRight' ) { event.preventDefault(); goTo( ( current + 1 ) % scenes.length ); } else if ( event.key === 'ArrowLeft' ) { event.preventDefault(); goTo( ( current - 1 + scenes.length ) % scenes.length ); } } ); // Single-scene galleries do not need navigation chrome. if ( scenes.length === 1 ) { prevBtn.style.display = 'none'; nextBtn.style.display = 'none'; thumbs.style.display = 'none'; select.style.display = 'none'; } // --- Initial state ------------------------------------------------- setAutoButtonState(); updateUI(); // "all" mode already shipped every image in <a-assets>; in "adjacent" // mode warm both neighbours of the initial scene. if ( ! preloadAll ) { preload( ( current + 1 ) % scenes.length ); preload( ( current - 1 + scenes.length ) % scenes.length ); } // Hide the spinner once the first texture has loaded. var onInitialLoaded = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; var onInitialError = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; sky.addEventListener( 'materialtextureloaded', onInitialLoaded ); sky.addEventListener( 'materialtextureerror', onInitialError ); window.setTimeout( hideLoader, 9000 ); } function boot() { registerAutoComponent(); document.querySelectorAll( '.pfvr-viewer' ).forEach( initViewer ); } if ( document.readyState === 'loading' ) { document.addEventListener( 'DOMContentLoaded', boot ); } else { boot(); } } )(); </script> https://pengchi.net/contact-us/ Fri, 11 Sep 2026 05:56:09 +0000 https://pengchi.net/contact-us/ <!-- ==================== Message form ==================== --> <section class="pb-4 pb-lg-5 mb-4 mb-lg-5 border-bottom"> <p class="small fw-semibold text-uppercase text-success mb-2">Send Us a Message</p> <script src="https://js-na2.hsforms.net/forms/embed/247495286.js" defer></script> <div class="hs-form-frame" data-region="na2" data-form-id="7b45a6d3-a989-4ef4-a95a-e937a0761d6a" data-portal-id="247495286"></div> </section> <!-- ==================== Contact details + map ==================== --> <section class="pb-4 pb-lg-5"> <div class="row g-4 g-lg-5"> <div class="col-lg-5"> <p class="small fw-semibold text-uppercase text-success mb-2">Contact Us</p> <h2 class="fw-bold mb-3">Get in Touch with Pengchi</h2> <p class="fw-semibold mb-3">Dongguan Pengchi Intelligent Equipment Technology Co., Ltd.</p> <ul class="list-unstyled m-0"> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-telephone text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Tel</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="tel:+86-769-38839633-879">+86 0769-38839633-879</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-phone text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Mobile / WhatsApp</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="tel:+8618025283503">+86 18025283503</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-envelope text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Email</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="mailto:pengchi@pengchihealth.com">pengchi@pengchihealth.com</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-globe2 text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Official Website</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="https://pengchi.net" target="_blank" rel="nofollow noopener noreferrer">https://pengchi.net</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-shop text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Made-in-China Store</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="https://pengchihealthcare.en.made-in-china.com/" target="_blank" rel="nofollow noopener noreferrer">https://pengchihealthcare.en.made-in-china.com/</a> </div> </li> <li class="row g-0 gap-3 pt-3"> <div class="col-auto"><i class="bi bi-geo-alt text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Production Base</div> <span class="text-body-secondary">No. 148, Chashi Road, Chashan Town, Dongguan City, Guangdong Province (Pengchi Smart Technology Park)</span> </div> </li> </ul> </div> <div class="col-lg-7"> <a class="d-block position-relative rounded-3 overflow-hidden border text-decoration-none" href="https://www.google.com/maps/search/?api=1&query=No.%20148%2C%20Chashi%20Road%2C%20Chashan%20Town%2C%20Dongguan%2C%20Guangdong%2C%20China%20(Pengchi%20Smart%20Technology%20Park)" target="_blank" rel="noopener noreferrer"> <img class="img-fluid w-100 d-block" src="https://pengchi.net/wp-content/uploads/2026/09/pengchi-map.jpg" alt="Map of Pengchi location: No. 148 Chashi Road, Chashan Town, Dongguan" /> <span class="position-absolute bottom-0 start-0 m-3 btn btn-light btn-sm shadow-sm fw-semibold"><i class="bi bi-box-arrow-up-right me-1"></i>View on Google Maps</span> </a> </div> </div> </section> https://pengchi.net/about-us/ Fri, 11 Sep 2026 05:55:46 +0000 https://pengchi.net/about-us/ <!-- ==================== WHO WE ARE — full width, image left / text right ==================== --> <section class="bg-white border-bottom" style="width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw);"> <div class="container-fluid px-0"> <div class="row g-0"> <div class="col-lg-6"><style>.swiper-manager-container.swiper-style17.swiper-slide-name-companyprofileen4k {--height:auto ;--gap:20px !important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-companyprofileen4k .slide-content {}</style><div class="swiper-manager-container swiper-slide-name-companyprofileen4k swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-28" data-navigation="true" data-pagination="true" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="" data-height-mobile="" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="companyprofileen4k" data-slides-per-view-pc="" data-slides-per-group-pc="" data-slides-per-view-pad="" data-slides-per-group-pad="" data-slides-per-view-mobile="" data-slides-per-group-mobile="" data-centered-slides="" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/medical-sterile-storage-modern-clean-qqaawKKJ-1280x720-1.jpg" loading="lazy" alt="" class="slide-background-img" /></div><div class="video-container slide-video"><lite-youtube videoid="BPfSOWqaFXY" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-pagination"></div><div class="swiper-scrollbar"></div></div></div> <div class="col-lg-6 d-flex align-items-center"> <div class="p-4 p-lg-5"> <p><span class="d-inline-block mb-3 small fw-semibold text-uppercase text-success">Who We Are</span></p> Fri, 11 Sep 2026 05:54:54 +0000 https://pengchi.net/cart/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/cart/ <!-- wp:woocommerce/cart --> <div class="wp-block-woocommerce-cart alignwide is-loading"><!-- wp:woocommerce/filled-cart-block --> <div class="wp-block-woocommerce-filled-cart-block"><!-- wp:woocommerce/cart-items-block --> <div class="wp-block-woocommerce-cart-items-block"><!-- wp:woocommerce/cart-line-items-block --> <div class="wp-block-woocommerce-cart-line-items-block"></div> <!-- /wp:woocommerce/cart-line-items-block --> <!-- wp:woocommerce/product-collection {"queryId":0,"query":{"perPage":3,"pages":1,"offset":0,"postType":"product","order":"asc","orderBy":"title","search":"","exclude":[],"inherit":false,"taxQuery":{},"isProductCollectionBlock":true,"featured":false,"woocommerceOnSale":false,"woocommerceStockStatus":["instock","outofstock","onbackorder"],"woocommerceAttributes":[],"woocommerceHandPickedProducts":[],"filterable":false,"relatedBy":{"categories":true,"tags":true}},"tagName":"div","displayLayout":{"type":"flex","columns":3,"shrinkColumns":true},"dimensions":{"widthType":"fill"},"collection":"woocommerce/product-collection/cross-sells","hideControls":["filterable"],"queryContextIncludes":["collection"]} --> <div class="wp-block-woocommerce-product-collection"><!-- wp:heading {"textAlign":"left","style":{"spacing":{"margin":{"bottom":"1rem"}}}} --> <h2 class="wp-block-heading has-text-align-left" style="margin-bottom:1rem">You may be interested in…</h2> <!-- /wp:heading --> <!-- wp:woocommerce/product-template --> <!-- wp:woocommerce/product-image {"showSaleBadge":false,"imageSizing":"thumbnail","isDescendentOfQueryLoop":true} --> <!-- wp:woocommerce/product-sale-badge {"align":"right"} /--> <!-- /wp:woocommerce/product-image --> <!-- wp:post-title {"textAlign":"center","isLink":true,"style":{"spacing":{"margin":{"bottom":"0.75rem","top":"0"}},"typography":{"lineHeight":"1.4"}},"fontSize":"medium","__woocommerceNamespace":"woocommerce/product-collection/product-title"} /--> <!-- wp:woocommerce/product-price {"isDescendentOfQueryLoop":true,"textAlign":"center","fontSize":"small"} /--> <!-- wp:woocommerce/product-button {"textAlign":"center","isDescendentOfQueryLoop":true,"fontSize":"small"} /--> <!-- /wp:woocommerce/product-template --></div> <!-- /wp:woocommerce/product-collection --></div> <!-- /wp:woocommerce/cart-items-block --> <!-- wp:woocommerce/cart-totals-block --> <div class="wp-block-woocommerce-cart-totals-block"><!-- wp:woocommerce/cart-order-summary-block --> <div class="wp-block-woocommerce-cart-order-summary-block"><!-- wp:woocommerce/cart-order-summary-heading-block --> <div class="wp-block-woocommerce-cart-order-summary-heading-block"></div> <!-- /wp:woocommerce/cart-order-summary-heading-block --> <!-- wp:woocommerce/cart-order-summary-coupon-form-block --> <div class="wp-block-woocommerce-cart-order-summary-coupon-form-block"></div> <!-- /wp:woocommerce/cart-order-summary-coupon-form-block --> <!-- wp:woocommerce/cart-order-summary-subtotal-block --> <div class="wp-block-woocommerce-cart-order-summary-subtotal-block"></div> <!-- /wp:woocommerce/cart-order-summary-subtotal-block --> <!-- wp:woocommerce/cart-order-summary-fee-block --> <div class="wp-block-woocommerce-cart-order-summary-fee-block"></div> <!-- /wp:woocommerce/cart-order-summary-fee-block --> <!-- wp:woocommerce/cart-order-summary-discount-block --> <div class="wp-block-woocommerce-cart-order-summary-discount-block"></div> <!-- /wp:woocommerce/cart-order-summary-discount-block --> <!-- wp:woocommerce/cart-order-summary-shipping-block --> <div class="wp-block-woocommerce-cart-order-summary-shipping-block"></div> <!-- /wp:woocommerce/cart-order-summary-shipping-block --> <!-- wp:woocommerce/cart-order-summary-taxes-block --> <div class="wp-block-woocommerce-cart-order-summary-taxes-block"></div> <!-- /wp:woocommerce/cart-order-summary-taxes-block --></div> <!-- /wp:woocommerce/cart-order-summary-block --> <!-- wp:woocommerce/cart-express-payment-block --> <div class="wp-block-woocommerce-cart-express-payment-block"></div> <!-- /wp:woocommerce/cart-express-payment-block --> <!-- wp:woocommerce/proceed-to-checkout-block --> <div class="wp-block-woocommerce-proceed-to-checkout-block"></div> <!-- /wp:woocommerce/proceed-to-checkout-block --> <!-- wp:woocommerce/cart-accepted-payment-methods-block --> <div class="wp-block-woocommerce-cart-accepted-payment-methods-block"></div> <!-- /wp:woocommerce/cart-accepted-payment-methods-block --></div> <!-- /wp:woocommerce/cart-totals-block --></div> <!-- /wp:woocommerce/filled-cart-block --> <!-- wp:woocommerce/empty-cart-block --> <div class="wp-block-woocommerce-empty-cart-block"><!-- wp:heading {"textAlign":"center","className":"with-empty-cart-icon wc-block-cart__empty-cart__title"} --> <h2 class="wp-block-heading has-text-align-center with-empty-cart-icon wc-block-cart__empty-cart__title">Your cart is currently empty!</h2> <!-- /wp:heading --> <!-- wp:separator {"className":"is-style-dots"} --> <hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/> <!-- /wp:separator --> <!-- wp:heading {"textAlign":"center"} --> <h2 class="wp-block-heading has-text-align-center">New in store</h2> <!-- /wp:heading --> <!-- wp:woocommerce/product-new {"columns":4,"rows":1} /--></div> <!-- /wp:woocommerce/empty-cart-block --></div> <!-- /wp:woocommerce/cart --> https://pengchi.net/checkout/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/checkout/ <!-- wp:woocommerce/checkout --> <div class="wp-block-woocommerce-checkout alignwide wc-block-checkout is-loading"><!-- wp:woocommerce/checkout-fields-block --> <div class="wp-block-woocommerce-checkout-fields-block"><!-- wp:woocommerce/checkout-express-payment-block --> <div class="wp-block-woocommerce-checkout-express-payment-block"></div> <!-- /wp:woocommerce/checkout-express-payment-block --> <!-- wp:woocommerce/checkout-contact-information-block --> <div class="wp-block-woocommerce-checkout-contact-information-block"></div> <!-- /wp:woocommerce/checkout-contact-information-block --> <!-- wp:woocommerce/checkout-shipping-method-block --> <div class="wp-block-woocommerce-checkout-shipping-method-block"></div> <!-- /wp:woocommerce/checkout-shipping-method-block --> <!-- wp:woocommerce/checkout-pickup-options-block --> <div class="wp-block-woocommerce-checkout-pickup-options-block"></div> <!-- /wp:woocommerce/checkout-pickup-options-block --> <!-- wp:woocommerce/checkout-shipping-address-block --> <div class="wp-block-woocommerce-checkout-shipping-address-block"></div> <!-- /wp:woocommerce/checkout-shipping-address-block --> <!-- wp:woocommerce/checkout-billing-address-block --> <div class="wp-block-woocommerce-checkout-billing-address-block"></div> <!-- /wp:woocommerce/checkout-billing-address-block --> <!-- wp:woocommerce/checkout-shipping-methods-block --> <div class="wp-block-woocommerce-checkout-shipping-methods-block"></div> <!-- /wp:woocommerce/checkout-shipping-methods-block --> <!-- wp:woocommerce/checkout-payment-block --> <div class="wp-block-woocommerce-checkout-payment-block"></div> <!-- /wp:woocommerce/checkout-payment-block --> <!-- wp:woocommerce/checkout-additional-information-block --> <div class="wp-block-woocommerce-checkout-additional-information-block"></div> <!-- /wp:woocommerce/checkout-additional-information-block --> <!-- wp:woocommerce/checkout-order-note-block --> <div class="wp-block-woocommerce-checkout-order-note-block"></div> <!-- /wp:woocommerce/checkout-order-note-block --> <!-- wp:woocommerce/checkout-terms-block --> <div class="wp-block-woocommerce-checkout-terms-block"></div> <!-- /wp:woocommerce/checkout-terms-block --> <!-- wp:woocommerce/checkout-actions-block --> <div class="wp-block-woocommerce-checkout-actions-block"></div> <!-- /wp:woocommerce/checkout-actions-block --></div> <!-- /wp:woocommerce/checkout-fields-block --> <!-- wp:woocommerce/checkout-totals-block --> <div class="wp-block-woocommerce-checkout-totals-block"><!-- wp:woocommerce/checkout-order-summary-block --> <div class="wp-block-woocommerce-checkout-order-summary-block"><!-- wp:woocommerce/checkout-order-summary-cart-items-block --> <div class="wp-block-woocommerce-checkout-order-summary-cart-items-block"></div> <!-- /wp:woocommerce/checkout-order-summary-cart-items-block --> <!-- wp:woocommerce/checkout-order-summary-coupon-form-block --> <div class="wp-block-woocommerce-checkout-order-summary-coupon-form-block"></div> <!-- /wp:woocommerce/checkout-order-summary-coupon-form-block --> <!-- wp:woocommerce/checkout-order-summary-subtotal-block --> <div class="wp-block-woocommerce-checkout-order-summary-subtotal-block"></div> <!-- /wp:woocommerce/checkout-order-summary-subtotal-block --> <!-- wp:woocommerce/checkout-order-summary-fee-block --> <div class="wp-block-woocommerce-checkout-order-summary-fee-block"></div> <!-- /wp:woocommerce/checkout-order-summary-fee-block --> <!-- wp:woocommerce/checkout-order-summary-discount-block --> <div class="wp-block-woocommerce-checkout-order-summary-discount-block"></div> <!-- /wp:woocommerce/checkout-order-summary-discount-block --> <!-- wp:woocommerce/checkout-order-summary-shipping-block --> <div class="wp-block-woocommerce-checkout-order-summary-shipping-block"></div> <!-- /wp:woocommerce/checkout-order-summary-shipping-block --> <!-- wp:woocommerce/checkout-order-summary-taxes-block --> <div class="wp-block-woocommerce-checkout-order-summary-taxes-block"></div> <!-- /wp:woocommerce/checkout-order-summary-taxes-block --></div> <!-- /wp:woocommerce/checkout-order-summary-block --></div> <!-- /wp:woocommerce/checkout-totals-block --></div> <!-- /wp:woocommerce/checkout --> https://pengchi.net/my-account/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/my-account/ <!-- wp:shortcode -->[woocommerce_my_account]<!-- /wp:shortcode --> Fri, 11 Sep 2026 05:52:04 +0000 <!-- wp:paragraph --> <p>Intelligent Medical Equipment System Solution</p> <!-- /wp:paragraph --> https://pengchi.net/privacy-policy/ Fri, 11 Sep 2026 05:37:51 +0000 https://pengchi.net/privacy-policy/ <!-- wp:heading --> <h2 class="wp-block-heading">Who we are</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p><strong class="privacy-policy-tutorial">Suggested text: </strong>Our website address is: .</p> <!-- /wp:paragraph --> <!-- wp:heading --> <h2 class="wp-block-heading">Comments</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p><strong class="privacy-policy-tutorial">Suggested text: </strong>When visitors leave comments on the site we collect the data shown in the comments form, and also the visitor’s IP address and browser user agent string to help spam detection.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>An anonymized string created from your email address (also called a hash) may be provided to the Gravatar service to see if you are using it. The Gravatar service privacy policy is available here: https://automattic.com/privacy/. After approval of your comment, your profile picture is visible to the public in the context of your comment.</p> https://pengchi.net/sample-page/ Fri, 11 Sep 2026 05:37:51 +0000 https://pengchi.net/sample-page/ <!-- wp:paragraph --> <p>This is an example page. It's different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:</p> <!-- /wp:paragraph --> <!-- wp:quote --> <blockquote class="wp-block-quote"> <!-- wp:paragraph --> <p>Hi there! I'm a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin' caught in the rain.)</p>