@import url("css2-GildaDisplay_swap.css");
@import url("css2-Barlowitalwght010002000300040005000600070008000900110012001300140015001600170018001900_swap.css");
/* 调整首页hero区域高度以适应背景图片 */

.gt-hero-section.gt-hero-1.fix.bg-cover {
    height: 100vh !important;
    min-height: 600px;
    display: flex !important;
    align-items: center;
}

/* 确保内容垂直居中 */
.gt-hero-content {
    padding-top: 0;
}

/* 首页第二板块背景图片平铺效果 */
/* .gt-source-section 背景图片平铺效果 */
.gt-source-section {
    padding: 60px 0;
    height: fit-content;
}


.gt-source-section .gt-source-content {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

@media (max-width: 767px) {
    .gt-source-section .gt-source-content {
        padding: 0 30px;
    }
}

.shark_txt_bg {
    width: 343px;
    height: 80px;
    background-size: 100% 100%;
    font-size: 42px;
    font-weight: 400;
    color: var(--gt-theme);
    line-height: 94px;
    font-family: "Gilda Display", sans-serif;
    padding-left: 5px;

}

.shark_btm_txt {
    font-size: 36px;
    font-weight: 400;
    color: #303030;
    font-family: "Gilda Display", sans-serif;
    margin-top: 25px;
}

.shark_desc {
    font-family: Barlow;
    font-weight: 300;
    font-size: 18px;
    color: #303030;
    margin-top: 70px;
    word-break: break-all;
}

.gt-source-section .gt-source-rg_pic {
    height: 100%;
    width: 100%;
    padding-left: 30px;
}

.gt-source-section .gt-source-rg_pic img {
    width: 100%;
    height: auto;
}

/* 发展历程区域样式 */
.gt-process-section {
    width: 100%;
    position: relative;
    background-image: url("../image/homePictures/sectionBanner/cp_bg.png");
    background-size: 100% 100%;
    /* aspect-ratio: 0.96; */
    padding: 128px 0 240px;

}

.gt-process-section .process_bg {
    width: 100%;
    height: auto;
}

.gt-process-section .cover_area {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

}


.common_row_title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.common_big_title {
    font-weight: 400;
    font-size: 52px;
    color: #444444;
    text-align: center;
    margin: 30px auto;
}

.common_row_title .common_line_pic {
    width: 80px;
    height: auto;
}

.common_row_title .common_line_label {
    font-weight: 400;
    font-size: 20px;
    color: #AA8453;
    font-family: "Gilda Display", sans-serif;
    margin: 0 15px;
}

/* 发展历程 */
.process_area_history {
    width: 148px;
    margin-top: 40px;
    position: relative;
}

.process_area_history .licheng {
    width: 100%;
    height: auto;
}

.year_2017 {
    position: absolute;
    top: 10px;
    left: 68px;
    z-index: 99;
    display: flex;
    align-items: flex-start;
}

.year_2017 .dots {
    width: 40px;
    height: auto;
    position: absolute;
    left: -12px;
    top: -15px;
}

.year_2017 .gold_dashed_line {
    border: 1px dashed #AA8453;
    width: 130px;
    height: 2px;
    position: absolute;
    left: 20px;
    top: 0;
}

.year_2017 .process_site {
    width: 20px;
    height: auto;
    position: absolute;
    left: 140px;
    top: -25px;
}

.year_2017 .block_introduce {
    font-weight: 300;
    font-size: 16px;
    color: #444444;
    word-break: break-all;
    width: 400px;
    position: absolute;
    left: 170px;
    top: -20px;
}


.year_2017 .block_introduce .block_introduce_year_title {
    font-weight: 400;
    font-size: 20px;
    color: #AA8453;
    margin-bottom: 10px;
}

.year_2018 {
    position: absolute;
    top: 266px;
    right: -50px;
    z-index: 99;
    display: flex;
    align-items: flex-start;
    min-width: 100px;
    min-height: 100px;
}

.year_2018 .dots {
    width: 40px;
    height: auto;
    position: absolute;
    left: -12px;
    top: -15px;
}

.year_2018 .gold_dashed_line {
    border: 1px dashed #AA8453;
    width: 400px;
    height: 2px;
    position: absolute;
    left: -400px;
    top: 0;
}

.year_2018 .process_site {
    width: 20px;
    height: auto;
    position: absolute;
    left: -410px;
    top: -25px;
}

.year_2018 .block_introduce {
    font-weight: 300;
    font-size: 16px;
    color: #444444;
    word-break: break-all;
    width: 300px;
    position: absolute;
    left: -380px;
    top: -30px;
}


.year_2018 .block_introduce .block_introduce_year_title {
    font-weight: 400;
    font-size: 20px;
    color: #AA8453;
    margin-bottom: 15px;
}

.gt-shiptree-section {
    width: 100%;
    height: auto;
    background-color: #000;
    position: relative;
    min-height: 1200px;
}

.gt-shiptree-section .zuzhi_content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    top: 0;
    right: 0;
    left: 0;
    box-sizing: border-box;
    padding: 38px 0;
}

