@charset "utf-8";

/* @font-face {
    font-family: "Roboto";
    src: url("/new/fonts/Roboto/Roboto-4a5a840cc37b49a039f82d62f589893b.woff2") format("woff2"),
        url("/new/fonts/Roboto/Roboto-c0e4b86b68c901ea7a27cf333d708363.woff") format("woff"),
        url("/new/fonts/Roboto/Roboto-2b0c38e0e0f210b29ae954825c66de8f.ttf") format("truetype"),
        url("/new/fonts/Roboto/Roboto-9a1cf98f23e77667fa45506212212efc.eot") format("embedded-opentype"),
        url("/new/fonts/Roboto/Roboto-7f9e8e45eba246b97ee705d85acdaf8c.svg") format("svg");
    font-weight: normal;
    font-style: normal;
} */

@font-face {
    font-family: 'poppins';
    src: url('/new/fonts/poppins/poppins-medium-e5fa7742ccb9a0e435ef299cca721d89.woff2') format('woff2'),
        url('/new/fonts/poppins/poppins-medium-f0ca7230a497c813f8c2a94353e94370.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('/new/fonts/poppins/poppins-regular-b1a52b1c828fdf02eacdaa2fdd43795a.woff2') format('woff2'),
        url('/new/fonts/poppins/poppins-regular-24b77c39b2e78acfaf3815c0e51abf4a.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'poppins';
    src: url('/new/fonts/poppins/poppins-bold-831ffd54a115e66661e148205e97a574.woff2') format('woff2'),
        url('/new/fonts/poppins/poppins-bold-aa8072ea79782220d683aaccf40478ad.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


body {
    font-family: Arial,sans-serif;
}

.title32{
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
}

.title22{
    font-size: 22px;
    line-height: 1.4;
}
/*share the translation*/
#bsWXBox .bsTop:after {
    /*chinese*/
    content: '- 微信';
    /*english*/
    /* content: '- weixin'; */
    display: block;
    position: absolute;
    left: 85px;
    top: 50%;
    font-size: 14px;
    transform: translateY(-50%);
}

#bsWXBox .bsTop:before {
    /*chinese*/
    content: '分享到';
    /*english*/
    /* content: 'Share the'; */
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 14px;
    transform: translateY(-50%);
}

html {
    font-size: 10px;
}

a {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.iconfont {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

/* @color */
.color_main {
    color: #003F88;
}

.color_blue_deep {
    color: #002263;
}

.color_blue_shallow {
    color: #219EBC;
}

.color_orange {
    color: #FB8B24;
}

/* @title */
.std_title77{
    font-size: 77px;
    font-weight: 500;
    line-height: 1.2;
}
.std_title64,
.yxedr_active h1 {
    font-size: 64px;
    font-weight: 500;
    line-height: 1.2;
}

.std_title52,
.yxedr_active h2 {
    font-size: 52px;
    font-weight: 500;
    line-height: 1.2;
}

.std_title48,
.yxedr_active h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 1.2;
}
.std_title38{
    font-size: 38px;
}
.std_title38,
.std_title36,
.yxedr_active h3 {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.5;
}

.std_title32,
.yxedr_active h4 {
    font-size: 32px;
    line-height: 1.5;
}

.std_title28,
.yxedr_active h5 {
    font-size: 28px;
    line-height: 1.4;
}
.std_title24{
    font-size: 24px;
    line-height: 1.4;
}
.std_title23 {
    font-size: 23px;
    line-height: 1.4;
}
.std_title20,
.yxedr_active h6 {
    font-size: 20px;
    line-height: 1.5;
}
.std_title18{
    font-size: 18px;
    line-height: 1.5;
}
.std_title_style1 {
    text-align: center;
    color: #003F88;
}

/* @text */
.std_txt2028,
.std_txt2028 p {
    font-size: 20px;
    line-height: 1.4;
}

.yxedr_active p,
.std_txt1828,
.std_txt1828 p {
    font-size: 18px;
    line-height: 1.8;
    color: #333;
}

.std_txt1824px,
.std_txt1824px p {
    font-size: 18px;
    line-height: 24px;
}

.std_txt1628,
.std_txt1628 p {
    font-size: 16px;
    line-height: 1.8;
    color: #666;
}

.std_txt1626,
.std_txt1626 p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}

.std_txt1622px,
.std_txt1622px p {
    font-size: 16px;
    line-height: 22px;
    color: #666;
}

/* @spacing */
.std_spacing1,
.std_spacing2,
.std_spacing3 {
    font-size: 1rem !important;
}

.std_spacing2 {
    padding-top: 10em;
}
.new_spacing2{
    padding-top: 5em;
}

.std_spacing1 {
    padding-bottom: 5em;
}

.std_spacing3 {
    padding: 10em 0;
}


.std_spacing4 {
    font-size: 1rem !important;
    margin-top: 5em;
}

.ys_page_index .std_spacing4 {
    margin-top: 4em;
}

/* @btn */
.std_btn {
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    font-size: 16px;
    line-height: 3;
    padding: 0 1.5em;
    border-radius: 1.5em;
    overflow: hidden;
    color: #fff;
    background: #002263;
    text-align: center;
}

.std_btn span {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    vertical-align: middle;
}

.std_btn img {
    width: .75em;
    margin-left: 0.5em;
    line-height: inherit;
    vertical-align: middle;
}

.std_btn::before {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    z-index: -1;
    width: 110%;
    height: 110%;
    background: #219EBC;
    transform: translate(-100%, -50%);
    border-radius: inherit;
    transition: all .36s ease-in-out;
}

.std_btn_white {
    border: 1px solid #fff;
    background: transparent;
}

.std_btn_style1 {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    transition: all .36s;
}

.std_btn_style1 span {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    vertical-align: middle;
}

.std_btn_style1 svg,
.std_btn_style1 img {
    width: .75em;
    margin-left: 0.5em;
    line-height: inherit;
    vertical-align: middle;
}

.std_btn_style1 svg {
    fill: white;
    transition: all .36s;
}

.std_btn_style1 .iconfont {
    font-size: 0.8em;
    margin-left: 1em;
    display: inline-block;
    vertical-align: middle;
}

.std_arrow_next {
    font-size: 10px;
    width: 6em;
    height: 6em;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
}

.std_arrow_next .iconfont {
    font-size: 1.6em;
}

/* @dots */
.std_dots_style1 .slick-dots li {
    width: 10px;
    height: 10px;
    opacity: 0.5;
    background: #fff;
    margin: 0 15px;
}

.std_dots_style1 .slick-dots li.slick-active {
    opacity: 1;
}
.esg_slick_list .slick-dots {
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
}
.esg_slick_list .slick-dots li,
.esg_slick_list .slick-dots li.slick-active {
    font-size: 14px;
    width: fit-content;
    color: #777777;
    background-color: transparent;
}

.esg_slick_list .slick-dots li {
    border-radius: 6px;
    padding: 4px 6px;
    height: auto;
}

.esg_slick_list .slick-dots li.slick-active {
    outline: 1px solid #00498E;
}

/* header */
.mod_head {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 10px;
    transition: all .36s;
    /*border-bottom: 1px solid #ffffff;*/
    /* background: linear-gradient(180deg, rgba(0, 63, 136, 0.6) 0%, rgba(0, 63, 136, 0) 100%); */
}
.home .mod_head {
    border-bottom: 1px solid #ffffff; /* 白色线条（仅首页显示） */
}



.mod_head_cry {
    /*display: flex;*/
    align-items: center;
    justify-content: space-between;
}

.mntl_btn,
.mntl_a,
.mod_head_logo a {
    display: block;
}

.mod_head_logo {
    width: 159px;
}
.mod_head_logo a{
    height: 69px;
}
.mod_head_logo img{
    width: 159px;
    height: 100%;
    margin: 0;
}
.ys_imgbox_cover_def {
    opacity: 0;
}

.mod_nav_top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 1.6em;
}

/* 投资者关系菜单 - 透明扩展容器 */
.investor-nav-container {
    position: absolute;
    top: 30%;
    left: -43px;
    right: -20px;
    padding: 20px;
    background: transparent;
    z-index: 99;
}
/* 手机端适配样式 */
/*@media screen and (max-width: 768px) {*/
/*    .image-text-row {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        width: 100%;*/
/*        margin-top: 30px;*/
/*        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/
/*    }*/

/*    .image-text-item {*/
/*        width: 100%;*/
/*        height: auto;*/
/*        float: none;*/
/*        padding: 0 15px;*/
/*        box-sizing: border-box;*/
/*        margin-bottom: 20px;*/
/*    }*/

/*    .image-text-item:last-child {*/
/*        margin-bottom: 0;*/
/*    }*/

/*    .shadow2, .shadow3 {*/
/*        box-shadow: none;*/
/*    }*/

/*    .image-box {*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*        padding: 20px 0;*/
/*    }*/

/*    .image-box img {*/
/*        width: 80px;*/
/*        height: 80px;*/
/*        margin-top: 20px;*/
/*    }*/

/*    .text-box {*/
/*        padding: 20px 0 30px 0;*/
/*        text-align: center;*/
/*    }*/

/*    .f28 {*/
/*        font-size: 24px;*/
/*        margin-bottom: 15px;*/
/*    }*/

/*    .f18 {*/
/*        font-size: 16px;*/
/*        padding: 0 10px 0 10px;*/
/*        line-height: 1.6;*/
/*    }*/
/*}*/



/* "关于我们"下拉菜单专属定位样式 */
.about-us-nav-xl {
    position: absolute;
    top: calc(100% + 5px); /* 父菜单底部下方5px */
    left: 100%; /* 先对齐父菜单左侧 */
    margin-left: -420px; /* 向左偏移20px（可正负调整） */
    transform: none !important; /* 禁用任何居中变换 */
    min-width: 300px;
    z-index: 1000;


}


.investor-nav-xl1 {
    display: none;
    position: absolute;
    top: 39%;
    left: 64.6%;
    min-width: 212px; /* 窄款宽度 */
    z-index: 100;
    margin-top: 5px; /* 与父元素保持间距 */
}
/* 平板设备 */
@media screen and (max-width: 1680px) {
    .investor-nav-xl1 {
        left: 74%;
        transform: translateX(-50%);

    }
}
.investor-nav-xl1::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    pointer-events: none;
    border: 10px solid transparent;
    border-left-width: 5.5px;
    border-right-width: 5.5px;
    border-bottom-color: #002263;
    z-index: 9999;
}

