@charset "utf-8";

/* kaffi-2026.8.10-start */

@font-face {
    font-family: 'dehe-medium';
    src: url('../fonts/Yantramanav-Medium/Yantramanav-Medium.woff2') format('woff2'),
        url('../fonts/Yantramanav-Medium/Yantramanav-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --space160: 160px;
    --space40: 40px;
    --font24: 24px;
    --font18: 18px;
}

.location_main .mod_font24,
.location_main .mod_font24 p {
    font-size: var(--font24);
}

.ys_ban_txtbox.slick-current .mod_font24,
.ys_ban_txtbox.slick-current .std_syh1,
.ys_ban_txtbox.slick-current .std_h2 {
    animation: ysfadeInUp 0.8s ease-in-out both;
    animation-delay: 0.1s;
}

.ys_ban_txtbox .std_h2 {
    line-height: 1.5;
    color: #FFF;
    text-shadow: 0 4px 4px rgba(44, 56, 69, 0.10);
    width: 70%;
}

.ys_ban_txtbox .mod_font24 {
    width: 70%;
}

.ys_ban_txtbox .std_syh1 {
    width: 70%;
}

.ys_ban_txtbox .std_syh1 {
    margin-bottom: 16px;
}

.ys_ban_txtbox .mod_font24 {
    line-height: 1.5;
    text-shadow: 0 4px 4px rgba(44, 56, 69, 0.10);
}

.ys_ban_slick.ys_pos_center {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ys_ban_slick .slick-dots li {
    width: 30px;
    height: 3px;
    background: transparent;
    position: relative;
    margin: 0 3px;
}

.ys_ban_slick .slick-dots li::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';

}

.ys_ban_slick .slick-dots li::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    content: '';
}

.slick-dots li.slick-active::after {
    animation: dots1 3s linear both
}

.ys_ban_slick .slick-dots li.slick-active {
    background: transparent;
}

