.elementor-4518 .elementor-element.elementor-element-a714c3b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-4518 .elementor-element.elementor-element-32ef8e3{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4518 .elementor-element.elementor-element-bfb33ee > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-4518 .elementor-element.elementor-element-bfb33ee{text-align:center;}.elementor-4518 .elementor-element.elementor-element-ec1d1f6{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4518 .elementor-element.elementor-element-ec1d1f6.e-con{--align-self:center;}.elementor-4518 .elementor-element.elementor-element-2f5db42 .elementor-cta .elementor-cta__bg, .elementor-4518 .elementor-element.elementor-element-2f5db42 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-4518 .elementor-element.elementor-element-2f5db42 .elementor-cta__content{text-align:left;padding:10px 26px 24px 16px;}.elementor-4518 .elementor-element.elementor-element-2f5db42 .elementor-cta__bg-wrapper{min-height:280px;}.elementor-4518 .elementor-element.elementor-element-2f5db42 .elementor-cta__title{font-size:16px;}.elementor-4518 .elementor-element.elementor-element-00490cf .elementor-button{background-color:#02010100;fill:var( --e-global-color-d0bfd23 );color:var( --e-global-color-d0bfd23 );}.elementor-4518 .elementor-element.elementor-element-00490cf > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-4518 .elementor-element.elementor-element-00490cf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4518 .elementor-element.elementor-element-00490cf .elementor-button:hover, .elementor-4518 .elementor-element.elementor-element-00490cf .elementor-button:focus{color:var( --e-global-color-7f1815f );}.elementor-4518 .elementor-element.elementor-element-00490cf .elementor-button:hover svg, .elementor-4518 .elementor-element.elementor-element-00490cf .elementor-button:focus svg{fill:var( --e-global-color-7f1815f );}.elementor-4518 .elementor-element.elementor-element-65b90cb{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4518 .elementor-element.elementor-element-400b977 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-4518 .elementor-element.elementor-element-400b977{text-align:center;}.elementor-4518 .elementor-element.elementor-element-2568ab3{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4518 .elementor-element.elementor-element-2568ab3.e-con{--align-self:center;}.elementor-4518 .elementor-element.elementor-element-25a190d .elementor-cta .elementor-cta__bg, .elementor-4518 .elementor-element.elementor-element-25a190d .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-4518 .elementor-element.elementor-element-25a190d .elementor-cta__content{min-height:260px;text-align:left;padding:20px 20px 20px 20px;}.elementor-4518 .elementor-element.elementor-element-25a190d .elementor-cta__title{font-size:16px;}.elementor-4518 .elementor-element.elementor-element-03756d2 .elementor-button{background-color:#02010100;fill:var( --e-global-color-d0bfd23 );color:var( --e-global-color-d0bfd23 );}.elementor-4518 .elementor-element.elementor-element-03756d2 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-4518 .elementor-element.elementor-element-03756d2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4518 .elementor-element.elementor-element-03756d2 .elementor-button:hover, .elementor-4518 .elementor-element.elementor-element-03756d2 .elementor-button:focus{color:var( --e-global-color-7f1815f );}.elementor-4518 .elementor-element.elementor-element-03756d2 .elementor-button:hover svg, .elementor-4518 .elementor-element.elementor-element-03756d2 .elementor-button:focus svg{fill:var( --e-global-color-7f1815f );}@media(max-width:1024px){.elementor-4518 .elementor-element.elementor-element-ec1d1f6{--grid-auto-flow:row;}.elementor-4518 .elementor-element.elementor-element-2568ab3{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-4518 .elementor-element.elementor-element-ec1d1f6{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4518 .elementor-element.elementor-element-ec1d1f6{--width:100%;}.elementor-4518 .elementor-element.elementor-element-2568ab3{--width:100%;}}@media(max-width:767px){.elementor-4518 .elementor-element.elementor-element-ec1d1f6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4518 .elementor-element.elementor-element-2568ab3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-a714c3b */.item-case:hover{
    z-index: 2;
    transform: translateY(-10px);
}
.item-case:hover .html-wrap{
   
    visibility: visible;
    /*transform: translateY(100%);*/
}
.item-case .html-wrap{
    position: absolute;
    left: 0;
    top: 90%;   
    background: #fff;
    padding:0 10px; 
    width: 100%;   
    visibility: hidden;
    /*transition: all 0.3s ease;*/
}
.item-case .description-container{
    background-color: #000;
    color: #fff;
    padding: 10px 10px 20px ;
}
.item-case .description-container p{
    font-size: 10px;
    line-height: 1.4;
    margin: 0;
}
 table.table-container-canshu {
    width: 100%; 
    border-collapse: separate;
    border-spacing: 0 6px; /* 设置行间距为8px */
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 12px; 
    line-height: 1;
    border: none; 
}
.table-container-canshu{
    thead {
        background-color: #AACD0C;
        color: #fff;
        font-weight: 600;
    }
    th, td {
        border: none; 
        padding: 4px 1px;
        word-wrap: break-word;
        overflow-wrap: break-word;
        word-break: break-word;
    }
    /* 处理第一列左侧的黑色小块效果 */
    thead tr th:first-child {
        position: relative; 
    }
     
    thead tr th:first-child::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 40px;
        /* background-color: #000; */
        background:linear-gradient(120deg, black 0%, black 60%, white 60%, white 70%, transparent 70%, transparent 100%);
    }
    tbody tr {
        background-color: #D9D9D9; /* 所有行使用灰色背景 */
        border-radius: 5px; /* 圆角效果 */ 
    }
}

@media screen and (max-width: 1024px){
    table.table-container-canshu{
        thead tr th:first-child {
            width: 60px;
        }
        thead tr th:first-child::before{
            width: 15px;
        }  
        
    }    
}/* End custom CSS */