/* main navigation */
.logo_img {
    width: 110px;
}

.text-center {
    display: flex;
    justify-content: center;
}

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

.main_nav_language_dropdown>img {
    width: 36px;
    height: 24px;
    margin-right: 8px;
}

.main_nav_language_dropdown>p {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.main_nav_dropdown_small {
    overflow: hidden;
    height: auto;
    width: auto;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
}

.main_nav_dropdown_small .dropdown_item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0;
    cursor: pointer;
}

.main_nav_dropdown_small .dropdown_item img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.main_nav_dropdown_small .dropdown_item span {
    font-size: 16px;
    display: block;
    color: #22253D;
    white-space: nowrap;
}

.main_nav_dropdown_small .cannotuse {
    cursor: not-allowed !important;
}

.main_nav_dropdown_small .cannotuse span {
    color: #cdcdcd;
}

.inner_main_nav_area {
    height: 75px;
}

.inner_main_nav_area>ul>li>a {
    margin: 20px 20px 15px;
}

/* main navigation dropdown */
.big_sub_menu {
    height: 360px;
    border: 1px solid #dfdfdf;
}

.dropdown-submenu {
    position: static !important;
}

.dropdown-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -1px;
    left: 150px;
    border: none;
    border-radius: 0;
    padding-top: 15px !important;
    height: 360px;
    border: 1px solid #dfdfdf;
}

.dropdown-item:hover {
    color: #0060A9 !important;
    background-color: #f8f9fa !important;

}

.dropdown-menu>li {
    position: static !important;
    min-width: 200px;
}

.dropdown-menu .dropdown-img {
    height: 200px;
    object-fit: cover;
    display: block;
    margin: 60px 50px 20px 50px;
}

.dropdown-menu .dropdown-title {
    color: #0060A9;
    text-align: right;
    padding-right: 80px;
    font-size: 18px;
}

/* mobile navigation */
/* 搜索框样式 */
.nav_icon_popup {
    display: flex;
    align-items: flex-start;
    padding-top: 18%;
}

#mc4wp-form {
    position: relative;
}

#suggestion-box {
    width: calc(100% - 15px) !important;
    top: 70px;
}

#suggestion-box .list-group-item {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

#suggestion-box div {
    color: #a4a4a4 !important;
}

#suggestion-box a {
    color: #ffffff !important;
}

#suggestion-box a:hover {
    color: #1b9cff !important;
}

.mobile_logo_area {
    background-color: #000000;
}

/* video area */
.video_area {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    max-height: 1200px;
}

/* xxl 以下（<1400px） */
@media (max-width: 1399.98px) {
    .video_area {
        height: 100vh;
        max-height: 900px;
    }
}

/* xl 以下（<1200px） */
@media (max-width: 1199.98px) {
    .video_area {
        height: 100vh;
        max-height: 700px;
    }
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .video_area {
        height: 100vh;
        max-height: 500px;
    }
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    .video_area {
        height: 100vh;
        max-height: 400px;
    }
}

/* sm 以下（<576px） */
@media (max-width: 575.98px) {
    .video_area {
        height: 100vh;
        max-height: 300px;
    }
}

.video_area video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}

.video_area .video_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    font-size: 24px;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.video_area .video_mask img {
    width: 50%;
    max-width: 470px;
}

/* main content */
@media (min-width: 1200px) {
    .container-fluid {
        padding: 0 80px;
        margin-bottom: 60px;
    }
}

.main_content_title {
    font-size: 30px;
    font-weight: 700;
    text-shadow:
        -1px -1px 1px #22253D,
        /* 左上阴影 */
        1px -1px 1px #22253D,
        /* 右上阴影 */
        -1px 1px 1px #22253D,
        /* 左下阴影 */
        1px 1px 1px #22253D;
    /* 右下阴影 */
    color: #fff;
}

@media (max-width: 1200px) {
    .main_content_title {
        font-size: 30px;
    }

    .blog_area {
        padding-top: 20px;
    }
}

.main_content_title_icon {
    width: 51px;
    height: 51px;
    padding: 0;
    margin-left: 18px;
    margin-bottom: 15px;
}

.inner_blog_area {
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.blog_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 70px;
}

.blog_title span {
    font-size: 15px;
    font-weight: 100;
    font-family: "PingFang-light", sans-serif;
}

.blog_title h3 {
    font-size: 48px;
    font-weight: 100;
    margin: 10px 0;
    font-family: "PingFang-light", sans-serif;
}

.blog_title p {
    font-size: 15px;
    font-weight: 100;
    font-family: "PingFang-light", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog_title p i {
    font-size: 24px;
    margin-left: 10px;
}

.blog_title_black,
.blog_title_black span,
.blog_title_black p,
.blog_title_black h3 {
    color: #22253D;
}

.blog_title_black_long,
.blog_title_black_long span,
.blog_title_black_long p,
.blog_title_black_long h3 {
    color: #22253D;
}


/* xxl 以下（<1400px） */
@media (max-width: 1399.98px) {
    .blog_title {
        padding-top: 30px;
    }

    .blog_title span {
        font-size: 14px;
    }

    .blog_title h3 {
        font-size: 40px;
        margin: 5px 0;
    }

    .blog_title p {
        font-size: 14px;
    }

    .blog_title p i {
        font-size: 22px;
        margin-left: 10px;
    }
}

/* xl 以下（<1200px） */
@media (max-width: 1199.98px) {
    .blog_title {
        padding-top: 30px;
    }

    .blog_title span {
        font-size: 14px;
    }

    .blog_title h3 {
        font-size: 40px;
        margin: 5px 0;
    }

    .blog_title p {
        font-size: 14px;
    }

    .blog_title p i {
        font-size: 22px;
        margin-left: 10px;
    }
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {

    .blog_title {
        padding-top: 15px;
    }

    .blog_title span {
        font-size: 12px;
    }

    .blog_title h3 {
        font-size: 32px;
        margin: 0;
    }

    .blog_title p {
        font-size: 12px;
    }

    .blog_title p i {
        font-size: 18px;
        margin-left: 8px;
    }
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    .blog_title {
        padding-top: 30px;
    }

    .blog_title span {
        font-size: 14px;
    }

    .blog_title h3 {
        font-size: 40px;
        margin: 5px 0;
    }

    .blog_title p {
        font-size: 14px;
    }

    .blog_title p i {
        font-size: 22px;
        margin-left: 10px;
    }

    .blog_title_black_long,
    .blog_title_black_long span,
    .blog_title_black_long p,
    .blog_title_black_long h3 {
        color: #ffffff;
    }
}

/* sm 以下（<576px） */
@media (max-width: 575.98px) {
    .blog_title {
        padding-top: 15px;
    }

    .blog_title span {
        font-size: 12px;
    }

    .blog_title h3 {
        font-size: 32px;
        margin: 0;
    }

    .blog_title p {
        font-size: 12px;
    }

    .blog_title p i {
        font-size: 18px;
        margin-left: 8px;
    }

    .blog_title_black_long,
    .blog_title_black_long span,
    .blog_title_black_long p,
    .blog_title_black_long h3 {
        color: #ffffff;
    }
}

/* footer area */

.footer_area {
    padding: 0;
}

.footer_title h4 {
    font-family: "PingFang-light", sans-serif;
    font-size: 24px;
    color: #fff;
    margin: 45px 0 30px 0;
    font-weight: 100;
}

.footer_address_area {
    text-align: left;
}

.footer_address_area p {
    font-family: "PingFang-light", sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 100;
}

.footer-line {
    border-top: 1px solid #fff;
    margin: 0;
    padding: 0;
}

.copy-right-text p {
    font-family: "PingFang-light", sans-serif;
    font-size: 14px;
    font-weight: 100;
}

/* footer navigation */
.footer_logo {
    height: 132px;
}

.footer_logo img {
    width: 138px;
    margin: 50px 0;
}

.footer_navigation ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    height: 132px;
}

.footer_navigation ul li {
    list-style: none;
    margin: 0 20px;
}

.footer_navigation ul li a {
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 18px;
    color: #fff;
}

.footer_navigation ul li a:hover {
    color: #999999;
}

.footer_social ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 132px;
}