@keyframes dots1 {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes dots1 {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.ys_ban_txtbox .std_syh1 {
    text-shadow: 0 4px 4px rgba(44, 56, 69, 0.10);
    line-height: 1.5;
}

.ys_ban_txtbox .std_syh1 span {
    font-weight: bold;
}

.ys_ban_slick .slick-dots {
    bottom: 50px;
}



.home_team {
    background: transparent;
}

.home_team .std_h2 {
    text-align: left;
    color: var(--colormain1);
    margin-bottom: 42px;
    line-height: 1.5;
}

.htns_item_name {
    color: var(--colormain1);
    line-height: 1.75;
}

.htns_item_input input {
    color: var(--colormain1);
}

.htns_item_input input::placeholder {
    color: rgba(44, 56, 69, 0.3) !important;
    line-height: 1.75;
}

.home_team_nr_search {
    border-bottom: 1px solid rgba(44, 56, 69, 0.2);
}

.htns_item2::before, .htns_item2::after {
    background: rgba(139, 139, 139, 0.2);
}

.home_team .icon-arrow-down:before {
    color: var(--colormain1);
}

.home_team_nr button {
    background: var(--colormain2);
}

.home_team {
    padding-top: var(--space160);
    padding-bottom: 40px;
}

.mod-btn-link {
    display: block;
}

.home_spe_head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.mod-btn .mod-btn-link {
    display: flex;
    align-items: center;
}

.mod-btn .mod_font18 {
    line-height: 1.75;
    padding-left: 16px;
}

.mod-btn .std_btn {
    width: 32px;
    height: 32px;
    transition: all 0.3s ease;
}

.mod-btn .std_btn img {
    width: 32%;
}

.home_spe_head .mod-btn {
    margin-top: 19px;
}

/* 
.home_spe_wrap {
    position: relative;
}

.home_spe_li_text {
    position: relative;
} */
.home_spe_wrap .mod_font24 {
    color: var(--colormain1);
    line-height: 1.5;
    padding-right: 20px;
}

.home_spe_wrap .home_spe_li_text .std_text {
    opacity: 1;
    color: var(--colormain1);
    color: #666;
    height: auto;
    font-weight: 300;
    line-height: 1.75;
}

.home_spe_wrap .home_spe_li_text {
    position: relative;
    bottom: auto !important;
    left: auto !important;
    width: 84%;
}

.home_spe_wrap .home_spe_li .std_btn {
    position: relative;
    bottom: auto;
    right: auto;
    opacity: 1;
    background: transparent;
    width: auto;
    height: auto;
}

.home_spe_li a::before {
    display: none;
}


.home_spe_wrap .slick-track {
    display: flex;
}

.home_spe_wrap .home_spe_li.slick-slide {
    width: 25%;
    height: auto;
}

.home_spe_li_link {
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 36px;
    padding-right: 16px;
    padding-top: 10px;
}

.hslt_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.hslt_top_arrow {
    width: 14px;
    margin-top: 11px
}

.hslt_top_arrow img {
    width: 100%;
}

.home_spe_bj {
    margin-bottom: 26px;
}

.home_spe_li {
    border-left: 1px solid #CECDCC;
}

.home_spe_li:last-child {
    border-right: 1px solid #CECDCC;
}


.hslt_top_arrow {
    display: none;
}

.hsll_btn img {
    transform: scale(1) !important;
}

.hsll_btn img:nth-child(2) {
    opacity: 0;
}

.home_spe_li_text {
    padding-right: 20px;
}

.hsll_btn {

    margin-top: 10px;
    position: relative;
}

.hsll_btn .ys_imgbox_cover {
    width: 16px;
}

.hsll_btn::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    background: var(--colormain2);
    width: 200%;
    height: 200%;
    z-index: -1;
    transition: all 0.36s ease;
    opacity: 0;
}

.home_spe_ph {
    display: none;
}

.hacl_cont_top {
    padding-bottom: 130px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(44, 56, 69, 0.2);
    padding-right: 124px;
}

.hacl_cont .std_h2 {
    color: var(--colormain1);
    margin-bottom: 0;
}

.hacl_cont_text, .hacl_cont_text p {
    font-weight: 300;
    color: #666;
    line-height: 1.75;
    font-size: var(--font24)
}

.hacl_cont .mod_font24 {
    margin-bottom: 10px;
}

.hacl_cont .hacl_cont_text {
    margin-bottom: 60px;
}

.mod-arrow-link {
    display: inline-flex;
    align-items: center;
    padding: 14px 56px 14px 44px;
    background: var(--colormain2);
    transition: all 0.36s ease;
}

.malb-text p {
    font-size: var(--font18);
}

.malb-text, .malb-text p {
    color: #fff;
    line-height: 1.75;
}

.malb-text {
    padding-left: 24px;
}

.home_about-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.home_about_le {
    width: 50.625%;
    margin-top: -34px;
}

.home_about_ri {
    width: 39.875%;
    position: relative;
}

.home_about {
    background: #F5F5F5;
    padding: 96px 0
}

.hacl_cont {
    width: 100%;
}

.home_about_ri_bg {
    position: relative;
}

.home_about_ri_wrap {
    width: 63%;
    height: 69.5%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-left: 1px solid rgba(255, 255, 255, .3);
    border-radius: 0 60px 0 0;
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(25px);
    padding: 90px 72px
}

.hacr_cont {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
    border-left: none;
}

.hacr_cont_num .std_text1 {
    color: var(--colormain1)
}

.hacr_cont_num .ys_demo_num1 {
    color: var(--colormain2);
    font-size: 60px;
    padding-left: 16px;
    font-family: 'dehe-medium' !important;
}

.home_about_ri_wrap .hacr_cont_num {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}

.hacr_cont_num .mod_font20 {
    color: var(--colormain1);
    min-width: 80px;
    font-size: 20px;
    line-height: 1.6;
}

.hacr_cont_num .hacr_cont_num .mod_font20 {
    font-size: 20px;
    display: inline-block;
}

.hacr_cont .hacr_cont_item {
    border-bottom: 1px solid rgba(44, 56, 69, 0.2) !important;
    padding-bottom: 40px;
    margin-bottom: 40px;
    height: auto;
}

.hacr_cont .hacr_cont_item:last-child {
    border-bottom: none !important;
    padding-bottom: 0;
    margin-bottom: 0
}

/* 
.home_about_le {
    margin-top: -24px;
} */
.home_news {
    padding-top: var(--space160);
    padding-bottom: var(--space160)
}

.home_news_wrap_le {
    position: relative;
    width: 47.375%;
}

.home_news_wrap_cont {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 52px 148px 52px 50px;
}

.hnwl_link {
    display: block;
    width: 100%;
    height: 100%;
}

.hnwc_tip {
    margin-bottom: 10px
}

.hnwc_tip span {
    display: inline-block;
    color: #fff;
    font-size: var(--font16);
    line-height: 1.75;
}

.hnwc_tip span:first-child {
    padding-right: 20px;
    margin-right: 16px;
    position: relative;
    font-family: 'dehe-regular' !important;
}

.hnwc_tip span:first-child::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 16px;
    background: #fff;
    content: '';
}

.home_news_wrap_cont .std_h4 {
    font-weight: bold;
    color: var(--colorfff);
    margin-bottom: 30px;
}

.mod-more-link {
    display: flex;
    align-items: center;
}

.mod-more-text {
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
    padding-left: 16px;
}

