https://pengchi.net/ru/pages/ Recent content in Pages on PENGCHI Hugo ru-RU Thu, 08 Oct 2026 10:14:52 +0000 https://pengchi.net/ru/laboratory-furniture-turnkey-solution/ Thu, 08 Oct 2026 10:14:52 +0000 https://pengchi.net/ru/laboratory-furniture-turnkey-solution/ <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="Лабораторный стол и раковина" class="slide-background-img" /></div><div class="slide-overlay"></div><div class="slide-content"><div class="content-inner"><h2 class="slide-title">Лабораторный стол и раковина</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="Лабораторный стол и шкафы" class="slide-background-img" /></div><div class="slide-overlay"></div><div class="slide-content"><div class="content-inner"><h2 class="slide-title">Лабораторный стол и шкафы</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><!-- ВВЕДЕНИЕ В РЕШЕНИЕ + КНОПКИ PDF / КАТАЛОГА РЕШЕНИЯ --> <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">Обзор решения</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Комплексные мебельные системы для действующей лаборатории</h2> <p class="text-body-secondary">Комплексное решение «под ключ» для лабораторной мебели от Pengchi предоставляет всё, на чём строится лаборатория, — стальные лабораторные столы, вытяжные шкафы, цельнометаллические платформы для весов, лабораторные шкафы и стеллажи для реагентов — в рамках одного контракта. Вместо отдельной закупки столов, вытяжных шкафов и систем хранения лаборатории и владельцы проектов получают единый согласованный комплект, изготовленный по единому стандарту качества и установленный как единый последовательный объём работ.</p> https://pengchi.net/ru/medical-hospital-furniture-turnkey-solution/ Thu, 08 Oct 2026 10:09:53 +0000 https://pengchi.net/ru/medical-hospital-furniture-turnkey-solution/ <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="Шкафы медицинского процедурного кабинета" 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="пост медсестры" 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><!-- ОПИСАНИЕ РЕШЕНИЯ + КНОПКИ PDF / КАТАЛОГА РЕШЕНИЯ --> <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">Обзор решения</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Мебель, организующая ежедневную работу всей больницы</h2> <p class="text-body-secondary">Комплексное решение «под ключ» для медицинской больничной мебели от Pengchi предоставляет мебельные системы, которые больница использует каждый день — посты медсестёр, стойки ресепшн в вестибюле, медицинские шкафы, интеллектуальные шкафы управления, хирургические раковины для мытья рук и мебель из нержавеющей стали для ЦСО — по единому контракту. Вместо закупки столов, шкафов и раковин у разных поставщиков с различными стандартами и графиками владельцы проектов получают один согласованный комплект, изготовленный по единой системе качества и установленный как единый последовательный объём работ.</p> https://pengchi.net/ru/metal-medical-door-solution/ Thu, 08 Oct 2026 09:59:55 +0000 https://pengchi.net/ru/metal-medical-door-solution/ <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><!-- ПРЕДСТАВЛЕНИЕ РЕШЕНИЯ + КНОПКИ VR / КАТАЛОГА --> <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">Обзор решения</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Каждая дверь в больнице — спроектирована и поставлена одним производителем</h2> <p class="text-body-secondary">Решение Pengchi «Металлические медицинские двери» предоставляет комплексную дверную программу для больниц, клиник и лабораторных зданий в рамках единого контракта: автоматические медицинские раздвижные двери, автоматические складные двери, двери для чистых помещений, медицинские ручные стальные двери, радиационно-защитные распашные двери и стальные охранные двери. Вместо того чтобы закупать каждый тип дверей у разных поставщиков, владельцы проектов получают единый согласованный график, единый стандарт производства и одного ответственного поставщика — от первого чертежа двери до окончательного ввода в эксплуатацию.</p> https://pengchi.net/ru/modular-operating-rooms-turnkey-solution/ Thu, 08 Oct 2026 08:55:44 +0000 https://pengchi.net/ru/modular-operating-rooms-turnkey-solution/ <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><!-- ==================== ВВЕДЕНИЕ В РЕШЕНИЕ + КНОПКИ VR / КАТАЛОГА ==================== --> <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">Обзор решения</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Полный операционный комплекс от одного ответственного производителя</h2> <p class="text-body-secondary">Решение «под ключ» для модульных операционных от Pengchi — это полный хирургический комплекс заводской готовности: ограждающие конструкции стен и потолка, ламинарный потолок, система ОВиК, встроенные шкафы и интегрированный блок управления — всё в рамках единого контракта. Вместо координации работы нескольких подрядчиков на объекте владельцы больниц сотрудничают с одним производителем, который несёт ответственность за всё — от первого планировочного чертежа до валидированной передачи объекта.</p> https://pengchi.net/ru/vr-show-of-operating-room/ Thu, 08 Oct 2026 07:24:57 +0000 https://pengchi.net/ru/vr-show-of-operating-room/ <style id="pfvr-styles">/** * Фронтенд-стили для просмотрщиков PlayForge VR. * * Просмотрщик представляет собой тёмное наложение в стиле стекла поверх холста A-Frame. * Само наложение пропускает клики; интерактивные элементы интерфейса включаются обратно через * pointer-events в .pfvr-ui / button. */ .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 заполняет контейнер (embedded убирает его min-height по умолчанию). */ .pfvr-viewer .a-embedded, .pfvr-viewer a-scene { position: absolute; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; } /* Наложение: по умолчанию пропускает клики, чтобы перетаскивание позволяло осматриваться. */ .pfvr-overlay { position: absolute; inset: 0; z-index: 10; pointer-events: none; } .pfvr-ui, .pfvr-overlay button, .pfvr-overlay select { pointer-events: auto; } /* ---------- Верхняя панель ---------- */ .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; } /* ---------- Кнопки ---------- */ .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; } /* ---------- Иконки (маска, чтобы они наследовали 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; } /* ---------- Информационная панель ---------- */ .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; } /* ---------- Полоса миниатюр ---------- */ .pfvr-thumbs { position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 10px; padding: 10px 76px 12px 14px; /* правый отступ оставляет место для кнопки VR от A-Frame */ 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; } /* ---------- Индикатор загрузки ---------- */ .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; } /* ---------- Полноэкранный режим ---------- */ .pfvr-viewer:fullscreen, .pfvr-viewer:-webkit-full-screen { height: 100%; border-radius: 0; } .pfvr-viewer:fullscreen .pfvr-info { bottom: 120px; } /* ---------- Маленькие экраны ---------- */ @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; } } /* Уведомление в редакторе для неправильно настроенных шорткодов. */ .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":"Коридор операционного блока","description":"Коридор операционного блока оснащён медицинскими герметичными дверями, раковинами для мытья рук из нержавеющей стали 304 и другим вспомогательным оборудованием.","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":"Операционная 1","description":"Проект модульной операционной класса 100 «под ключ», включающий шкафы для инструментов, наркозные шкафы, встроенные холодильники, ламинарные потолки, приточные HEPA-диффузоры, панели контроля температуры и влажности, терминалы медицинских газов, панели электрических розеток и т. д. Стеновые панели со скруглёнными углами легко очищаются и не имеют санитарных труднодоступных мест.","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":"Операционная 2","description":"Это проект модульной операционной класса ISO 5 «под ключ», оснащённой шкафами для инструментов, наркозными шкафами и встроенными холодильниками. Она также включает ламинарные потолки, приточные HEPA-диффузоры, панели контроля температуры и влажности, терминалы медицинских газов, панели электрических розеток, негатоскопы для просмотра рентгеновских снимков, герметичные световые панели и тележки для операционных. Стеновые панели со скруглёнными углами обеспечивают лёгкую очистку и исключают санитарные труднодоступные места.","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>/** * Фронтенд-логика для VR-просмотрщиков PlayForge. * * Считывает JSON сцен, сформированный шорткодом, создаёт выпадающий список * заголовков, полосу миниатюр и информационную панель, а также подменяет * текстуру <a-sky> при переключении. */ ( function () { 'use strict'; /** * Компонент A-Frame: медленное вращение камеры по рысканью. * * Приостанавливается, пока посетитель перетаскивает изображение/осматривается, * и возобновляется после паузы бездействия, поэтому никогда не конфликтует * с элементами управления пользователя. */ function registerAutoComponent() { if ( ! window.AFRAME || window.AFRAME.components[ 'pfvr-auto' ] ) { return; } window.AFRAME.registerComponent( 'pfvr-auto', { schema: { speed: { default: 0.06 }, // радиан в секунду. 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 ); }; // Canvas получает события указателя/касания, которые использует look-controls. 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; } } ); } /** Создаёт span иконки с классом (содержимое задаётся через CSS). */ function icon( className ) { var span = document.createElement( 'span' ); span.className = 'pfvr-icon ' + className; span.setAttribute( 'aria-hidden', 'true' ); return span; } /** * Инициализирует один элемент просмотрщика. * * @param {HTMLElement} viewer Корневой элемент .pfvr-viewer. */ 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; // Создаём <select> с заголовками. scenes.forEach( function ( scene, i ) { var option = document.createElement( 'option' ); option.value = String( i ); option.textContent = scene.title || 'Сцена ' + ( i + 1 ); select.appendChild( option ); } ); // Создаём полосу миниатюр. 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 ); } ); /** * Гарантирует наличие сцены i в виде <img> внутри <a-assets>, создавая её * при необходимости. Затем A-Frame загружает её и кэширует текстуру GPU, * поэтому после загрузки небо переключается на неё мгновенно. * * @param {number} i Индекс сцены. */ 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 ); } /** Предзагружает сцену как ресурс A-Frame (прогревает сетевой и GPU-кэш). */ function preload( i ) { ensureAsset( i ); } /** Скрывает индикатор загрузки, когда новая текстура отображена на небе. */ function hideLoader() { window.clearTimeout( loadFallbackTimer ); viewer.classList.remove( 'pfvr-loading' ); if ( loader ) { loader.style.display = 'none'; } } /** * Переключается на сцену по индексу. * * @param {number} i Целевой индекс. */ 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 ); }; // Подстраховка: индикатор загрузки никогда не зависнет, если событие не сработает. window.clearTimeout( loadFallbackTimer ); loadFallbackTimer = window.setTimeout( finish, 9000 ); sky.addEventListener( 'materialtextureloaded', finish ); sky.addEventListener( 'materialtextureerror', finish ); // Убеждаемся, что целевое изображение находится в <a-assets>, затем // ссылаемся на него по ID, чтобы повторно использовался кэш текстур A-Frame. ensureAsset( i ); sky.setAttribute( 'src', '#pfvr-a-' + i ); // Если целевое изображение уже загружено, A-Frame может применить материал // синхронно без генерации события; в этом случае скрываем индикатор // загрузки на следующем кадре. 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 ); } /** Обновляет заголовок/описание/состояния списка выбора и активной миниатюры. */ 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 ); } ); // Держим активную миниатюру видимой в прокручиваемой полосе. var active = thumbButtons[ current ]; if ( active && active.scrollIntoView ) { active.scrollIntoView( { behavior: 'smooth', inline: 'center', block: 'nearest' } ); } } // --- События интерфейса -------------------------------------------- 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' ); } // Полноэкранный режим. 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 ); } ); // Клавиатура: реагировать только тогда, когда этот просмотрщик находится в фокусе или в полноэкранном режиме. 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 ); } } ); // Галереям с одной сценой не нужны элементы навигации. if ( scenes.length === 1 ) { prevBtn.style.display = 'none'; nextBtn.style.display = 'none'; thumbs.style.display = 'none'; select.style.display = 'none'; } // --- Начальное состояние ------------------------------------------------- setAutoButtonState(); updateUI(); // В режиме "all" все изображения уже загружены в <a-assets>; в режиме // "adjacent" предзагружаем обоих соседей начальной сцены. if ( ! preloadAll ) { preload( ( current + 1 ) % scenes.length ); preload( ( current - 1 + scenes.length ) % scenes.length ); } // Скрыть индикатор загрузки после загрузки первой текстуры. 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/ru/solutions/ Wed, 30 Sep 2026 03:43:37 +0000 https://pengchi.net/ru/solutions/ <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">Комплексное медицинское решение</span></p> <h1 class="fw-bold lh-sm mb-3" style="font-size: clamp(1.9rem, 4vw, 3.1rem)">Медицинские двери, модульные операционные и больничная мебель для проектов здравоохранения</h1> <p class="lead text-white-50 mb-4 mx-auto" style="max-width: 820px">Pengchi поддерживает больницы, клиники и лаборатории на всех этапах — от планирования пространства и конфигурации по отделениям до производства напрямую с завода, доставки и монтажа. Одна команда и полный пакет документации.</p> https://pengchi.net/ru/thank-you/ Tue, 22 Sep 2026 08:55:56 +0000 https://pengchi.net/ru/thank-you/ <h1>Спасибо за ваше сообщение.</h1> Мы ответим в ближайшее время. <p>Пожалуйста, не стесняйтесь обращаться к нам по электронной почте <a href="mailto:pengchi@pengchihealth.com"><a href="mailto:pengchi@pengchihealth.com">pengchi@pengchihealth.com</a></a> или по мобильному телефону +86-18025283503.</p> https://pengchi.net/ru/factory-show/ Tue, 22 Sep 2026 06:41:23 +0000 https://pengchi.net/ru/factory-show/ <style id="pfvr-styles">/** * Стили фронтенда для просмотрщиков PlayForge VR. * * Просмотрщик представляет собой тёмный оверлей в стиле стекла поверх холста A-Frame. * Сам оверлей пропускает клики; интерактивные элементы интерфейса снова включают * обработку событий через pointer-events для .pfvr-ui / button. */ .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 заполняет контейнер (embedded убирает его min-height по умолчанию). */ .pfvr-viewer .a-embedded, .pfvr-viewer a-scene { position: absolute; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; } /* Оверлей: по умолчанию пропускает клики, чтобы перетаскивание позволяло осматриваться. */ .pfvr-overlay { position: absolute; inset: 0; z-index: 10; pointer-events: none; } .pfvr-ui, .pfvr-overlay button, .pfvr-overlay select { pointer-events: auto; } /* ---------- Верхняя панель ---------- */ .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; } /* ---------- Кнопки ---------- */ .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; } /* ---------- Иконки (маска, чтобы они наследовали 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; } /* ---------- Информационная панель ---------- */ .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; } /* ---------- Полоса миниатюр ---------- */ .pfvr-thumbs { position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 10px; padding: 10px 76px 12px 14px; /* отступ справа оставляет место для VR-кнопки A-Frame */ 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; } /* ---------- Индикатор загрузки ---------- */ .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; } /* ---------- Полноэкранный режим ---------- */ .pfvr-viewer:fullscreen, .pfvr-viewer:-webkit-full-screen { height: 100%; border-radius: 0; } .pfvr-viewer:fullscreen .pfvr-info { bottom: 120px; } /* ---------- Маленькие экраны ---------- */ @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; } } /* Уведомление для редактора о неправильно настроенных шорткодах. */ .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":"Вид на завод с воздуха","description":"Индустриальный парк интеллектуальных технологий Пэнчи","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":"Цех 1","description":"Этаж 1, цех лазерной резки","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":"Цех","description":"Этаж 3, цех медицинских дверей","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":"Цех","description":"Этаж 4, цех вытяжных шкафов","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":"Выставочный зал","description":"Этаж 9, выставочный зал медицинской мебели","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":"Офис Пэнчи","description":"Этаж 9, вестибюль офиса","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>/** * Фронтенд-логика для VR-просмотрщиков PlayForge. * * Считывает JSON сцен, созданный шорткодом, формирует выпадающий список заголовков, * ленту миниатюр и информационную панель, а также подменяет текстуру <a-sky> при переключении. */ ( function () { 'use strict'; /** * Компонент A-Frame: медленный поворот рига камеры по рысканью. * * Приостанавливается, пока посетитель перетаскивает изображение/осматривается, * и возобновляется после задержки бездействия, поэтому никогда не конфликтует * с элементами управления пользователя. */ function registerAutoComponent() { if ( ! window.AFRAME || window.AFRAME.components[ 'pfvr-auto' ] ) { return; } window.AFRAME.registerComponent( 'pfvr-auto', { schema: { speed: { default: 0.06 }, // радиан в секунду. 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 ); }; // Холст получает события указателя/касания, которые использует look-controls. 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; } } ); } /** Создаёт span иконки с указанным классом (содержимое задаётся в CSS). */ function icon( className ) { var span = document.createElement( 'span' ); span.className = 'pfvr-icon ' + className; span.setAttribute( 'aria-hidden', 'true' ); return span; } /** * Инициализирует один элемент просмотрщика. * * @param {HTMLElement} viewer Корневой элемент .pfvr-viewer. */ 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; // Формируем <select> с заголовками. scenes.forEach( function ( scene, i ) { var option = document.createElement( 'option' ); option.value = String( i ); option.textContent = scene.title || 'Сцена ' + ( i + 1 ); select.appendChild( option ); } ); // Формируем ленту миниатюр. 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 ); } ); /** * Гарантирует, что сцена i существует как <img> внутри <a-assets>, создавая её * при необходимости. Затем A-Frame загружает её и кэширует GPU-текстуру, * поэтому после загрузки назначение её небу происходит мгновенно. * * @param {number} i Индекс сцены. */ 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 ); } /** Предзагружает сцену как ресурс A-Frame (прогревает сетевой и GPU-кэш). */ function preload( i ) { ensureAsset( i ); } /** Скрывает индикатор загрузки, как только новая текстура окажется на небе. */ function hideLoader() { window.clearTimeout( loadFallbackTimer ); viewer.classList.remove( 'pfvr-loading' ); if ( loader ) { loader.style.display = 'none'; } } /** * Переключается на сцену по индексу. * * @param {number} i Целевой индекс. */ 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 ); }; // Подстраховка: не допускаем зависания индикатора, если событие не сработает. window.clearTimeout( loadFallbackTimer ); loadFallbackTimer = window.setTimeout( finish, 9000 ); sky.addEventListener( 'materialtextureloaded', finish ); sky.addEventListener( 'materialtextureerror', finish ); // Убеждаемся, что целевое изображение находится в <a-assets>, затем ссылаемся // на него по ID, чтобы повторно использовался кэш текстур A-Frame. ensureAsset( i ); sky.setAttribute( 'src', '#pfvr-a-' + i ); // Если целевое изображение уже полностью загружено, A-Frame может // применить материал синхронно, не генерируя событие; // в этом случае скрываем индикатор на следующем кадре. 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 ); } /** Обновляет заголовок/описание/select и активные состояния миниатюр. */ 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 ); } ); // Держим активную миниатюру видимой в прокручиваемой ленте. var active = thumbButtons[ current ]; if ( active && active.scrollIntoView ) { active.scrollIntoView( { behavior: 'smooth', inline: 'center', block: 'nearest' } ); } } // --- События интерфейса ----------------------------------------------------- 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' ); } // Полноэкранный режим. 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 ); } ); // Клавиатура: реагировать, только когда этот просмотрщик находится в фокусе или в полноэкранном режиме. 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 ); } } ); // Галереи с одной сценой не нуждаются в элементах навигации. if ( scenes.length === 1 ) { prevBtn.style.display = 'none'; nextBtn.style.display = 'none'; thumbs.style.display = 'none'; select.style.display = 'none'; } // --- Начальное состояние ------------------------------------------------- setAutoButtonState(); updateUI(); // Режим "all" уже загрузил все изображения в <a-assets>; в режиме // "adjacent" прогреваем обеих соседей начальной сцены. if ( ! preloadAll ) { preload( ( current + 1 ) % scenes.length ); preload( ( current - 1 + scenes.length ) % scenes.length ); } // Скрываем индикатор загрузки после загрузки первой текстуры. 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/ru/contact-us/ Fri, 11 Sep 2026 05:56:09 +0000 https://pengchi.net/ru/contact-us/ <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">Отправьте нам сообщение</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> <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">Свяжитесь с нами</p> <h2 class="fw-bold mb-3">Свяжитесь с 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">Телефон</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">Мобильный / 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">Эл. почта</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">Официальный сайт</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</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">Производственная база</div> <span class="text-body-secondary">№ 148, Чаши-роуд, посёлок Чашань, город Дунгуань, провинция Гуандун (Технологический парк Pengchi Smart)</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="Карта расположения Pengchi: № 148, Чаши-роуд, посёлок Чашань, Дунгуань" /> <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>Открыть в Google Картах</span> </a> </div> </div> </section> https://pengchi.net/ru/about-us/ Fri, 11 Sep 2026 05:55:46 +0000 https://pengchi.net/ru/about-us/ <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-27" 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">Кто мы</span></p> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Тип бизнеса</div> <div class="text-body-secondary">Производитель/Завод</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Основная продукция</div> <div class="text-body-secondary"><a href="https://pengchi.net/medical-manual-single-leaf-air-tight-door/">Медицинская герметичная дверь для операционной</a>, <a href="https://pengchi.net/medical-furniture/">Медицинская мебель</a>, <a href="https://pengchi.net/a-series-fume-hoods/">Ламинарные шкафы</a>, <a href="https://pengchi.net/straight-type-treatment-cabinet/">Медицинский шкаф/Процедурный шкаф</a>, <a href="https://pengchi.net/custom-h-profile-aluminum-quick-assembly-modular-operating-room/">Бескаркасная модульная операционная</a>, <a href="https://pengchi.net/hvac-system/">Приточно-вытяжная установка (AHU)</a>, <a href="https://pengchi.net/medical-single-leaf-automatic-sliding-door/">Автоматическая стальная медицинская дверь</a>, <a href="https://pengchi.net/a-series-all-steel-laboratory-bench/">Лабораторный стол</a>, <a href="https://pengchi.net/medical-manual-interlocking-airlock-door/">Стальная дверь для чистых помещений</a>, <a href="https://pengchi.net/medical-door/">Медицинская дверь</a>, <a href="https://pengchi.net/laboratory-furniture/">Лабораторная мебель</a></div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Производственные линии</div> <div class="text-body-secondary">10</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Доступна услуга OEM</div> <div class="text-body-secondary">Да</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Варианты индивидуализации</div> <div class="text-body-secondary">Индивидуализация по образцам, Индивидуализация по чертежам, Полная индивидуализация, Частичная индивидуализация, Гибкая индивидуализация</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Производственное оборудование</div> <div class="text-body-secondary">Станок лазерной резки, Фрезерный станок, Режущий станок, Станок с ЧПУ, Штамповочный станок, Оборудование для производства фильтров</div> </div> <div class="d-flex gap-3 py-2 align-items-start border-bottom-0"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">№ аудиторского отчёта TÜV Rheinland</div> <div class="text-body-secondary">MIC-ASI2521094 <a href="https://www.verified.chn.tuv.com/en/" target="_blank" rel="noopener noreferrer">Проверить сейчас</a> <a href="https://pengchi.net/docs/test-reports/tuv-rheinland-audit-report/">Скачать отчёт в PDF</a></div> </div> </div> </div> </div> </div> </section><!-- ==================== ABOUT PENGCHI — company profile, container ==================== --> <section class="py-5"> <div class="container"> <h2 class="fw-bold lh-sm mb-3">О компании Pengchi</h2> <p class="text-body-secondary lh-lg mb-3">Компания Dongguan Pengchi Intelligent Equipment Technology Co., Ltd. — профессиональное предприятие, занимающееся проектированием, исследованиями и разработками, производством и продажей продукции для операционных высокого класса, вспомогательного оборудования для лабораторий и чистых помещений, центральных стерилизационных отделений (CSSD), а также медицинской мебели. Основная продукция включает инструментальные шкафы для операционных, шкафы для анестезии и медикаментов, ламинарные шкафы, автоматические двери, интегрированные посты медсестёр, больничные процедурные шкафы, шкафы для утилизации, лабораторные столы и передаточные окна.</p> Fri, 11 Sep 2026 05:54:54 +0000 https://pengchi.net/ru/cart/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/ru/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> <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">Возможно, вас заинтересует…</h2> </div> </div> <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> <div class="wp-block-woocommerce-cart-order-summary-coupon-form-block"></div> <div class="wp-block-woocommerce-cart-order-summary-subtotal-block"></div> <div class="wp-block-woocommerce-cart-order-summary-fee-block"></div> <div class="wp-block-woocommerce-cart-order-summary-discount-block"></div> <div class="wp-block-woocommerce-cart-order-summary-shipping-block"></div> <div class="wp-block-woocommerce-cart-order-summary-taxes-block"></div> </div> <div class="wp-block-woocommerce-cart-express-payment-block"></div> <div class="wp-block-woocommerce-proceed-to-checkout-block"></div> <div class="wp-block-woocommerce-cart-accepted-payment-methods-block"></div> </div> </div> <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">Ваша корзина пока пуста!</h2> <hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/> <h2 class="wp-block-heading has-text-align-center">Новинки в магазине</h2> </div> </div> https://pengchi.net/ru/my-account/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/ru/my-account/ <p>[woocommerce_my_account]<!-- /wp:shortcode --></p> https://pengchi.net/ru/checkout/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/ru/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> <div class="wp-block-woocommerce-checkout-contact-information-block"></div> <div class="wp-block-woocommerce-checkout-shipping-method-block"></div> <div class="wp-block-woocommerce-checkout-pickup-options-block"></div> <div class="wp-block-woocommerce-checkout-shipping-address-block"></div> <div class="wp-block-woocommerce-checkout-billing-address-block"></div> <div class="wp-block-woocommerce-checkout-shipping-methods-block"></div> <div class="wp-block-woocommerce-checkout-payment-block"></div> <div class="wp-block-woocommerce-checkout-additional-information-block"></div> <div class="wp-block-woocommerce-checkout-order-note-block"></div> <div class="wp-block-woocommerce-checkout-terms-block"></div> <div class="wp-block-woocommerce-checkout-actions-block"></div> </div> <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> <div class="wp-block-woocommerce-checkout-order-summary-coupon-form-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-subtotal-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-fee-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-discount-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-shipping-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-taxes-block"></div> </div> </div> </div> Fri, 11 Sep 2026 05:52:04 +0000 <p>Системное решение для интеллектуального медицинского оборудования</p> https://pengchi.net/ru/privacy-policy/ Fri, 11 Sep 2026 05:37:51 +0000 https://pengchi.net/ru/privacy-policy/ <h2 class="wp-block-heading">Кто мы</h2> <p><strong class="privacy-policy-tutorial">Предлагаемый текст: </strong>Адрес нашего сайта: .</p> <h2 class="wp-block-heading">Комментарии</h2> <p><strong class="privacy-policy-tutorial">Предлагаемый текст: </strong>Когда посетители оставляют комментарии на сайте, мы собираем данные, указанные в форме комментариев, а также IP-адрес посетителя и строку пользовательского агента браузера для помощи в обнаружении спама.</p> <p>Анонимизированная строка, созданная из вашего адреса электронной почты (также называемая хешем), может быть передана сервису Gravatar, чтобы проверить, используете ли вы его. Политика конфиденциальности сервиса Gravatar доступна здесь: https://automattic.com/privacy/. После одобрения вашего комментария ваше изображение профиля становится видимым для публики в контексте вашего комментария.</p> https://pengchi.net/ru/sample-page/ Fri, 11 Sep 2026 05:37:51 +0000 https://pengchi.net/ru/sample-page/ <p>Это пример страницы. Она отличается от записи в блоге тем, что остаётся на одном месте и отображается в навигации сайта (в большинстве тем). Большинство людей начинают со страницы «О себе», которая представляет их потенциальным посетителям сайта. Она может содержать что-то вроде этого:</p> <blockquote class="wp-block-quote"> <p>Привет! Днём я работаю велокурьером, а ночью — начинающий актёр, и это мой сайт. Я живу в Лос-Анджелесе, у меня есть замечательная собака по кличке Джек, и я люблю пинья-коладу. (И попадать под дождь.)</p>