<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
  <meta name="keywords" content="杭州莱迈医疗信息科技有限公司,临床研究,数据采集,数字纸张,EDC+系统,ESDR,临床试验,科研随访,源数据采集,临床研究E2E模式" />
  <meta content="杭州莱迈医疗信息科技有限公司是一家为医学临床研究提供专业数据采集与处理的IT服务公司。公司将数字纸张技术应用于医学研究领域，最大限度保持用户纸质操作习惯，为临床研究数据的真实性、完整性、可溯源性提供全程、完整的解决方案。" name="description">
  <meta name="baidu-site-verification" content="codeva-ebzVHtEXPO" />
  <meta name="sogou_site_verification" content="SsfZlvp4vE" />
  <meta name="360-site-verification" content="5200feff07b105875276d08d32ebbf67" />
  <meta name="shenma-site-verification" content="d0fe7f3223d0577e157282bedc738391_1742787186">
  <meta name="msvalidate.01" content="2C71DF6BB6E30BCF34F4F2BB25E37B21" />
  <link rel="icon" href="./static/images/favicon.ico">
  <title>杭州莱迈医疗信息科技有限公司网站</title>
  <link rel="stylesheet" href="./static/styles/common.css">
  <link rel="stylesheet" href="./static/styles/variable.css">
  <link rel="stylesheet" href="./static/styles/style.css">
  <link rel="stylesheet" href="./static/styles/swiper.min.css">
  <link rel="stylesheet" href="./static/styles/certify.css">