.mod-more-arrow {
    width: 16px;
}

.mod-more-arrow img {
    width: 100%;
}

.hnwc-top, .hilr_top {
    transition: all 0.36s ease;
}

.home_news_wrap_ri {
    width: 47.2%;
}

.home_news_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hnwr_item_link {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.hilr_top_text {
    font-size: var(--font20);
    color: var(--colormain1);
    line-height: 1.75;
    font-weight: bold;
}

.home_news_wrap_ri .hnwc_tip span {
    color: var(--colormain1)
}

.mod-more.on .mod-more-text {
    color: var(--colormain1)
}

.hilr_top {
    margin-bottom: 60px;
}

.hnwr_item:not(:last-child) {
    margin-bottom: 58px;
}

.hnwr_item_link_le {
    width: 37%;
}

.hnwr_item_link_ri {
    width: 58%;
}

.home_news_wrap_ri .hnwc_tip span:first-child::after {
    background: var(--colormain1);
}

.home_news .home_spe_head {
    margin-bottom: 39px
}

.home_news_wrap_ri .hnwc_tip {
    margin-bottom: 17px;
}

.home_office_bj {
    border-radius: 0 80px 0 0;
    overflow: hidden;
    transform: rotate(0);
    -webkit-transform: rotate(0)
}

.home_office_right .slick-dots li {
    background: rgba(255, 255, 255, 0.5);
}

.home_office_right .slick-dots li.slick-active {
    background: var(--colorfff);
}

.home_office_right_li a span {
    display: inline-block;
    font-weight: bold;
    font-size: var(--font18);
}

.home_office_bj img {
    width: 100%;
}

.home_office_cont {
    align-items: center;
}

.home_office_left {
    margin-top: -28px;
}

.home_office .ys_cont1600 {
    position: relative;
}

.home_office {
    padding-bottom: var(--space160)
}

.ys_ban_txtbox .std_syh1 {
    margin-bottom: 26px
}

.home_text {
    width: 30.2%;
    height: 61.7%;
    top: 22.5%;
    left: 62%;
}

.home_text .ys_pos_center {
    padding: 0 113px 20px;
}

.home_text .ys_pos_center {
    width: 72%;
}

.home_spe_cont {
    margin-bottom: var(--space50)
}

.home_spe .home_spe_head {
    margin-bottom: var(--space40)
}

.hnwl_img, .hnwl_img img {
    height: 100%;
}

.home_spe_head .std_h2 {
    padding-right: 20px;
}

.home_spe_wrap .slick-dots {
    margin-top: 30px;
    position: relative;
    bottom: auto;
}

.home_spe_wrap .slick-dots li {

    background: rgba(241, 142, 56, 0.40);
}

.home_spe_wrap .slick-dots li.slick-active {

    background: var(--colormain2);
}

.home_office_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

@media screen and (min-width: 1200px) {

    .home_team_nr button:hover {
        background: var(--colormain1);
    }

    .mod-btn-link:hover .std_btn {
        background: var(--colormain1);
    }

    .home_spe_li_link:hover img:nth-child(2) {
        opacity: 1;
    }

    .home_spe_li_link:hover img:nth-child(1) {
        opacity: 0;
    }

    /* .home_spe_li_link:hover .mod_font24 {
        color: var(--colormain2)
    } */

    .mod-arrow-link:hover {
        background: var(--colormain1);
    }

    .home_spe_li_link:hover .hsll_btn::after {
        opacity: 1;
    }

    .hnwl_link:hover .hnwc-top, .hnwr_item_link:hover .hilr_top {
        transform: translateY(-35px);
    }

}

/* kaffi-2026.8.10-end */


/* kaffi-2026.7.6-start */
.spedt_main .head_nav_li.yxnav_active1 .std_text {
    color: #f18e38 !important;
}

.spedt_main .team_item_li .std_btn {
    background: #f18e38;
}

.spedt_main .team_item_text .mod_font24 {
    color: #2c3845
}

.ys_nybanner2_left {
    background: #515861;
    background: #2c3845;
}

.ys_hd_pc.hover1 .head_nav_li.yxnav_active1.active .std_text,
.ys_hd_pc.hover1 .head_nav_li.active .std_text {
    color: #f18e38 !important;
}

.hxp2b_nub_first_font::before {
    background: #f18e38
}

.hxp2b_nub_third_nub.yxnav_active3 .std_text {
    color: #f18e38;
}

.hxp3b_label {
    color: #f18e38;
}

.team_item_text .mod_font24 {
    color: #515861;
    color: #2c3845;
}

.home_team {
    background: #2c3845;
}

.ys_footer {
    background: #2c3845;
}

@media screen and (min-width: 1200px) {
    .spedt_main .spedt_team .slick-prev:hover, .spedt_main .spedt_team .slick-next:hover {
        background: #f18e38;
    }

    .hxp3b_rln_link:hover .hxp3b_inof {
        color: #f18e38;
    }

    .hxp2b_nub_third_nub:hover .std_text, .head_xia_pull2_box.ishover .hxp2b_nub_third_nub.yxnav_active3:hover .std_text {
        color: #f18e38;
    }

    .hxp1l_item:hover .hxp1l_item_font, .head_xia_pull1_list:hover .hxp1l_item.yxnav_active2:hover .hxp1l_item_font {
        color: #f18e38;
    }

    .hxp3b_left_list:hover .hxp3b_left_list_item.yxnav_active2:hover .hxp3b_lli_font, .hxp3b_left_list_item:hover .hxp3b_lli_font {
        color: #f18e38;
    }
}

/* kaffi-2026.7.6-end */
/* kaffi-2026.8.10-start */

@font-face {
    font-family: 'dehe-medium';
    src: url('../fonts/Yantramanav-Medium/Yantramanav-Medium.woff2') format('woff2'),
        url('../fonts/Yantramanav-Medium/Yantramanav-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --space160: 160px;
    --space40: 40px;
    --font24: 24px;
    --font18: 18px;
}

.location_main .mod_font24,
.location_main .mod_font24 p {
    font-size: var(--font24);
}

.ys_ban_txtbox.slick-current .mod_font24,
.ys_ban_txtbox.slick-current .std_syh1,
.ys_ban_txtbox.slick-current .std_h2 {
    animation: ysfadeInUp 0.8s ease-in-out both;
    animation-delay: 0.1s;
}

.ys_ban_txtbox .std_h2 {
    line-height: 1.5;
    color: #FFF;
    text-shadow: 0 4px 4px rgba(44, 56, 69, 0.10);
    width: 70%;
}

.ys_ban_txtbox .mod_font24 {
    width: 70%;
}

.ys_ban_txtbox .std_syh1 {
    width: 70%;
}

.ys_ban_txtbox .std_syh1 {
    margin-bottom: 16px;
}

.ys_ban_txtbox .mod_font24 {
    line-height: 1.5;
    text-shadow: 0 4px 4px rgba(44, 56, 69, 0.10);
}

.ys_ban_slick.ys_pos_center {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ys_ban_slick .slick-dots li {
    width: 30px;
    height: 3px;
    background: transparent;
    position: relative;
    margin: 0 3px;
}

.ys_ban_slick .slick-dots li::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';

}

.ys_ban_slick .slick-dots li::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    content: '';
}

.slick-dots li.slick-active::after {
    animation: dots1 3s linear both
}

.ys_ban_slick .slick-dots li.slick-active {
    background: transparent;
}

@keyframes dots1 {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes dots1 {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.ys_ban_txtbox .std_syh1 {
    text-shadow: 0 4px 4px rgba(44, 56, 69, 0.10);
    line-height: 1.5;
}

.ys_ban_txtbox .std_syh1 span {
    font-weight: bold;
}

.ys_ban_slick .slick-dots {
    bottom: 50px;
}



.home_team {
    background: transparent;
}

.home_team .std_h2 {
    text-align: left;
    color: var(--colormain1);
    margin-bottom: 42px;
    line-height: 1.5;
}

.htns_item_name {
    color: var(--colormain1);
    line-height: 1.75;
}

.htns_item_input input {
    color: var(--colormain1);
}

.htns_item_input input::placeholder {
    color: rgba(44, 56, 69, 0.3) !important;
    line-height: 1.75;
}

.home_team_nr_search {
    border-bottom: 1px solid rgba(44, 56, 69, 0.2);
}

.htns_item2::before, .htns_item2::after {
    background: rgba(139, 139, 139, 0.2);
}

.home_team .icon-arrow-down:before {
    color: var(--colormain1);
}

.home_team_nr button {
    background: var(--colormain2);
}

.home_team {
    padding-top: var(--space160);
    padding-bottom: 40px;
}

.mod-btn-link {
    display: block;
}

.home_spe_head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.mod-btn .mod-btn-link {
    display: flex;
    align-items: center;
}

.mod-btn .mod_font18 {
    line-height: 1.75;
    padding-left: 16px;
}

.mod-btn .std_btn {
    width: 32px;
    height: 32px;
    transition: all 0.3s ease;
}

.mod-btn .std_btn img {
    width: 32%;
}

.home_spe_head .mod-btn {
    margin-top: 19px;
}

/* 
.home_spe_wrap {
    position: relative;
}

.home_spe_li_text {
    position: relative;
} */
.home_spe_wrap .mod_font24 {
    color: var(--colormain1);
    line-height: 1.5;
    padding-right: 20px;
}

.home_spe_wrap .home_spe_li_text .std_text {
    opacity: 1;
    color: var(--colormain1);
    color: #666;
    height: auto;
    font-weight: 300;
    line-height: 1.75;
}

.home_spe_wrap .home_spe_li_text {
    position: relative;
    bottom: auto !important;
    left: auto !important;
    width: 84%;
}

.home_spe_wrap .home_spe_li .std_btn {
    position: relative;
    bottom: auto;
    right: auto;
    opacity: 1;
    background: transparent;
    width: auto;
    height: auto;
}

.home_spe_li a::before {
    display: none;
}


.home_spe_wrap .slick-track {
    display: flex;
}

.home_spe_wrap .home_spe_li.slick-slide {
    width: 25%;
    height: auto;
}

.home_spe_li_link {
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 36px;
    padding-right: 16px;
    padding-top: 10px;
}

.hslt_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.hslt_top_arrow {
    width: 14px;
    margin-top: 11px
}

.hslt_top_arrow img {
    width: 100%;
}

.home_spe_bj {
    margin-bottom: 26px;
}

.home_spe_li {
    border-left: 1px solid #CECDCC;
}

.home_spe_li:last-child {
    border-right: 1px solid #CECDCC;
}


.hslt_top_arrow {
    display: none;
}

.hsll_btn img {
    transform: scale(1) !important;
}

.hsll_btn img:nth-child(2) {
    opacity: 0;
}

.home_spe_li_text {
    padding-right: 20px;
}

.hsll_btn {

    margin-top: 10px;
    position: relative;
}

.hsll_btn .ys_imgbox_cover {
    width: 16px;
}

.hsll_btn::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    background: var(--colormain2);
    width: 200%;
    height: 200%;
    z-index: -1;
    transition: all 0.36s ease;
    opacity: 0;
}

.home_spe_ph {
    display: none;
}

.hacl_cont_top {
    padding-bottom: 130px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(44, 56, 69, 0.2);
    padding-right: 124px;
}

.hacl_cont .std_h2 {
    color: var(--colormain1);
    margin-bottom: 0;
}

.hacl_cont_text, .hacl_cont_text p {
    font-weight: 300;
    color: #666;
    line-height: 1.75;
    font-size: var(--font24)
}

.hacl_cont .mod_font24 {
    margin-bottom: 10px;
}

.hacl_cont .hacl_cont_text {
    margin-bottom: 60px;
}

.mod-arrow-link {
    display: inline-flex;
    align-items: center;
    padding: 14px 56px 14px 44px;
    background: var(--colormain2);
    transition: all 0.36s ease;
}

.malb-text p {
    font-size: var(--font18);
}

.malb-text, .malb-text p {
    color: #fff;
    line-height: 1.75;
}

.malb-text {
    padding-left: 24px;
}

.home_about-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.home_about_le {
    width: 50.625%;
    margin-top: -34px;
}

.home_about_ri {
    width: 39.875%;
    position: relative;
}

.home_about {
    background: #F5F5F5;
    padding: 96px 0
}

.hacl_cont {
    width: 100%;
}

.home_about_ri_bg {
    position: relative;
}

.home_about_ri_wrap {
    width: 63%;
    height: 69.5%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-left: 1px solid rgba(255, 255, 255, .3);
    border-radius: 0 60px 0 0;
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(25px);
    padding: 90px 72px
}

.hacr_cont {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
    border-left: none;
}

.hacr_cont_num .std_text1 {
    color: var(--colormain1)
}

.hacr_cont_num .ys_demo_num1 {
    color: var(--colormain2);
    font-size: 60px;
    padding-left: 16px;
    font-family: 'dehe-medium' !important;
}

.home_about_ri_wrap .hacr_cont_num {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}

.hacr_cont_num .mod_font20 {
    color: var(--colormain1);
    min-width: 80px;
    font-size: 20px;
    line-height: 1.6;
}

.hacr_cont_num .hacr_cont_num .mod_font20 {
    font-size: 20px;
    display: inline-block;
}

.hacr_cont .hacr_cont_item {
    border-bottom: 1px solid rgba(44, 56, 69, 0.2) !important;
    padding-bottom: 40px;
    margin-bottom: 40px;
    height: auto;
}

.hacr_cont .hacr_cont_item:last-child {
    border-bottom: none !important;
    padding-bottom: 0;
    margin-bottom: 0
}

/* 
.home_about_le {
    margin-top: -24px;
} */
.home_news {
    padding-top: var(--space160);
    padding-bottom: var(--space160)
}

.home_news_wrap_le {
    position: relative;
    width: 47.375%;
}

.home_news_wrap_cont {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 52px 148px 52px 50px;
}

.hnwl_link {
    display: block;
    width: 100%;
    height: 100%;
}

.hnwc_tip {
    margin-bottom: 10px
}

.hnwc_tip span {
    display: inline-block;
    color: #fff;
    font-size: var(--font16);
    line-height: 1.75;
}

.hnwc_tip span:first-child {
    padding-right: 20px;
    margin-right: 16px;
    position: relative;
    font-family: 'dehe-regular' !important;
}

.hnwc_tip span:first-child::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 16px;
    background: #fff;
    content: '';
}

.home_news_wrap_cont .std_h4 {
    font-weight: bold;
    color: var(--colorfff);
    margin-bottom: 30px;
}

.mod-more-link {
    display: flex;
    align-items: center;
}

.mod-more-text {
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
    padding-left: 16px;
}

.mod-more-arrow {
    width: 16px;
}

.mod-more-arrow img {
    width: 100%;
}

.hnwc-top, .hilr_top {
    transition: all 0.36s ease;
}

.home_news_wrap_ri {
    width: 47.2%;
}

.home_news_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hnwr_item_link {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.hilr_top_text {
    font-size: var(--font20);
    color: var(--colormain1);
    line-height: 1.75;
    font-weight: bold;
}

.home_news_wrap_ri .hnwc_tip span {
    color: var(--colormain1)
}

.mod-more.on .mod-more-text {
    color: var(--colormain1)
}

.hilr_top {
    margin-bottom: 60px;
}

.hnwr_item:not(:last-child) {
    margin-bottom: 58px;
}

.hnwr_item_link_le {
    width: 37%;
}

.hnwr_item_link_ri {
    width: 58%;
}

.home_news_wrap_ri .hnwc_tip span:first-child::after {
    background: var(--colormain1);
}

.home_news .home_spe_head {
    margin-bottom: 39px
}

.home_news_wrap_ri .hnwc_tip {
    margin-bottom: 17px;
}

.home_office_bj {
    border-radius: 0 80px 0 0;
    overflow: hidden;
    transform: rotate(0);
    -webkit-transform: rotate(0)
}

.home_office_right .slick-dots li {
    background: rgba(255, 255, 255, 0.5);
}

.home_office_right .slick-dots li.slick-active {
    background: var(--colorfff);
}

.home_office_right_li a span {
    display: inline-block;
    font-weight: bold;
    font-size: var(--font18);
}

.home_office_bj img {
    width: 100%;
}

.home_office_cont {
    align-items: center;
}

.home_office_left {
    margin-top: -28px;
}

.home_office .ys_cont1600 {
    position: relative;
}

.home_office {
    padding-bottom: var(--space160)
}

.ys_ban_txtbox .std_syh1 {
    margin-bottom: 26px
}

.home_text {
    width: 30.2%;
    height: 61.7%;
    top: 22.5%;
    left: 62%;
}

.home_text .ys_pos_center {
    padding: 0 113px 20px;
}

.home_text .ys_pos_center {
    width: 72%;
}

.home_spe_cont {
    margin-bottom: var(--space50)
}

.home_spe .home_spe_head {
    margin-bottom: var(--space40)
}

.hnwl_img, .hnwl_img img {
    height: 100%;
}

.home_spe_head .std_h2 {
    padding-right: 20px;
}

.home_spe_wrap .slick-dots {
    margin-top: 30px;
    position: relative;
    bottom: auto;
}

.home_spe_wrap .slick-dots li {

    background: rgba(241, 142, 56, 0.40);
}

.home_spe_wrap .slick-dots li.slick-active {

    background: var(--colormain2);
}

.home_office_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

/* 8.11-start */
.mod-more-arrow .ys_imgbox_cover img:nth-child(2) {
    opacity: 0;
}

.mod-more-arrow {
    position: relative;
}

.mod-more-arrow::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    width: 200%;
    height: 200%;
    background: var(--colormain2);
    z-index: -1;
    opacity: 0;
    transition: all 0.36s ease;
}

.mod-more-link {
    transition: all 0.36s ease;
}

.ys_ban_imgbox::before {
    background: transparent;
}

.ys_ban_pcmc {
    width: 100%;
    height: 100%;
}

/* 8.11-end */
@media screen and (min-width: 1200px) {

    .home_team_nr button:hover {
        background: var(--colormain1);
    }

    .mod-btn-link:hover .std_btn {
        background: var(--colormain1);
    }

    .home_spe_li_link:hover img:nth-child(2) {
        opacity: 1;
    }

    .home_spe_li_link:hover img:nth-child(1) {
        opacity: 0;
    }

    /* .home_spe_li_link:hover .mod_font24 {
        color: var(--colormain2)
    } */

    .mod-arrow-link:hover {
        background: var(--colormain1);
    }

    .home_spe_li_link:hover .hsll_btn::after {
        opacity: 1;
    }

    .hnwl_link:hover .hnwc-top, .hnwr_item_link:hover .hilr_top {
        transform: translateY(-35px);
    }

    /* 8.11-start */
    .hnwl_link:hover .mod-more-link, .hnwr_item_link:hover .mod-more-link {
        transform: translateX(8px);
    }

    .hnwl_link:hover .mod-more-arrow::after, .hnwr_item_link:hover .mod-more-arrow::after {
        opacity: 1;
    }

    .hnwr_item_link:hover .mod-more-arrow .ys_imgbox_cover img:nth-child(2) {
        opacity: 1;
    }

    .hnwr_item_link:hover .mod-more-arrow .ys_imgbox_cover img:nth-child(1) {
        opacity: 0;
    }

    /* 8.11-end */
}

/* kaffi-2026.8.10-end */

/* 8.21-start */
/* mode1 */
.item_run {
    overflow: hidden;
}

.item_run .item {
    transform: scale(1.2);
}

.item_run .item img {
    width: 100%;


}

.run1 img {
    animation: itemrun1 10s infinite;
}


@keyframes itemrun1 {
    0% {
        transform: rotateY(5deg) rotateX(5deg);
    }

    25% {
        transform: rotateY(-5deg) rotateX(5deg);
    }

    50% {
        transform: rotateY(-5deg) rotateX(-5deg);
    }

    75% {
        transform: rotateY(5deg) rotateX(-5deg);
    }

    100% {
        transform: rotateY(5deg) rotateX(5deg);
    }
}

/* 
.run2 img {
    animation: float 5s linear infinite;
}

@keyframes float {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(6px, -8px);
    }

    50% {
        transform: translate(10px, 0);
    }

    75% {
        transform: translate(6px, 8px);
    }

    100% {
        transform: translate(0, 0);
    }
} */



.run2 img {
    offset-path: circle(4px at 50% 50%);
    /* 40px → 12px，幅度立刻收住 */
    offset-rotate: 0deg;
    animation: orbit 4s linear infinite;
}

@keyframes orbit {
    to {
        offset-distance: 100%;
    }
}

/* 德禾首页 banner 入场：线条描绘 + 图片/文案同步出现 */
#Line118, #Line119 {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    /* 初始：线被"收起来" */
    transition: stroke-dashoffset 1.1s ease;
}