/* 鼠标悬停显示下拉菜单 */
.mod_nav_top_li:hover .investor-nav-xl1 {
    display: block;

    /*max-height: 200px;*/
    /*opacity: 1;*/
    /*visibility: visible;*/
    /*padding: 12px; !* 恢复padding，配合过渡效果 *!*/
    /*box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);*/
}
/* 投资者关系下拉菜单 - 全新样式 */
.investor-nav-xl {
    display: none;
    position: absolute;
    top: 39%;
    left: 64.6%;
    min-width: 212px; /* 窄款宽度 */
    z-index: 100;
    margin-top: 5px; /* 与父元素保持间距 */
}
/* 平板设备 */
@media screen and (max-width: 1680px) {
    .investor-nav-xl {
        left: 69%;
        transform: translateX(-50%);

    }
}
.investor-nav-xl::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    pointer-events: none;
    border: 10px solid transparent;
    border-left-width: 5.5px;
    border-right-width: 5.5px;
    border-bottom-color: #002263;
    z-index: 9999;
}

/* 鼠标悬停显示下拉菜单 */
.mod_nav_top_li:hover .investor-nav-xl {
    display: block;

    /*max-height: 200px;*/
    /*opacity: 1;*/
    /*visibility: visible;*/
    /*padding: 12px; !* 恢复padding，配合过渡效果 *!*/
    /*box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);*/
}

.investor-nav-list1 {
    width: 300px;
    height: 291px;
    padding: 2.4em 0;
    border-radius: 16px;
    /* overflow: hidden; */
    background: #fff;
}
.investor-nav-list1::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: calc(100% - 16px);
    height: 2px;
    background: #002263;
}
.investor-nav-list1::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    padding-top: 10px;
    height: 10px;
    width: 100%;
}
/* 下拉列表样式 */
.investor-nav-list {
    padding: 2.4em 0;
    border-radius: 16px;
    /* overflow: hidden; */
    background: #fff;
}
.investor-nav-list::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: calc(100% - 16px);
    height: 2px;
    background: #002263;
}


.investor-nav-a {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    border-radius: 12px;
    font-size: 16px;
    line-height: 1.8;
    color: #002263;
}
.investor-nav-a:hover {
    background: rgba(0, 150, 255, 0.1);

}










.mod_nav_top_list2 .mod_nav_top_li:nth-child(4) .mod_nav_xl {
    left: 50%; /* 原51%，增加left值向右移动 */
    transform: translateX(-50%); /* 原-49%，同步调整偏移量保持水平对齐 */
}
@media screen and (max-width: 1680px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(4) .mod_nav_xl {
        left: 63%;
        transform: translateX(-49%);
    }
}
@media screen and (max-width: 1600px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(4) .mod_nav_xl {
        left: 61%;
        transform: translateX(-45%);
    }
}
.mod_nav_top_list2 .mod_nav_top_li:nth-child(4) .mod_subnav::before {
    left: 52%; /* 化学小分子专属水平位置 */
    transform: translateX(-79%); /* 配套偏移量 */
    width: calc(100% - 1793px); /* 化学小分子专属宽度 */
    background: #007cc8; /* 化学小分子专属颜色 */
}
@media screen and (max-width: 1680px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(4) .mod_subnav::before {
        left: 49%;
        transform: translateX(-61%);
        width: calc(100% - 1793px);
    }
}
@media screen and (max-width: 1600px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(4) .mod_subnav::before {
        left: 45%;
        transform: translateX(-61%);
        width: calc(100% - 1793px);
    }
}
.mod_nav_top_list2 .mod_nav_top_li:nth-child(1) .mod_nav_xl {
    left: 82%; /* 原51%，增加left值向右移动 */
    transform: translateX(-18%); /* 原-49%，同步调整偏移量保持水平对齐 */
}
.mod_nav_top_list2 .mod_nav_top_li:nth-child(1) .mod_subnav::before {
    left: 18%; /* 化学小分子专属水平位置 */
    transform: translateX(-82%); /* 配套偏移量 */
    width: calc(100% - 1830px); /* 化学小分子专属宽度 */
    background: #007cc8; /* 化学小分子专属颜色 */
}
.mod_nav_top_list2 .mod_nav_top_li:nth-child(2) .mod_nav_xl {
    left: 68%; /* 原51%，增加left值向右移动 */
    transform: translateX(-32%); /* 原-49%，同步调整偏移量保持水平对齐 */
}
@media screen and (max-width: 1600px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(2) .mod_nav_xl {
        left: 70%;
        transform: translateX(-30%);
    }
}
.mod_nav_top_list2 .mod_nav_top_li:nth-child(2) .mod_subnav::before {
    left: 32%; /* 化学小分子专属水平位置 */
    transform: translateX(-68%); /* 配套偏移量 */
    width: calc(100% - 1650px); /* 化学小分子专属宽度 */
    background: #007cc8; /* 化学小分子专属颜色 */
}
@media screen and (max-width: 1600px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(2) .mod_subnav::before {
        left: 30%;
        transform: translateX(-70%);
        width: calc(100% - 1650px);
    }
}
/*.mod_nav_top_list2 .mod_nav_top_li:nth-child(3) .mod_nav_xl {*/
/*    left: 58%; !* 原51%，增加left值向右移动 *!*/
/*    transform: translateX(-42%); !* 原-49%，同步调整偏移量保持水平对齐 *!*/
/*}*/
/*.mod_nav_top_list2 .mod_nav_top_li:nth-child(3) .mod_nav_xl {*/
/*    left: clamp(50%, 58vw, 58%);*/
/*    transform: translateX(clamp(-50%, -42vw, -42%));*/

/*}*/
.mod_nav_top_list2 .mod_nav_top_li:nth-child(3) .mod_nav_xl {
    left: 58%;
    transform: translateX(-42%);
}

