/*@font-face {
    font-family: 'HarmonyOS Sans SC Medium';
    src: url('../font/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
}*/

/*@font-face {
    font-family: 'HarmonyOS Sans SC‌ Bold';
    src: url('../font/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
}*/

@font-face {
    font-family: 'HarmonyOS Sans SC‌';
    src: url('../font/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
}

/*@font-face {
    font-family: 'HarmonyOS Sans SC‌ Regular';
    src: url('../font/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'HarmonyOS Sans SC Light';
    src: url('../font/HarmonyOS_Sans_SC_Light.ttf') format('truetype');
}*/


@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1116px;
    }
}

a {
    color: #3e78f8;
}

.pt-10 {
    padding-top: 6rem;
}

body {
    font-family: "HarmonyOS Sans SC‌ Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #323232;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "HarmonyOS Sans SC‌ Bold","HarmonyOS Sans SC Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
    /*color: #323232;*/
}

strong {
    font-family: "HarmonyOS Sans SC‌ Bold","HarmonyOS Sans SC Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*color: #323232;*/
}

img {
    max-width: 100%;
}

.btn-primary {
    background-color: #1449df;
    border-color: #1449df;
    font-size: 0.875rem;
    padding: .475rem 1.2rem;
    border-radius: 15rem;
}

.bg-f7f8f8 {
    background-color: #f7f8f8;
}

h4 {
    font-size: 1.375rem;
}

.py-5 .about_h1_span, .pb-5 .about_h1_span {
    border-bottom: 2px solid #3e78f8;
    padding-bottom: 6px;
}

.pb-5-home-about {
    padding-bottom: 6rem !important;
}

@media (max-width: 767.98px) {
    .h1, h1 {font-size: 1.7rem;}
    .pt-5, .py-5 {padding-top: 2.2rem !important;}
    .pb-5, .py-5 {padding-bottom: 2.2rem !important;}
    .pb-4-mobile{padding-bottom:0 !important;}
    .py-5-mobile{padding-top:0 !important;padding-bottom:0 !important;}
    .col-lg-6{padding:1rem !important;}
}

.img-radius {
    border-radius: 12px;
}

.inbox1 .desc {
    color: #666464;
}

    .inbox1 .desc strong {
        color: #323232;
    }