#banImg {
    /* SVG 内图片矩形 */
    opacity: 0;
    transition: opacity 1.1s ease;
}

.ys_ban_slick,
.home_text .ys_pos_center {
    opacity: 0;
    transition: opacity 1.1s ease;
}

/* 进页面后由 .ys_main.in 统一触发 → 全部同时出现 */
.ys_main.in #Line118,
.ys_main.in #Line119 {
    stroke-dashoffset: 0;
}

.ys_main.in #banImg {
    opacity: 1;
}

.ys_main.in .ys_ban_slick,
.ys_main.in .home_text .ys_pos_center {
    opacity: 1;
}

.home_spe_li_link {
    padding-right: 37px;
}

.home_spe_wrap .home_spe_li_text {
    width: 86%;
    transition: all 0.36s ease;
}

.home_spe_li_link::after {
    position: absolute;
    top: 0;
    left: -1px;
    width: 3px;
    height: 0;
    background: var(--colormain2);
    content: '';
    transition: all 0.36s ease;
}

.home_spe_li {
    border-left: none;
}

.home_spe_li:last-child {
    border-right: none;
}

.home_spe_li .home_spe_li_link {
    border-left: 1px solid #CECDCC;
}

.home_spe_li:last-child .home_spe_li_link {
    border-right: 1px solid #CECDCC;
}