.gt-shiptree-section .zuzhi_content .tree_title {
    font-weight: 400;
    font-size: 56px;
    color: #fff;
    font-family: "Gilda Display", sans-serif;
    margin-top: 30px;
}

.gt-shiptree-section .zuzhi_content .tree_desc {
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    margin-top: 40px;
    text-align: center;
}

.gt-shiptree-section .zuzhi_content .tree_header {
    width: 126px;
    height: 126px;
    background-image: url('../image/homePictures/setcionPart/zuzhi_bg.png');
    background-size: 100% 100%;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    font-family: "Gilda Display", sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.gt-shiptree-section .zuzhi_content .header_name {
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    font-family: "Gilda Display", sans-serif;
    margin-top: 10px;
}

.gt-shiptree-section .zuzhi_content .tree_line_area {
    position: relative;
}

.gt-shiptree-section .zuzhi_content .tree_line_area .tree_one {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    z-index: 9;
    left: -30px;
    bottom: -60px;
}

.gt-shiptree-section .zuzhi_content .tree_line_area .tree_one .tree_one_content {
    width: 96px;
    height: 96px;
    background-image: url('../image/homePictures/setcionPart/zuzhi_bg.png');
    background-size: 100% 100%;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    font-family: "Gilda Display", sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 20px;
    text-align: center;
}

.gt-shiptree-section .zuzhi_content .tree_line_area .tree_one span {
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    font-family: "Gilda Display", sans-serif;
}


.gt-shiptree-section .zuzhi_content .tree_line_area .tree_line_bg {
    height: 256px;
    width: auto;
}

.gt-shiptree-section .tree_bg {
    width: 100%;
    height: auto;

}

.gt-ourGlass-section {
    width: 100%;
    height: auto;
}

.gt-shiptree-section .zuzhi_content .mobile_tree_line_area {
    position: relative;
    width: 88%;
    display: none;
}

.gt-shiptree-section .zuzhi_content .mobile_tree_line_area .tree_line_bg {
    width: 100%;
    height: auto;

}

.gt-shiptree-section .zuzhi_content .mobile_tree_line_area .tree_one .tree_one_content {
    width: 56px;
    height: 56px;
    background-image: url('../image/homePictures/setcionPart/zuzhi_bg.png');
    background-size: 100% 100%;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    font-family: "Gilda Display", sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 20px;
    text-align: center;

}

.gt-shiptree-section .zuzhi_content .mobile_tree_line_area .tree_one {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    z-index: 9;
    left: -20px;
    bottom: -60px;
    transform: scale(0.7);
}

.gt-shiptree-section .zuzhi_content .mobile_tree_line_area .tree_one span {
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    font-family: "Gilda Display", sans-serif;
}

@media (max-width: 767px) {
    .gt-shiptree-section {
        min-height: 300px;
    }

    .gt-shiptree-section .zuzhi_content .mobile_tree_line_area {
        display: block;
    }

    .gt-shiptree-section .zuzhi_content .tree_line_area {
        display: none;
    }
}

.org_btm_area {
    /* 使用 Bootstrap row，已经包含了 display: flex */
    align-items: center;
    margin-top: 260px;
    min-height: 266px;
}

.org_btm_area_left {
    /* 宽度由 Bootstrap col 类控制，不再使用固定宽度 */
    width: 100%;
    background: #AA8453;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 48px 48px;
    position: relative;
    height: 270px;
}

.org_btm_area_left .ab_block_label {
    position: absolute;
    left: 30px;
    top: -57px;
    width: 388px;
    height: 87px;
    background: #936830;
    font-weight: 400;
    font-size: 30px;
    color: #fff;
    font-family: "Gilda Display", sans-serif;
    text-align: center;
    line-height: 87px;
}

.ab_block_label_shaddow {
    position: absolute;
    bottom: 0;
    right: -25px;
    width: 0;
    height: 0;
    border-bottom: 30px solid #6C4819;
    border-left: 25px solid transparent;
    transform: rotate(180deg);
}

.org_btm_area_left .org_btm_area_left_content {
    width: 50%;
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 28px;
}

.org_btm_area_right {
    width: 100%;
    /* 宽度由 Bootstrap col 类控制，不再使用固定宽度 */
    height: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.org_btm_area_right img {
    width: 100%;
    height: 100%;
}





.our_Case {
    width: 100%;
    padding: 40px 0;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.our_Case_title {
    font-weight: 400;
    font-size: 56px;
    color: #444444;
    font-family: "Gilda Display", sans-serif;
    margin-top: 25px;
}

.cases_section {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 516px;
    position: relative;
    background-image: url('../image/homePictures/setcionPart/anwen.png');
    /* 重复平铺背景图片 */
    background-repeat: repeat;
    /* 设置背景图片大小，可以根据需要调整 */
    background-size: 100px 100px;
}

.cases_section .cases_section_img {
    width: 50%;
    height: 100%;
}

@media (max-width: 767px) {
    .cases_section .cases_section_img {
        width: 100%;
        height: 100%;
        padding: 0;
    }

}

.cases_section .cases_section_img img {
    width: 100%;
    height: 100%;
}

.cases_section .center_logo {
    width: 262px;
    height: 261px;
    background-image: url('../image/homePictures/setcionPart/white_sm_bg.png');
    position: absolute;
    z-index: 9;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cases_section .center_logo img {
    width: 50%;
    height: auto;
}

.cases_section .cases_section_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 50%;
    height: 100%;

}

.cases_padL {
    padding: 0 6% 0 13%;

}

.cases_padR {
    padding: 0 13% 0 6%;

}


.cases_section .cases_section_content .cases_section_des {
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    word-break: break-all;
}

.cases_section .cases_section_content .cases_section_more {
    margin-top: 40px;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    background-color: var(--gt-theme);
    color: #fff;
    font-weight: 500;
    font-family: "Barlow", sans-serif;
    padding: 15px 30px;
    transition: 500ms;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 1;
    border-radius: 4px;
}

.cases_section .cases_section_content .cases_section_more::before {
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    z-index: -1;
    right: 0;
    bottom: 0;
    width: 130%;
    height: 0%;
    margin: auto;
    transform: rotate(-45deg);
    background-color: var(--gt-header);
    transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.cases_section .cases_section_content .cases_section_more:hover::before {
    height: 550%;
}

@media (max-width: 767px) {

    .cases_section {
        flex-direction: column;
        padding: 0;
    }
}

/* 响应式调整 */
/* 大屏幕设备 */
@media (max-width: 1199px) {
    .gt-hero-section.gt-hero-1.fix.bg-cover {
        height: auto;
        min-height: 500px;
        padding: 100px 0;
    }

    .gt-source-section .gt-source-rg_pic {
        padding-left: 0;
        margin-top: 30px;
    }

    .shark_txt_bg {
        width: 280px;
        height: 60px;
        font-size: 32px;
        line-height: 60px;
    }

    .shark_btm_txt {
        font-size: 28px;
        margin-top: 15px;
    }

    .shark_desc {
        margin-top: 30px;
        font-size: 16px;
    }

    .common_big_title {
        font-size: 42px;
        margin: 20px auto;
    }

    .common_row_title .common_line_label {
        font-size: 20px;
        margin: 0 10px;
    }

    .year_2017 .block_introduce,
    .year_2018 .block_introduce {
        width: 100%;
        font-size: 14px;
    }

    .year_2017 .block_introduce .block_introduce_year_title,
    .year_2018 .block_introduce .block_introduce_year_title {
        font-size: 20px;
    }

    .gt-shiptree-section .zuzhi_content .tree_title {
        font-size: 46px;
        margin-top: 20px;
    }

    .gt-shiptree-section .zuzhi_content .tree_desc {
        font-size: 16px;
        margin-top: 20px;
        padding: 0 20px;
    }





    .our_Case_title {
        font-size: 46px;
        margin-top: 20px;
    }

    .cases_section {
        height: auto;
        padding: 40px 0;
    }

    .cases_section .cases_section_img,
    .cases_section .cases_section_content {
        width: 100%;
        height: 300px;
    }

    .cases_section .cases_section_img {
        height: 300px;
    }

    .cases_section .center_logo {
        transform: scale(0.4);
    }

    .cases_section .cases_section_content .cases_section_more {
        transform: scale(0.7);
        margin-top: 30px;
    }

    .cases_section .cases_section_content .cases_section_des {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .cases_section .cases_section_content {
        padding: 20px;
        text-align: center;
    }

    .cases_section .cases_section_content .cases_section_des {
        font-size: 16px;
    }
}

/* 中等屏幕设备 */
@media (max-width: 991px) {
    .gt-hero-content h1 {
        font-size: 50px;
        margin-top: 40px;
    }

    .gt-hero-content p {
        font-size: 18px;
        margin-top: 50px;
    }

    .gt-source-section .row {
        flex-direction: column;
    }

    .gt-source-section .col-xl-5,
    .gt-source-section .col-xl-4 {
        width: 100%;
        max-width: 100%;
    }



    .tree_line_area {
        display: none;
    }


    .tree_one_content {
        width: 70px;
        height: 70px;
        font-size: 14px;
        line-height: 16px;
    }




}

/* 小屏幕设备 */
@media (max-width: 767px) {

    .gt-hero-section.gt-hero-1.fix.bg-cover {
        /* 移动端高度降低一半 */
        min-height: 200px;
        padding: 40px 0;
        /* 覆盖 100vh 的高度设置 */
        height: auto !important;
    }

    .gt-hero-content {
        padding-bottom: 30px;
        text-align: center;
    }

    .gt-hero-content span {
        font-size: 16px;
    }

    .gt-hero-content h1 {
        font-size: 36px;
        /* 间距降低一半 */
        margin-top: 15px !important;
    }

    .gt-hero-content p {
        font-size: 16px;
        /* 间距降低一半 */
        margin-top: 15px !important;
    }

    .shark_txt_bg {
        width: 220px;
        height: 50px;
        font-size: 26px;
        line-height: 50px;
    }

    .shark_btm_txt {
        font-size: 22px;
        margin-top: 10px;
    }

    .shark_desc {
        margin-top: 20px;
        font-size: 14px;
    }

    .common_big_title {
        font-size: 32px;
        margin: 15px auto;
    }

    .common_row_title .common_line_pic {
        width: 50px;
    }

    .common_row_title .common_line_label {
        font-size: 18px;
        margin: 0 8px;
    }

    .gt-shiptree-section .zuzhi_content {
        padding: 20px 0;
    }

    .gt-shiptree-section .zuzhi_content .tree_title {
        font-size: 36px;
        margin-top: 15px;
    }

    .gt-shiptree-section .zuzhi_content .tree_desc {
        font-size: 14px;
        margin-top: 15px;
        padding: 0 15px;
    }


    .our_Case_title {
        font-size: 36px;
        margin-top: 15px;
    }

    .cases_section {
        padding: 0;
    }

    .cases_section .cases_section_des {
        font-size: 14px;
    }

    .cases_section .cases_section_more {
        padding: 12px 25px;
        font-size: 14px;
        margin-top: 25px;
    }
}

/* 超小屏幕设备 */
@media (max-width: 575px) {
    .gt-hero-section.gt-hero-1.fix.bg-cover {
        /* 超小屏幕高度进一步降低 */
        min-height: 180px;
        padding: 30px 0;
        height: auto !important;
    }

    .gt-hero-content {
        padding-bottom: 20px;
    }

    .gt-hero-content h1 {
        font-size: 20px;
        /* 间距降低一半 */
        margin-top: 10px !important;
    }


    .gt-hero-content p {
        font-size: 10px;
        /* 间距降低一半 */
        margin-top: 10px !important;
    }

    .shark_txt_bg {
        width: 180px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
    }

    .shark_btm_txt {
        font-size: 18px;
        margin-top: 8px;
    }

    .shark_desc {
        margin-top: 15px;
        font-size: 12px;
    }

    .common_big_title {
        font-size: 28px;
        margin: 10px auto;
    }

    .common_row_title .common_line_pic {
        width: 40px;
    }

    .common_row_title .common_line_label {
        font-size: 16px;
        margin: 0 5px;
    }

    /* 超小屏幕下进一步优化发展历程区域 */
    .gt-process-section {
        padding-bottom: 40px;
    }

    .gt-process-section .cover_area {
        padding: 70px 10px 20px;
    }

    .process_area_history {
        margin-top: 30px;
    }

    .year_2017,
    .year_2018 {
        margin-bottom: 30px;
        padding: 0 10px;
    }

    /* 超小屏幕下隐藏 dots 并调整竖线 */
    /* 竖线从 year 块的底部开始，延伸到下一个 year 块的顶部 */
    .process_area_history>.year_2017:nth-last-child(n+2)::after,
    .process_area_history>.year_2018:nth-last-child(n+2)::after {
        bottom: -30px;
        /* 竖线从 year 块的底部开始 */
        top: auto;
        /* 高度等于 year 块之间的间距 margin-bottom: 30px */
        height: 30px;
    }

    /* 超小屏幕也隐藏 dots */
    .year_2017 .dots,
    .year_2018 .dots {
        display: none !important;
    }

    .year_2017 .block_introduce,
    .year_2018 .block_introduce {
        width: 100%;
        max-width: 100%;
        font-size: 13px;
        line-height: 1.5;
    }

    .year_2017 .block_introduce .block_introduce_year_title,
    .year_2018 .block_introduce .block_introduce_year_title {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .gt-shiptree-section .zuzhi_content .tree_title {
        font-size: 28px;
        margin-top: 10px;
    }

    .gt-shiptree-section .zuzhi_content .tree_desc {
        font-size: 12px;
        margin-top: 10px;
        padding: 0 10px;
    }

    .gt-shiptree-section .zuzhi_content .tree_header {
        transform: scale(0.5);
        transform-origin: top center;
        /* 补偿缩放后的空间 */
        margin-bottom: -31.5px;
        margin-top: 15px;
    }

    .gt-shiptree-section .zuzhi_content .header_name {
        font-size: 12px;
        /* 调整间距，让元素紧挨着 */
        margin-top: -15px;
    }

    .tree_one_content {
        width: 60px;
        height: 60px;
        font-size: 12px;
        line-height: 14px;
    }

    /* 超小屏幕下组织架构区域进一步优化 */
    .gt-shiptree-section .zuzhi_content {
        padding: 30px 10px;
    }

    .gt-shiptree-section .zuzhi_content .tree_title {
        font-size: 32px;
    }

    .gt-shiptree-section .zuzhi_content .tree_desc {
        font-size: 13px;
        padding: 0 5px;
    }


    /* 超小屏幕下 tree_line_area 保持同样的缩小一半布局 */
    .gt-shiptree-section .zuzhi_content .tree_line_area {
        margin-top: 30px;
        /* 保持 767px 的样式，继续使用缩小一半的布局 */
    }

    /* 确保 tree_one 保持绝对定位和原有的 left 值 */
    .gt-shiptree-section .zuzhi_content .tree_line_area .tree_one {
        position: absolute !important;
        max-width: none;
        margin: 0;
        /* 保持原有的 left 值，因为整体已经缩小 */
    }

    .gt-shiptree-section .zuzhi_content .tree_line_area .tree_one span {
        font-size: 20px;
    }

    .tree_one_content {
        width: 96px;
        height: 96px;
        font-size: 18px;
        line-height: 20px;
    }

    /* 超小屏幕下 org_btm_area 保持 90% 宽度 */
    .org_btm_area {
        margin-top: 100px;
        /* 继承 767px 的 90% 宽度和居中对齐 */
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    .org_btm_area_left {
        box-sizing: border-box;
        padding: 15px;
        width: 100%;
        height: 220px;
        box-sizing: border-box;
    }

    .org_btm_area_left .ab_block_label {
        max-width: 240px;
        height: 35px;
        font-size: 18px;
        line-height: 35px;
        left: 20px;
        top: -20px;
        font-size: 18px;
    }

    .org_btm_area_left .ab_block_label .ab_block_label_shaddow {
        bottom: 0;
        right: -15px;
        width: 0;
        height: 0;
        border-bottom: 20px solid #6C4819;
        border-left: 15px solid transparent;
        transform: rotate(180deg);
    }

    .org_btm_area_left .org_btm_area_left_content {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 6px;
    }

    .org_btm_area_right {
        height: 220px;
    }

    .org_btm_area_right img {
        width: 100%;
        height: 100%;
    }

    .org_btm_area_left {
        padding: 20px 15px;
    }

    .org_btm_area_left .org_btm_area_left_content {
        font-size: 12px;
        line-height: 20px;
    }

    .our_Case_title {
        font-size: 28px;
        margin-top: 10px;
    }

}

/* 针对绝对定位元素的响应式调整 */
@media (max-width: 1199px) {
    .year_2017[style*="top: 500px"] {
        top: auto !important;
    }

    .year_2018[style*="top: 726px"] {
        top: auto !important;
    }

    .year_2017[style*="top: 928px"] {
        top: auto !important;
    }

    .year_2018[style*="top: 1126px"] {
        top: auto !important;
    }

    .year_2017[style*="top: 1310px"] {
        top: auto !important;
    }

    .tree_one[style*="left: 230px"] {
        left: auto !important;
        position: relative;
        margin: 10px auto;
    }

    .tree_one[style*="left: 480px"] {
        left: auto !important;
        position: relative;
        margin: 10px auto;
    }

    .tree_one[style*="left: 740px"] {
        left: auto !important;
        position: relative;
        margin: 10px auto;
    }

    .tree_one[style*="left: 990px"] {
        left: auto !important;
        position: relative;
        margin: 10px auto;
    }

    .tree_one[style*="left: 1240px"] {
        left: auto !important;
        position: relative;
        margin: 10px auto;
    }
}

/* 针对小屏幕设备的额外调整 */
@media (max-width: 767px) {

    /* 调整发展历程区域的间距 */
    .process_area_history {
        margin-top: 20px;
    }

    /* 组织架构区域移动端优化 */
    .gt-shiptree-section {
        min-height: auto;
        padding-bottom: 40px;
        /* 在移动端将 tree_bg 图片设置为背景 */
        background-image: url('../image/homePictures/sectionBanner/zuhibg.png');
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        /* 确保背景显示在内容下方 */
        background-color: #000;
    }

    .gt-shiptree-section .tree_bg {
        display: none;
    }

    .gt-shiptree-section .zuzhi_content {
        position: relative;
        padding: 40px 0px;
        min-height: auto;
    }

    /* 调整标题和描述 */
    .gt-shiptree-section .zuzhi_content .tree_desc {
        font-size: 14px;
        line-height: 1.6;
        margin-top: 20px;
        padding: 0 10px;
    }

    /* 调整主席头像 */
    .gt-shiptree-section .zuzhi_content .tree_header {
        transform: scale(0.5);

        transform-origin: top center;
        /* 补偿缩放后的空间，实际高度从126px变成63px，减少63px空间 */
        margin-bottom: -31.5px;
        /* 调整上边距 */
        margin-top: 20px;
    }

    .gt-shiptree-section .zuzhi_content .header_name {
        font-size: 16px;
        /* 调整间距，让元素紧挨着 tree_header */
        margin-top: -20px;
    }

    /* 组织架构树区域优化 - 保持PC端横向布局，整体缩小一半 */
    .gt-shiptree-section .zuzhi_content .tree_line_area {
        width: 100%;
        max-width: 100%;
        /* 调整上边距，让它与 header_name 紧密相连 */
        margin-top: 25px;
        position: relative;
        /* 整体缩小一半 */
        transform: scale(0.5);
        transform-origin: top center;
        /* 由于缩小了一半，需要额外的底部空间来显示完整内容 */
        margin-bottom: -128px;
        /* 确保内容能够完整显示，允许溢出内容可见 */
        overflow: visible;
        /* 确保容器能够容纳缩小后的内容 */
        min-height: 128px;
    }

    /* 显示横向连接线 */
    .gt-shiptree-section .zuzhi_content .tree_line_area .tree_line_bg {
        display: block;
        height: 256px;
        width: auto;
        max-width: none;
        /* 确保图片能够完整显示 */
    }

    /* 保持PC端的横向布局 - 团队成员卡片使用绝对定位 */
    .gt-shiptree-section .zuzhi_content .tree_line_area .tree_one {
        position: absolute !important;
        /* 保持原有的 left 值，因为整体已经缩小一半，所以会自动适应 */
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 9;
        bottom: -60px;
        /* 保持原有的 left 值，但需要调整以适应缩放 */
    }

    .gt-shiptree-section .zuzhi_content .tree_line_area .tree_one span {
        font-size: 20px;
        margin-top: 0;
    }

    .tree_one_content {
        width: 96px;
        height: 96px;
        font-size: 18px;
        line-height: 20px;
    }


    /* 调整案例展示区域的内边距 */


    /* 调整页脚区域的内边距 */
    .gt-footer-section {
        padding: 40px 0;
    }

    .gt-footer-widget-items {
        margin-bottom: 30px;
        text-align: center;
    }

    .gt-footer-content {
        text-align: center;
    }

    .gt-social-icon {
        justify-content: center;
    }

    .footer-bottom {
        text-align: center;
    }

    .footer-bottom ul {
        justify-content: center;
        margin-top: 10px;
    }
}

/* 针对超小屏幕设备的额外调整 */
@media (max-width: 575px) {

    /* 调整页脚区域的内边距 */
    .gt-footer-section {
        padding: 30px 0;
    }

    .gt-footer-widget-items {
        margin-bottom: 20px;
    }

    .footer-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .footer-bottom ul {
        flex-direction: column;
        margin-top: 15px;
    }

    .footer-bottom ul li {
        margin-bottom: 10px;
    }

    .footer-bottom ul li:not(:last-child) {
        margin-right: 0;
    }
}

@media (max-width: 900px) {
    .gt-source-section {
        padding: 30px 0;
    }

    .gt-process-section {
        min-height: auto;
        padding-bottom: 60px;
        padding-top: 0;
    }

    .process_bg {
        display: none;
    }

    .gt-process-section .cover_area {
        padding: 60px 15px;
        position: relative;

    }

    .gt-process-section .cover_area .process_area_history {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* 隐藏时间线背景图片，改为更简洁的显示 */
    .process_area_history .licheng {
        display: none;
    }

    /* 移动端年份块样式 - 统一为垂直布局 */
    .year_2017,
    .year_2018 {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 100%;
        margin-bottom: 40px;
        padding: 0 15px;
        min-width: auto;
        min-height: auto;
    }

    /* 在移动端，为除了最后一个 year 块添加竖线连接 */
    .process_area_history>.year_2017,
    .process_area_history>.year_2018 {
        padding-bottom: 0;
    }

    /* 移动端隐藏 dots 图片 */
    .year_2017 .dots,
    .year_2018 .dots {
        display: none !important;
    }

    /* 为所有 year 块添加竖线连接各个区域（最后一个除外） */
    /* 竖线从当前 year 块的底部开始，延伸到下一个 year 块的顶部 */
    .process_area_history>.year_2017:nth-last-child(n+2)::after,
    .process_area_history>.year_2018:nth-last-child(n+2)::after {
        content: '';
        position: absolute;
        bottom: -40px;
        /* 竖线从 year 块的底部开始 */
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        /* 高度等于 year 块之间的间距 margin-bottom: 40px */
        height: 40px;
        background-color: #AA8453;
        z-index: 1;
    }

    /* 确保最后一个 year 块（无论是 year_2017 还是 year_2018）不显示竖线 */
    .process_area_history>.year_2017:last-child::after,
    .process_area_history>.year_2018:last-child::after {
        display: none;
    }

    /* 隐藏虚线 */
    .year_2017 .gold_dashed_line,
    .year_2018 .gold_dashed_line {
        display: none;
    }

    /* 隐藏站点图标 */
    .year_2017 .process_site,
    .year_2018 .process_site {
        display: none;
    }

    /* 调整介绍文本块 */
    .year_2017 .block_introduce,
    .year_2018 .block_introduce {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100%;
        max-width: 100%;
        text-align: center;
        font-size: 14px;
        line-height: 1.6;
        padding: 0;
        margin-top: 0;
        /* dots 已隐藏，不需要额外的上边距 */
    }

    .year_2017 .block_introduce .block_introduce_year_title,
    .year_2018 .block_introduce .block_introduce_year_title {
        font-size: 22px;
        margin-bottom: 15px;
        text-align: center;
    }
}