</head>
<body>
  <h1 class="title-hidden">杭州莱迈医疗信息科技有限公司</h1>
  <!-- 导航栏 -->
  <nav id="navBar" class="nav-wrap">
    <div class="nav-content">
      <div class="nav-logo">
        <a href="./index.html">
          <img src="./static/images/logo.png" alt="莱迈医疗" />
        </a>
      </div>
      <div class="nav-menu-box">
        <ul id="nav" class="nav-menu">
          <li class="nav-menu-item active">
            <a href="./index.html">关于莱迈</a>
          </li>
          <li class="nav-menu-item">
            <a href="javascript:;">解决方案</a>
          </li>
          <li class="nav-menu-item">
            <a href="./download.html">下载中心</a>
          </li>
          <li class="nav-menu-item">
            <a href="./about.html">联系我们</a>
          </li>
          <li class="nav-menu-item">
            <a href="./demo.html">产品演示</a>
          </li>
          <!-- <li class="nav-line"></li> -->
        </ul>
      </div>
      <a class="nav-lang" href="javascript:;">简体中文</a>
      <button id="navButton" class="nav-list">导航</button>
    </div>
  </nav>
  <!-- 解决方案子菜单 -->
  <div class="nav-sub-menu hidden">
    <div class="nav-sub-menu-content">
      <span class="nav-close"></span>
      <ul class="sub-menu-list">
        <li class="sub-menu-item">
          <a href="./solution/esr.html">临床研究电子源数据记录系统（ESR）</a>
        </li>
        <li class="sub-menu-item">
          <a href="./solution/eCPM.html">临床研究患者管理系统（eCPM）</a>
        </li>
        <li class="sub-menu-item">
          <a href="./solution/eCDM.html">临床研究药品管理系统（eCDM）</a>
        </li>
        <li class="sub-menu-item">
          <a href="./solution/eCBM.html">临床生物样本管理系统（eCBM）</a>
        </li>
        <li class="sub-menu-item">
          <a href="./solution/sCTMS.html">临床研究项目管理系统（sCTMS）</a>
        </li>
      </ul>
    </div>
  </div>
  <!-- 移动端菜单 -->
  <div class="full-screen">
    <div class="full-screen-close"></div>
    <div class="full-screen-content">
      <ul class="sub-menu-list">
        <li class="sub-menu-item">
          <a href="./index.html">关于莱迈</a>
        </li>
        <li id="solutionItem" class="sub-menu-item">
          <a href="javascript:;">解决方案</a>
          <div class="sub-menu-box">
            <ul class="sub-menu-list">
              <li class="sub-menu-item">
                <a href="./solution/esr.html">临床研究电子源数据记录系统（ESR）</a>
              </li>
              <li class="sub-menu-item">
                <a href="./solution/eCPM.html">临床研究患者管理系统（eCPM）</a>
              </li>
              <li class="sub-menu-item">
                <a href="./solution/eCDM.html">临床研究药品管理系统（eCDM）</a>
              </li>
              <li class="sub-menu-item">
                <a href="./solution/eCBM.html">临床生物样本管理系统（eCBM）</a>
              </li>
              <li class="sub-menu-item">
                <a href="./solution/sCTMS.html">临床研究项目管理系统（sCTMS）</a>
              </li>
            </ul>
          </div>
        </li>
        <li class="sub-menu-item">
          <a href="./download.html">下载中心</a>
        </li>
        <li class="sub-menu-item">
          <a href="./about.html">联系我们</a>
        </li>
        <li class="sub-menu-item">
          <a href="./demo.html">产品演示</a>
        </li>
      </ul>
    </div>
  </div>

  <main class="main-content">
    <section class="section-main">
      <div class="carousel swiper-container2">
        <ul class="swiper-wrapper">
          <li class="carousel-item swiper-slide">
            <div class="carousel-content">
              <div class="lionmed-tag"></div>
              <ul class="text-list">
                <li>让数据流转更合规</li>
                <li>让研究执行更智能</li>
                <li>让项目管理更轻松</li>
              </ul>
              <p class="text-desc">临床研究数智化解决方案<br />服务供应商</p>
            </div>
            <div class="carousel-banner"></div>
          </li>
          <li class="carousel-item swiper-slide">
            <div class="carousel-content">
              <div class="lionmed-tag"></div>
              <p class="text-desc">临床研究电子源数据<br />记录系统ESR</p>
              <a class="btn-more" href="./solution/esr.html">了解更多</a>
            </div>
            <div class="carousel-banner esr"></div>
          </li>
          <li class="carousel-item swiper-slide">
            <div class="carousel-content">
              <div class="lionmed-tag"></div>
              <p class="text-desc">临床研究患者管理系统<br />eCPM</p>
              <a class="btn-more" href="./solution/eCPM.html">了解更多</a>
            </div>
            <div class="carousel-banner ecpm"></div>
          </li>
        </ul>
      </div>
      <div class="carouse-nav swiper-pagination2"></div>
    </section>

    <!-- 平台 -->
    <section class="section-platform">
      <div class="section-content">
        <div class="platform">
          <h2 class="platform-title">Lionmed Cloud 灵枢智研云平台</h2>
          <p class="platform-text"><span>基于产品和服务一站式赋能</span><span>临床研究全角色、全场景、全流程</span></p>
          <ul class="platform-tab">
            <li class="platform-tab-item">
              AI数据治理
            </li>
            <li class="platform-tab-item">
              大模型训练
            </li>
            <li class="platform-tab-item">
              预测模型分析
            </li>
            <li class="platform-tab-item">
              数据统计分析
            </li>
            <li class="platform-tab-item">
              AI质控服务
            </li>
            <li class="platform-tab-item">
              系统功能定制
            </li>
          </ul>
          <div class="platform-card-container">
            <div class="platform-card-box swiper-container-platform">
              <ul class="platform-card swiper-wrapper">
                <li class="platform-card-item swiper-slide">
                  <div class="card-content">
                    <div class="card-title">研究全角色统一认证体系</div>
                    <div class="card-desc">支持医院研究者、CRC、CRA、CRO 、PM、DM、QC、监管方、申办方等多角色分级登录</div>
                  </div>
                </li>
                <li class="platform-card-item swiper-slide">
                  <div class="card-content">
                    <div class="card-title">医学数据字典标准化引擎</div>
                    <div class="card-desc">内置多种国际医学术语库自动映射，支持多国语言实时切换</div>
                  </div>
                </li>
                <li class="platform-card-item swiper-slide">
                  <div class="card-content">
                    <div class="card-title">临床研究专属权限管控矩阵</div>
                    <div class="card-desc">按「研究角色 × 项目阶段 × 数据敏感度」三维度配置权限，权限管理更精准</div>
                  </div>
                </li>
                <li class="platform-card-item swiper-slide">
                  <div class="card-content">
                    <div class="card-title">全链路研究日志审计中心</div>
                    <div class="card-desc">实时抓取各应用操作日志可视化展示，智能监控运行状态实时预警</div>
                  </div>
                </li>
              </ul>
            </div>
            <div class="btn-nav btn-prev"></div>
            <div class="btn-nav btn-next"></div>
          </div>

          <div class="solution-title">医院端/申办方/CRO/SMO</div>
          <ul class="solution-list">
            <li class="solution-item">IST临床研究智化解决方案</li>
            <li class="solution-item">IIT/I临床科研解决方案</li>
            <li class="solution-item">DCT远程智能化解决方案</li>
            <li class="solution-item">DCT远程智能化解决方案</li>
          </ul>
        </div>
      </div>
    </section>

    <!-- 产品中心 -->
    <section class="section-main">
      <div class="section-content">
        <div class="product">
          <h3 class="product-title">产品中心</h3>
          <div id="certify">
            <div class="product-box swiper-container">
              <ul class="swiper-wrapper">
                <li class="swiper-slide">
                  <a href="./solution/esr.html">
                    <img src="./static/images/home/applications/ESR.png" alt="">
                    <div class="product-content">
                      <div class="product-head">
                        <div class="pro-logo">
                          <img src="./static/images/home/applications/icon-ESR.png" alt="">
                        </div>
                        <div class="pro-ename">ESR</div>
                        <div class="pro-cname">临床研究电子源数据记录平台</div>
                      </div>
                      <div class="product-desc">专业版：覆盖生物等效性(BE)及I期试验类型，系统采用生物识别、传感技术等先进技术，自动采集医疗设备数据，并通过与医院诊疗系统及电子数据中心系统实现互连互通，使得现场数据采集与传输更及时、更真实、更准确，且全程操作留痕可溯源，确保临床研究合法合规、高效…</div>
                    </div>
                  </a>
                </li>
                <li class="swiper-slide">
                  <a href="./solution/eCPM.html">
                    <img src="./static/images/home/applications/eCPM.png" alt="">
                    <div class="product-content">
                      <div class="product-head">
                        <div class="pro-logo">
                          <img src="./static/images/home/applications/icon-eCPM.png" alt="">
                        </div>
                        <div class="pro-ename">eCPM</div>
                        <div class="pro-cname">临床研究患者管理平台</div>
                      </div>
                      <div class="product-desc">基于临床研究中的场景需求及项目管理与运营过程中的痛点，实现患者教育、患者管理、患者随访、项目管理等功能场景，可针对不同临床研究项目（IIT、DCT、RWS）的特点提供个性化支持。</div>
                    </div>
                  </a>
                </li>
                <li class="swiper-slide">
                  <a href="./solution/eCBM.html">
                    <img src="./static/images/home/applications/eCBM.png" alt="">
                    <div class="product-content">
                      <div class="product-head">
                        <div class="pro-logo">
                          <img src="./static/images/home/applications/icon-eCBM.png" alt="">
                        </div>
                        <div class="pro-ename">eCBM</div>
                        <div class="pro-cname">临床研究样本管理平台</div>
                      </div>
                      <div class="product-desc">致力于实现样本全生命周期的高效追踪、规范化管理与数据深度整合。平台以数字化技术为核心，覆盖样本采集、入库、冻存、出库、销毁等全流程，支持多中心研究协同，确保样本数据的完整性、可追溯性与合规性，助力科研效率与数据质量的全面提升。</div>
                    </div>
                  </a>
                </li>
                <li class="swiper-slide">
                  <a href="./solution/eCDM.html">
                    <img src="./static/images/home/applications/eCDM.png" alt="">
                    <div class="product-content">
                      <div class="product-head">
                        <div class="pro-logo">
                          <img src="./static/images/home/applications/icon-eCDM.png" alt="">
                        </div>
                        <div class="pro-ename">eCDM</div>
                        <div class="pro-cname">临床研究药品管理平台</div>
                      </div>
                      <div class="product-desc">实现了试验用药品由研究者自行管理向中心化管理的转变，构建试验用药品管理、临床试验项目管理、中心药房管理的一体化管理模式，赋能医疗机构服务能力与服务质量显著提升，工作效率显著提高、人力成本显著降低，获得研究者、申办方、监管部门等的高度认可。</div>
                    </div>
                  </a>
                </li>
                <li class="swiper-slide">
                  <a href="./solution/sCTMS.html">
                    <img src="./static/images/home/applications/sCTMS.png" alt="">
                    <div class="product-content">
                      <div class="product-head">
                        <div class="pro-logo">
                          <img src="./static/images/home/applications/icon-sCTMS.png" alt="">
                        </div>
                        <div class="pro-ename">sCTMS</div>
                        <div class="pro-cname">临床研究项目管理平台</div>
                      </div>
                      <div class="product-desc">基于业务需求的的临床试验项目全流程管理平台，遵循临床试验行业的基本规范和标准，可实现多个角色协同项目进度管理、质量监控、流程控制、实时提醒等功能，有效保证对临床试验项目流程的全面管理，整体提升用户的项目管理效率和质量，让项目内角色工作更高效，让临…</div>
                    </div>
                  </a>
                </li>
              </ul>
            </div>
            <div class="product-swiper-pagination">
              <div class="swiper-pagination-nav prev"></div>
              <div class="swiper-pagination-nav next"></div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- 项目经验 -->
    <section class="section-linear">
      <div class="section-content">
        <h3 class="experience-title">项目经验</h3>
        <div class="flex space-between exp-box">
          <div class="exp-side">
            <div class="flex space-between exp-total">
              <div class="exp-total-item">
                <span class="exp-title">合作医院</span>
                <span class="exp-count">80+</span>
              </div>
              <div class="exp-total-item">
                <span class="exp-title">合作申办方</span>
                <span class="exp-count">50+</span>
              </div>
              <div class="exp-total-item">
                <span class="exp-title">E2E合作医院</span>
                <span class="exp-count">20+</span>
              </div>
            </div>
            <i class="exp-line"></i>
            <p class="exp-desc-title">合情 合理 合规的一体化解决方案</p>
            <p class="exp-desc-text">依托业内领先的合规化体系及临床业务的场景需求，打造符合国内及国际合规要求的数字化平台，实现临床研究项目从立项至结题的全生命周期管理，助力智能化临床研究从“可用”迈向“好用”新变革，深受中心机构、申办方、监管方、合作方客户的肯定与信赖。</p>
          </div>
          <ul class="flex exp-project">
            <li class="exp-project-item">
              <div class="project-head">
                <i class="tag-release"></i>
                <div class="project-count">200+</div>
              </div>
              <h4 class="project-title">BE及I期项目</h4>
              <p class="project-desc">评估某药在健康成年受试者空腹和餐后状态下的单中心、开放、随机、单剂量、两周期、两序列、交叉生物等效性研究；<br />中国健康受试者空腹和餐后单次口服某胶囊的随机、开放、两序列、两周期、双交叉设计的生物等效性试验...</p>
            </li>
            <li class="exp-project-item">
              <div class="project-head">
                <div class="project-count">10+</div>
              </div>
              <h4 class="project-title">大临床项目 ( II期、III、IV期 )</h4>
              <p class="project-desc">一项评价某药在轻型/中型新型冠状病毒感染患者中多中心、随机、双盲、安慰剂对照的有效性、安全性 III 期临床研究；<br />评价某药在拟行经皮冠状动脉介入术(PCI)的急性冠脉综合征(ACS)患者中有效性、安全性的多中心、随机、双盲、双模拟、平行对照的III期临床研究...</p>
            </li>
            <li class="exp-project-item">
              <div class="project-head">
                <div class="project-count">50+</div>
              </div>
              <h4 class="project-title">IIT及RWS项目</h4>
              <p class="project-desc">房颤患者合并睡眠呼吸暂停综合征筛查及队列构建；<br />射用软骨再生胶原蛋白填充材料用于治疗软骨损伤的安全性和有效性的真实世界研究...</p>
            </li>
            <li class="exp-project-item">
              <div class="project-head">
                <div class="project-count">20+</div>
              </div>
              <h4 class="project-title">研究型专病库建设</h4>
              <p class="project-desc">疝病、代谢性心血管疾病、肾移植；<br />肺癌、前列腺癌、宫颈癌、乳腺癌、鼻咽癌、消化道癌...</p>
            </li>
          </ul>
        </div>
      </div>
    </section>

    <!-- 选择莱迈的理由 -->
    <section class="section-advantage">
      <div class="section-content">
        <div class="adv-box">
          <h3 class="adv-title">选择莱迈的理由</h3>
          <div class="adv-list">
            <div class="adv-item item-1">
              <span>个性定制</span>
              <span>灵活开放</span>
            </div>
            <div class="adv-item item-2">
              <span>智能驱动</span>
              <span>降本增效</span>
            </div>
            <div class="adv-item item-3">
              <span>深度合作</span>
              <span>安全无忧</span>
            </div>
            <div class="adv-item item-4">
              <span>产品矩阵</span>
              <span>多端协作</span>
            </div>
            <div class="adv-item item-5">
              <span>经济价格</span>
              <span>专业服务</span>
            </div>
          </div>
        </div>
      </div>
      <div class="adv-slogan">
        <ul class="slogan-box">
          <li class="slogan-item">客户为先</li>
          <li class="slogan-item">技术创新</li>
          <li class="slogan-item">务实协作</li>
          <li class="slogan-item">开放包容</li>
        </ul>
      </div>
    </section>
  </main>

  <footer id="footer" class="footer-wrap">
    <div class="footer-content">
      <div class="flex space-between footer-directory">
        <dl class="directory-box">
          <dt class="flex-align-center directory-head">
            <i class="icon icon-address"></i>
            <span class="directory-title">公司地址</span>
          </dt>
          <dd class="directory-item">
            <div class="city">杭州</div>
            <div class="address">浙江省杭州市滨江区西兴街道聚工路19号8幢17层1704室</div>
          </dd>
          <dd class="directory-item">
            <div class="city">苏州</div>
            <div class="address">苏州市工业园区腾飞苏州创新园（新平街388号）</div>
          </dd>
          <dd class="directory-item">
            <div class="city">北京</div>
            <div class="address">北京市朝阳区朝阳门外大街20号联合大厦12A层12A08</div>
          </dd>
        </dl>
        <!-- 权威认证 -->
        <dl class="directory-box">
          <dt class="flex-align-center directory-head">
            <i class="icon icon-v"></i>
            <span class="directory-title">权威认证</span>
          </dt>
          <dd class="directory-item">
            <div class="address">公安部网络安全等级保护</div>
          </dd>
          <dd class="directory-item">
            <div class="address">信息安全管理体系</div>
          </dd>
          <dd class="directory-item">
            <div class="address">质量管理体系</div>
          </dd>
          <dd class="directory-item">
            <div class="address">隐私信息管理体系</div>
          </dd>
        </dl>
        <!-- 商务合作 -->
        <dl class="directory-box">
          <dt class="flex-align-center directory-head">
            <i class="icon icon-business"></i>
            <span class="directory-title">商务合作</span>
          </dt>
          <dd class="directory-item">
            <div class="city">莱迈医疗公众号</div>
            <figure class="lionmed-gzh">
              <img src="./static/images/gongzhonghao.png" alt="莱迈医疗公众号" />
            </figure>
          </dd>
        </dl>
      </div>
      <hr class="footer-hr" />
      <!-- 友情链接 -->
      <ul class="flex footer-links">
        <li class="links-item">友情链接</li>
        <li class="links-item">
          <a href="https://www.nmpa.gov.cn" target="_blank">国家药品监督管理局</a>
        </li>
        <li class="links-item">
          <a href="https://www.cde.org.cn" target="_blank">国家药品监督管理局药品审评中心</a>
        </li>
        <li class="links-item">
          <a href="https://www.nmpa.gov.cn/datasearch/home-index.html#category=ylqx" target="_blank">药物和医疗器械临床试验机构备案管理信息系统</a>
        </li>
        <li class="links-item">
          <a href="http://www.chinadrugtrials.org.cn/index.html" target="_blank">药物临床试验登记与信息公示平台</a>
        </li>
      </ul>
    </div>

    <section class="footer-copyright">
      <div class="section-content">
        <div class="copyright">
          <span>
            Copyright &copy; 2021-<em>2025</em> 杭州莱迈医疗信息科技有限公司版权所有
          </span>
          <a href="https://beian.miit.gov.cn" target="_blank">浙ICP备2022026361号-1</a>
        </div>
      </div>
    </section>
  </footer>

  <!-- swiper -->
  <script src="./static/scripts/swiper.min.js"></script>
  <script src="./static/scripts/common.js"></script>

  <script>
    let swiper, swiperH5, swiperPlatform;
    function swiperFadeIn() {
      const swiper = new Swiper('.swiper-container2', {
        effect: 'fade',
        fadeEffect: {
          crossFade: true,
          disableOnInteraction: false,
        },
        speed: 1500,
        autoplay: {
          delay: 3000,
          disableOnInteraction: false
        },
        // autoplay: false,
        loop: true,
        pagination: {
          el: '.swiper-pagination2',
          clickable: true,
        },
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
      });
    }
    // swiper
    function swiperStart() {
      swiper = new Swiper('.swiper-container', {
        initialSlide: 0,
        watchSlidesProgress: true,
        slidesPerView: 'auto',
        centeredSlides: true,
        loop: true,
        loopedSlides: 5,
        autoplay: {
          delay: 3000, 
          disableOnInteraction: false
        },
        navigation: {
          nextEl: '.next',
          prevEl: '.prev',
        },
        on: {
          init: function() {
            const swiperInstance = this;
            const container = this.$el; 

            container.on('mouseenter', function() {
              swiperInstance.autoplay.pause();
            });

            container.on('mouseleave', function() {
              swiperInstance.autoplay.run();
            });
          },
          progress: function(progress) {
            for (i = 0; i < this.slides.length; i++) {
              var slide = this.slides.eq(i);
              var slideProgress = this.slides[i].progress;
              modify = 1;
              if (Math.abs(slideProgress) > 1) {
                modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
              }
              // scale = 1 - Math.abs(slideProgress) / 5;
              slide.attr('data-progress', slideProgress);
              scale = Math.pow(0.8, Math.abs(slideProgress));
              // translate = slideProgress * 380 + 'px';
              const width = getWindowWidth();
              let factor = 220;
              if (width > 980 && width <= 1260) {
                factor = 175;
              } 
              if (width <= 980) {
                factor = 140;
              }
              translate = slideProgress * modify * factor + 'px';
              zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
              slide.transform('translateX(' + translate + ') scale(' + scale + ')');
              slide.css('zIndex', zIndex);
              slide.css('opacity', 1);
              slide.attr('data-progress', slideProgress);
              if (Math.abs(slideProgress) > 3) {
                slide.css('opacity', 0);
              }
            }
          },
          setTransition: function(transition) {
            for (var i = 0; i < this.slides.length; i++) {
              var slide = this.slides.eq(i)
              slide.transition(transition);
            }

          }
        }
      });
    };

    function swiperStartH5 () {
      swiperH5 = new Swiper('.swiper-container', {
        initialSlide: 0,
        watchSlidesProgress: true,
        slidesPerView: 'auto',
        centeredSlides: true,
        loop: false,
        loopedSlides: 5,
        autoplay: false,
        navigation: {
          nextEl: '.next',
          prevEl: '.prev',
        },
      });
    }
  
    function getWindowWidth() {
      // 兼容所有浏览器的窗口宽度获取方式
      return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    }

    function swiperPlay () {
      const windowWidth = getWindowWidth();
      swiperFadeIn();
      swiperPlatformPlay();
  
      if (windowWidth < 800) {
        if (swiper) {
          swiper.destroy(true, true);
          swiper = null;
        }
        if (swiperH5) {
          swiperH5.update();
        } else {
          swiperStartH5();
        }
      } else {
        if (swiperH5) {
          swiperH5.destroy(true, true);
          swiiperH5 = null;
        }
        if (swiper) {
          swiper.update();
        } else {
          swiperStart();
        }
      }
    }

    const container = document.querySelector('.swiper-container-platform');
    const wrapper = document.querySelector('.swiper-container-platform .swiper-wrapper');
    // 清除轮播样式
    function clearSwiperStyles() {
      [container, wrapper, ...document.querySelectorAll('.swiper-container-platform .swiper-slide')].forEach(el => {
        if (el) el.style.cssText = '';
      });
    }
    function swiperPlatformPlay () {
      clearSwiperStyles();
      if (getWindowWidth() > 550) {
        if (swiperPlatform) {
          swiperPlatform.destroy(true, true);
          swiperPlatform = null;

          container.style.touchAction = 'none';
          container.style.overflow = 'hidden'; 
          container.style.pointerEvents = 'none';
        }
      } else {
        if (!swiperPlatform) {
          container.style.touchAction = '';
          container.style.overflow = '';
          container.style.pointerEvents = '';
          wrapper.style.display = '';

          swiperPlatform = new Swiper(container, {
            initialSlide: 0,
            watchSlidesProgress: true,
            slidesPerView: 'auto',
            centeredSlides: true,
            loop: false,
            loopedSlides: 5,
            autoplay: false,
            navigation: {
              nextEl: '.btn-next',
              prevEl: '.btn-prev',
            },
          });
        }
      }
    }

    window.addEventListener('load', swiperPlay);

    window.addEventListener('resize', () => {
      swiperPlay();
    });
  </script>
</body>
</html>