.hsll_btn {
    transition: all 0.36s ease;
}

.home_about_ri_bg img {
    width: 100%;
}

.home_about {
    overflow: hidden;
}

.home_about_ri_bg .harb_trans {
    position: absolute;
    /* left: 50%;
    transform: scale(5, 2) translateX(-31%); */
    width: 100%;
    max-width: auto;
    transition: all 2s ease;
}

.harb_img {
    opacity: 0 !important;
    transition-delay: 3s;
}

/* .home_about_ri_bg .harb_trans.play {
    transform: scale(1) translateX(-50%);
} */

/* 8.21 关于板块载入 */

/* 文字 + 数字：初始隐藏，加 .in 后载入 */
.home_about .hacl_cont>*,
.home_about .home_about_ri_wow {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .8s ease, transform .8s ease;
    transition-delay: 2.2s;
}

.home_about.in .hacl_cont>*,
.home_about.in .home_about_ri_wow {

    opacity: 1;
    transform: none;
}

.mod-more-text {
    transition: all 0.36s ease;
}

/* .home_about.in .harb_img {
    opacity: 1;

} */
.home_about_ri .item_run .item {
    transition: all 1s ease;
    transition-delay: 4s;
    transform: scale(1);
}

.home_about.in .home_about_ri .item_run .item {
    transform: scale(1.2);
}

