.elementor-1467 .elementor-element.elementor-element-0d1a217{--display:flex;--min-height:828px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1467 .elementor-element.elementor-element-0d1a217.e-con{--align-self:stretch;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-1467 .elementor-element.elementor-element-2697b7a{width:100%;max-width:100%;}.elementor-1467 .elementor-element.elementor-element-2697b7a > .elementor-widget-container{margin:-20px -24px 1px -24px;padding:0px 0px 0px 0px;}.elementor-1467 .elementor-element.elementor-element-2697b7a.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-2697b7a *//* 让每一项在容器内右锚：变窄时从左边收，右侧贴齐 */
.acx.right .acx-item{
  margin-left: auto;
  margin-right: 0;
}

/* === 情况 1：你在用“背景层”结构（<span class="acx-img">） === */
.acx .acx-item .acx-img,
.acx .acx-item:hover .acx-img,
.acx .acx-item.is-active .acx-img,
.acx .acx-item.lock .acx-img{
  background-size: cover !important;          /* 始终覆盖容器 */
  background-position: center 25% !important; /* 始终看上半部分（越小越靠上） */
  background-repeat: no-repeat !important;
}

/* === 情况 2：你在用 <img> 结构（没有 .acx-img 的 span） === */
.acx .acx-item > img,
.acx .acx-item:hover > img,
.acx .acx-item.is-active > img,
.acx .acx-item.lock > img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;               /* 始终覆盖容器 */
  object-position: center 25% !important;     /* 始终看上半部分 */
  display: block !important;
}



/* 让手风琴容器作为定位参照 */
.acx{ 
  position: relative; 
  isolation: isolate;   /* 保证层级独立，避免被内部 transform 影响 */
}

/* 固定标题：改用 top 锚点，取消 bottom */
.acx-caption{
  position: absolute;
  left: 80px;     /* 往右就加大 */
  top: 580px;     /* 往下/上微调就改这个值 */
  bottom: auto;   /* 关键：取消 bottom 锚点 */
  z-index: 100;   /* 盖在各项之上 */
  pointer-events: none; /* 不拦截鼠标 */
  font-weight: bold;
}

/* 若要贴右上角，用这行替换 left： */
/* .acx-caption{ right:48px; left:auto; top:40px; } */


/* 设置底部空隙固定增量 */
.acx{
  --extra-space: 148px; /* 固定的底部间隙增量 */
  transition: margin-bottom .3s ease, padding-bottom .3s ease; /* 确保平滑过渡 */
  padding-bottom: 0;    /* 默认不加底部内边距 */
  margin-bottom: 0;     /* 默认没有额外的底部空间 */
}


/* 在手机或平板下隐藏标题和描述 */
@media (max-width: 1024px) {
  .acx-caption {
    display: none;
  }
}/* End custom CSS */