/*nav*/
.navbar-collapse {
    justify-content: flex-end;
    font-family: "HarmonyOS Sans SC Medium","HarmonyOS Sans SC Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.navbar-nav {
    justify-content: space-evenly;
    width: 85%;
}

    .navbar-nav a {
        color: #fff;
        line-height: 1.5;
        position: relative;
        color: #fff;
        padding-left: 0;
        padding-right: 0;
        cursor: pointer;
    }

        .navbar-nav a span {
            position: relative;
        }

        .navbar-nav a:hover, .navbar-nav .nav-item.active a {
            color: #3e78f8;
            font-family: "HarmonyOS Sans SC‌ Bold","HarmonyOS Sans SC Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }

            .navbar-nav a:hover span:after, .navbar-nav .nav-item.active a span:after {
                content: "";
                border-bottom: 2px solid #3e78f8;
                position: absolute;
                bottom: -7px;
                left: 0;
                width: 100%;
            }

.navbar {
    background-color: transparent;
    transition: all 0.3s ease;
    box-shadow: none;
}

    .navbar.scrolled {
        background: rgba(50, 50, 50, 0.95);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-toggler-custom {
    display: none;
}

.navbar-mobile {
    display: none;
}

@media (max-width: 991.98px) {
    .navbar-collapse {
        display: none;
    }

    .offcanvas-collapse {
        height: 100vh;
        width: 280px;
        position: fixed;
        top: 0;
        right: -280px;
        background: #fff;
        box-shadow: -5px 0 15px rgba(0,0,0,0.1);
        transition: all 0.3s ease;
        z-index: 1050;
        padding: 20px;
    }

        .offcanvas-collapse.show {
            right: 0;
        }

    .nav-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1040;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
    }

        .nav-overlay.active {
            opacity: 1;
            visibility: visible;
        }

    .navbar-toggler-custom {
        display: block;
    }

    .navbar-mobile {
        display: block;
        font-family: "HarmonyOS Sans SC‌ Medium","HarmonyOS Sans SC Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #fff;
        background: rgba(50, 50, 50, 0.95);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
}

@media (max-width: 767.98px) {
    .navbar-dark .offcanvas-collapse {
        background-color: #343a40;
    }

    .logo {
        height: 26px;
        display: block;
    }
}




/*banner*/
.video-banner {
    position: relative;
    height: 100vh; /* 满屏高度 */
    overflow: hidden;
}

.video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.bannerpobg {
    background-image: url('/assets/images/banner_t.png');
    width: 45%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.img-banner {
    background: no-repeat center;
    background-size: cover;
    height: 600px;
    align-items: center;
    color: #fff;
    font-size: 1.56rem;
    display: flex;
    position: relative;
}

.img-banner-mobile {
    display: none;
}

.img-banner h1 {
    color: #fff;
}

.img-banner .mask {
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    align-items: center;
    display: flex;
}

.img-banner .newst {
    text-align: center;
    font-size: 4.0625rem;
}

.img-banner h1 {
    font-size: 4.8rem;
    padding-bottom: 1.5rem;
}


@media (max-width: 991.98px) {
    .img-banner h1 {
        font-size: 4rem;
    }
}

@media (max-width: 767.98px) {
    .img-banner-pc {
        display: none;
    }

    .img-banner-mobile {
        display: block;
    }

        .img-banner-mobile img {
            width: 100%;
        }

    .bannerpobg {
        background-image: url('/assets/images/banner_t_m.png');
        width: 100%;
    }

    .img-banner h1 {
        font-size: 3rem;
    }

    .img-banner {
        font-size: 1.3rem;
    }
}







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

    50% {
        transform: translateY(-20px);
    }
}

@media (max-width: 991.98px) {
    .centered-image {
        width: 50%;
        max-width: 200px;
    }

    .video-banner {
        height: 70vh;
    }

    .video-container {
        max-height: 100%;
    }
}






/*slide*/
.carousel-indicators li {
    border-bottom-width: 30px;
    background: none;
    width: 18px;
}

    .carousel-indicators li:after {
        content: "";
        width: 100%;
        height: 6px;
        background-color: #bcbabb;
        border-radius: 5px;
        display: block;
    }

    .carousel-indicators li.active {
        width: 36px;
    }

@media (max-width: 767.98px) {
    .slide .pt-10 {
        padding-top: 3rem;
    }

    .carousel-indicators li {
        border-bottom-width: 15px;
    }

        .carousel-indicators li:after {
            background-color: #ffffff;
        }
}



/*index zyul*/
.zyul .custom-col {
    padding-top: 1.5rem;
}

.zyul .text-muted {
    color: #666464 !important;
}

    .zyul .text-muted strong {
        color: #323232;
    }

.zyul .custom-col img {
    max-height: 49px;
}

.zyul .custom-col h4 {
    padding: 1.6rem 0 1.2rem;
    border-bottom: 1px solid #5e86fd;
}

@media (min-width: 992px) {
    .zyul {
        margin-left: -3.125rem;
        margin-right: -3.125rem;
    }

        .zyul .custom-col {
            padding-left: 3.125rem;
            padding-right: 3.125rem;
            padding-top: 1.5rem;
        }
}

.zyul2 {display: none;}


@media (max-width: 767.98px) {
    .zyul {display: none;}
    .zyul2 {display: block;}
    .zyul_t {position: relative;}

    .zyul_t:after {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 20%;
            background-color: #5e86fd;
            height: 2px;
            content: "";
        }

    .zyul2 .feature-box {
        position: relative;
        display: flex;
        /*justify-content: center;*/
        align-items: center;
        background-color: #fff;
        padding: 1rem 1.6rem;
        border-radius: 1rem;
    }

    .zyul .custom-col {
        padding-top: 0.5rem;
    }

        .zyul .custom-col h4 {
            border-bottom: 0;
            padding-bottom: 0;
            padding-top: 1rem;
        }

    .zyul2 .feature-box .text {
        width: 75%;
    }

    .zyul2 .feature-box img {
        width: 18%;
        max-height: inherit;
        margin-right: 7%;
    }

    .zyul2 {
        padding-bottom: 2rem;
    }

    .zyul2 .carousel-indicators {
    padding-bottom: 0;
    }

    .zyul2 .carousel-indicators li {
    width: 6px;
    }

    .zyul2 .carousel-indicators li:after {
        background-color: #bcbabb;
    }

    .zyul2 .carousel-indicators li.active {
    }
}



/*imgbox*/
.imgbox {
    /*height: 56.25vw;*/
    position: relative;
    overflow: hidden;
}

    .imgbox img {
        /*position: absolute;*/
        top: 50%;
        left: 50%;
        min-width: 100%;
        /*min-height: 100%;*/
        width: auto;
        height: auto;
        /*transform: translate(-50%, -50%);*/
        max-width: 100%;
        /*max-height: 100%;*/
    }

@media (max-width: 991.98px) {
    .imgbox {
        height: 56.25vw;
    }

        .imgbox img {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            transform: translate(-50%, -50%);
            max-width: initial;
            max-height: 100%;
        }
}
/*@media (min-width: 992px) {
	.imgbox{
		height: 650px;
	}
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
*/





/*footer*/
.footer-dark {
    background-color: #242425;
}

.footer {
    color: #fff;
    font-size: 0.875rem;
    font-family: "HarmonyOS Sans SC‌ Light","HarmonyOS Sans SC Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

    .footer hr {
        border-top: 1px solid #dadada;
    }

    .footer a {
        color: #fff;
    }

    .footer .flogo {
        height: 29px;
        display: block;
    }

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

        .footer .fbox1 .fbor {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .footer .fbox1 .tcbox {
            position: relative;
            cursor: pointer;
        }

        .footer .fbox1 .tcx {
            position: absolute;
            left: 50%;
            bottom: 90%;
            transform: translate(-50%,0);
            width: 85px;
            padding-bottom: 30%;
            display: none;
            will-change: transform;
            backface-visibility: hidden; /* 修复边缘闪烁 */
        }

            .footer .fbox1 .tcx img {
                border-radius: 6px;
            }

        .footer .fbox1 .tcbox:hover .tcx {
            display: block;
        }

        .footer .fbox1 svg {
            width: 25px;
            height: 25px;
        }

            .footer .fbox1 svg.wx {
                width: 30px;
                height: 30px;
            }

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

@media (max-width: 767.98px) {
    .footer .flogo {
        height: 24px;
    }
}


/*aboutbox1*/
.aboutbox1 .box1_mobile {
    display: none;
}

.aboutbox1 .box1 .col {
    flex: 0 0 20%;
    max-width: 20%;
    text-align: center;
}

    .aboutbox1 .box1 .col h6 {
        padding-top: 1rem;
        line-height: 1.7;
    }

.aboutbox1 .desc {
    line-height: 1.7;
    color: #474747;
}

@media (max-width: 991.98px) {
    .aboutbox1 .box1 {
        justify-content: center;
    }

        .aboutbox1 .box1 .col {
            flex: 0 0 33.3%;
            max-width: 33.3%;
            padding-bottom: 0.5rem;
        }
}

@media (max-width: 767.98px) {
    .aboutbox1 .box1 .col {
        flex: 0 0 50%;
        max-width: 50%;
        padding-bottom: 0.5rem;
    }

    .aboutbox1 .box1_pc {
        display: none;
    }

    .aboutbox1 .box1_mobile {
        display: block;
    }

        .aboutbox1 .box1_mobile img {
            width: 100%;
        }
}


.textbox .txt {
    line-height: 1.7;
    color: #666464;
}

    .textbox .txt strong {
        color: #323232;
    }

    .textbox .txt h1 {
        padding-bottom: 2rem;
        color: #323232;
    }

.txt-img {
    display: flex;
}

    .txt-img .txt {
        width: 31%;
        color: #666464;
    }

        .txt-img .txt strong {
            color: #323232;
        }

    .txt-img .img {
        width: 69%;
        text-align: right;
        padding-left: 2%;
    }

.mapimg {
    text-align: center;
}

@media (max-width: 991.98px) {
    .txt-img {
        flex-wrap: wrap;
    }

        .txt-img .txt {
            width: 100%;
            padding-bottom: 1.5rem;
        }

        .txt-img .img {
            width: 100%;
        }
}






.historybox .box1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .historybox .box1 h2 {
        font-size: 1.875rem;
    }

.timeline-nav-wrapper {
    max-width: 65%;
    margin-right: 40px;
}

.timeline-nav-scroll {
    scroll-behavior: smooth;
    -ms-overflow-style: none; /* IE 隐藏滚动条 */
    scrollbar-width: none; /* Firefox 隐藏滚动条 */
}

    .timeline-nav-scroll::-webkit-scrollbar {
        display: none; /* Chrome/Safari 隐藏滚动条 */
    }

.timeline-year {
    flex: 0 0 auto;
    padding: 7px 38px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 90px;
    transition: all 0.3s;
    font-size: 1.56rem;
    color: #b5b5b6;
    font-family: "HarmonyOS Sans SC‌ Bold","HarmonyOS Sans SC Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.timeline-nav-scroll .timeline-year:last-child {
    margin-right: 0;
}

.timeline-year.active {
    background: #1044dc;
    color: #fff;
}

.historybox .timeline-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .historybox .timeline-arrow .icon {
        width: 15px;
        height: 15px;
    }

.historybox .timeline-arrow-left {
    left: -40px;
}

.historybox .timeline-arrow-right {
    right: -40px;
}

.timeline-item {
    display: none;
}

    .timeline-item.active {
        display: block;
        animation: fadeIn 0.5s;
    }

    .timeline-item .row {
        justify-content: space-between;
        margin-left: 0;
        margin-right: 0;
    }

    .timeline-item .fimg {
        width: 45%;
        padding-right: 2%;
    }

    .timeline-item .txtbox {
        width: 52%;
        padding: 48px 60px;
        line-height: 1.7;
    }

        .timeline-item .txtbox .desc {
            color: #666464;
        }

            .timeline-item .txtbox .desc strong {
                color: #323232;
            }

@media (max-width: 991.98px) {
    .historybox .box1 {
        flex-wrap: wrap;
    }

    .timeline-nav-wrapper {
        max-width: 100%;
        width: 100%;
    }

    .timeline-year {
        padding: 5px 38px;
        font-size: 1.3rem;
    }

    .timeline-item .txtbox {
        padding: 0 30px;
    }

    .timeline-nav-wrapper {
        margin-right: 0;
        padding: 0 40px;
    }

    .historybox .timeline-arrow-right {
        right: 0;
    }

    .historybox .timeline-arrow-left {
        left: 0;
    }
}

@media (max-width: 767.98px) {
    .timeline-item .fimg {
        width: 100%;
        padding-right: 0;
    }

    .timeline-item .txtbox {
        width: 100%;
        padding: 0;
        padding-top: 1rem;
    }

    .timeline-nav-wrapper {
        padding: 10px 30px;
        margin-top: 10px;
    }

    .historybox .timeline-arrow {
        width: 30px;
        height: 30px;
    }

    .timeline-year {
        padding: 4px 26px;
        font-size: 1rem;
    }
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.py-5-aboutbox2-m{display:none;}
.aboutbox2 .box1 .li {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.aboutbox2 .box1 .li h2 {
    font-size: 2.18rem;
    background-color: #fff;
    color: #3e78f8;
    border-radius: 0 0 12px 0;
    padding: 10px 30px;
    position: absolute;
    left: 0;
    top: 0;
}

.aboutbox2 .box1 .li .tc {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(62,120,248,.8);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    line-height: 1.66;
    opacity: 0;
    transition: all 0.3s ease;
}

.aboutbox2 .box1 .li:hover h2 {
    background-color: rgba(255,255,255,.8);
}

.aboutbox2 .box1 .li:hover .tc {
    display: flex;
    opacity: 1;
}

@media (max-width: 991.98px) {
    .aboutbox2 .box1 .li h2 {
        font-size: 1.6rem;
        padding: 6px 20px;
    }
}

@media (max-width: 767.98px) {
    .py-5-aboutbox2-m{display:block;}
    .py-5-aboutbox2-pc{display:none;}
    .aboutbox2 .box1 .li {
        margin-bottom: 1rem;
    }
}

.aboutbox3 .imgb1 {
    position: relative;
}

    .aboutbox3 .imgb1 img {
        width: 100%;
    }

.aboutbox3 .box1 h3 {
    position: absolute;
    left: 0;
    bottom: 2rem;
    background: linear-gradient( to right, rgba(62, 120, 248, 0.3) 0%, rgba(62, 120, 248, 0.3) 70%, rgba(62, 120, 248, 0) 100% );
    font-size: 1.56rem;
    color: #fff;
    padding: 10px 48px;
    display: flex;
    align-items: center;
}

    .aboutbox3 .box1 h3.green {
        background: linear-gradient( to right, rgba(49, 185, 13, 0.3) 0%, rgba(49, 185, 13, 0.3) 70%, rgba(49, 185, 13, 0) 100% );
    }

    .aboutbox3 .box1 h3 span {
        border-radius: 10rem;
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.875rem;
        background-color: #3e78f8;
        margin-right: 12px;
    }

.aboutbox3 .box1.reversal {
    flex-direction: row-reverse;
}

.aboutbox3 .box1 .li {
    border-bottom: 2px solid #e2e3e3;
    display: flex;
    align-items: center;
    padding: 1.5rem;
    font-size: 0.875rem;
    flex-wrap: wrap;
    min-height: 8.125rem;
    overflow: hidden;
    position: relative;
}

    .aboutbox3 .box1 .li h4 {
        font-size: 1.25rem;
        position: relative;
        left: 0;
        top: 0;
        z-index: 10;
        transition: all 0.3s ease;
    }

    .aboutbox3 .box1 .li:last-child {
        border-bottom: 0;
    }

    .aboutbox3 .box1 .li .desc2 {
        /*display: none;*/
        height: 100%;
        overflow: hidden;
        transition: all 0.3s ease;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #3e78f8;
        color: #fff;
        transform: translateY(100%);
        display: flex;
        padding: 3.5rem 1.5rem 1.5rem;
    }

    .aboutbox3 .box1 .li:hover {
        /*background-color: #3e78f8;*/
        color: #fff;
        border-radius: 12px;
        border-bottom: 0;
    }

        .aboutbox3 .box1 .li:hover h4 {
            position: relative;
            left: 0;
            top: -1.5rem;
        }
/*.aboutbox3 .box1 .green .li:hover{
	background-color: #42bf12;
}*/
.aboutbox3 .box1 .green .desc2 {
    background-color: #42bf12;
}

.aboutbox3 .box1 .li:hover .desc2 {
    /*display: block;*/
    /*max-height: 400px;*/
    transform: translateY(0%);
}


.hire4 h2 {
    font-size: 2.1875rem;
    font-family: "HarmonyOS Sans SC Medium","HarmonyOS Sans SC Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.hire4 h3 {
    font-size: 1.5625rem;
}

.hire4 .desc {
    line-height: 1.8;
    color: #666464;
}

    .hire4 .desc strong {
        color: #323232;
    }

.hire4 hr {
    margin: 2rem 0;
    border-top: 2px solid #d8d8d8;
}

.hire4 .tbx {
    margin-left: 0;
    margin-right: 0;
}

    .hire4 .tbx .col {
        padding-top: 2rem;
        max-width: 22%;
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        padding-left: 2%;
        line-height: 1.8;
    }

        .hire4 .tbx .col .t1 {
            padding-bottom: 0.2rem;
            color: #666464;
            font-family: "HarmonyOS Sans SC‌ Light","HarmonyOS Sans SC Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }

        .hire4 .tbx .col .t2 {
            color: #474747;
        }

.hire4 .tt2 {
    position: relative;
    display: flex;
    align-items: center;
}

.hire4 .title {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 80px;
}

.hire4 .share {
    font-size: 1rem;
    position: absolute;
    right: 0;
    color: #666;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-family: "HarmonyOS Sans SC‌ Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.hire4 .ebtn {
    color: #1044dc;
    border: 1px solid #1044dc;
    border-radius: 18px;
    margin-left: 15px;
    padding: 2px 26px 3px;
    font-size: 1.625rem;
    font-family: "HarmonyOS Sans SC‌ Bold","HarmonyOS Sans SC Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@media (max-width: 767.98px) {
    .hire4 .title {
        padding-right: 0;
        flex-wrap: wrap;
    }

    .hire4 .share {
        margin-top: 1rem;
        position: relative;
    }

    .hire4 .tbx .col {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .hire4 .tt2 {
        align-items: flex-start;
        flex-direction: column;
    }

    .hire4 .ebtn {
        margin-top: 1rem;
        margin-left: 0;
        font-size: 1.35rem;
    }
    .aboutbox3 .box1 .li h4{font-size:1.1rem}
}






.hire3 {
    background-color: #fff;
    border-radius: 12px;
    padding: 2rem 0;
}

    .hire3 .title {
        font-size: 2.1875rem;
        display: flex;
        align-items: center;
        padding: 0 2rem;
    }

        .hire3 .title .io {
            font-size: 1rem;
            color: #1044dc;
            background-color: #e7ecfb;
            margin-left: 8px;
            padding: 2px 12px;
            border-radius: 2rem;
            transform: translateY(2px);
            font-family: "HarmonyOS Sans SC‌ Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }

    .hire3 hr {
        margin: 2rem 0;
        border-top: 1px solid #d8d8d8;
    }

    .hire3 .li {
        padding: 0 2rem 2.5rem;
    }

        .hire3 .li .tbox {
            border-top: 1px solid #d8d8d8;
            padding: 2.5rem 0 0;
        }

        .hire3 .li .t1 {
            justify-content: space-between;
            position: relative;
            display: flex;
        }

            .hire3 .li .t1 h3 {
                font-size: 1.375rem;
            }

            .hire3 .li .t1 .time {
                font-size: 1rem;
            }

        .hire3 .li .t2 {
            position: relative;
            display: flex;
            padding-right: 80px;
            align-items: center;
            margin-top: .5rem;
            color: #666464;
        }

            .hire3 .li .t2 .fm {
                position: absolute;
                right: 0;
                cursor: pointer;
                background-color: #eeeeee;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 0.875rem;
                padding: 2px 16px;
                border-radius: 3rem;
                display: none;
            }

                .hire3 .li .t2 .fm svg {
                    margin-right: 4px;
                }

                .hire3 .li .t2 .fm.expand svg {
                    margin-right: 4px;
                    transform: rotate(-180deg);
                }

        .hire3 .li .descbox {
            /*display: none;*/
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease;
        }

            .hire3 .li .descbox .desc {
                line-height: 2;
                color: #666464;
            }

            .hire3 .li .descbox .tt2 {
                font-size: 1.125rem;
            }

                .hire3 .li .descbox .tt2 a {
                    color: inherit;
                }

        .hire3 .li:hover {
            background-color: #f7f8f8;
        }

            .hire3 .li:hover .fm.expand {
                display: block;
                background-color: #dfe6f5;
                color: #1044dc;
            }

                .hire3 .li:hover .fm.expand svg {
                    fill: #1044dc;
                }

                    .hire3 .li:hover .fm.expand svg path {
                        fill: #1044dc;
                    }

        .hire3 .li.show:hover {
            background-color: #fff;
        }

            .hire3 .li.show:hover .fm.expand {
                display: none;
            }

        .hire3 .li.show .fm.retract {
            display: block;
        }

        .hire3 .li.show .descbox {
            /*display: block;*/
            max-height: 2000px;
        }

            .hire3 .li.show .descbox h3 {
                font-family: "HarmonyOS Sans SC Medium","HarmonyOS Sans SC Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            }


.paging {
    padding: 0 2rem 0;
}

    .paging .pbox {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        line-height: 48px;
        border-top: 1px solid #d8d8d8;
        padding-top: 2.5rem;
    }

    .paging a {
        text-decoration: none;
        color: #666;
    }

    .paging .abtn, .paging .paginator a {
        background-color: #f6f7f7;
        text-align: center;
        padding: 11px 17px;
        margin: 0 6px;
        border-radius: 6px;
        min-width: 48px;
    }

        .paging .abtn.active, .paging .abtn:hover, .paging .paginator a:hover {
            background-color: #1677ff;
            color: #fff;
        }

            .paging .abtn.active svg, .paging .abtn:hover svg {
                fill: #fff;
            }

                .paging .abtn.active svg path, .paging .abtn:hover svg path {
                    fill: #fff;
                }

.paging2 .pbox {
    justify-content: center;
    line-height: 26px;
    border-top: 0;
    padding-top: 5rem;
    padding-bottom: 1rem;
}

.paging .abtn2, .paging2 .paginator2 a {padding: 0 4px;margin: 0 2px;}
.paging2 .abtn2.active, .paging2 .abtn2:hover, .paging2 .paginator2 a:hover {color: #1677ff;}
.paging .abtn2.active svg, .paging .abtn2:hover svg {fill: #1677ff;}
.paging .abtn2.active svg path, .paging .abtn2:hover svg path {fill: #1677ff;}


@media (max-width: 767.98px) {
    .hire3 .li .t1 h3{font-size: 1.3rem;}
    .hire3 .title {
        padding: 0 1.5rem;
        font-size: 1.8rem;
    }

    .hire3 .li {
    padding: 0 1.5rem 2rem;
    }

    .hire3 .li .tbox {
        padding-top: 2rem;
    }

    .hire3 .li .t1 {
        flex-wrap: wrap;
    }

        .hire3 .li .t1 .time {
            font-size: 0.875rem;
        }

    .hire3 .li .t2 {
        padding-right: 0;
        align-items: center;
        font-size: 0.875rem;
    }

    .paging .pbox {
    flex-wrap: wrap;
    padding-top: 2rem;
    }

    .hire3 .li.show .fm.retract {
    display: none;
    }

    .hire3 .li:hover .fm.expand {
    display: none;
    }

    .paging .pbox {
    line-height: 28px;
    }

    .paging .abtn {
    min-width: 28px;
    margin: 0 4px;
    }
}



.hire2 .title {font-size: 2rem;}

.hire2 .tbx {
    align-items: stretch;
}

    .hire2 .tbx .col-md-6 {
        margin-top: 1.75rem;
    }

    .hire2 .tbx .li {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 3px 3px 5px -10px #eee;
    padding: 1.4rem;
    height: 100%;
    position: relative;
    font-family: "HarmonyOS Sans SC‌ Bold","HarmonyOS Sans SC Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

    .hire2 .tbx .li h4 {
    font-size: 1.375rem;
    padding-bottom: 1.2rem;
    }

    .hire2 .tbx .li a {
    color: #666;
    }

    .hire2 .tbx .li a:hover {
        color: #1044dc;
        text-decoration: none;
    }

    .hire2 .tbx .li .img {
    position: absolute;
    width: 28px;
    right: 1.4rem;
    top: 1.4rem;
    }

    .newsinfo h1 {
        text-align: center;
    }

    .newsinfo hr {
        border-top: 1px solid #b8b7b7;
        margin: 2rem 0;
    }

    .newsinfo .time {
        text-align: center;
        color: #474747;
    }

    .content {
        line-height: 1.75;
        color: #666464;
    }

    .content p {
        margin-bottom: 2rem;
    }

    .infobtnbox {
        display: flex;
        gap: 30px;
    }

    .infobtnbox a {
        color: #333;
        text-decoration: none;
        font-size: 1.25rem;
        font-weight: 500;
    }

    .infobtnbox a:hover {
        color: #3e78f8;
    }



.newslist .newul .col-lg-3 {
    margin-top: 2rem;
}

.newslist .newul .li {
    background-color: #fff;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    color: #333;
    cursor: pointer;
    color: #474747;
}

    .newslist .newul .li:hover {
        color: #3e78f8;
        text-decoration: none;
    }

    .newslist .newul .li .time {
        padding: 18px 18px 2px 18px;
    }

    .newslist .newul .li h6 {
        padding: 2px 18px 18px 18px;
    }



.welfarelist .ul {
    align-items: stretch;
}

    .welfarelist .ul a {
        display: block;
        color: #666;
        text-decoration: none;
        height: 100%;
    }

    .welfarelist .ul .col-md-6 {
        margin-top: 2rem;
    }

    .welfarelist .ul .li:hover {
        background-color: #F3F8FC
    }

    .welfarelist .ul .li h6 {
        color: #474747;
        margin-bottom: 1.2rem;
        margin-top: 0.2rem;
        width: 100%;
    }

    .welfarelist .ul .li .time {
        color: #474747;
        width: 100%;
    }

    .welfarelist .ul .li .desc {
        width: 100%;
        color: #666464;
        font-family: "HarmonyOS Sans SC‌ Light","HarmonyOS Sans SC Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

    .welfarelist .ul a:hover {
        color: #3e78f8;
    }

        .welfarelist .ul a:hover h6 {
            color: #3e78f8;
        }

    .welfarelist .ul .img {
        border-radius: 12px;
        display: block;
        object-fit: cover;
    }

    .welfarelist .ul .li {
        background-color: #f9fafa;
        border-radius: 12px;
        padding: 1rem 4.5rem;
        display: flex;
        flex-wrap: wrap;
        height: 100%;
        align-items: center;
        align-content: center;
        line-height: 1.6875;
    }

@media (max-width: 991.98px) {
    .welfarelist .ul .li {
        padding: 1rem 2.5rem;
    }
}

@media (max-width: 767.98px) {
    .welfarelist .ul .li {
        padding: 1rem 1.5rem;
    }
    .hire2 .title {font-size: 1.8rem;}
    .hire2 .tbx .li h4{font-size: 1.3rem;}
}


.mapimg2 {
    padding: 2rem 8% 1rem;
}

    .mapimg2 .mbox {
        position: relative;
        max-width: 1116px;
        margin: 0 auto;
    }

    .mapimg2 .tcb {
        position: absolute;
        /*left:50%;
	top:50%;*/
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .mapimg2 .tt {
        color: #898989;
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        transform: translate(-50%,0);
        width: 39px;
        transition: all 0.3s ease;
    }

    .mapimg2 .line {
        width: 2px;
        background-color: #898989;
        flex: 1;
        transition: all 0.3s ease;
    }

    .mapimg2 .point {
        width: 20px;
        height: 33px;
        background: url(../images/point.png) no-repeat top center;
        background-size: contain;
        transition: all 0.3s ease;
    }

    .mapimg2 .txt {
        text-align: center;
        position: absolute;
        /*top:-100%;*/
        white-space: nowrap;
        transform: translate(0,-100%);
    }

        .mapimg2 .txt h5 {
            font-size: 1.2rem;
            margin-bottom: 0;
        }

    .mapimg2 .tt:hover {
        color: #1449df;
        z-index: 3;
    }

        .mapimg2 .tt:hover .line {
            background-color: #1449df;
        }

        .mapimg2 .tt:hover .point {
            width: 20px;
            height: 33px;
            background-image: url(../images/point_h.png);
        }

    .mapimg2 .tt.tt1 {
        height: 49%;
        left: 21.3%;
        bottom: 38.7%;
    }

    .mapimg2 .tt.tt1_ca {
        height: 33%;
        left: 15%;
        bottom: 42%;
    }

    .mapimg2 .tt.tt2 {
        height: 43%;
        left: 46%;
        bottom: 45.5%;
    }

    .mapimg2 .tt.tt2_xby {
        height: 37%;
        left: 44.2%;
        bottom: 40%;
    }

    .mapimg2 .tt.tt3 {
        height: 35.5%;
        left: 48.4%;
        bottom: 43.5%;
    }

    .mapimg2 .tt.tt4 {
        height: 22.5%;
        left: 50.9%;
        bottom: 44.5%;
    }

    .mapimg2 .tt.tt5 {
        height: 45.5%;
        left: 68.8%;
        bottom: 33.4%;
    }

    .mapimg2 .tt.tt6 {
        height: 55.5%;
        left: 74.7%;
        bottom: 33.34%;
    }

    .mapimg2 .tt.tt6_ml {
        height: 5%;
        left: 74.7%;
        bottom: 18%;
    }

    .mapimg2 .tt.tt7 {
        height: 65.5%;
        left: 78.1%;
        bottom: 33.6%;
    }

    .mapimg2 .tt.tt8 {
        height: 44%;
        left: 83.5%;
        bottom: 41.6%;
    }

    .mapimg2 .tt.tt9 {
        height: 52.2%;
        left: 85.4%;
        bottom: 14.8%;
    }

    .mapimg2 .tt3 .txt, .mapimg2 .tt4 .txt, .mapimg2 .tt9 .txt {
        transform: translate(50%,-100%);
        text-align: left;
    }

    .mapimg2 .tt6_ml .txt {
        transform: translate(-75%,0%);
        text-align: left;
    }

    .mapimg2 .tt2_xby .txt {
        transform: translate(-50%,-100%);
        text-align: left;
    }

@media (max-width: 1199.98px) {
    .mapimg2 {
        padding: 2rem 2rem 0;
    }
}

@media (max-width: 991.98px) {
    .mapimg2 .tcb {
        /*zoom:0.7;*/
        transform: scale(0.7);
        transform-origin: 0 0;
        width: 142.85%;
        height: 142.85%;
    }
}

@media (max-width: 767.98px) {
    .mapimg2 {
        padding: 2rem 1rem 0;
    }

        .mapimg2 .tcb {
            /*zoom:0.5;*/
            transform: scale(0.5);
            transform-origin: 0 0;
            width: 200%;
            height: 200%;
        }

        .mapimg2 .point {
            height: 21px;
            width: 13px;
        }

        .mapimg2 .tt:hover .point {
            height: 26px;
            width: 16px;
        }

        .mapimg2 .txt {
            font-size: 0.875rem;
        }

            .mapimg2 .txt h5 {
                font-size: 1.225rem;
            }
}

.py-9 {
    padding: 5.625rem 0;
}

.pb-9 {
    padding-bottom: 5.625rem;
}

.gongyi2 {
    position: relative;
}

    .gongyi2 .t1 {
        position: absolute;
        font-size: 2.5rem;
        font-family: "HarmonyOS Sans SC‌ Light","HarmonyOS Sans SC Regular","HarmonyOS Sans SC‌",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #fff;
        left: 2.5rem;
        top: 52%;
        line-height: 1.375;
    }

        .gongyi2 .t1 h2 {
            font-size: 2.5rem;
        }

    .gongyi2 .desc {
        width: 40%;
        position: absolute;
        left: 0;
        top: 80%;
        line-height: 1.625;
        color: #666464;
    }

        .gongyi2 .desc strong {
            color: #333;
        }

@media (max-width: 991.98px) {
    .gongyi2 .t1 {
        position: static;
        color: #333;
    }

    .gongyi2 .desc {
        position: static;
        width: 100%;
    }
}




.gongyi3 {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

    .gongyi3 .txtbox {
        width: 48%;
        padding-right: 20px;
    }

        .gongyi3 .txtbox .ico {
            display: block;
        }

        .gongyi3 .txtbox .t1 {
            font-size: 2.5rem;
            color: #8fb896;
            padding: 2rem 0 1.4rem;
        }

        .gongyi3 .txtbox .desc {
            line-height: 1.625;
            color: #666464;
        }

            .gongyi3 .txtbox .desc strong {
                color: #333;
            }

    .gongyi3 .img {
        width: 44.5%;
    }


@media (max-width: 767.98px) {
    .gongyi3 {
        display: block;
    }

        .gongyi3 .txtbox {
            width: 100%;
            margin-bottom: 2rem;
        }

        .gongyi3 .img {
            width: 100%;
        }
}





.gongyi4 {
    background-color: #8fb896;
    text-align: center;
    color: #fff;
}

    .gongyi4 .t1 {
        font-size: 2.5rem;
    }

    .gongyi4 .desc {
        line-height: 1.625;
        opacity: 0.8;
    }






.gongyi5 .t1 {
    font-size: 2.5rem;
    color: #8fb896;
    text-align: center;
}

.gongyi5 .boxj {
    position: relative;
}

.gongyi5 .tli {
    position: absolute;
}

    .gongyi5 .tli h4 {
        font-size: 1.675rem;
    }

    .gongyi5 .tli .desc {
        color: #777878;
        line-height: 1.675;
    }

        .gongyi5 .tli .desc strong {
            color: #333;
        }

    .gongyi5 .tli.b1 {
        left: 2rem;
        top: 0;
    }

    .gongyi5 .tli.b2 {
        left: 18rem;
        bottom: 0;
    }

    .gongyi5 .tli.b3 {
        left: 34rem;
        top: 0;
    }

    .gongyi5 .tli.b4 {
        right: 1.5rem;
        bottom: 0;
    }

    .gongyi5 .tli.b5 {
        right: 1.5rem;
        top: 0;
    }



    .gongyi5 .tli.b1 h4 {
        color: #8fb896;
    }

    .gongyi5 .tli.b2 h4 {
        color: #6dc8d8;
    }

    .gongyi5 .tli.b3 h4 {
        color: #ffab5a;
    }

    .gongyi5 .tli.b4 h4 {
        color: #c8a48b;
    }

    .gongyi5 .tli.b5 h5 {
        font-size: 1.4rem;
        color: #9fa0a0;
        padding-bottom: 1.5rem;
        background: url(../images/ico20.jpg) no-repeat bottom right;
    }

    .gongyi5 .tli svg {
        display: none;
    }

@media (max-width: 1199.98px) {
    .gongyi5 .tli.b2 {
        left: 15.5rem;
    }

    .gongyi5 .tli.b3 {
        left: 29.5rem;
    }

    .gongyi5 .tli.b4 {
        right: -0.5rem;
    }
}

@media (max-width: 991.98px) {
    .gongyi5 .t1 {
        padding-bottom: 2rem;
    }

    .gongyi5 .boxj img {
        display: none;
    }

    .gongyi5 .boxj {
        border-left: 5px solid #eaebeb;
        padding-left: 10px;
    }

    .gongyi5 .tli {
        position: static;
        margin-top: 1rem;
    }

        .gongyi5 .tli svg {
            display: block;
            width: 12px;
            fill: currentColor;
            margin-right: 3px;
        }

        .gongyi5 .tli h4 {
            display: flex;
            position: relative;
            left: -15px;
        }

        .gongyi5 .tli.b5 h5 {
            background: url(../images/ico20.jpg) no-repeat bottom left;
        }
}


.imgbox2 {
    position: relative;
    overflow: hidden;
}

    .imgbox2 .bimg {
        min-width: 100%;
        width: auto;
        height: auto;
        max-width: 100%;
    }

    .imgbox2 .txtbox {
        color: #fff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        font-size: 1.5625rem;
    }

        .imgbox2 .txtbox.desc {
            line-height: 1.6;
        }

        .imgbox2 .txtbox h2 {
            font-size: 3rem;
            padding: 2.7rem 0 0.8rem;
        }

@media (max-width: 991.98px) {
.imgbox2 {height: 56.25vw;}
.imgbox2 .bimg {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;transform: translate(-50%, -50%);max-width: initial;max-height: 100%;}
}

@media (max-width: 767.98px) {
    .imgbox2 {height: 80vh;}
    .imgbox2 .txtbox {font-size: 1.2rem;}
    .imgbox2 .txtbox h2 {font-size: 2.5rem;}
}


/* 滑动容器 */
.aboutbox2 .slider-container {width: 100%;max-width:355px;margin:0 auto 0 auto; /* 模拟手机屏幕宽度，或根据设计图调整 */position: relative;overflow:hidden;padding-bottom:30px;}

/* 滑动包装器，用于横向排列所有幻灯片 */
.py-5-aboutbox2-m .slider-wrapper {display: flex;transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); /* 滑动动画 */}

/* 单个幻灯片/模块卡片 */
.py-5-aboutbox2-m .slide {min-width: 100%;background-color: #ffffff; /* 卡片背景白色 */border-radius: 16px; /* 设计图中的圆角 *//* 卡片本身不需要单独的阴影，因为容器有阴影，且卡片是无缝切换的 */box-sizing: border-box;margin:0 0;}
.py-5-aboutbox2-m .slide img {width: 100%;height: auto; /* 保持图片比例 */aspect-ratio: 3 / 2; /* 假设图片区域比例，可根据实际占位图调整 */object-fit: cover;border-top-left-radius: 16px; /* 图片顶部圆角与卡片一致 */border-top-right-radius: 16px;display: block; /* 消除图片底部可能的空白间隙 */}

/* 幻灯片内容区域 */
.py-5-aboutbox2-m .slide-content {padding: 1.1rem;text-align: left;}
.py-5-aboutbox2-m .slide-content h2 {font-size: 1.2rem; /* 标题字号，参考设计图调整 */color: #3e78f8; /* 类似设计图的蓝色 */font-weight: bold; /* 标题加粗 */margin-top: 0;margin-bottom: 8px;}
.py-5-aboutbox2-m .slide-content p {font-size: 1rem; /* 描述字号，参考设计图调整 */color: #323232; /* 类似设计图的深灰色 */line-height: 1.6;margin-top: 0;margin-bottom: 0;}

/* 底部圆点指示器 */
.py-5-aboutbox2-m .slider-dots {position: absolute;bottom:0px; /* 调整圆点与底部的距离 */left: 50%;transform: translateX(-50%);display: flex;gap: 8px; /* 圆点之间的间距 */}
.py-5-aboutbox2-m .dot {width: 8px;height: 8px;background-color: #cccccc; /* 未激活状态的圆点颜色 */border-radius: 50%;cursor: pointer;transition: background-color 0.3s ease;}
.py-5-aboutbox2-m .dot.active {background-color: #888888; /* 激活状态的圆点颜色，设计图上不是很明显，用深一点的灰色 */}