.elementor-200 .elementor-element.elementor-element-1f6c008{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:50px;--padding-bottom:50px;--padding-left:5px;--padding-right:5px;}.elementor-200 .elementor-element.elementor-element-b1c6292{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-200 .elementor-element.elementor-element-33ac0fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-200 .elementor-element.elementor-element-4ff094f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-200 .elementor-element.elementor-element-17a3220 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-200 .elementor-element.elementor-element-17a3220 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-200 .elementor-element.elementor-element-17a3220 .elementor-button{padding:8px 12px 8px 12px;}@media(min-width:768px){.elementor-200 .elementor-element.elementor-element-b1c6292{--width:33.3333%;}.elementor-200 .elementor-element.elementor-element-33ac0fc{--width:66.6666%;}}/* Start custom CSS for html, class: .elementor-element-61e7d19 *//* 主图片容器样式 */
    .main-image-container {
      position: relative;
      text-align: center;
      margin-bottom: 10px;
      border: 0px solid rgb(5, 230, 140);
      max-width: 900px;
      margin: 0 auto;
    }
    .main-image-container img{
      
      border: 1px solid var( --e-global-color-a2c0d56 );
     
    }

    /* 缩略图容器样式 */
    .thumbnails-container {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: left;
      max-width: 900px;
      margin-top: 10px;
    }

    /* 缩略图默认样式 */
    .thumbnail {
      width: calc((100% - 50px) / 6);
      cursor: pointer;
      border: 1px solid #000000;
      border-radius: 1px;
      opacity: 0.8;
    }

    /* 激活状态的缩略图样式 */
    .thumbnail.active {
      border: 2px solid var( --e-global-color-a2c0d56 );
      border-radius: 0px 0px 0px 0px;
      opacity: 1.0;
    }

    /* 图片描述样式 */
    .image-description {
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100%;
      background-color: rgba(255, 0, 0, 0.5);
      color: #ffffff;
      text-align: center;
      padding: 0px 0;
      font-size: 16px;
      line-height: 1.5em;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: auto;
    }

    /* 箭头区域样式 */
    .arrow-left,
    .arrow-right {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 30px;
      height: 30px;
      background-color: #00000009;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      color: var( --e-global-color-a2c0d56 );
      font-size: 30px;
      z-index: 10;
    }
    
    .arrow-left:hover,
    .arrow-right:hover {
     
      background-color: #ffffff;
     
    }

    .arrow-left {
      left: 5px;
    }

    .arrow-right {
      right: 5px;
    }

    /* 箭头图标 */
    .arrow-left::before {
        font-family: "Font Awesome 5 Free"; 
             content: "\f060";                   
             font-weight: 600;                  
             font-size:19px;
    }

    .arrow-right::before {
         font-family: "Font Awesome 5 Free"; 
        content: "\f061";                   
        font-weight: 600;                  
             font-size:16px;
    }

    /* 方案3的缩放效果 */
    .zoom-container {
      overflow: hidden;
      position: relative;
      width: 100%;
      max-width: 900px;
    }

    .zoom-image {
      display: block;
      width: 100%;
      transition: transform 0.1s ease;
      transform-origin: center;
    }

    /* hover 放大效果 */
    .zoom-container:hover .zoom-image {
      transform: scale(1.6);
    }/* End custom CSS */