.footer_social ul li {
    list-style: none;
}

.footer_social img {
    width: 24px;
    height: 24px;
    margin-left: 20px;
}

/* xl 以下（<1200px）隐藏页脚导航 */
@media (max-width: 1199.98px) {
    .footer-top-navigation-area {
        display: none;
    }
}

.footer_address_area p {
    margin-bottom: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    line-height: 28px;
    min-height: 60px;
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    .footer_address_area p {
        align-items: center;
    }
}

/* sm 以下（<576px） */
@media (max-width: 575.98px) {
    .footer_address_area p {
        align-items: center;
    }
}

.footer_address_area img {
    width: 36px;
    height: 36px;
    margin-right: 16px;
    display: inline-block;
    margin-top: -4px;
}

/* packaging page */
.main_menu_area_white {
    background-color: #ffffff;
}

.main_menu_area_white.sticky {
    background-color: rgb(255 255 255 / 90%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
}

.nav_text_black>ul>li>a {
    color: #22253D;
}

.main_menu_area_white.sticky .nav_text_black>ul>li>a {
    color: #22253D;
}

.main_menu_area_white.sticky .nav_text_black>ul>li>a:hover {
    color: #22253D;
}

.main_nav_icons_black i {
    color: #22253D;
}

.main_menu_area.sticky .main_nav_icons_black>i {
    color: #22253D;
}

.main_nav_language_dropdown_black>p {
    color: #22253D;
}

.main_nav_icons_middle img {
    width: 24px;
    height: 24px;
}

/* packaging page */

/** banner-area **/
.banner_area {
    background-image: url(../images/packing-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 535px;
    margin: 0;
    padding: 0;
    margin-top: 75px;
    position: relative;
    margin-bottom: 200px;
}

.banner_area>.container {
    position: relative;
    height: calc(100vh - 100px);
    max-height: 850px;
    min-height: 790px;
}


.banner_product_txt {
    display: block;
    width: 38%;
    margin: 110px auto 0 auto;
}

.banner_product_img {
    display: block;
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.webmaster_blog {
    padding-top: 180px;
}

/* xxl 以下（<1400px） */
@media (max-width: 1399.98px) {
    .banner_area {
        height: 400px;
    }

    .banner_area>.container {
        position: relative;
        height: calc(100vh - 100px);
        max-height: 700px;
        min-height: 650px;
    }

    .banner_product_txt {
        width: 40%;
        margin: 50px auto 0 auto;
    }

    .banner_product_img {
        margin: 50px auto 0 auto;
    }

    .webmaster_blog {
        padding-top: 120px;
    }
}

/* xl 以下（<1200px） */
@media (max-width: 1199.98px) {
    .banner_area {
        height: 300px;
    }

    .banner_area>.container {
        position: relative;
        height: calc(100vh - 100px);
        max-height: 600px;
        min-height: 550px;
    }

    .banner_product_txt {
        width: 40%;
        margin: 50px auto 0 auto;
    }

    .banner_product_img {
        margin: 40px auto 0 auto;
    }

    .webmaster_blog {
        padding-top: 110px;
    }

}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .banner_area {
        margin-top: 0;
    }

    .banner_area>.container {
        position: relative;
        height: calc(100vh - 100px);
        max-height: 470px;
        min-height: 430px;
    }

    .webmaster_blog {
        padding-top: 0px;
    }

}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    .banner_area {
        height: 230px;
        margin-bottom: 160px;
    }

    .banner_area>.container {
        position: relative;
        height: calc(100vh - 100px);
        max-height: 350px;
        min-height: 330px;
    }

    .banner_product_txt {
        width: 60%;
        margin: 40px auto 0 auto;
    }

    .banner_product_img {
        margin: 30px auto 0 auto;
        max-width: 100%;
    }

    .webmaster_blog {
        padding-top: 0px;
    }
}

/** page-body **/
.packaging_page_title {
    margin-top: 20px;
}

.packaging_page_title h2 {
    font-size: 48px;
    color: #22253D;
    font-weight: 100;
}

.packaging-icon img {
    height: 36px;
    margin-top: 34px;
    margin-bottom: 14px;
}

.packaging-icon p {
    font-size: 22px;
    color: #22253D;
    font-weight: 100;
    font-family: 'PingFang-light', sans-serif;
}

.blog_img_item {
    position: relative;
}

.blog_img_item img {
    width: 100%;
}

.blog_img_item h4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 36px;
    color: #fff;
    white-space: nowrap;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    text-transform: none;
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .packaging_page_title {
        margin-top: 0px;
    }

    .blog_img_item h4 {
        font-size: 12px;
    }
}

/** explanation area **/
.explanation_area {
    background-image: url(../images/body-bg.svg);
    background-position: top left;
    background-repeat: no-repeat;
    margin-top: -240px;
    background-color: #F5F5F6;
    padding-bottom: 100px;
}

.explanation_img {
    width: 30%;
}

.body-icon-item {
    margin-top: 50px;
    margin-bottom: 0;
}

.body-icon-item img {
    width: 90px;
    height: 90px;
}

/* xxl 以下（<1400px） */
@media (max-width: 1399.98px) {
    .body-icon-item img {
        width: 80px;
        height: 80px;
        margin-bottom: 10px;
    }
}

/* xl 以下（<1200px） */
@media (max-width: 1199.98px) {
    .body-icon-item img {
        width: 70px;
        height: 70px;
    }
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .body-icon-item img {
        width: 60px;
        height: 60px;
    }
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    .body-icon-item img {
        width: 54px;
        height: 54px;
    }
}

/* sm 以下（<576px） */
@media (max-width: 575.98px) {
    .body-icon-item img {
        width: 48px;
        height: 48px;
    }
}

.body-icon-item h5 {
    font-size: 24px;
    color: #22253D;
    font-weight: 100;
    font-family: 'PingFang-light', sans-serif;
    margin-bottom: 10px;
}

.body-icon-item p {
    font-size: 18px;
    color: #22253D;
    font-weight: 100;
    margin-bottom: 0;
    font-family: 'PingFang-light', sans-serif;
}

/** bottom data area **/
.bottom_data_area {
    margin-bottom: 60px;
}

.bottom_data_area h3 {
    font-size: 44px;
    color: #22253D;
    font-weight: 100;
    margin-top: 100px;
    margin-bottom: 50px;
    text-align: center;
}

.bottome_data_item {
    border-top: 2px solid #0060A9;
    padding-top: 24px;
    padding-bottom: 40px;
}