/* 平板设备 */
@media screen and (max-width: 1680px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(3) .mod_nav_xl {
        left: 71%;
        transform: translateX(-41%);
    }
}
@media screen and (max-width: 1600px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(3) .mod_nav_xl {
        left: 71%;
        transform: translateX(-39%);
    }
}
/*@media screen and (max-width: 1524px) {*/
/*    .mod_nav_top_list2 .mod_nav_top_li:nth-child(3) .mod_nav_xl {*/
/*        left: 65%;*/
/*        transform: translateX(-38%);*/
/*    }*/
/*}*/
@media screen and (max-width: 1400px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(3) .mod_nav_xl {
        left: 65%;
        transform: translateX(-38%);
    }
}
.mod_nav_top_list2 .mod_nav_top_li:nth-child(3) .mod_subnav::before {
    left: 42%; /* 化学小分子专属水平位置 */
    transform: translateX(-58%); /* 配套偏移量 */
    width: calc(100% - 1830px); /* 化学小分子专属宽度 */
    background: #007cc8; /* 化学小分子专属颜色 */
}
@media screen and (max-width: 1680px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(3) .mod_subnav::before {
        left: 41%;
        transform: translateX(-70%);
        width: calc(100% - 1830px);
    }
}
@media screen and (max-width: 1600px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(3) .mod_subnav::before {
        left: 39%;
        transform: translateX(-70%);
        width: calc(100% - 1830px);
    }
}
/*@media screen and (max-width: 1524px) {*/
/*    .mod_nav_top_list2 .mod_nav_top_li:nth-child(3) .mod_subnav::before {*/
/*        left: 38%;*/
/*        transform: translateX(-67%);*/
/*        width: calc(100% - 1830px);*/
/*    }*/
/*}*/
.mod_nav_top_list2 .mod_nav_top_li:nth-child(7) .mod_subnav::before {
    left: 70%; /* 化学小分子专属水平位置 */
    transform: translateX(-37%); /* 配套偏移量 */
    width: calc(100% - 1845px); /* 化学小分子专属宽度 */
    background: #007cc8; /* 化学小分子专属颜色 */
}
@media screen and (max-width: 1680px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(7) .mod_subnav::before {
        left: 67%;
        transform: translateX(-58%);
        width: calc(100% - 1845px);
    }
}
@media screen and (max-width: 1600px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(7) .mod_subnav::before {
        left: 59%;
        transform: translateX(-38%);
        width: calc(100% - 1845px);
    }
}
.mod_nav_top_list2 .mod_nav_top_li:nth-child(7) .mod_nav_xl {
    left: 37%; /* 原51%，增加left值向右移动 */
    transform: translateX(-70%); /* 原-49%，同步调整偏移量保持水平对齐 */
}
@media screen and (max-width: 1680px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(7) .mod_nav_xl {
        left: 57%;
        transform: translateX(-67%);
    }
}
@media screen and (max-width: 1600px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(7) .mod_nav_xl {
        left: 62%;
        transform: translateX(-60%);
    }
}

.mod_nav_top_list2 .mod_nav_top_li:nth-child(6) .mod_nav_xl {
    left: 37%; /* 原51%，增加left值向右移动 */
    transform: translateX(-63%); /* 原-49%，同步调整偏移量保持水平对齐 */
}
@media screen and (max-width: 1680px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(6) .mod_nav_xl {
        left: 65%;
        transform: translateX(-61%);
    }
}
@media screen and (max-width: 1600px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(6) .mod_nav_xl {
        left: 53%;
        transform: translateX(-54%);
    }
}
.mod_nav_top_list2 .mod_nav_top_li:nth-child(6) .mod_subnav::before {
    left: 63%; /* 化学小分子专属水平位置 */
    transform: translateX(-37%); /* 配套偏移量 */
    width: calc(100% - 1845px); /* 化学小分子专属宽度 */
    background: #007cc8; /* 化学小分子专属颜色 */
}
@media screen and (max-width: 1680px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(6) .mod_subnav::before {
        left: 61%;
        transform: translateX(-63%);
        width: calc(100% - 1845px);
    }
}
@media screen and (max-width: 1600px) {
    .mod_nav_top_list2 .mod_nav_top_li:nth-child(6) .mod_subnav::before {
        left: 54%;
        transform: translateX(-57%);
        width: calc(100% - 1845px);
    }
}

.mod_nav_top_list2 .mod_nav_top_li:nth-child(2) .mod_subnav {
    height: 450px; /* 增加高度以容纳三行 */
    padding: 50px 530px 50px 260px; /* 调整内边距，释放空间 */
    grid-template-columns: repeat(3, 1fr); /* 保持三列布局 */
    /*grid-gap: 30px 20px; !* 增加行间距 *!*/
}
.mod_nav_top_list2 .mod_nav_top_li:nth-child(3) .mod_subnav {
    height: 350px; /* 增加高度以容纳三行 */
    padding: 50px 535px 50px 253px; /* 调整内边距，释放空间 */
    grid-template-columns: repeat(3, 1fr); /* 保持三列布局 */
    /*grid-gap: 30px 20px; !* 增加行间距 *!*/
}
.mod_nav_top_list2 .mod_nav_top_li:nth-child(4) .mod_subnav {
    height: 350px; /* 增加高度以容纳三行 */
    padding: 50px 540px 50px 245px; /* 调整内边距，释放空间 */
    grid-template-columns: repeat(3, 1fr); /* 保持三列布局 */
    /*grid-gap: 30px 20px; !* 增加行间距 *!*/
}
.mod_nav_top_list2 .mod_nav_top_li:nth-child(6) .mod_subnav {
    height: 350px; /* 增加高度以容纳三行 */
    padding: 50px 390px 50px 245px; /* 调整内边距，释放空间 */
    grid-template-columns: repeat(3, 1fr); /* 保持三列布局 */
    /*grid-gap: 30px 20px; !* 增加行间距 *!*/
}
/*容器*/
.image-text-row {
    display: flex;
    margin-top: 60px;
    width: 1350px;
    height: 420px;
    box-sizing: border-box;
    box-shadow: 0 2px 10px  rgba(0, 0, 0, 0.1);

}
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}
.image-text-item {
    border: 1px ;

    text-align: left; /* 文字居中 */
    float: left; /* 核心：左浮动实现横向排列 */
    width: 450px; /* 三等分宽度 */
    height: 420px;
    padding: 0 10px; /* 项目之间的间距 */
    box-sizing: border-box; /* 确保padding不影响总宽度 */
}
.shadow2{
    box-shadow: 5px 0 10px -5px  rgba(0, 0, 0, 0.1);
}
.image-box {
    width: 100%; /* 图片占满项目宽度 */
    overflow: hidden; /* 防止图片溢出 */
    display: flex; /* 使用flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center;
}
.image-box img {
    margin-top: 30px;
    width: 100px; /* 图片自适应宽度 */
    height: 100px; /* 保持图片比例 */
    display: block; /* 去除图片底部间隙 */
}
.text-box {
    padding: 30px 0;
    text-align:left; /* 文字居中 */
}

.text-box p {
    margin: 0;


}
.f28{
    font-size: 28px;
    color: #003f88;
    text-align: center;
    font-weight: 400;
}
.f18{
    font-size: 18px;
    color: #00143c;
    padding: 30px 30px 10px 30px;
    line-height: 1.8;
}


.mod_nav_top_search,
.mod_nav_top_language,
.mod_nav_top_list1 .mod_nav_top_li {
    margin-left: 3.2em;
}

.mod_nav_top_list {
    display: flex;
    align-items: center;
}

.mntl_a {
    font-size: 16px;
}

.mod_nav_top_list1 .mntl_a {
    line-height: 2;
}

.mod_nav_top_list2 .mntl_a {
    font-size: 18px;
    line-height: 50px;
}
.mntl-a1{
    width: 90px;
    height: 50px;
}
.mntl-a2{
    width: 269px;
    height: 50px;
}
.mntl-a3{
    width: 126px;
    height: 50px;
}
.mntl-a4{
    width: 36px;
    height: 50px;
}
.mntl-a5{
    width: 76px;
    height: 50px;
}
.mntl-a6{
    width: 76px;
    height: 50px;
}