.harb_trans {
    height: 100%;
    /* object-fit: cover; */
}

.home_about_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: inset(0%);
    clip-path: inset(0%);
    transition: clip-path 1.2s ease, -webkit-clip-path 1.2s ease;
}

.home_about_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_about.in .home_about_bg img {
    animation: itemrun3 10s infinite;
}

@keyframes itemrun3 {
    0% {
        transform: rotateY(2deg) rotateX(2deg);
    }

    25% {
        transform: rotateY(-2deg) rotateX(2deg);
    }

    50% {
        transform: rotateY(-2deg) rotateX(-2deg);
    }

    75% {
        transform: rotateY(2deg) rotateX(-2deg);
    }

    100% {
        transform: rotateY(2deg) rotateX(2deg);
    }
}

.home_spe_li_link .mod_font24 {
    transition: all 0.36s ease;
}

@media screen and (min-width: 1200px) {
    .home_spe_li_link:hover::after {
        height: 100%;
    }

    .home_spe_li_link:hover .home_spe_li_text {
        transform: translateY(-10px);
    }

    .home_spe_li_link:hover .hsll_btn {
        transform: translateX(10px);
    }

    .hnwl_link:hover .mod-more-text {
        transform: translateX(10px);
    }

    .hnwr_item_link:hover .mod-more-text {
        transform: translateX(10px);
    }

    /* .home_spe_li_link:hover .mod_font24 {
        color: var(--colormain2)
    } */
}