.bottome_data_item>p {
    font-size: 32px;
    color: #22253D;
    font-weight: 100;
    margin-top: 20px;
    font-family: 'PingFang-light', sans-serif;
    line-height: 36px;
}

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

.bottom_data_title>img {
    width: 36px;
    height: 36px;
    margin-right: 16px;
}

.bottom_data_title>h6 {
    font-size: 18px;
    color: rgba(34, 37, 61, 0.6);
    font-weight: 100;
    margin: 0;
    padding: 0;
}

.pd_left {
    padding-right: 50px;
}

.pd_middle {
    padding: 0 50px;
}

.pd_right {
    padding-left: 50px;
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .pd_left {
        padding-right: 12px;
    }

    .pd_middle {
        padding: 0 12px;
    }

    .pd_right {
        padding-left: 12px;
    }
}

/* commercial page */
.commercial_page_title h2 {
    font-family: 'pingfang-light', sans-serif;
    color: #22253D;
    font-weight: 100;
    font-size: 44px;
    margin-top: 160px;
    margin-bottom: 48px;
    text-align: center;
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .commercial_page_title h2 {
        font-size: 32px;
        margin-top: 0;
        margin-bottom: 24px;
    }
}

.commercial_first_img_item {
    height: 500px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 5px 60px 5px 5px;
}

.commercial_first_article_item {
    padding: 0 36px;
}

.commercial_first_article_item h4 {
    color: #22253D;
    font-family: 'pingfang-light', sans-serif;
    font-size: 35px;
    font-weight: 100;
    margin-top: 40px;
    margin-bottom: 12px;
    text-transform: none;
}

.commercial_first_article_item p {
    color: #22253D;
    font-family: 'pingfang-light', sans-serif;
    font-size: 18px;
    font-weight: 100;
}

.commercial_first_article_item_icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 20px;
    padding: 0 36px;
}

.article_item_icon_item img {
    width: 20px;
    height: 23px;
}

.article_item_icon_item p {
    color: #22253D;
    font-family: 'pingfang-light', sans-serif;
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 0;
}

.functional_area {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 40px 0 80px 0;
}

.functional_item {
    min-width: 220px;
    padding-top: 40px;
}

.functional_item img {
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
}

.functional_item h6 {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
    color: hsla(233, 28%, 19%, 0.7);
    font-size: 18px;
    margin-bottom: 5px;
}

.functional_item p {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
    color: #22253D;
    font-size: 24px;
    margin-bottom: 3px;
}

.article_item_middle {
    background-color: #F5F5F6;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 35px;
}

.article_item_58 {
    width: calc(58% - 20px);
    margin-right: 20px;
}

.article_item_42 {
    width: 42%;
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .article_item_58 {
        width: 100%;
        margin-right: 0;
    }

    .article_item_42 {
        width: 100%;
        margin-top: 20px;
    }
}

.commercial_img_big {
    width: 100%;
}

/* decor page */
.iamge_icon_container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 200px;
    flex-wrap: wrap;
}

.decor_img_item {
    width: 62%;
}

.decor_img_item img {
    width: 100%;
    border: none;
}

.decor_icon_item {
    width: 38%;
    background-color: #F5F5F6;
    border-radius: 0 10px 10px 0;
    padding: 50px 20px 20px 40px;
}

/* xxl 以下（<1400px） */
@media (max-width: 1399.98px) {
    .iamge_icon_container {
        margin-top: 50px;
    }

    .decor_img_item {
        width: 100%;
    }

    .decor_icon_item {
        width: 100%;
        border-radius: 10px;
        margin-top: 30px;
    }
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .iamge_icon_container {
        margin-top: -50px;
    }
}

.decor_inner_item {
    margin-bottom: 30px;
}

.decor_inner_item img {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
}

.decor_icon_item h4 {
    font-family: 'pingfang-light', sans-serif;
    font-size: 24px;
    color: #22253D;
    font-weight: 100px;
    margin-bottom: 10px;
    text-transform: none;
}

.decor_icon_item p {
    font-family: 'pingfang-light', sans-serif;
    font-size: 18px;
    color: #22253D;
    font-weight: 100px;
    margin-bottom: 0;
}

/* ink page */
.ink_page_banner {
    height: 800px;
    background-size: auto 100%;
    position: relative;
    background-image: url(../images/ink-banner-bg.jpg);
    margin-bottom: 140px;
}

.ink_page_banner_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 800px;
    background-color: #231f20;
    z-index: -1;
}

.ink_page_banner>.container {
    position: relative;
    height: calc(100vh - 100px);
    max-height: 850px;
    min-height: 790px;
}

.ink_page_banner .banner_product_txt {
    margin-top: 100px;
}