.mntl_a,
.mntl_btn,
.mnts_btn {
    color: #fff;
}

.mntl_btn {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.mntl_btn .iconfont {
    font-size: 1.5em;
}

.mntl_btn .iconfont {
    margin-right: 0.3em;
}

.mnts_btn {
    font-size: 24px;
    cursor: pointer;
    transition: all .36s;
}

.mod_nav_top_list2 .mod_nav_top_li {
    position: relative;
    margin-left: 6em;
}

.mod_search_xl {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    padding: 10em 0;
    border-top: 1px solid #eee;
}

.mod_search_xl_form {
    width: 690px;
    align-items: center;
    margin: 0 auto;
    display: flex;
    border-bottom: 1px solid #eee;
}

.msxf_input {
    flex: auto;
    font-size: 16px;
    color: #333;
    height: 40px;
    padding-right: 30px;
}

.msxf_submit {
    font-size: 24px;
}

.mod_nav_top_li.yxnav_active1 .mntl_a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    transition: all .36s;
}

li.yxnav_active3>.ys_phnav_lisbox>a,
li.yxnav_active2>.ys_phnav_lisbox>a,
li.yxnav_active1>.ys_phnav_lisbox>a {
    color: #007CC8 !important;
}

.mnts_btn.act {
    color: #007CC8 !important;
}
.img-pd{
    padding: 0 20px 0 0;
}
/* "联系我们"悬停蓝色背景样式（新增类名） */
.mntl_q{
    font-size: 16px;
    color: #ffffff;
    background-color: #007cc8;
    width: 111px;
    height: 29px;
    text-align: center;

    border-radius: 80px;
    padding: 8px
}



.mod_nav_xl {
    display: none;
    position: absolute;
    left: 51%; /* 水平居中定位 */
    top: calc(100% - 2px);
    transform: translateX(-49%); /* 水平居中偏移 */
    width: 1920px; /* 固定宽度为1900px */
    min-width: auto; /* 移除最小宽度限制 */
}


/*.mod_nav_xl::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    bottom: 100%;*/
/*    transform: translateX(-50%);*/
/*    pointer-events: none;*/
/*    border: 10px solid transparent;*/
/*    border-left-width: 5.5px;*/
/*    border-right-width: 5.5px;*/
/*    border-bottom-color: #002263;*/
/*}*/

.mod_subnav {
    position: relative;
    height: 360px;
    padding: 50px 540px 50px 250px;
    /*border-radius: 16px;*/
    background: #f6fbff;
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*justify-content: flex-start;*/
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列等宽 */

    max-width: 1920px;
    margin: 0 auto;
    border-top: 2px solid #d8ebf9;

}

.mod_subnav::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -2px;
    transform: translateX(-50%);
    width: calc(100% - 1790px);
    height: 2px; !important;
    background: #007cc8;
}


.mod_subnav_a {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    border-radius: 12px;
    font-size: 16px;
    line-height: 1.8;
    color: #002263;
}

.mod_subnav_a span {
    line-height: inherit;
}

.mod_subnav_li.yxnav_active2 .mod_subnav_a {
    background: rgba(0, 150, 255, 0.1);
}

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


.ys_header.ys_header_unfixed .mod_head,
.ys_hd_pc.isfixed .mod_head {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.ys_header.ys_header_unfixed .mod_head .ys_imgbox_cover_white,
.ys_hd_pc.isfixed .mod_head .ys_imgbox_cover_white {
    opacity: 0;
    margin: 0;
}

.ys_header.ys_header_unfixed .mod_head .ys_imgbox_cover_def,
.ys_hd_pc.isfixed .mod_head .ys_imgbox_cover_def {
    opacity: 1;
}

.ys_header.ys_header_unfixed .mod_head .mnts_btn,
.ys_header.ys_header_unfixed .mod_head .mntl_btn,
.ys_header.ys_header_unfixed .mod_head .mntl_a,
.ys_hd_pc.isfixed .mod_head .mntl_a,
.ys_hd_pc.isfixed .mod_head .mntl_btn,
.ys_hd_pc.isfixed .mod_head .mnts_btn {
    color: #002263;
}

.ys_header.ys_header_unfixed .mod_nav_top_li.yxnav_active1 .mntl_a,
.ys_hd_pc.isfixed .mod_nav_top_li.yxnav_active1 .mntl_a {
    color: #002263;
}

.ys_header.ys_header_unfixed .mod_nav_top_li.yxnav_active1 .mntl_a::before,
.ys_hd_pc.isfixed .mod_nav_top_li.yxnav_active1 .mntl_a::before {
    opacity: 0;
}


/* .ys_hd_pc.isfixed .mod_nav_top_li.yxnav_active1 .mntl_a::before{
    background: #002263;
} */

.mod_subnav_a .iconfont {
    display: none;
    margin-left: auto;
}

.mod_subnav_li.has_child .mod_subnav_a .iconfont {
    display: block;
}

.mod_subnav_li.has_child .mod_subnav_a span {
    padding-right: 20px;
}

.mod_subnav_li {
    position: relative;
    z-index: 1;
    /*width: 350px;*/
    box-sizing: border-box;
    padding: 0 10px;
}
.mod_subnav_li.chem-reagent {

    /*margin-left: 250px;*/
    /*margin-top: -100px;*/
}
.mod_subnav_li.bio-reagent {

    /*margin-left: 20px;*/
    /*margin-top: -100px;*/
}

.mod_thirnav {
    position: absolute;
    left: calc(100% + 10px);
    top: -40%; /* 修改为 top: 0 而非 -2.4em */
    background: linear-gradient(0deg, rgba(0, 150, 255, 0.05), rgba(0, 150, 255, 0.05)), #FFFFFF;
    border-radius: 16px;
    padding: 24px 0 24px 0;
    width: 212px;
    height: 231px;
}

.mod_thirnav::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 10px;
    height: 100%;
    opacity: 0;
}
.mod_thirnav_b {
    display: flex;
    align-items: center;
    width: 170px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.8;
    color: #666666;
}
.mod_thirnav_b span {
    line-height: inherit;
}
.mod_thirnav_li.yxnav_active3 .mod_thirnav_b {
    background: rgba(0, 150, 255, 0.15);
}
.mod_thirnav_b:hover {
    /*background: rgba(0, 150, 255, 0.15) ;*/
    color: #007cc8;
}

.mod_thirnav_a {
    display: flex;
    align-items: center;
    padding: 10px 16px 10px 16px;
    border-radius: 12px;
    font-size: 16px;
    line-height: 1.8;
    color: #002263;
}


.mod_thirnav_a span {
    line-height: inherit;
}

.mod_thirnav {
    display: none;
}

.mod_thirnav_li.yxnav_active3 .mod_thirnav_a {
    background: rgba(0, 150, 255, 0.15);
}

.ys_phmenu_scroll {
    height: calc(100% - 130px);
}

.ys_header.ys_header_unfixed {
    height: 128px;
    background: #f6fbff;
}

.ys_header.ys_header_unfixed .mod_head {
    position: relative;
    box-shadow: 0px 0px 24px rgba(146, 216, 255, 0.2), 0px 0px 16px rgba(146, 216, 255, 0.1), 0px 0px 8px rgba(146, 216, 255, 0.1);
}

.ys_header.ys_header_unfixed .mod_thirnav,
.ys_hd_pc.isfixed .mod_thirnav,
.ys_header.ys_header_unfixed .mod_subnav,
.ys_hd_pc.isfixed .mod_subnav,
.mod_search_xl {
    box-shadow: 0px 10px 15px -5px rgba(146, 216, 255, 0.2), 0px 0px 16px rgba(146, 216, 255, 0.1), 0px 0px 8px rgba(146, 216, 255, 0.1);
}

.ys_hd_pc.isfixed .mod_head {
    position: fixed !important;
}

