.elementor-7502 .elementor-element.elementor-element-1564419{--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;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7502 .elementor-element.elementor-element-f6b6782 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7502 .elementor-element.elementor-element-f6b6782{text-align:center;}.elementor-7502 .elementor-element.elementor-element-e5a1a07 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7502 .elementor-element.elementor-element-0b0d7dc{--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;--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-7502 .elementor-element.elementor-element-0b0d7dc::before, .elementor-7502 .elementor-element.elementor-element-0b0d7dc > .elementor-background-video-container::before, .elementor-7502 .elementor-element.elementor-element-0b0d7dc > .e-con-inner > .elementor-background-video-container::before, .elementor-7502 .elementor-element.elementor-element-0b0d7dc > .elementor-background-slideshow::before, .elementor-7502 .elementor-element.elementor-element-0b0d7dc > .e-con-inner > .elementor-background-slideshow::before, .elementor-7502 .elementor-element.elementor-element-0b0d7dc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF 0%, #AFAFAF 100%);}.elementor-7502 .elementor-element.elementor-element-8ecb9ff{text-align:center;}.elementor-7502 .elementor-element.elementor-element-7fdd72b{--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-7502 .elementor-element.elementor-element-5b4aece{text-align:center;}.elementor-7502 .elementor-element.elementor-element-4f719bb{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7502 .elementor-element.elementor-element-fa866f1.elementor-element{--align-self:center;}.elementor-7502 .elementor-element.elementor-element-1e8460b{--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-7502 .elementor-element.elementor-element-1e8460b:not(.elementor-motion-effects-element-type-background), .elementor-7502 .elementor-element.elementor-element-1e8460b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(270deg, #00000000 45%, #00000047 100%);}.elementor-7502 .elementor-element.elementor-element-562f38c{text-align:center;}.elementor-7502 .elementor-element.elementor-element-48318ab{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7502 .elementor-element.elementor-element-f123797.elementor-element{--align-self:center;}.elementor-7502 .elementor-element.elementor-element-5ea1c89.elementor-element{--align-self:center;}.elementor-7502 .elementor-element.elementor-element-2ed3780{--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-7502 .elementor-element.elementor-element-374f6d9{text-align:center;}.elementor-7502 .elementor-element.elementor-element-2031115{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7502 .elementor-element.elementor-element-c5fe282.elementor-element{--align-self:center;}.elementor-7502 .elementor-element.elementor-element-3415425.elementor-element{--align-self:center;}.elementor-7502 .elementor-element.elementor-element-6259c452{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7502 .elementor-element.elementor-element-6259c452:not(.elementor-motion-effects-element-type-background), .elementor-7502 .elementor-element.elementor-element-6259c452 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #669AD5 0%, #C6E8FF 100%);}.elementor-7502 .elementor-element.elementor-element-2866fc7c > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-7502 .elementor-element.elementor-element-2866fc7c{text-align:center;}.elementor-7502 .elementor-element.elementor-element-2bdbdb30{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7502 .elementor-element.elementor-element-792312d4 .elementor-button{background-color:#306CF3;font-family:"Saira", Sans-serif;font-size:17px;font-weight:700;border-radius:20px 20px 20px 20px;}.elementor-7502 .elementor-element.elementor-element-39a9ac64{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-7502 .elementor-element.elementor-element-2d2ffabb.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-7502 .elementor-element.elementor-element-2d2ffabb.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-7502 .elementor-element.elementor-element-2d2ffabb.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-7502 .elementor-element.elementor-element-2d2ffabb .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-7502 .elementor-element.elementor-element-2d2ffabb .elementor-image-box-img img{transition-duration:0.3s;}.elementor-7502 .elementor-element.elementor-element-5a41b6d8.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-7502 .elementor-element.elementor-element-5a41b6d8.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-7502 .elementor-element.elementor-element-5a41b6d8.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-7502 .elementor-element.elementor-element-5a41b6d8 .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-7502 .elementor-element.elementor-element-5a41b6d8 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-7502 .elementor-element.elementor-element-334f6a48.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-7502 .elementor-element.elementor-element-334f6a48.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-7502 .elementor-element.elementor-element-334f6a48.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-7502 .elementor-element.elementor-element-334f6a48 .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-7502 .elementor-element.elementor-element-334f6a48 .elementor-image-box-img img{transition-duration:0.3s;}@media(max-width:1024px){.elementor-7502 .elementor-element.elementor-element-4f719bb{--grid-auto-flow:row;}.elementor-7502 .elementor-element.elementor-element-48318ab{--grid-auto-flow:row;}.elementor-7502 .elementor-element.elementor-element-2031115{--grid-auto-flow:row;}.elementor-7502 .elementor-element.elementor-element-39a9ac64{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7502 .elementor-element.elementor-element-4f719bb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7502 .elementor-element.elementor-element-48318ab{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7502 .elementor-element.elementor-element-2031115{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7502 .elementor-element.elementor-element-39a9ac64{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7502 .elementor-element.elementor-element-2d2ffabb .elementor-image-box-img{margin-bottom:15px;}.elementor-7502 .elementor-element.elementor-element-5a41b6d8 .elementor-image-box-img{margin-bottom:15px;}.elementor-7502 .elementor-element.elementor-element-334f6a48 .elementor-image-box-img{margin-bottom:15px;}body.elementor-page-7502{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS *//* 设置基础图库容器 */
.thumbnail-slider .gallery {
    display: flex;
    flex-wrap: nowrap; /* 不换行，水平排列 */
    overflow-x: auto; /* 启用水平滚动 */
    gap: 10px; /* 图片之间的间隔 */
    scroll-snap-type: x mandatory; /* 滚动时每个项目都居中 */
    -webkit-overflow-scrolling: touch; /* 在iOS上启用平滑滚动 */
    max-width: 100%; /* 确保容器宽度不超出 */
    padding-bottom: 10px; /* 为滑动条预留空间 */
}

/* 每个图库项 */
.thumbnail-slider .gallery-item {
    flex: 0 0 auto; /* 保持项目的自然宽度 */
    scroll-snap-align: center; /* 滚动时每个图片居中 */
    cursor: pointer;
}

/* 优化图片的尺寸和布局 */
.thumbnail-slider .gallery-item img {
    max-width: 100%; /* 确保图片不会超出容器 */
    height: auto; /* 图片按比例缩放 */
}

/* 桌面端：每行显示 3 个图片 */
@media (min-width: 1024px) {
    .thumbnail-slider .gallery-item {
        width: 33%; /* 每行显示 3 张图片 */
    }
}

/* 平板端：每行显示 2 个图片 */
@media (max-width: 1024px) {
    .thumbnail-slider .gallery-item {
        width: 48%; /* 每行显示 2 张图片 */
    }
}

/* 手机端：每行显示 3 个图片并启用横向滑动 */
@media (max-width: 768px) {
    .thumbnail-slider .gallery-item {
        width: 30%; /* 每行显示 3 个图片 */
        margin-right: 10px; /* 图片间隔 */
    }

    /* 优化滑动条外观 */
    .thumbnail-slider .gallery::-webkit-scrollbar {
        height: 8px; /* 设置滚动条的高度 */
    }

    .thumbnail-slider .gallery::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.5); /* 滚动条滑块颜色 */
        border-radius: 10px; /* 滚动条滑块的圆角 */
    }

    .thumbnail-slider .gallery::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.1); /* 滚动条轨道颜色 */
        border-radius: 10px; /* 滚动条轨道的圆角 */
    }
}

/* 手机端：每行显示 1 个图片，开启横向滑动 */
@media (max-width: 480px) {
    .thumbnail-slider .gallery-item {
        width: 80%; /* 每行显示一个图片 */
        margin: 0 auto; /* 使图片居中 */
    }

    .thumbnail-slider .gallery {
        overflow-x: scroll; /* 启用横向滚动 */
    }
}/* End custom CSS */