@import "ceccbootstrap.min.css?vv=7";

@font-face {
    font-family: "AlibabaPuHuiTi";
    src: url("https://img.joyingmedia.com/fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-2-55-Regular.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "AlibabaPuHuiTi";
    src: url("https://img.joyingmedia.com/fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-2-65-Medium.woff2") format("woff2");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "AlibabaPuHuiTi";
    src: url("https://img.joyingmedia.com/fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-2-85-Bold.woff2") format("woff2");
    font-weight: 700;
    font-display: swap;
}


@font-face {
    font-family: "Source_Han_Sans_SC";
    src: url("https://img.joyingmedia.com/fonts/Source_Han_Sans_SC/Source_Han_Sans_SC_Regular.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Source_Han_Sans_SC";
    src: url("https://img.joyingmedia.com/fonts/Source_Han_Sans_SC/Source_Han_Sans_SC_Medium_Medium.otf") format("opentype");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Source_Han_Sans_SC";
    src: url("https://img.joyingmedia.com/fonts/Source_Han_Sans_SC/Source_Han_Sans_SC_Bold.otf") format("opentype");
    font-weight: 700;
    font-display: swap;
}


:root {
    --b-title: 1.9em;
    --s-title: .9em;
}

h2{
    font-size: var(--b-title) !important;
}

.the-article-wapper .title {
    text-align: left;
    font-size: var(--b-title);
}

.the-article-wapper .title_en {
    text-align: left;
    font-size: 1em;
}

.the-article-wapper .the-soslgs-ii {
    gap: 2em;
    margin-top: 3rem;
}

.the-soslgs-ill1 {
    margin-top: 1vw;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 23em;
}

.the-soslgs-ill1 .the-soslgs-imgg {
    width: 100%;
}

.news-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto !important;
    background-color: #ffffffa5;
    backdrop-filter: blur(10px); /* 毛玻璃模糊 */
    -webkit-backdrop-filter: blur(10px); /* Safari 支持 */
    padding: 1em;
}

.news-box-title {
    font-size: 1.4em;
    line-height: 1.4;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.news-box-info {
    font-size: 1em;
    line-height: 1.4;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.the-soslgs-ill2 {
    flex-direction: column !important;
}

.the-soslgs-ill2 .ill2-item {
    position: relative;
}

.the-soslgs-ill2 .ill2-item:last-child {
    border-bottom: none; /* 去掉最后一个的边框 */
}

.ill2-item {
    width: 100%;
    height: calc(100% / 3);
    padding: 1em;
    border-bottom: 1px solid #00000040;
    box-sizing: border-box;
}

.wosr2.swiper-wrapper {
    margin-top: 20px;
}

.p_page {
    margin-bottom: 4vw;
}

@media screen and (max-width: 768px) {


    :root {
        --b-title: 1.5em;
        --s-title: .5em;
    }

    .banner_wrapper {
        height: 60vh !important;
    }

    .the-article-wapper {
        padding: 4vw 0 !important;
    }

    .the-article-wapper .the-soslgs-ill2 .ill2-item {
        height: auto;
    }
}