﻿@media only screen and (min-width: 1920px) {
    html {
        font-size: 16px;
    }

    .com-third-col-width {
        max-width: 50% !important;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
    html {
        font-size: 12px !important;
    }

    .com-third-col-width {
        max-width: 50% !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
    html {
        font-size: 8.533px !important;
    }

    .com-third-col-width {
        max-width: 50% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    html {
        font-size: 6.4px !important;
    }

    .com-third-col-width {
        max-width: 50% !important;
    }
}

.mh {
    margin-top: 7.5rem;
}

    .mh .head-description {
        width: 83.75rem;
        margin-bottom: 9.375rem;
    }

.adv-cp {
    margin-right: auto;
    margin-left: auto;
    flex-shrink: 0;
    border-radius: 9.375rem 9.375rem 0 0;
    border: 0.0625rem solid rgba(0, 0, 0, 0.10);
    /*    background: #F5F5F5;*/
}

.adv-c {
    margin-right: auto;
    margin-left: auto;
    /*    width: 120rem;*/
    height: 66.875rem;
    /*    padding: 8.75rem 11.25rem;*/
}

    .adv-c .font-title2 {
        text-align: left;
    }

        .adv-c .font-title2 label {
            color: #000;
            font-family: "Samsung Sharp Sans Bold";
            font-size: clamp(45px, 3.75rem, 60px);
            font-style: normal;
            font-weight: 700;
            line-height: 5.625rem; /* 150% */
            text-transform: capitalize;
        }

    .adv-c .adv-h {
        margin-top: 6.875rem;
        margin-bottom: 6.875rem;
    }

    .adv-c .adv-ci .part-item {
        width: 23rem;
        height: 16.1875rem;
        flex-shrink: 0;
        border-radius: 1rem;
        border: 0.0625rem solid rgba(44, 0, 143, 0.10);
        background: rgba(124, 158, 251, 0.10);
    }

    .adv-c .part-item .font-subtitle2 {
        color: #000;
        font-family: "Samsung Sharp Sans";
        /*        font-size: 1.125rem;*/
        font-size: clamp(12px, 1.125rem, 100px);
        font-style: normal;
        font-weight: 500;
        /*line-height: 1.625rem;*/ /* 144.444% */
        line-height: clamp(14px, 1.1625rem, 100px); /* 144.444% */
        text-transform: capitalize;
        letter-spacing: 0.2px;
        width: clamp(160px, 16rem, 1000px);
    }

    .adv-c .right {
        justify-content: flex-end;
    }

.com-part2-margin-b {
    margin-bottom: 6.875rem !important;
}
.website-shared .c-w {
    display: flex;
    padding-top: 8.75rem;
    padding-bottom: 8.75rem;
}

.c-w .cover-wrapper {
    display: flex;
    align-items: center;
}

.c-w .cc {
    padding-right: 2.625rem !important;
}

.c-w .c-w-p {
    width: 36.3125rem;
    height: 23.6875rem;
}

.c-w .mc {
    padding-right: 1.375rem !important;
}

.c-w .font-title2 {
    color: #000;
    font-family: "Samsung Sharp Sans Bold";
    font-size: 3.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 5.625rem; /* 150% */
    text-transform: capitalize;
}

.c-w .intro2 .font-subtitle {
    color: #2C008F !important;
    font-family: "Samsung Sharp Sans Bold";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.625rem; /* 144.444% */
    text-transform: capitalize;
    margin-top: 1.25rem;
    margin-bottom: clamp(22.5px, 1.875rem, 30px);
}

.c-w .intro2 .font-content {
    width: 54.75rem;
    color: #000;
    font-family: "Red Hat Display";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    /*line-height: 1.625rem;*/ /* 162.5% */
    line-height: clamp(19.5px, 1.625rem, 100px); /* 162.5% */
    text-transform: capitalize;
    opacity: 0.6;
}

.m-application .pa-8 {
    padding: 0 !important;
}

.c-h {
    display: flex;
    background: #2C008F;
}

    .c-h .full-page {
        padding-top: 7.1875rem;
    }

    .c-h .font-title3 {
        color: #FFF;
        font-family: "Samsung Sharp Sans Bold";
        font-size: clamp(45px, 3.75rem, 60px);
        font-style: normal;
        font-weight: 700;
        line-height: 5.625rem; /* 150% */
        text-transform: capitalize;
    }

    .c-h .font-subtitle3 {
        color: #FFF;
        font-family: "Red Hat Display";
        /*        font-size: 1.25rem;*/
        font-size: clamp(12px, 1.25rem, 100px);
        font-style: normal;
        font-weight: 700;
        /*line-height: 1.875rem;*/ /* 150% */
        line-height: clamp(22.5px, 1.875rem, 100px); /* 150% */
        text-transform: capitalize;
        opacity: 0.7;
        margin-top: clamp(22.5px, 1.875rem, 30px);
    }

    .c-h .font-content3 {
        color: #FFF;
        text-align: center;
        font-family: "Red Hat Display";
        /*        font-size: 1rem;*/
        font-size: clamp(12px, 1.125rem, 18px);
        font-style: normal;
        font-weight: 400;
        /*line-height: 1.625rem;*/ /* 162.5% */
        line-height: clamp(19.5px, 1.625rem, 100px); /* 162.5% */
        text-transform: capitalize;
        margin-top: clamp(45px, 3.75rem, 60px);
        opacity: 0.7;
        padding-left: clamp(46.5px, 3.875rem, 62px);
        padding-right: clamp(46.5px, 3.875rem, 62px);
    }

.website-shared .c-f {
    text-align: left;
    margin-top: 8.75rem;
}

.c-f .font-title4 {
    color: #000;
    /*    text-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
    -webkit-text-stroke-width: 0.0625rem;
    -webkit-text-stroke-color: #000;*/
    font-family: "Samsung Sharp Sans Bold";
    font-size: clamp(45px, 3.75rem, 60px);
    font-style: normal;
    font-weight: 700;
    line-height: 5.625rem; /* 150% */
    text-transform: capitalize;
    margin-bottom: 2.5rem;
}

.c-f .font-subtitle4 {
    color: #000;
    font-family: "Samsung Sharp Sans";
    /*    font-size: 1rem;*/
    font-size: clamp(12px, 1rem, 100px);
    font-style: normal;
    font-weight: 500;
    /*line-height: 2.5rem;*/ /* 250% */
    line-height: clamp(30px, 2.5rem, 100px); /* 250% */
    text-transform: capitalize;
    opacity: 0.6;
    margin-bottom: 6.25rem;
}

/* 调整.c-f .font-content4布局，确保.ct4首行平齐 */
.c-f .font-content4 {
    width: 23rem;
    flex-shrink: 0;
    border-radius: 1rem;
    background: #2C008F;
    margin-bottom: 1.375rem;
    padding: 4.375rem 1.75rem 3.125rem 2.5rem;
    display: flex;
    flex-direction: column;
}

    .c-f .font-content4 .title4 {
        color: #FFF;
        font-family: "Samsung Sharp Sans Bold";
        font-size: clamp(12px, 1.125rem, 18px);
        font-style: normal;
        font-weight: 700;
        line-height: clamp(19.5px, 1.625rem, 26px);
        text-transform: capitalize;
        margin: 0;
        height: clamp(39px, 3.25rem, 52px); /* 固定标题区域高度，容纳两行文字 */
        display: flex;
        align-items: flex-start; /* 标题顶部对齐 */
    }

    .c-f .font-content4 .ct4 {
        color: #FFF;
        font-family: "Samsung Sharp Sans";
        font-size: clamp(10.5px, 0.875rem, 14px);
        font-style: normal;
        font-weight: 500;
        line-height: clamp(18px, 1.5rem, 24px);
        text-transform: capitalize;
        opacity: 0.7;
        margin: 0;
        margin-top: clamp(18px, 1.5rem, 24px); /* 统一的上边距 */
        margin-right: clamp(7.5px, 0.625rem, 10px);
    }

.c-rc {
    display: flex;
    background: #4500E2;
}

    .c-rc .full-page {
        padding-top: 7.1875rem;
    }

    .c-rc .font-title3 {
        color: #FFF;
        text-align: center;
        font-family: "Samsung Sharp Sans Bold";
        font-size: clamp(45px, 3.75rem, 60px);
        font-style: normal;
        font-weight: 700;
        line-height: 5.625rem; /* 150% */
        text-transform: capitalize;
    }

    .c-rc .font-subtitle3 {
        color: #FFF;
        font-family: "Samsung Sharp Sans Bold";
        /*        font-size: 1.125rem;*/
        font-size: clamp(12px, 1.125rem, 100px);
        font-style: normal;
        font-weight: 700;
        /*line-height: 1.625rem;*/ /* 144.444% */
        line-height: clamp(19.5px, 1.625rem, 100px); /* 144.444% */
        text-transform: capitalize;
        opacity: 0.7;
        margin-top: clamp(22.5px, 1.875rem, 30px);
        margin-bottom: clamp(37.5px, 3.125rem, 50px);
    }

    .c-rc .font-content3 {
        color: #FFF;
        text-align: center;
        font-family: "Red Hat Display";
        /*        font-size: 1rem;*/
        font-size: clamp(12px, 1rem, 100px);
        font-style: normal;
        font-weight: 400;
        /*line-height: 1.625rem;*/ /* 162.5% */
        line-height: clamp(19.5px, 1.625rem, 100px); /* 162.5% */
        text-transform: capitalize;
        opacity: 0.6;
        padding-left: clamp(46.5px, 3.875rem, 62px);
        padding-right: clamp(46.5px, 3.875rem, 62px);
    }


.c-ex {
    display: flex;
}

    .c-ex .full-page {
        padding-top: 7.1875rem;
    }

    .c-ex .ex-bn {
        margin-left: auto;
        margin-right: auto;
        margin-top: 5rem;
        margin-bottom: 6.875rem;
    }

    .c-ex .font-title3 {
        color: #FFF;
        text-align: center;
        font-family: "Samsung Sharp Sans";
        font-size: clamp(45px, 3.75rem, 60px);
        font-style: normal;
        font-weight: 700;
        line-height: 5.625rem; /* 150% */
        text-transform: capitalize;
    }

    .c-ex .part-item4 {
        padding-left: 8.9375rem;
    }

        .c-ex .part-item4 .font-subtitle4 {
            color: #000;
            font-family: "Samsung Sharp Sans Bold";
                        font-size: 1.25rem;
/*            font-size: clamp(12px, 1.25rem, 100px);*/
            font-style: normal;
            font-weight: 700;
            line-height: clamp(22.5px, 1.875rem, 30px);  150% 
            /*line-height: clamp(22.5px, 1.875rem, 100px);*/ /* 150% */
            height: 1.875rem;
            /*height: clamp(22.5px, 1.875rem, 100px);*/ /* 150% */
            text-transform: capitalize;
            margin-bottom: 4.6875rem;
        }

        .c-ex .part-item4 .font-subtitle41 {
            color: #000;
            font-family: "Red Hat Display";
            font-size: 1rem;
            /*            font-size: clamp(12px, 1rem, 100px);*/
            font-style: normal;
            font-weight: 700;
            line-height: 1.625rem;
            /*line-height: clamp(19.5px, 1.625rem, 100px);*/ /* 162.5% */
            margin-bottom: 0.6875rem;
        }

        .c-ex .part-item4 .font-subtitle42 {
            color: #4500E2;
            font-family: "Red Hat Display";
            font-size: 1rem;
            /*            font-size: clamp(12px, 1rem, 100px);*/
            font-style: normal;
            font-weight: 700;
            line-height: 1.625rem;
            /*line-height: clamp(19.5px, 1.625rem, 100px);*/ /* 162.5% */
            margin-bottom: 0.6875rem;
        }

        .c-ex .part-item4 .font-content4 {
            color: #000;
            font-family: "Red Hat Display";
            font-size: 1rem;
            /*            font-size: clamp(12px, 1rem, 100px);*/
            font-style: normal;
            font-weight: 600;
            line-height: 1.625rem;
            /*line-height: clamp(19.5px, 1.625rem, 100px);*/ /* 162.5% */
            opacity: 0.6;
            margin-bottom: clamp(22.5px, 1.875rem, 30px);
        }

.c-hs {
    padding-top: 10rem;
    background: #FFF;
}

    .c-hs .hs-pad {
        margin-right: 8.4375rem;
    }

    .c-hs .font-title5 {
        color: #000;
        font-family: "Samsung Sharp Sans";
        font-size: clamp(45px, 3.75rem, 60px);
        font-style: normal;
        font-weight: 700;
        line-height: 5.625rem; /* 150% */
        text-transform: capitalize;
/*        margin-bottom: 4.375rem;*/
    }

    .c-hs .font-content5 {
        color: #000;
        font-family: "Red Hat Display";
        /*        font-size: 1rem;*/
        font-size: clamp(12px, 1rem, 100px);
        font-style: normal;
        font-weight: 400;
        /*line-height: 1.625rem;*/ /* 162.5% */
        line-height: clamp(19.5px, 1.625rem, 100px); /* 162.5% */
        text-transform: capitalize;
        opacity: 0.6;
    }

    .c-hs .chs {
        /*        margin-left: 8.375rem;*/
        margin-bottom: 8.1875rem;
    }

    .c-hs .font-title5 {
        color: #000;
        font-family: "Samsung Sharp Sans Bold";
        font-size: clamp(45px, 3.75rem, 60px);
        font-style: normal;
        font-weight: 700;
        line-height: 5.625rem; /* 150% */
        text-transform: capitalize;
/*        margin-bottom: 4.375rem;*/
    }

.chs-image > .m-image__image {
    width: 80% !important;
    height: 80% !important;
    margin-left: 20% !important;
}

.c-hs-col-title {
    min-height: 180px;
}

.c-hs-col-intro-m-t {
    margin-top: 4.375rem;
}
.sc {
    background: rgba(0, 0, 0, 0.04);
    padding-top: 7.375rem;
}

    .sc .font-title4 {
        color: #000;
        text-align: center;
        font-family: "Samsung Sharp Sans Bold";
        font-size: clamp(45px, 3.75rem, 60px);
        font-style: normal;
        font-weight: 700;
        line-height: 5.625rem; /* 150% */
        text-transform: capitalize;
        margin-bottom: 2.5rem;
        width: 56.875rem;
        margin-left: auto;
        margin-right: auto;
    }

    .sc .font-subtitle4 {
        color: #000;
        text-align: center;
        font-family: "Samsung Sharp Sans";
        /*        font-size: 1rem;*/
        font-size: clamp(12px, 1rem, 100px);
        font-style: normal;
        font-weight: 500;
        /*line-height: 1.625rem;*/ /* 162.5% */
        line-height: clamp(19.5px, 1.625rem, 100px); /* 162.5% */
        text-transform: capitalize;
        opacity: 0.6;
        margin-bottom: 2.5rem;
        margin-left: auto;
        margin-right: auto;
        width: 85%;
        /*        width: 72.6875rem;*/
    }

    .sc .full-page .MRow {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
    }

    .sc .font-content4 {
        border-radius: 1rem;
        background: rgba(124, 158, 251, 0.10);
        padding: 4.375rem 2.5rem 3.125rem 2.5rem;
        /*        min-height: 565px;*/
        height: 100%;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }

        .sc .font-content4 .title4 {
            color: #000;
            font-family: "Samsung Sharp Sans Bold";
            font-size: 1.125rem;
            /*            font-size: clamp(16px, 1.125rem, 100px);*/
            font-style: normal;
            font-weight: 700;
            line-height: 1.625rem;
            144.444%
            /*line-height: clamp(19.5px, 1.625rem, 100px);*/ /* 144.444% */
            text-transform: capitalize;
        }

    /* 确保列容器高度为100% */
    .sc .MCol {
        height: 100%;
        display: flex;
    }

/* 为pa-4xc类下的行容器添加flexbox并撑满高度 */
.pa-4xc .MRow {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

/* 确保pa-4xc类下的列容器高度为100% */
.pa-4xc .MCol {
    height: 100%;
    display: flex;
}

/* 为pa-4xc类下的6个font-content4 div设置相同高度 */
.pa-4xc .font-content4 {
    border-radius: 1rem;
    background: #2C008F;
    padding: 4.375rem 2.5rem 3.125rem 2.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.com-sc-col-p-font {
    color: #000;
    font-family: "Samsung Sharp Sans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem; /* 171.429% */
    text-transform: capitalize;
}

.part-item .bt-pic {
    width: 6.25rem;
    height: 6.25rem;
}

.part-item .bt-pic {
    width: 5rem;
    height: 5rem;
}

.c-w .c-p {
    width: 34.5625rem;
    height: 24.9375rem;
}

.c-hs .i-p {
    /*    width: 33.0625rem;*/
    height: 17.9375rem;
}

.com-sc-col-3 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
}

.com-sc-col-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
