.elementor-748 .elementor-element.elementor-element-353f9e5{--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.87;--padding-top:100px;--padding-bottom:100px;--padding-left:5px;--padding-right:5px;}.elementor-748 .elementor-element.elementor-element-353f9e5:not(.elementor-motion-effects-element-type-background), .elementor-748 .elementor-element.elementor-element-353f9e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://d4785.dulizhanchaoshi.com/wp-content/uploads/2025/07/banner2-1.jpg.webp");background-position:center center;background-size:cover;}.elementor-748 .elementor-element.elementor-element-353f9e5::before, .elementor-748 .elementor-element.elementor-element-353f9e5 > .elementor-background-video-container::before, .elementor-748 .elementor-element.elementor-element-353f9e5 > .e-con-inner > .elementor-background-video-container::before, .elementor-748 .elementor-element.elementor-element-353f9e5 > .elementor-background-slideshow::before, .elementor-748 .elementor-element.elementor-element-353f9e5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-748 .elementor-element.elementor-element-353f9e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(96deg, var( --e-global-color-primary ) 0%, var( --e-global-color-d32943e ) 100%);}.elementor-748 .elementor-element.elementor-element-c33b1ce{text-align:center;}.elementor-748 .elementor-element.elementor-element-c33b1ce .elementor-heading-title{color:var( --e-global-color-7b39735 );}.elementor-748 .elementor-element.elementor-element-7626950{text-align:center;font-size:17px;line-height:1.8em;color:var( --e-global-color-b2198fc );}.elementor-748 .elementor-element.elementor-element-f3e5293{--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:70px;--padding-bottom:70px;--padding-left:5px;--padding-right:5px;}.elementor-748 .elementor-element.elementor-element-45a0460{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-748 .elementor-element.elementor-element-4325e133{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-748 .elementor-element.elementor-element-45a0460{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-748 .elementor-element.elementor-element-45a0460{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-5992042 *//* 外部容器 */
        .tbb-card-container {
            width: 100%;
            text-align: center; /* 文字居中 */
          overflow: hidden; /* 限制放大后的图片溢出 */
        }

  /* 父容器：确保限制子元素超出 */
.tbb-card {
    position: relative;
    width: 100%;
    overflow: hidden; /* 限制放大后的图片溢出 */
    border-radius: 0px;
    cursor: pointer;
}

/* 图片样式 */
.tbb-card img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.9s ease; /* 平滑的放大效果 */
}

/* 图片悬停放大效果 */
.tbb-card:hover img {
    transform: scale(1.05); /* 图片放大 */
}



        /* 透明背景 - 使用div */
        .tbb-overlay {
            position: absolute;
            top: 0;
            left: -100%;
            width: 200%;
            height: 100%;
            background: #154a9add; /* 黑色透明背景 */
            opacity: 0; /* 初始隐藏 */
            transition: opacity 0.6s ease; /* 平滑过渡 */
            z-index: 1;
        }

        /* 图标 */
        .tbb-icon {
            position: absolute;
            top: 50%;
            left: 00%;
            transform: translate(-50%, -50%);
             width: 150%;
            opacity: 0; /* 初始隐藏 */
            transition: opacity 0.3s ease;
            z-index: 2; /* 确保图标在背景之上 */
            
            font-weight: 500; 
            color: #ffffff;
            font-size: 18px; 
            line-height: 1.0em; 
            
            
        }

        .tbb-icon img {
            width: 100%;
            height: auto;
        }

        /* 悬停效果 */
        .tbb-card:hover .tbb-overlay {
            opacity: 1; /* 显示透明背景 */
        }

        .tbb-card:hover .tbb-icon {
            opacity: 1; /* 显示图标 */
        }

        /* 底部文字 */
        .tbb-text {
            margin-top: 0px;
            font-size: 15px;
          padding: 20px 0px;
         text-align: center; /* 文字居中 */
            color: #333;
          background: #ffffff; /* 黑色透明背景 */
        }/* End custom CSS */