/* footer */
.mc_cnzz span {
    display: inline-block;
    transform: translateY(-1px);
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.mc_cnzz a {
    display: block;
    width: 50px;
    height: 12px;
}

.mc_cnzz img {
    width: 100%;
    vertical-align: top;
}

.hfbc_copyright p {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}

.hfbc_copyright p a,
.hfbc_copyright p span {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    vertical-align: middle;
    margin-right: 5px;
}

.ys_footer {
    position: relative;
    z-index: 1;
    color: #fff;
}

.ys_footer {
    background: linear-gradient(101.42deg, #002C36 0%, #020E49 100%);
}

.home_footer_top_cry {
    display: flex;
    /*justify-content: space-between;*/
}

.hftc_info {
    width: 495px;
    margin-right: 12em;
}

.hftc_link {
    flex: auto;
}

.hftc_info_img {
    width: 270px;
    margin-bottom: 5em;
}

.hftc_info_img a {
    display: block;
}

.hftc_info_message_dl:not(:last-child) {
    margin-bottom: 24px;
}

.hftc_info_message_dt {
    opacity: 0.6;
    color: #fff;
    margin-bottom: 12px;
}

.hftc_info_message_dd {
    font-size: inherit;
    line-height: inherit;
    color: #fff;
}

.hftc_info_message_dd p {
    color: inherit;
}

.hftc_link_nav {
    font-size: 10px;
    display: flex;
    margin: 0 -6em;
}

.hftc_link_nav_li {
    width: 33.333333%;
    font-size: inherit;
    padding: 0 6em;
}

.hrnl_fir {
    font-size: 18px !important;
}

.hftc_link_nav_li p.hrnl_fir:not(:last-child) {
    margin-bottom: 24px;
}


.hftc_link_nav_li p {
    color: #fff;
    opacity: 0.8;
}

.hftc_link_nav_li p.hrnl_fir {
    opacity: 1;
}

.hftc_link_nav_li p:not(:last-child) {
    margin-bottom: 1em;
}

.ys_footer.std_spacing2 {
    padding-top: 20em;
}

.home_footer_top_notice {
    margin-top: -50px;
    margin-left: 500px;
}

.hftn_ul {
    display: flex;
    align-items: center;
}

.hftn_li {
    width: 4em;
    position: relative;
    z-index: 1;
}

.hftn_li:not(:last-child) {
    margin-right: 4em;
}

.hftn_li_link {
    display: block;
}

.mc_ftnotice_qrbox {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    z-index: 5;
    width: 120px;
    transition: all .36s;
}

.mc_ftnotice_qrbox img {
    width: 100%;
}

.mc_ftnotice_qrbox {
    transform: scale(0.5) translateX(-50%);
    opacity: 0;
    transform-origin: bottom left;
    pointer-events: none;
}

.home_footer_top {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 10em;
}

.home_footer_bot_cry {
    display: flex;
    justify-content: space-between;
    padding-top: 2.4em !important;
    padding-bottom: 2.4em !important;
}

.hfbc_copyright p,
.hfbc_quicklink p {
    color: rgba(255, 255, 255, .6);
}

.hfbc_quicklink p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4rem;
}

/* - banner - start*/
.ys_banner {
    width: 100%;
    position: relative;
}

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

.ys_ban_imgbox {
    position: relative;
    z-index: 1;
}

.ys_ban_imgbox img {
    width: 100%;
}

.ys_ban_li>a {
    display: block;
}

.ys_ban_ph {
    display: none;
}

.ys_ban_video {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ys_ban_li:not(:first-child) {
    display: none;
}

.ys_ban_imgbox::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg, rgba(0, 63, 136, 0.6) 0%, rgba(0, 63, 136, 0) 100%);
    /* background: linear-gradient(180deg, rgba(0, 63, 136, 0.6) 0%, rgba(0, 63, 136, 0) 100%); */
    /* background: rgba(0, 0, 0, .3); */
}

.ys_ban_txtbox {
    z-index: 5;
}

.ys_ban_slick .ys_ban_li {
    overflow: hidden;
    opacity: 1 !important;
}

.ys_ban_slick.nexting .ys_slick_prev {
    z-index: 1000 !important;
}

.ys_ban_slick.nexting .ys_slick_active {
    z-index: 999 !important;
}

.ys_ban_slick.preving .ys_slick_prev {
    z-index: 1000 !important;
}

.ys_ban_slick.preving .ys_slick_active {
    z-index: 999 !important;
}

.ys_ban_slick.nexting .ys_slick_active {
    animation: none;
}

.ys_ban_slick.preving .ys_slick_prev {
    animation: slideOutRight .8s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.ys_ban_slick.preving .ys_slick_prev .ys_ban_lisbox {
    animation: slideOutLeft .8s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.ys_ban_slick.nexting .ys_slick_prev {
    animation: slideOutLeft .8s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.ys_ban_slick.nexting .ys_slick_prev .ys_ban_lisbox {
    animation: slideOutRight .8s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.ys_ban_txtbox {
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ys_ban_l {
    width: 990px;
}

.ys_ban_title {
    color: #fff;
}

.ys_ban_nextbtn {
    flex: none;
    margin-left: 5em;
}

.ys_ban_slick .slick-dots {
    bottom: 7%;
}

.ys_ban_more {
    margin-top: 5rem;
}

/* - banner - end*/


/* a1s1 */
.home_tecn_cry_list {
    font-size: 10px;
    margin: 0 -5px;
}

.hscl_li {
    float: left;
    width: 33.333333%;
    padding: 0 5px;
    margin-bottom: 10px;
    height: 24.5em;
}

.hscl_li_link {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    overflow: hidden;
}

.home_service_cry .hscl_li:nth-child(4) {
    height: calc(24em * 2 + 10px);
}

.home_service_cry .hscl_li:nth-child(n+5) {
    height: 24em;
}

.hscl_li:nth-child(n+9) {
    display: none;
}

.hscl_link_text {
    position: relative;
    z-index: 1;
    font-size: 10px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 3.2em 2.4em 2.4em;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.hscl_text_tit {
    position: relative;
    z-index: 1;
    margin-bottom: 16px;
    flex: none;
}

.hscl_text_tit.std_title20 {
    line-height: 1.3;
    max-height: 2.6em;
    color: #fff;
    overflow: hidden;
}

.hscl_text_dec.std_txt1622px p {
    color: #fff;
    line-height: 22px;
    max-height: 88px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.hscl_text_more {
    flex: none;
    text-align: right;
    margin-top: auto;
}


.hscl_link_text1 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    height: auto;
    transition: all .36s ease-in;
}

.hscl_link_text1 .hscl_text_tit {
    margin-bottom: 0;
}

.hscl_link_text1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 73, 142, 0) 0%, rgba(0, 73, 142, 0.8) 100%);
}

.hscl_link_text2::before {
    /* content: "'"; */
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 73, 142, 0.8);
    backdrop-filter: blur(8px);
}

.hscl_link_text2 {
    transform: translateY(100%);
    transition: all .36s ease-in-out;
    background: rgba(0, 73, 142, 0.7);
    backdrop-filter: blur(8px);
}

.hscl_text_dec {
    flex: none;
    margin-bottom: 10px;
}


.home_service_cry .hscl_li:nth-child(4) .hscl_link_text {
    overflow: hidden;
}

.home_service_cry .hscl_li:nth-child(4) .hscl_text_dec {
    overflow: auto;
    margin-bottom: 20px;
}

.home_service_cry .hscl_li:nth-child(4) .std_txt1622px p {
    max-height: none;
    display: block;
}


.home_tecn_cry .hscl_li:nth-child(4) {
    width: 60%;
}

.home_tecn_cry .hscl_li:nth-child(5) {
    width: 40%;
}

.home_company {
    color: #fff;
}

.home_company_cry {
    display: flex;
    align-items: center;
}

.hccl_tit {
    color: #fff;
}

.hccl_cry_tit {
    color: #FB7124;
    margin-bottom: 24px;
}

.hccl_cry_data {
    margin-top: 6em;
}

.hccl_data_list {
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    margin: 0 -3.2em;
}

.hccl_data_li {
    position: relative;
    width: 33.333333%;
    padding: 0 3.2em;
    margin-bottom: 2em;
}

.hccl_data_li_total {
    display: block;
    height: 100%;
}

.hdlt_num {
    font-size: 74px;
    color: #fff;
    margin-bottom: 5px;
}

.hdlt_tit {
    color: #fff;
}

.hccl_data_li:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 77%;
    background: #CCD3E0;
}

.home_company_cry_circle {
    width: 375px;
    flex: none;
    margin-left: 4em;
}

.hccr_more {
    display: block;
    position: relative;
}

.hccr_more img {
    width: 100%;
}

.hccr_more_btn {
    font-size: 18px;
}

.hccl_cry_text {
    opacity: .8;
}

.hccl_cry_text p {
    color: #fff;
}

.hnct_more_btn {
    min-width: 9.6em;
}

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

.hnct_tit {
    text-align: center;
    margin-right: 1em;
}

.hncc_li_a {
    display: flex;
}

.hncc_li_a_img {
    width: 48.5%;
    border-radius: 24px;
    align-self: center;
}

.hncc_li_a_text {
    width: 51.5%;
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    padding-left: 3.6em;
}

.hlat_date {
    flex: none;
}

.hlat_tit {
    flex: none;
    margin: 16px 0 24px;
    color: #003F88;
    transition: all .36s;
}

.hlat_tit.std_title28 {
    font-weight: bold;
    line-height: 1.4;
    max-height: 2.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.hlat_text.std_txt1824px {
    flex: none;
    line-height: 24px;
    max-height: 96px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color: #999;
    margin-bottom: auto;
}

.hncc_bot {
    margin-top: 4em;
}

.hncc_bot_slick {
    font-size: 10px;
    margin: 0 -1.8em;
}

.hncc_bot_slick_li {
    float: left;
    width: 33.333333%;
    padding: 0 1.8em;
}

.hbsl_link {
    display: block;
}

.hbsl_link_date .iconfont {
    margin-right: 0.5em;
}

.hbsl_link_type {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    color: #219EBC;
}

.hbsl_link_type span {
    padding-right: 1em;
    opacity: 0.6;
    transition: all .36s;
}

.hbsl_link_type_more {
    flex: none;
}

.hbsl_link_type .hbsl_link_type_more {
    fill: #219EBC;
    opacity: 0.6;
    transition: all .36s;
}

.hbsl_link_type::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
    background: #219EBC;
    opacity: 0.6;
}

.hbsl_link_type::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 2px;
    background: #219EBC;
    transform-origin: left;
    transform: scale(0);
    transition: all .36s;
}