/* 9.1-start */
.home_spe_cont_bot {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home_spe_li_link {
    border-left: none;
}

.home_spe_wrap {
    width: 100%;
    height: 100%;
}

.home_spe_cont_bot .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 100%;
}

.home_spe_wrap .slick-track {
    height: 100%;
}

.home_spe_li_link::after {
    background: rgba(44, 56, 69, 0.10);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
}

.home_spe_li {
    border-right: none;
    border-bottom: none;
}

.home_spe_li_link::before {
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    content: '';
}

.home_spe_li_link {
    flex-direction: column;
    justify-content: flex-end;
}

.hsll-box {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 3;
    left: 0;
    padding: 60px 52px 60px 40px;
}

.hsll-box-cont {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 24px;
    display: none;
}

.hsll_btn {
    background: var(--colormain2);
    width: 32px;
    height: 32px;
    transform: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hsll_btn::after {
    display: none;
}

.home_spe_li_link img:nth-child(1) {
    opacity: 0;
}

.home_spe_li_link img:nth-child(2) {
    opacity: 1;
}

.hsll-box-cont .std_text {
    color: var(--colorfff)
}

.home_spe_wrap .mod_font24 {
    font-weight: 700;
    color: var(--colorfff);
    margin-bottom: 0;
}

.hsll_btn {
    margin-top: 78px;
}

.home_spe .std_button_arrow {
    width: 32px;
    height: 32px;
}

.home_spe .std_button {
    width: auto;
    justify-content: center;
    margin: 0 auto;
    display: flex;
}

.home_spe .home_spe_head .std_h2 {
    padding-right: 0;
}

.home_spe .home_spe_head {
    justify-content: center;
}

.home_spe_wrap .home_spe_li.slick-slide {
    width: 20%;
    flex-grow: 1
}

.home_spe_cont_bot {
    overflow: hidden;
}

.home_team .std_h2 {
    text-align: center;
}

.home_spe_cont {
    margin-bottom: 60px;
}

.home_text {
    width: 27%;
}

.home_text .ys_pos_center {
    padding: 0 96px 20px;
}

#LinePH1, #LinePH2 {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    transition: stroke-dashoffset 1.1s ease;
}

.ys_main.in #LinePH1,
.ys_main.in #LinePH2 {
    stroke-dashoffset: 0;
}

.hnwl_img picture img {
    position: relative !important;
}

.hslt_top.ys_ban_ph {
    display: none;
}
.home_office_right_li a span {
    font-weight: 400;
}
@media screen and (min-width: 1200px) {
    .home_spe_li_link:hover::after {
        opacity: 1;
    }
}

/* 9.1-end */