.ink_page_banner .banner_product_img {
    display: block;
    width: 68%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* xxl 以下（<1400px） */
@media (max-width: 1399.98px) {

    .ink_page_banner,
    .ink_page_banner_bg {
        height: 650px;
        margin-bottom: 110px;
    }

    .ink_page_banner>.container {
        max-height: 700px;
        min-height: 680px;
    }

    .ink_page_banner .banner_product_txt {
        margin-top: 90px;
    }
}

/* xl 以下（<1200px） */
@media (max-width: 1199.98px) {

    .ink_page_banner,
    .ink_page_banner_bg {
        height: 600px;
        margin-bottom: 100px;
    }

    .ink_page_banner>.container {
        max-height: 650px;
        min-height: 600px;
    }

    .ink_page_banner .banner_product_txt {
        margin-top: 80px;
    }
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {

    .ink_page_banner,
    .ink_page_banner_bg {
        height: 450px;
        margin-bottom: 90px;
    }

    .ink_page_banner>.container {
        max-height: 500px;
        min-height: 450px;
    }

    .ink_page_banner .banner_product_txt {
        margin-top: 70px;
    }
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {

    .ink_page_banner,
    .ink_page_banner_bg {
        height: 330px;
        margin-bottom: 80px;
    }

    .ink_page_banner>.container {
        max-height: 350px;
        min-height: 350px;
    }

    .ink_page_banner .banner_product_txt {
        margin-top: 50px;
    }
}

/* sm 以下（<576px） */
@media (max-width: 575.98px) {

    .ink_page_banner,
    .ink_page_banner_bg {
        height: 280px;
        margin-bottom: 80px;
    }

    .ink_page_banner>.container {
        max-height: 300px;
        min-height: 300px;
    }

    .ink_page_banner .banner_product_txt {
        margin-top: 50px;
    }
}

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

.ink_switch_tag_container .switch_tag_item {
    display: block;
    width: 200px;
    height: 300px;
    background: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    margin-bottom: 20px;
    cursor: pointer;
}


.ink_switch_tag_container .switch_tag_item i {
    display: block;
    width: 80px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 70px auto 50px auto;
}

.ink_switch_tag_container .switch_tag_item p {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
    font-size: 24px;
    color: #22253D;
    margin: 0;
    padding: 0;
    text-align: center;
}

.ink_switch_tag_container .switch_tag_item .switch_tag_icon_b {
    display: none;
}

.ink_switch_tag_container .switch_tag_item:hover {
    background-color: #22253D;
}

.ink_switch_tag_container .switch_tag_item:hover p {
    color: #ffffff;
}

.ink_switch_tag_container .switch_tag_item:hover .switch_tag_icon {
    display: none;
}

.ink_switch_tag_container .switch_tag_item:hover .switch_tag_icon_b {
    display: block;
}

.ink_switch_tag_container .switch_item_active {
    background-color: #22253D;
}

.ink_switch_tag_container .switch_item_active p {
    color: #ffffff;
}

.ink_switch_tag_container .switch_item_active .switch_tag_icon {
    display: none;
}

.ink_switch_tag_container .switch_item_active .switch_tag_icon_b {
    display: block;
}

/* xxl 以下（<1400px） */
@media (max-width: 1399.98px) {
    .ink_switch_tag_container .switch_tag_item {
        width: 170px;
        height: 260px;
    }

    .ink_switch_tag_container .switch_tag_item i {
        width: 70px;
        height: 70px;
        margin: 60px auto 40px auto;
    }

    .ink_switch_tag_container .switch_tag_item p {
        font-size: 20px;
    }
}

/* xl 以下（<1200px） */
@media (max-width: 1199.98px) {
    .ink_switch_tag_container .switch_tag_item {
        width: 140px;
        height: 220px;
    }

    .ink_switch_tag_container .switch_tag_item i {
        width: 60px;
        height: 60px;
        margin: 60px auto 40px auto;
    }

    .ink_switch_tag_container .switch_tag_item p {
        font-size: 16px;
    }
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .ink_switch_tag_container .switch_tag_item {
        width: 180px;
        height: 250px;
    }

    .ink_switch_tag_container .switch_tag_item i {
        width: 70px;
        height: 70px;
        margin: 60px auto 40px auto;
    }

    .ink_switch_tag_container .switch_tag_item p {
        font-size: 18px;
    }
}


.ink_bg_box_txt {
    text-align: center;
    padding-top: 50px;
}

.ink_bg_box_txt p {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
    font-size: 11px;
    color: #22253D;
    opacity: 0.6;
    margin-bottom: 0;
}

.ink_bg_box_txt h5 {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
    font-size: 35px;
    color: #22253D;
    line-height: 40px;
}

.ink_bg_box_txt h6 {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
    font-size: 35px;
    color: #0060A9;
    line-height: 40px;
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .ink_bg_box_txt {
        padding-top: 20px;
    }

    .ink_bg_box_txt p {
        font-size: 8px;
    }

    .ink_bg_box_txt h5,
    .ink_bg_box_txt h6 {
        font-size: 30px;
        line-height: 35px;
    }
}

.ink_functional_area {
    padding: 0 24px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0 0 10px 10px;
    padding-bottom: 45px;
}

.ink_functional_area .functional_item img {
    width: 36px;
    height: 36px;
}

/** certificate area **/
.ink_certificate_area {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 70px 0;
}

.ink_certificate_area img {
    display: block;
    width: 25%;
}

.ink_certificate_area .inner_certificate_area {
    border-radius: 10px;
    border: 1px solid #DDDDDD;
    width: calc(50% + 320px);
    padding: 0 160px;
    margin-left: -140px;
    margin-right: -140px;
    z-index: -1;
    padding-top: 30px;
    padding-bottom: 70px;
}

.ink_certificate_area .inner_certificate_area h4 {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
    font-size: 24px;
    color: #22253D;
    margin-bottom: 20px;
}

.ink_certificate_area .inner_certificate_area p {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #22253D;
    margin-bottom: 10px;
}

.ink_certificate_area .inner_certificate_area p span {
    color: #22253D;
    opacity: 0.5;
}

.ink_certificate_area .inner_certificate_area .ink_hotline {
    font-size: 24px;
    color: #0060A9;
    margin-left: -15px;
}


/* xl 以下（<1200px） */
@media (max-width: 1199.98px) {
    .ink_certificate_area {
        flex-wrap: wrap;
    }

    .ink_certificate_area img {
        width: 80%;
    }

    .ink_certificate_area .inner_certificate_area {
        width: 100%;
        margin: 20px 0;
        padding: 15px;
    }

    .ink_certificate_area .inner_certificate_area .ink_hotline {
        font-size: 14px;
        margin-left: -8px;
    }
}

.ink06_function_area .functional_item {
    text-align: center;
    min-width: 140px;
}

.ink06_function_area .functional_item img {
    height: 62px;
    width: auto;
}

.ink06_function_area .functional_item h6 {
    font-size: 24px;
    color: #22253D;
}

.ink06_explanation_area {
    background-color: #F5F5F6;
    border-radius: 10px;
    overflow: hidden;
}

.ink06_explanation_area img {
    width: 100%;
}

.ink06_explanation_area h5 {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
    font-size: 30px;
    color: #22253D;
    padding: 40px 20px;
}

.ink06_explanation_area p {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #22253D;
    padding: 0 20px;
}

/* textile children part */
.vega_article_item {
    height: 100%;
    padding-bottom: 30px;
}

.vega_article_item .commercial_first_article_item h4 {
    font-size: 32px;
    margin-top: 10px;
}

.vega_article_item .commercial_first_article_item p {
    font-size: 24px;
    color: #4D4F63;
    line-height: 33px;
}

.vega_article_item .commercial_first_article_item .vega_inner_icon {
    width: 48px;
    height: 48px;
    margin-top: 40px;
}

.vega_functional {
    border-top: 2px solid #0060A9;
    border-bottom: 2px solid #0060A9;
    padding-top: 0px;
    padding-bottom: 40px;
    margin: 80px 0 20px 0;
}

.vega_functional p {
    line-height: 33px;
    margin-bottom: 0;
}

.vega_functional .social_icon_group {
    width: 180px;
}

.vega_body_video_click {
    background-color: #000000;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.vega_body_video_clic img {
    width: 120px;
    height: 120px;
}

.vega_body_video_click:hover img {
    width: 140px;
    height: 140px;
    transition: all 0.5s ease;
}

.vega_body_video_bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 10px 10px 0;
    min-height: 200px;
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    .vega_body_video_click {
        border-radius: 10px;
    }

    .vega_body_video_bg {
        border-radius: 10px;
        margin-top: 20px;
    }
}

/* decor-y page */
.decor_function_area .functional_item {
    min-width: 160px;
}

.decor-img-item {
    height: 174px;
    width: calc(100% + 24px);
    margin-left: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.decor-explanation-item {
    background-color: #F5F5F6;
    min-height: 100%;
    width: calc(100% + 24px);
    margin-left: -12px;
    padding: 20px;
}

.decor-explanation-item h5 {
    color: #22253D;
    font-family: "PingFang-light", sans-serif;
    font-size: 24px;
    margin: 0;
    margin-bottom: 10px;
}

.decor-explanation-item p {
    color: #bbbbbb;
    font-family: "PingFang-light", sans-serif;
    font-size: 14px;
    line-height: 21px;
    margin: 0;
}

/* investor page */
.investor_banner_area {
    text-align: center;
    font-family: "PingFang-light", sans-serif;
    padding-bottom: 200px;
}

.investor_banner_area .investor_stock_code {
    font-family: "PingFang-light", sans-serif;
    font-size: 36px;
    font-weight: 100;
    margin-top: 50px;
    margin-bottom: 20px;
}

.investor_banner_area .investor_stock_price {
    font-family: "PingFang-light", sans-serif;
    font-size: 56px;
    font-weight: 100;
    line-height: 66px;
    color: #C12D2D;
}

.investor_banner_area .investor_stock_price em,
.investor_banner_area .investor_stock_price span {
    font-style: normal;
    font-size: 36px;
    color: #C12D2D;
}

.investor_banner_area .investor_stock_price em {
    margin-right: 15px;
}

.investor_banner_area .investor_stock_price span {
    margin-left: 16px;
}

.investor_banner_area .investor_stock_price_green {
    font-family: "PingFang-light", sans-serif;
    font-size: 56px;
    font-weight: 100;
    line-height: 66px;
    color: green;
}

.investor_banner_area .investor_stock_price_green em,
.investor_banner_area .investor_stock_price_green span {
    font-style: normal;
    font-size: 36px;
    color: green;
}

.investor_banner_area .investor_stock_price_green em {
    margin-right: 15px;
}

.investor_banner_area .investor_stock_price_green span {
    margin-left: 16px;
}

.investor_banner_area .investor_company_name {
    font-family: "PingFang-light", sans-serif;
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 60px;
}

.investor_banner_area .investor_banner_btn {
    width: 260px;
    height: 72px;
    background-color: #ffffff;
    border: none;
    border-radius: 40px;
    line-height: 72px;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 100px auto;
}

.investor_banner_area .investor_banner_btn i {
    margin-left: 10px;
    font-size: 36px;
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
}

.investor_switch_tag_container {
    margin-top: -180px;
    position: relative;
    z-index: 999;
}

.investor_switch_tag_container .switch_tag_item {
    width: 400px;
    height: 400px;
}

.investor_switch_tag_container .switch_tag_item i {
    width: 86px;
    height: 100px;
    margin-top: 100px;
    margin-bottom: 30px;
}

.investor_switch_tag_container .switch_tag_item p {
    font-size: 44px;
    line-height: 66px;
}

.investor_top_news_row {
    border-radius: 10px;
    border: 1px solid #cbcbcb;
    overflow: hidden;
}

.investor_top_news_row :first-child>a {
    border: none !important;
}

.investor_top_news_item {
    display: block;
    border-left: 1px solid #cbcbcb;
    width: calc(100% + 24px);
    margin-left: -12px;
    padding: 24px 14px 40px 14px;
    height: 320px;
    position: relative;
    overflow: hidden;
}

.investor_top_news_item h4 {
    color: #22253D;
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 24px;
    text-transform: none;
    margin-bottom: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.investor_top_news_item p {
    color: #22253D;
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 18px;
    opacity: 0.6;
    line-height: 24px;
}

.investor_top_news_item span {
    position: absolute;
    bottom: 16px;
    left: 14px;
    color: #22253D;
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 18px;
    opacity: 0.3;
}

.investor_top_news_item .investor_image_cover {
    position: absolute;
    left: 0;
    bottom: -330px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 0.4s ease;
    /* 设置过渡效果 */
}


.investor_top_news_item:hover .investor_image_cover {
    transform: translateY(-330px);
    /* 鼠标悬停时向上滑动 */
}

.investor_news_list_item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 70px 0;
}

.investor_news_list_item .news_list_left {
    width: 120px;
    text-align: center;
    border-right: 1px solid #cbcbcb;
    padding: 22px 0;
}

.investor_news_list_item .news_list_left h1 {
    color: #22253D;
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 48px;
}

.investor_news_list_item .news_list_left p {
    color: #22253D;
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 18px;
    opacity: 0.3;
    margin: 0;
}

.investor_news_list_item .news_list_right {
    width: calc(100% - 130px);
    padding: 0 0 0 25px;
}

.investor_news_list_item .news_list_right h3 {
    color: #22253D;
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 24px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.investor_news_list_item .news_list_right p {
    color: #22253D;
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 18px;
    opacity: 0.6;
    margin: 0;
}

.investor_news_list_item:hover .news_list_right h3 {
    color: #0060A9;
}

.investor_news_list_container {
    border-bottom: 1px solid #cbcbcb;
}

/* 新闻分页样式 */
.pagination-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-bottom: 60px;
}

.pagination {
    margin: 0;
    padding: 0;
}

.pagination .page-item .page-link {
    color: #555;
    border-color: #ddd;
    font-size: 14px;
}

.pagination .page-item.active .page-link {
    background-color: #ffffff;
    border-color: #0d6efd;
}

.pagination .page-item.disabled .page-link {
    color: #aaa;
    pointer-events: none;
}

.custom-input {
    width: 50px;
    text-align: center;
    font-size: 14px;
    color: #595959;
}

.custom-select {
    width: 110px;
    font-size: 14px;
    color: #595959;
}

.pagination-container span {
    color: #595959;
    font-size: 14px;
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    .custom-select {
        display: none;
    }

    .custom-span {
        display: none;
    }

    .custom-input {
        display: none;
    }
}

/* contact page */
.contact_main_title_area {
    margin-top: 180px;
    margin-bottom: 50px;
}

.contact_main_title_area h1 {
    color: #22253D;
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 48px;
}

.contact_main_explanation {
    margin-top: 80px;
}

.contact_main_explanation img {
    width: 60px;
    height: 52px;
}

.contact_main_explanation h4 {
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 36px;
    color: #0160A9;
    text-transform: none;
    margin: 14px 0;
}

.contact_main_explanation p {
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 18px;
    color: #22253D;
    opacity: 0.6;
}

.contact_form_container {
    border-bottom: 1px dashed #0060A9;
    margin-bottom: 80px;
    padding-bottom: 80px;
}

.contact_form_container .form-group {
    margin-bottom: 50px;
    border-bottom: 1px solid #cbcbcb;
}

.contact_form_container .form-group .input_box input,
.contact_form_container .form-group .input_box textarea {
    border: none;
    resize: none;
}

.contact_form_container .form-group .col-form-label {
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 18px;
    color: #22253D;
    opacity: 0.3;
}

.contact_form_container .form-group:hover .col-form-label {
    opacity: 1;
}

.contact_form_container .contact-sub-btn {
    background-color: #22253D;
    height: 72px;
    width: 300px;
    line-height: 72px;
    padding: 0;
    margin: 0;
    border-radius: 40px;
    border: none;
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 24px;
}

.contact_form_container .contact-sub-btn:hover {
    opacity: 0.8;
}

.contact_icon_container {
    margin-bottom: 80px;
}

.contact_icon_container img {
    width: 36px;
    height: 36px;
    margin-bottom: 14px;
}

.contact_icon_container h5,
.contact_icon_container p {
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    color: #22253D;
}

.contact_icon_container h5 {
    font-size: 24px;
    margin-bottom: 10px;
}

.contact_icon_container p {
    font-size: 18px;
    opacity: 0.6;
}

/* google map style */
/* map container */
#map-container {
    position: relative;
    width: 100%;
    height: 800px;
    overflow: hidden;
    margin-bottom: 80px;
}

/* google map */
#map {
    width: 100%;
    height: 100%;
}

/* fade mask */
.fade-effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: url(../images/map_mask_background.png);
    background-position: center;
    background-size: 100% 100%;
}