.hbsl_link_tit {
    font-weight: bold;
    color: #003F88;
}

.hbsl_link_tit {
    margin: 16px 0;
}


.hncc_bot_slick_li:nth-child(even) .hbsl_link_type {
    color: #FB8B24;
}

.hncc_bot_slick_li:nth-child(even) .hbsl_link_type .hbsl_link_type_more {
    fill: #FB8B24;
}

.hncc_bot_slick_li:nth-child(even) .hbsl_link_type::after,
.hncc_bot_slick_li:nth-child(even) .hbsl_link_type::before {
    background: #FB8B24;
}

/*.hncc_bot_slick_li:not(:first-child) {*/
/*    display: none;*/
/*}*/

.std_arrow,
.std_arrow_style1 .slick-arrow {
    font-size: 10px;
    width: 4em;
    height: 4em;
    z-index: 5;
    border-radius: 50%;
    background: #002263;
    box-shadow: 0px 0px 8px rgba(0, 34, 99, 0.1);
    transition: all .36s;
}

.std_arrow::before,
.std_arrow_style1 .slick-arrow::before {
    content: "\e667";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    font-family: "iconfont" !important;
    font-size: 1.6em;
    color: #fff;
}

.std_arrow_prev::before,
.std_arrow_style1 .slick-prev::before {
    content: "\e666";
}

.std_arrow.swiper-button-disabled,
.std_arrow.slick-disabled,
.std_arrow_style1 .slick-arrow.slick-disabled {
    background: #D0D9D7;
    cursor: default;
}

.swiper-container .std_arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
}

.swiper-container .std_arrow_prev {
    left: 0;
}

.swiper-container .std_arrow_next {
    right: 0;
}

.hncc_bot_slick .slick-arrow {
    opacity: 0;
}

.home_form_cry {
    border-radius: 24px;
    overflow: hidden;
}

.home_form_cry.std_spacing3 {
    width: 100%;
    padding: 5.3em 12em 6.3em;
}

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

.hfct_tit {
    color: #fff;
    padding-right: 1em;
}

.hfct_submit_btn.std_btn {
    background: #fff;
    color: #00498E;
    min-width: 12.5em;
}

.hfct_submit_btn.std_btn img {
    width: 1.5em;
}

.home_form_cry_info.std_spacing4 {
    margin-top: 5em;
}

.hfci_list_li {
    display: flex;
    margin: 0 -2em;
}

.hfci_list_li_input {
    width: 50%;
    padding: 0 2em;
}

.hfci_list {
    width: 56.75%;
}

.hfci_r {
    width: 43.25%;
    padding-left: 3em;
}

.hfci_list_li:not(:last-child) {
    margin-bottom: 5em;
}

.hlli_label {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.hlli_label_cry_icon {
    flex: none;
    width: 24px;
    margin-right: 15px;
}

.hlli_label_cry_tit {
    flex: none;
    font-size: inherit;
    line-height: inherit;
    color: #fff;
}

.hlli_label_cry_tit span {
    color: #FF1D53;
    margin-left: 3px;
}

.hlli_label_input {
    flex: auto;
    width: 100%;
    height: 42px;
    padding-left: 15px;
    color: #fff;
}

.mc_sform_verifyimg {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 48px;
    cursor: pointer;
}

.home_form_cry_info {
    display: flex;
}

.hfci_r_textarea {
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    padding: 2.5em 3em;
    display: flex;
    flex-direction: column;
}

.hfci_r_textarea .hlli_label {
    border: 0;
    flex: none;
}


.hfci_r_textarea .hlli_label_input {
    flex: auto;
    width: 100%;
    padding: 15px 0 0;
    line-height: 1.5;
}

.ys_page_index .home_main {
    position: relative;
    z-index: 2;
}

.ys_page_index .ys_footer {
    margin-top: -15.5em;
}

.home_service,
.home_tecn {
    position: relative;
}

.home_tecn_bg {
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-22%, -50%);
    z-index: -1;
    width: 47em;
    max-width: 469px;
}

.home_service_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -2;
}

.home_tecn_waves {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -3;
    width: 100%;
    height: 100vh;
}

.home_tecn_waves .waves {
    width: 100%;
    height: 100%;
}

.hfct_submit_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .36s;
}

.hfct_submit_btn svg {
    width: 1.5em;
    margin-left: 0.5em;
}

.hfct_submit_btn svg path {
    transition: all .36s;
}

.ys_phnav_logo {
    width: 160px;
}

.hlat_more {
    margin-top: 20px;
}

