.elementor-325 .elementor-element.elementor-element-ee89ce6{--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:30px 030px;--row-gap:30px;--column-gap:030px;--padding-top:60px;--padding-bottom:60px;--padding-left:5px;--padding-right:5px;}.elementor-325 .elementor-element.elementor-element-da14613{--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-325 .elementor-element.elementor-element-71647a8{--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-325 .elementor-element.elementor-element-beed475 .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-7b39735 );color:var( --e-global-color-7b39735 );}.elementor-325 .elementor-element.elementor-element-beed475 .elementor-button:hover, .elementor-325 .elementor-element.elementor-element-beed475 .elementor-button:focus{background-color:var( --e-global-color-2d90072 );color:var( --e-global-color-7b39735 );}.elementor-325 .elementor-element.elementor-element-beed475 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-325 .elementor-element.elementor-element-beed475 .elementor-button:hover svg, .elementor-325 .elementor-element.elementor-element-beed475 .elementor-button:focus svg{fill:var( --e-global-color-7b39735 );}.elementor-325 .elementor-element.elementor-element-834418d{--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;--overlay-opacity:0.5;--padding-top:600px;--padding-bottom:600px;--padding-left:5px;--padding-right:51px;}.elementor-325 .elementor-element.elementor-element-834418d::before, .elementor-325 .elementor-element.elementor-element-834418d > .elementor-background-video-container::before, .elementor-325 .elementor-element.elementor-element-834418d > .e-con-inner > .elementor-background-video-container::before, .elementor-325 .elementor-element.elementor-element-834418d > .elementor-background-slideshow::before, .elementor-325 .elementor-element.elementor-element-834418d > .e-con-inner > .elementor-background-slideshow::before, .elementor-325 .elementor-element.elementor-element-834418d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-b2198fc );--background-overlay:'';}.elementor-325 .elementor-element.elementor-element-18f3366{--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;--padding-top:60px;--padding-bottom:60px;--padding-left:5px;--padding-right:5px;}.elementor-325 .elementor-element.elementor-element-18f3366:not(.elementor-motion-effects-element-type-background), .elementor-325 .elementor-element.elementor-element-18f3366 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-7b39735 ) 0%, var( --e-global-color-b2198fc ) 100%);}.elementor-325 .elementor-element.elementor-element-21e50ae{text-align:center;}.elementor-325 .elementor-element.elementor-element-081cda1{--grid-columns:5;}.elementor-325 .elementor-element.elementor-element-081cda1 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-325 .elementor-element.elementor-element-081cda1 .e-loop-item > .elementor-section, .elementor-325 .elementor-element.elementor-element-081cda1 .e-loop-item > .elementor-section > .elementor-container, .elementor-325 .elementor-element.elementor-element-081cda1 .e-loop-item > .e-con, .elementor-325 .elementor-element.elementor-element-081cda1 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(min-width:768px){.elementor-325 .elementor-element.elementor-element-da14613{--width:35%;}.elementor-325 .elementor-element.elementor-element-71647a8{--width:65%;}}@media(max-width:1024px){.elementor-325 .elementor-element.elementor-element-081cda1{--grid-columns:2;}}@media(max-width:767px){.elementor-325 .elementor-element.elementor-element-081cda1{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-b23a1eb *//* 主图片容器样式 */
    .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 #cd552000;
     
    }

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

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

    /* 激活状态的缩略图样式 */
    .thumbnail.active {
      border: 2px solid #cd5520;
      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: #00000000;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #cd552000;
      font-size: 30px;
      z-index: 10;
    }
    
    .arrow-left:hover,
    .arrow-right:hover {
     
      background-color: #ffffff00;
     
    }

    .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 */