/* xxl 以下（<1400px） */
@media (max-width: 1399.98px) {
    #map-container {
        height: 700px;
    }
}

/* xl 以下（<1200px） */
@media (max-width: 1199.98px) {
    #map-container {
        height: 600px;
    }
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    #map-container {
        height: 500px;
    }
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    #map-container {
        height: 400px;
    }
}

/* sm 以下（<576px） */
@media (max-width: 575.98px) {
    #map-container {
        height: 300px;
    }
}

/* news details page */
.news_go_back_bar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 140px;
    margin-bottom: 36px;
    cursor: pointer;
}

.news_go_back_bar img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.news_go_back_bar p {
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 24px;
    color: #22253D;
    margin: 0;
    padding: 0;
}

.news_main_img img {
    width: 100%;
}

.article_date {
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 18px;
    color: #22253D;
    margin-top: 50px;
}

.article_title {
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 48px;
    color: #22253D;
    line-height: 66px;
    margin-bottom: 40px;
}

.article_body {
    padding-bottom: 40px;
}

.article_body p {
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    font-size: 24px;
    color: #22253D;
    line-height: 36px;
    margin-bottom: 36px;
}

/* about us page slider*/
.carousel {
    height: 100vh;
    max-height: 1200px;
    min-height: 700px;
    overflow: hidden;
}