.hbsl_link_tit.std_txt1824px {
    line-height: 24px;
    max-height: 96px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.hftn_ul {
    font-size: 10px;
}

.hfbc_quicklink {
    flex: none;
}

.mc_sform_submitph {
    display: none;
}

.mod_nav_top {
    overflow: hidden;
    transition: all .36s;
    height: calc(32px + 1.6em);
}

.ys_hd_pc.isfixed .mod_nav_top {
    /*padding-top: 0;*/
    /*height: 0;*/
    height: calc(32px + 1.6em);
}

/* 2022.09.08 - start */
.ys_page_index .hccl_cry_tit {
    color: #42C3FB;
}

.ys_page_index .hscl_link_text2::before {
    background: rgba(0, 73, 142, 0.7);
}

.hlli_label_cry {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    transition: all 0.4s ease;
    top: 0;
    position: absolute;
}

.hfci_list_li_input.on .hlli_label_cry {
    top: -20px;
}

.ys_page_index .hlli_label {
    flex-wrap: wrap;
}

.ys_page_index .hlli_label_input {
    padding-left: 0;
}

.hlli_label_input {
    height: 42px;
    line-height: 42px;
}

.hscl_text_dec.std_txt1622px p {
    line-height: 22px;
    max-height: 44px;
    -webkit-line-clamp: 2;
}

.hscl_link_text {
    position: absolute;
    height: auto;
    bottom: 0;
}

.hscl_text_dec {
    margin-bottom: 20px;
}

.home_service_cry .hscl_li:nth-child(4) .std_txt1622px p,
.home_tecn_cry .hscl_li:nth-child(1) .std_txt1622px p {
    max-height: 88px;
    -webkit-line-clamp: 4;
}

.ys_ban_l {
    width: 1160px;
    max-width: 100%;
}

.hscl_li {
    height: 22em;
    min-height: 180px;
}

.home_service_cry .hscl_li:nth-child(4) {
    height: calc(22em * 2 + 10px);
    min-height: calc(180px * 2 + 10px);
}

.home_service_cry .hscl_li:nth-child(n+5) {
    height: 22em;
}

.home_tecn_cry .hscl_li:nth-child(1) {
    height: calc(22em * 2 + 10px);
    min-height: calc(180px * 2 + 10px);
}

.home_tecn_cry .hscl_li:nth-child(4),
.home_tecn_cry .hscl_li:nth-child(5) {
    width: 33.333333%;
}

.home_tecn_cry .hscl_li:nth-child(6),
.home_tecn_cry .hscl_li:nth-child(7),
.home_tecn_cry .hscl_li:nth-child(8),
.home_tecn_cry .hscl_li:nth-child(9) {
    width: 25%;
}

.home_tecn_cry .hscl_li:nth-child(n+9) {
    display: block;
}

.home_tecn_cry .hscl_li:nth-child(n+10) {
    display: none;
}

.home_tecn_cry .hscl_li:nth-child(9) .hscl_link_img {
    background: linear-gradient(99.85deg, #0070B3 0%, #062D8E 100%);
    border-radius: 0px 0px 48px 0px;
}

.htcl_more_img {
    width: 87%;
    position: absolute;
    top: 50%;
    transform: translate(-40%, -50%);
}

.htcl_more_img img {
    width: 100%;
}

.htcl_more_text .std_title32 {
    color: #fff;
    line-height: 1.5;
    margin-right: 23px;
    white-space: nowrap;
}

.htcl_text_icon {
    width: 22px;
    display: flex;
    align-items: center;
    transition: all .36s;
}

.htcl_text_icon img {
    width: 100%;
}

.htcl_more_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: auto;
    z-index: 3;
}

.hdlt_num {
    color: #B5B3FB;
}

.hccr_more_btn_icon {
    width: 1.17em;
    display: inline-block;
    height: 18px;
    position: relative;
    top: 3px;
    margin-left: 12px;
}

.std_btn_style1 .hccr_more_btn_icon img {
    margin-left: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.std_btn_style1 .hccr_more_btn_icon img:nth-of-type(2) {
    opacity: 0;
}

.hncc_bot_slick_li {
    width: 25%;
}

.hncc_li_a_img {
    border-radius: 16px;
    height: 290px;
}

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

.hftc_link_nav_li {
    padding: 0 5.8em;
}

.hftc_info_message_dl:first-child .hftc_info_message_dd p {
    font-size: 32px;
}

/* .ys_page_index .hlli_label_input{
    -webkit-line-clamp: 2;
} */
.hlat_text.std_txt1824px {
    line-height: 1.8;
    max-height: 130px;
}

/* 2022.09.08 - end */
/* .mod_nav_top_list2 .mntl_a{
    position: relative;
}
.mod_nav_top_list2 .mntl_a::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #002263;
    opacity: 0;
    transition: all 0.36s;
    z-index: 2;
}
.mod_nav_top_li.on .mntl_a::before{
    opacity: 1;
}
.mod_subnav::before{
    display: none;
} */
/* .mod_subnav_a {
    white-space: nowrap;
} */

.mod_nav_xl {

}

.chem_enterli a {
    font-size: 14px;
    line-height: 1.5;
    padding: 0.4em 0;
    color: #fff;
    text-align: center;
    transition: all 0.36s;
}

.chem_enterli {
    text-align: center;
    width: 40%;
}

.chem_enter {
    margin-top: 1em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.hlat_tit {
    font-weight: bold;
}

.hlat_text.std_txt1824px {
    color: #666;
}

.std_txt1622px,
.std_txt1622px p {
    color: #999;
}

.hlat_more_btn {
    color: #999;
}

.hncc_bot_slick_li:nth-child(odd) .hbsl_link_type {
    color: #219EBC;
}

.hncc_li {
    display: none;
}

.hncc_li:first-child {
    display: block;
}

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

.ys_phnav_header .ys_phnavli a {
    font-size: 12px;
    color: #002263;
}

.ys_phnavli {
    padding: 0 30px;
}

.ys_ban_more {
    display: inline-block;
}

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

.std_btn::before {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: 1;
}

.std_btn img,
.std_btn span,
.std_btn svg {
    position: relative;
    z-index: 3;
}

.home_tecn_cry .hscl_li6,
.home_tecn_cry .hscl_li7,
.home_tecn_cry .hscl_li8,
.home_tecn_cry .hscl_li9 {
    width: 25%;
}

.home_tecn_cry .hscl_li1 {
    height: calc(22em * 2 + 10px);
}

.home_service_cry .hscl_li4 {
    height: calc(22em * 2 + 10px);
}

.hnct_more {
    font-size: 16px;
}

.std_btn::before {
    width: 100%;
    height: 100%;
}

.std_btn::before {
    left: 0;
    top: 0;
}

.htcl_text_icon {
    font-size: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
}

.htcl_text_icon .iconfont {
    font-size: 1.6em;
}

.hfct_submit_btn .iconfont {
    font-size: 1.5em;
    width: 1.5em;
    margin-left: 0.5em;
    position: relative;
    z-index: 3;
    line-height: 1;
}

.hftn_li .iconfont {
    font-size: 4em;
}

.hlli_label_cry_icon {
    color: #fff;
    font-size: 24px;
}

.hscl_text_dec.std_txt1622px {
    line-height: 22px;
    max-height: 44px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hscl_text_dec.std_txt1622px p,
.home_service_cry .hscl_li:nth-child(4) .std_txt1622px p,
.home_tecn_cry .hscl_li:nth-child(1) .std_txt1622px p {
    max-height: auto;
    -webkit-line-clamp: inherit;
}

.home_service_cry .hscl_li:nth-child(4) .std_txt1622px,
.home_tecn_cry .hscl_li:nth-child(1) .std_txt1622px {
    max-height: 88px;
    -webkit-line-clamp: 4;
}

.std_txt2028,
.std_txt2028 p {
    font-size: 18px;
}

/* carter */
/* @spc */
.std_mar50 {
    margin-bottom: 50px;
}

.std_marTop46 {
    margin-top: 46px;
}

.std_mar40 {
    margin-bottom: 40px;
}

.std_mar32 {
    margin-bottom: 32px;
}

.std_marBot12 {
    margin-bottom: 12px;
}



/* d1 */
.ys_ban_text {
    position: absolute;
    top: 38%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 3;
}

.ys_ban_text .std_title64 {
    color: white;
    font-weight: 500;
    font-family: poppins;
}

.mod_main_public .ys_ban_li::after,
.etsumm_main .ys_ban_li::after,
.contact_main .ys_ban_li::after,
.discovery_main .ys_ban_li::after,
.cmc_main .ys_ban_li::after,
.analy_main .ys_ban_li::after,
.ys_page_process .ys_ban_li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: radial-gradient(84.19% 138.66% at 0% 0%, rgba(90, 160, 243, 0.2) 0%, #072052 110%);
    z-index: 2;
}

.mod_main_public .ys_banner,
.etsumm_main .ys_banner,
.contact_main .ys_banner,
.discovery_main .ys_banner,
.cmc_main .ys_banner,
.analy_main .ys_banner,
.ys_page_process .ys_banner {
    border-radius: 0px 0px 0px 20.83vw !important;
    overflow: hidden;
}

.analy_main::after {
    background: #fff !important;
}


/* crumb */
.mod_crumb_item {
    margin-left: 10px;
}

.mod_crumb_item:first-child {
    margin-left: 0px;
}

.mod_crumb_link {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    transition: all 0.36s;
}

.mod_crumb_list_img {
    line-height: 24px;
    font-size: 0;
}

.mod_crumb_list_icon {
    line-height: 24px;
    margin-right: 10px;
}

.mod_frame .mod_crumb,
.mod_frame .mod_crumb {
    position: absolute;
    top: initial;
    bottom: calc(20px + 100%);
    height: 20px;
    z-index: 3;
    transform: translate(-50%, 0%);
}

.mod_frame .mod_crumb_item:nth-child(1),
.mod_frame .mod_crumb_item:nth-child(1) {
    margin-left: 0;
}

.mod_frame .mod_crumb_list_icon,
.mod_frame .mod_crumb_list_icon {
    color: #fff;
    font-size: 12px;
}

.mod_frame .mod_crumb_link,
.mod_frame .mod_crumb_link {
    color: #fff;
}

.mod_crumb_list_img {
    font-size: 0;
    margin-top: -2px;
}

/* crumb - end */

.ys_page_discovery .mod_frame::after {
    height: 230px;
    border-radius: 200px 0px 0px 0px;
}

.ys_page_discovery {
    background-color: #f6fbff;
}

.std_frame .mod_frame::after {
    height: 230px;
    border-radius: 200px 0px 0px 0px;
}

.ys_page_discovery .mod_frame::before {
    /* content: ""; */
    position: absolute;
    bottom: -150px;
    left: -120px;
    width: 100vw;
    height: 336px;
    border-radius: 0px 0px 0px 200px;
    background-color: #fff;
    z-index: -1;
}


.mod_frame {
    position: relative;
    z-index: 10;
    padding-top: 15rem;
    margin-top: -23rem;
}

.mod_frame::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120px;
    width: 100vw;
    height: calc(100% + 155px);
    border-radius: 200px 0px 0px 200px;
    background-color: #fff;
    z-index: -1;
}

.mod_frame_dowm {
    position: relative;
    z-index: 10;
    padding-top: 0rem;
    margin-top: 0rem;
}

.mod_frame_dowm::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120px;
    width: 100vw;
    height: 336px !important;
    border-radius: 0px 0px 0px 200px;
    background-color: #f6fbff;
    z-index: -1;
    margin-top: -180px !important;

}



.contact_form_box {
    position: relative;
}

.contact_form {
    position: relative;
    z-index: 1;
}

.contact_form_box::after {
    content: "";
    position: absolute;
    width: 100vw;
    height: calc(100% + 155px);
    left: -120px;
    top: 0;
    background-color: #F6F9FF;
    z-index: 0;
    height: calc(100% + 155px);
    border-radius: 0px 0px 0px 200px;
}


.etsumm_ktp_cont {
    background-color: #fff;
}

.etsumm_ktp_tit {
    font-weight: 500;
    color: rgba(0, 63, 136, 1);
    text-align: center;
    margin-bottom: 28px;
}

.etsumm_ktp_cont .std_txt1828 {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: rgba(33, 158, 188, 1);
    margin-bottom: 7rem;
}

.etsumm_ktp_left {
    width: 50%;
}

.etsumm_ktp_left .ys_imgbox_cover {
    border-radius: 0px 0px 80px 0px;
    overflow: hidden;
}

.etsumm_ktp_right {
    width: 28%;
}

.ekfr_tit {
    color: rgba(0, 63, 136, 1);
    margin-bottom: 24px;
}

/* button */
.etsumm_ktp_right .hnct_more {
    width: 125px;
}

.etsumm_ktp_right .hnct_more .std_btn {
    /*background-color: transparent;*/
    border: 1px solid #ffffff;
    transition: all 0.36s;
}

.etsumm_ktp_right .std_btn span {
    color: #ffffff;
    transition: all 0.36s;
}

.etsumm_ktp_right .std_btn .hnct_more_imgbox {
    width: 0.75em;
    margin-left: 0.5em;
    display: inline-block;
    position: relative;
}

.etsumm_ktp_right .std_btn .hnct_more_imgbox img:last-child {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.etsumm_ktp_right .hnct_more .hnct_more_imgbox img {
    transition: all 0.36s;
}

/* button - end */

.etsumm_ktp_item,
.etsumm_ktp_item_con {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10rem;
}

.etsumm_ktp_item_con {
    margin-bottom: 0rem !important;
}

.etsumm_ktp_item:last-child {
    margin-bottom: 0;
    padding-bottom: 45px;
}

.etsumm_ktp_right {
    /*width: 50%;*/
}

.etsumm_ktp_right_tit {
    width: 100%;
    display: flex;
    margin-bottom: 24px;
    align-items: flex-start;
}

.ekrt_ball {
    flex-grow: 1;
    display: flex;
    align-items: center;
    position: relative;
    height: 34px;
}

.ekrt_ball::before {
    content: "";
    flex-grow: 1;
    height: 2px;
    background-color: #666;
}

.ekrt_ball::after {
    content: "";
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #666;
    background-color: #fff;
    z-index: 3;
    transition: all 0.36s 0.36s;
}

.ekrt_ball_child {
    position: absolute;
    width: 0%;
    height: 2px;
    background-color: #666;
    z-index: 2;
    background-color: #003F88;
    transition: all 0.36s;
}

.ekrt_ball_text {
    width: 80%;
    font-weight: 500;
    color: #219EBC;
    flex-shrink: 0;
    margin-left: 4rem;
    transition: all 0.36s;
}

.etsumm_ktp_right .etsumm_ktp_right_text {
    font-size: 18px;
    line-height: 1.75;
    width: 80%;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-bottom: 4rem;
    color: #666;
}

.etsumm_ktp_right_btn {
    width: 80%;
}

/* even - end */
.etsumm_ktp_item:nth-child(even),
.etsumm_ktp_item:nth-child(even) .etsumm_ktp_item_con,
.etsumm_ktp_item:nth-child(even) .etsumm_ktp_right_tit,
.etsumm_ktp_item:nth-child(even) .ekrt_ball {
    flex-direction: row-reverse;
}

.etsumm_ktp_item:nth-child(even) .etsumm_ktp_right_text,
.etsumm_ktp_item:nth-child(even) .etsumm_ktp_right_btn {
    float: left;
}

.etsumm_ktp_item:nth-child(even) .ekrt_ball_text {
    margin-right: 4rem;
    margin-left: 0rem;
    width: initial;
}

/* d1 - end */

/* d2 */
.ethte_main {
    background-color: #f6fbff;
}

.mod_crumbtype2 {
    margin-top: 32px;
}

.mod_crumbtype2 .mod_crumb_list_icon span {
    color: #003F88;
}

.mod_crumbtype2 .mod_crumb_link {
    color: #003F88;
}

.mod_crumb_link {
    opacity: 0.7;
    transition: all 0.36s;
}

.mod_crumb_list_icon span {
    font-size: 12px;
    opacity: 0.7;
}

.mod_crumb_item:first-child {
    opacity: 0.7;
    transition: all 0.36s;
}

.mod_crumb_item:first-child:hover {
    opacity: 1;
}

.mod_crumb_item.mod_crumb_item_active .mod_crumb_link {
    opacity: 1;
}

/* mod_menu */
.mod_menu {
    margin-top: 9rem;
    margin-bottom: 8rem;
}

.mod_menu_list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.mod_menu_list::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e6eafa;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 2;
}

.mod_menu_item {
    width: 25%;
    min-height: 86px;
    background: linear-gradient(101.36deg, rgba(0, 34, 99, 0.8) 0%, rgba(33, 158, 188, 0.8) 100%),
        url(/new/images/D2_img_01-6f0afd327a56a6d86b00d0f4354efa38.jpg) center/cover no-repeat;
    display: flex;
    padding: 0 24px;
    /* color: #fff; */
    color: #003F88;
    position: relative;
    transition: all 0.36s;
    z-index: 1;
    cursor: pointer;
}

.mod_menu_item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    transition: all 0.36s;
    z-index: -1;
}

.mod_menu_item::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #e6eafa;
    top: 0;
    right: 0;
}

.mod_menu_item_con {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;

}

.mod_menu_item:nth-child(4):before {
    opacity: 0;
}

.mod_menu_item:last-child:before {
    opacity: 0;
}

.mod_menu_item.mod_menu_item_active .mod_menu_i