.carousel .carousel-item {
    height: 100vh;
    max-height: 1200px;
    min-height: 700px;
    position: relative;
}

/* xxl 以下（<1400px） */
@media (max-width: 1399.98px) {

    .carousel,
    .carousel .carousel-item {
        height: 100vh;
        max-height: 900px;
        min-height: 500px;
    }
}

/* xl 以下（<1200px） */
@media (max-width: 1199.98px) {

    .carousel,
    .carousel .carousel-item {
        height: 100vh;
        max-height: 700px;
        min-height: 400px;
    }
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {

    .carousel,
    .carousel .carousel-item {
        height: 100vh;
        max-height: 500px;
        min-height: 300px;
    }
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {

    .carousel,
    .carousel .carousel-item {
        height: 100vh;
        max-height: 400px;
        min-height: 250px;
    }
}

/* sm 以下（<576px） */
@media (max-width: 575.98px) {

    .carousel,
    .carousel .carousel-item {
        height: 100vh;
        max-height: 300px;
        min-height: 150px;
    }
}

.carousel .carousel-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}


.carousel-indicators {
    margin-bottom: 3rem;
}

/* xxl 以下（<1400px） */
@media (max-width: 1399.98px) {
    .carousel-indicators {
        margin-bottom: 5rem;
    }
}

/* xl 以下（<1200px） */
@media (max-width: 1199.98px) {
    .carousel-indicators {
        margin-bottom: 4rem;
    }
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .carousel-indicators {
        margin-bottom: 3rem;
    }
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    .carousel-indicators {
        margin-bottom: 2rem;
    }
}

/* sm 以下（<576px） */
@media (max-width: 575.98px) {
    .carousel-indicators {
        margin-bottom: 1rem;
    }
}

/* Customize carousel indicators */
.carousel-indicators button {
    background-color: #fff;
    /* White background for the indicators */
    border: 2px solid #000;
    /* Black border */
    width: 8px !important;
    /* Adjust size */
    height: 8px !important;
    border-radius: 50%;
    /* Make them round */
    transition: background-color 0.3s ease, transform 0.3s ease;
    /* Smooth transition */
    margin-right: 8px !important;
    margin-left: 8px !important;
}

/* Active indicator style */
.carousel-indicators .active {
    background-color: #ffffff;
    /* Dark color for active indicator */
    transform: scale(1.2);
    /* Slightly enlarge active indicator */
}

/* Hover effect */
.carousel-indicators button:hover {
    background-color: #ccc;
    /* Light gray on hover */
}

.carousel-item img {
    width: 100%;
}

/* about us slider button customize */
/* 自定义左右切换箭头按钮 */
.carousel-indicators .carousel-control-prev,
.carousel-indicators .carousel-control-next {
    opacity: 1;
    border: 2px solid #ffffff;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    background: none;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease;
    position: relative !important;
    margin-top: -6px;

}

.carousel-indicators .carousel-control-prev {
    background-image: url(../images/arrow-left.png);
    margin-right: 18px !important;
}

.carousel-indicators .carousel-control-next {
    background-image: url(../images/arrow-right.png);
    margin-left: 18px !important;
}

.carousel-indicators .carousel-control-prev:hover {
    background-image: url(../images/arrow-white-left.png);
}

.carousel-indicators .carousel-control-next:hover {
    background-image: url(../images/arrow-white-right.png);
}

/* about us page body */
.about_us_video_area {
    margin: 120px 0;
}

.about_us_video_content h2 {
    font-family: 'pingfang-light', sans-serif;
    font-size: 44px;
    color: #22253D;
    font-weight: 100;
    line-height: 66px;
}

.about_us_video_content p {
    font-family: 'pingfang-light', sans-serif;
    font-size: 18px;
    color: #22253D;
    font-weight: 100;
    line-height: 27px;
    opacity: 0.6;
    margin-top: 20px;
    margin-bottom: 10px;
}

.about_us_table {
    margin-top: 50px;
}

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

.about_table_row .about_table_item {
    width: 33.3%;
    padding: 0 4%;
}

.about_table_row .about_table_item h4 {
    font-family: 'pingfang-light', sans-serif;
    font-size: 60px;
    color: #0060A9;
    font-weight: 100;
    margin-top: 24px;
    text-align: center;
}

.about_table_row .about_table_item p {
    font-family: 'pingfang-light', sans-serif;
    font-size: 14px;
    color: #22253D;
    font-weight: 100;
    line-height: 21px;
    opacity: 0.6;
    margin-bottom: 0;
    text-align: center;
    height: 30px;
}

.bottom_border_line {
    border-bottom: 1px solid #cbcbcb;
}

.middle_border_line {
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
}

.bottom_border_line .about_table_item h4 {
    margin-top: 0;
}

.bottom_border_line .about_table_item p {
    margin-bottom: 10px;
    height: 40px;
}

.about_us_video_container {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 0 10px 10px 0;
    background-image: url(../images/video-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.about_us_video_container img {
    width: 120px;
    height: 120px;
}

.about_us_video_container:hover img {
    width: 140px;
    height: 140px;
    transition: all 0.5s ease;
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .about_us_video_container {
        border-radius: 10px;
        margin-top: 40px;
        min-height: 400px;
    }
}

/* about us time line area */
.time_line_area {
    background-image: url(../images/about-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0;
}

.time_line_area .time_line_title {
    font-family: 'pingfang-light', sans-serif;
    font-size: 44px;
    font-weight: 100;
    margin-bottom: 90px;
}

.time_line_area .time_line {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.time_line_area .time_line img {
    width: 275px;
    margin-bottom: 50px;
}

.time_line_area .time_line .last_one {
    width: 184px;
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .time_line_area .time_line img {
        margin-right: calc(100% - 275px);
    }
}

.support_area {
    margin: 120px 0 100px 0;
}

.support_title {
    font-family: 'pingfang-light', sans-serif;
    font-size: 44px;
    font-weight: 100;
    color: #22253D;
    margin-bottom: 50px;
}

.support_item img {
    width: 20px;
    height: 5px;
}

.support_item h5,
.support_item p {
    font-family: 'pingfang-light', sans-serif;
    font-size: 24px;
    font-weight: 100;
    color: #22253D;
    margin-bottom: 10px;
}

.support_item p {
    font-size: 18px;
    opacity: 0.6;
    margin-bottom: 20px;
}

.support_img {
    width: 100%;
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .support_img {
        margin-top: 80px;
    }
}

/* index page */
.index_banner_container {
    position: relative;
}

.index_banner_bg {
    width: 100%;
}

.index_banner_text {
    position: absolute;
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.index_area_title_container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 100px;
    margin-bottom: 40px;
}

.index_area_title_container h3 {
    font-family: 'pingfang-light', sans-serif;
    font-size: 44px;
    font-weight: 100;
    color: #22253D;
}

.index_area_title_container .index_nav_to_child_page {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
}

.index_area_title_container .index_nav_to_child_page p {
    padding: 0;
    margin: 0;
    font-family: 'pingfang-light', sans-serif;
    font-size: 18px;
    color: #22253D;
}

.index_area_title_container .index_nav_to_child_page img {
    width: 24px;
    height: 24px;
    margin-left: 18px;
}

.index_item_bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
}

.index_item_r_left {
    border-radius: 10px 0 0 10px;
}

.index_item_r_right {
    border-radius: 0 10px 10px 0;
}

.index_item_bg img {
    width: 100%;
    margin-top: 100px;
    margin-bottom: 50px;
}

.index_item_bg .index_ink_img {
    margin-top: 50px;
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .index_item_bg img {
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .index_item_bg .index_ink_img {
        margin-top: 120px;
        margin-bottom: 30px;
    }

    .index_item_r_left {
        border-radius: 0px;
    }

    .index_item_r_right {
        border-radius: 0px;
    }
}

.index_item_bg .index_item_mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s ease;
}

.index_item_bg:hover .index_item_mask {
    background-color: rgba(0, 0, 0, 0.6);
}

.index_item_bg .blog_title_black {
    z-index: 999;
}

.index_item_bg .blog_title_black span {
    opacity: 0.6;
}

.index_item_bg:hover .blog_title_black,
.index_item_bg:hover .blog_title_black span,
.index_item_bg:hover .blog_title_black p,
.index_item_bg:hover .blog_title_black h3 {
    color: #ffffff;
}

/* index page video banner area */
.index_video_area .index_video_bannner_item {
    text-align: center;
    width: 100%;
}

.index_video_area .index_video_banner_txt {
    width: 80% !important;
    max-width: 80% !important;
    display: block;
    margin: 0 auto;
    margin-bottom: 90px;
}

.index_video_area .index_video_banner_btn {
    display: inline-block;
    width: 280px;
    height: 80px;
    border-radius: 40px;
    border: 1px solid #ffffff;
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
    font-size: 24px;
    color: #ffffff;
    line-height: 80px;
    margin: 24px 12px;
}

.index_video_area .index_video_banner_btn:hover {
    background-color: #0060A9;
    border: 1px solid #0060A9;
}

.index_video_area .index_video_banner_btn span {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.index_video_area .index_video_banner_btn i {
    margin-left: 10px;
    font-size: 36px;
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .index_video_area .index_video_banner_btn {
        width: 230px;
        height: 60px;
        font-size: 18px;
    }

    .index_video_area .index_video_banner_btn i {
        font-size: 30px;
    }
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    .index_video_area .index_video_banner_txt {
        margin-bottom: 50px;
    }

    .index_video_area .index_video_banner_btn {
        width: 230px;
        height: 60px;
        font-size: 18px;
    }

    .index_video_area .index_video_banner_btn i {
        font-size: 30px;
    }
}

/* sm 以下（<576px） */
@media (max-width: 575.98px) {
    .index_video_area .index_video_banner_txt {
        width: 90% !important;
        max-width: 90% !important;
        margin-bottom: 35px;
    }

    .index_video_area .index_video_banner_btn {
        width: 200px;
        height: 40px;
        font-size: 14px;
        margin: 5px 12px;
    }

    .index_video_area .index_video_banner_btn i {
        font-size: 20px;
    }
}


/* index page news center */

.index_news_center {
    margin-top: 100px;
    padding: 0 6%;
}

.news_center_item {
    position: relative;
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .news_center_item {
        margin-bottom: 24px;
    }
}

.news_center_item img {
    width: 100%;
    border-radius: 10px;
}

.news_center_item .news_img_explanation {
    background-color: #22253D;
    box-shadow: 0px 2px 10px rgba(38, 92, 80, 0.08);
    display: block;
    padding: 40px;
    border-radius: 10px;
    width: 90%;
    margin-top: -100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    position: relative;
    z-index: 10;
}

.news_center_item .news_img_explanation:hover {
    background-color: #313657;
}

.news_center_item .news_img_explanation h3,
.news_center_item .news_img_explanation p,
.news_center_item .news_img_explanation span {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
}

.news_center_item .news_img_explanation h3 {
    font-size: 24px;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_center_item .news_img_explanation p {
    font-size: 16px;
    opacity: 0.6;
    margin-bottom: 20px;
}

.news_center_item .news_img_explanation span {
    font-size: 16px;
    opacity: 0.3;
}

.news_center_list {
    background-color: #F5F5F6;
    height: 100%;
    border-radius: 10px;
    padding: 5px 40px 40px 40px;
}

.news_center_list .news_center_list_itme {
    display: block;
    border-bottom: 1px solid #cbcbcb;
    margin-top: 30px;
}

.news_center_list .news_center_list_itme:hover .news_center_title h5 {
    color: #0060A9 !important;
}

.news_center_list .news_center_list_itme .news_center_title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 16px;
}

.news_center_list .news_center_list_itme .news_center_title h5,
.news_center_list .news_center_list_itme .news_center_title span {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
    color: #22253D
}

.news_center_list .news_center_list_itme .news_center_title h5 {
    font-size: 24px;
    max-width: 340px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_center_list .news_center_list_itme .news_center_title span {
    font-size: 16px;
    opacity: 0.3;
}

.news_center_list .news_center_list_itme p {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
    font-size: 16px;
    color: #22253D;
    opacity: 0.6;
}

.multi_line {
    display: -webkit-box;
    /* 将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical;
    /* 设置或检索伸缩盒对象的子元素的排列方式 */
    line-clamp: 3;
    -webkit-line-clamp: 3;
    /* 限制显示的行数 */
    overflow: hidden;
    /* 隐藏超出容器的内容 */
    text-overflow: ellipsis;
    /* 显示省略号 */
}

.multi_line_4 {
    display: -webkit-box;
    /* 将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical;
    /* 设置或检索伸缩盒对象的子元素的排列方式 */
    line-clamp: 4;
    -webkit-line-clamp: 4;
    /* 限制显示的行数 */
    overflow: hidden;
    /* 隐藏超出容器的内容 */
    text-overflow: ellipsis;
    /* 显示省略号 */
}

.index_data_area {
    background-image: url(../images/index-data-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 100px 0;
    padding: 70px 0;
}

.index_data_container {
    background: rgba(14, 15, 25, 0.3);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    overflow: hidden;
}

.index_data_explanation {
    padding: 40px;
}

.index_data_explanation h2,
.index_data_explanation p .index_data_explanation button {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
}

.index_data_explanation h2 {
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 20px;
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .index_data_explanation h2 {
        font-size: 32px;
        line-height: 50px;
    }
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    .index_data_explanation h2 {
        font-size: 30px;
        line-height: 42px;
    }
}

/* sm 以下（<576px） */
@media (max-width: 575.98px) {
    .index_data_explanation h2 {
        font-size: 28px;
        line-height: 34px;
    }
}

.index_data_explanation p {
    font-size: 16px;
    line-height: 22px;
    opacity: 0.6;
    margin-bottom: 30px;
}

.index_data_explanation a {
    display: inline-block;
    text-align: center;
    background-color: #0060A9;
    color: #ffffff !important;
    border: none;
    border-radius: 40px;
    padding: 0 30px;
    height: 68px;
    line-height: 68px;
    font-size: 15px;
    cursor: pointer;
    width: 250px;
}

.index_data_explanation a i {
    margin-left: 18px;
}

.index_data_explanation a:hover {
    opacity: 0.8;
}

.index_data_table {
    height: 100%;
    width: calc(100% + 24px);
    margin-left: -12px;
}

.index_data_table_row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 50%;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.index_data_table_row:last-child {
    border-bottom: none;
}

.index_data_table_item {
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 33.3%;
}

.index_data_table_item:hover {
    background-color: #0060A9;
}

.index_data_table_item_inner {
    text-align: center;
}

.index_data_table_item_inner h3,
.index_data_table_item_inner p {
    font-family: 'pingfang-light', sans-serif;
    font-weight: 100;
    color: #ffffff;
}

.index_data_table_item_inner h3 {
    font-size: 60px;
    margin-bottom: 10px;
    line-height: 80px;
    padding-top: 40px;
}

.index_data_table_item_inner p {
    font-size: 14px;
    opacity: 0.6;
    padding: 0 10px;
    height: 44px;
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .index_data_border_top {
        border-top: 1px solid rgba(255, 255, 255, 0.6);
    }
}

.index_contact_explanation {
    margin: 0;
    text-align: center;
}

/* youtube 视频样式 */
/* 弹窗样式 */
.modal {
    display: none;
    /* 初始隐藏 */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

.modal-content {
    background: #fff;
    border-radius: 10px;
    position: relative;
    width: 80%;
    max-width: 900px;
    text-align: center;
    overflow: hidden;
}

/* 关闭按钮 */
.close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
}

/* 按钮样式 */
.play-btn {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #ff0000;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

#youtubeIframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    /* 让 iframe 保持 16:9 的比例 */
}

/* 引入表单样式 */
#zsfeedbackwidgetdiv {
    width: 100%;
    max-width: 100%;
    margin-bottom: 100px;
}

#advwebForm {
    width: 100% !important;
    max-width: 100% !important;
}

#zsfeedbkrpanel {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 32px !important;
}

#zsfeedbkrpanel .zstitlemini {
    display: none;
}

#zsfeedbkrpanel .fbfpoptitle {
    display: none;
}

.zd_im92170f6e18 {
    right: 32px !important;
    bottom: 110px !important;
}

.zd_imd7a5654356 .zd_ima13d9fd28c {
    display: flex;
}


/* 单独对其调整 */
.wild_right {
    display: flex;
    justify-content: flex-end;
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    .wild_right {
        display: flex;
        justify-content: flex-start;
    }
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    .packaging_data_title {
        font-size: 34px !important;
    }
}

/* sm 以下（<576px） */
@media (max-width: 575.98px) {
    .packaging_data_title {
        font-size: 28px !important;
    }
}

/* investment department page */
.investment_focus_title {
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    color: #22253D;
    font-size: 32px;
    margin-bottom: 40px;
}

.investment_focus_container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.investment_focus_item {
    background-color: #F5F5F6;
    text-align: center;
    width: calc(25% - 15px);
    border-radius: 10px;
    padding: 0 24px 12px 24px;
    margin-bottom: 20px;
}

.investment_focus_item h4,
.investment_focus_item p {
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    color: #22253D;
}

.investment_focus_item img {
    width: 60px;
    height: 60px;
    margin-top: 70px;
    margin-bottom: 40px;
}

.investment_focus_item h4 {
    font-size: 24px;
    margin-bottom: 18px;
}

.investment_focus_item p {
    font-size: 18px;
    line-height: 27px;
}

/* xl 以下（<1200px） */
@media (max-width: 1199.98px) {
    .investment_focus_item {
        width: calc(50% - 10px);
    }
}

/* sm 以下（<576px） */
@media (max-width: 575.98px) {
    .investment_focus_item {
        width: 100%;
    }
}

.investment_email_area {
    background-image: url(../images/investment_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.investment_email_txt {
    text-align: center;
    padding: 200px 0;
}

.investment_email_txt h3,
.investment_email_txt p {
    font-family: "PingFang-light", sans-serif;
    font-weight: 100;
    color: #ffffff;
}

.investment_email_txt h3 {
    font-size: 72px;
    line-height: 72px;
}

.investment_email_txt p {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 32px;
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    .investment_email_txt h3 {
        font-size: 60px;
        line-height: 64px;
    }

    .investment_email_txt p {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 32px;
    }
}

/* sm 以下（<576px） */
@media (max-width: 575.98px) {
    .investment_email_txt h3 {
        font-size: 42px;
        line-height: 46px;
    }

    .investment_email_txt p {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 28px;
    }
}

/* privacy policy section */
.cookie-banner {
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 10000;
    border: 1px solid #ffffff;
}

.cookie-banner p {
    margin: 20px 0;
}

.cookie-banner a {
    color: #1b9cff;
    text-decoration: underline;
}

.cookie-banner a:hover {
    color: #93cffe;
}

.cookie-banner button {
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    width: 100px !important;
}

.cookie-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 10001;
}

.hidden {
    display: none;
}

/* xxl 以下（<1400px） */
@media (max-width: 1399.98px) {
    .cookie-banner {
        width: 60%;
    }
}

/* xl 以下（<1200px） */
@media (max-width: 1199.98px) {
    .cookie-banner {
        width: 70%;
    }
}

/* lg 以下（<992px） */
@media (max-width: 991.98px) {
    .cookie-banner {
        width: 80%;
    }
}

/* md 以下（<768px） */
@media (max-width: 767.98px) {
    .cookie-banner {
        width: 90%;
        flex-wrap: wrap;
    }
}

/* sm 以下（<576px） */
@media (max-width: 575.98px) {
    .cookie-banner {
        width: 95%;
    }
}

span.chat-btn {
    background-color: #00a3fe;
    padding: 5px 20px;
    border-radius: 10px;
    cursor: pointer;
}
.switch-button {
    width: 49%;
    display: inline-block;
    text-align: center;
    background-color: #E8F3FF;
    height: 40px;
    line-height: 40px;
    color: #4B5563;
    margin: 0px 1px;
    cursor: pointer;
}
.switch-button-container {
    display: flex;
    justify-content: center;
}
.switch-button.switch-button-left {
    border-radius: 10px 0px 0px;
}
.switch-button.switch-button-right {
    border-radius: 0px 10px 0px 0px;
}
.switch-button.active {
    background-color: #00a3fe;
    color: white;
}
.switch-button-container a,
.switch-button-container a:link,
.switch-button-container a:visited,
.switch-button-container a:hover,
.switch-button-container a:active{
    text-decoration: none;
    color:inherit;
}
.switch-button-container a {
    display: block;
}