@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-3cd461c722685a0c8ee17f9208384f45.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;
}

.std_spacing1 {
    padding-bottom: 10em;
}

.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;
    /* background: linear-gradient(180deg, rgba(0, 63, 136, 0.6) 0%, rgba(0, 63, 136, 0) 100%); */
}

.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: auto;
}
.mod_head_logo a{
    height: 96px;
}
.mod_head_logo img{
    width: auto;
    height: 100%;
}
.ys_imgbox_cover_def {
    opacity: 0;
}

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

.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: 80px;
}

.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: 4em;
}

.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;
}

.mod_nav_xl {
    display: none;
    position: absolute;
    left: 50%;
    top: calc(100% - 2px);
    transform: translateX(-50%);
    min-width: 32em;
}

.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;
    padding: 2.4em 0;
    border-radius: 16px;
    /* overflow: hidden; */
    background: #fff;
}

.mod_subnav::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: calc(100% - 16px);
    height: 2px;
    background: #002263;
}

.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;
}

.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: #007CC8;
}

.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;
}

.mod_thirnav {
    position: absolute;
    left: calc(100% + 10px);
    top: -2.4em;
    background: linear-gradient(0deg, rgba(0, 150, 255, 0.05), rgba(0, 150, 255, 0.05)), #FFFFFF;
    border-radius: 16px;
    padding: 2.4em 0;
    width: 280px;
}

.mod_thirnav::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 10px;
    height: 100%;
    opacity: 0;
}

.mod_thirnav_a {
    display: flex;
    align-items: center;
    padding: 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: 25em;
}

.home_footer_top_notice {
    margin-top: 10px;
}

.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: 4em;
}

.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;
}

/* 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 {
    min-width: 360px;
}

.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: 50%;
}

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

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

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

.etsumm_ktp_right .std_btn span {
    color: #003F88;
    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_item_con {
    color: #fff;
}

.mod_menu_item.mod_menu_item_active:after {
    opacity: 0;
}

.mod_menu_item.mod_menu_item_noactive .mod_menu_item_con {
    color: #003F88 !important;
}

.mod_menu_item.mod_menu_item_noactive:after {
    opacity: 1;
}

/* mod_menu - end */

/* jumbotron */
.mod_jumbotron {
    max-height: 554px;
    height: 554px;
    /* min-height: 28.85vw; */
    background: linear-gradient(83.74deg, rgba(0, 12, 75, 0.7) 0%, rgba(0, 29, 24, 0.7) 100%),
        url(/new/images/D2_img_09-83bb39abed17b50f15b3d1457c269a78.jpg) center/cover no-repeat;
    border-radius: 0px 0px 12rem 0px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 50px;

    position: relative;
    z-index: 3;
}

.mod_jumbotron {
    margin-bottom: 80px;
}

.mod_jumbotron_cont {
    width: 1040px;
}

.mod_jumbotron_tit {
    letter-spacing: 0.05em;
    color: #42C3FB;
    position: relative;
    padding-bottom: 6px;
    display: inline-block;
    margin-bottom: 3.6rem;
}

.mod_jumbotron_tit::after {
    content: "";
    position: absolute;
    width: 12rem;
    height: 4px;
    bottom: 0px;
    right: 0;
    background-color: #FFFFFF;
    border-radius: 4px;
}

.mod_jumbotron_text {
    font-size: 18px;
    line-height: 1.8;
    color: #fff;
    max-height: 360px;
}

.mod_jumbotron_text .mCSB_outside+.mCSB_scrollTools {
    right: -18px !important;
}

.mod_jumbotron_text .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #42c3fb;
}

.mod_jumbotron_text .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #42c3fb;
}

.mod_jumbotron_text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCSB_outside+.mCSB_scrollTools {
    right: -18px !important;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #42c3fb !important;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #42c3fb !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

/* jumbotron - end */

/* Reaction types */
.mod_list1 {
    position: relative;

    z-index: 1;
}

.mod_list1 {
    padding-bottom: 80px;
}

.mod_list1_bg {
    max-width: 1920px;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    min-width: 600px;
}

.mod_tit {
    font-weight: 500;
    color: rgba(33, 158, 188, 1);
    padding-bottom: 10px;
    border-bottom: 1px solid #003F88;
    margin-bottom: 32px;
}

.mod_list1_item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}

.mod_list1_item:last-child {
    margin-bottom: 0;
}

.mod_list1_item img {
    width: 16px;
    margin-right: 18px;
    margin-top: 6px;
}

.mod_list1_item_text {
    color: #00143C;
    font-weight: 400;
}

/* Reaction types - end */

/* HTE-Capabilities */
.ethte_cap {
    position: relative;
    z-index: 1;
}

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

.ethte_cap_cont_img {
    width: 7.14%;
}

.ethte_cap_cont_img img {
    width: 100%;
    margin-top: 61px;
    transform: translateY(-50%);
}

.ethte_cap_cont ul {
    width: 24.28%;
}

.ethte_cap_ph {
    display: none;
}

.ethte_cap_ph img {
    width: 100%;
}

.ethte_cap_left {}

.ethte_cap_left_item,
.ethte_cap_cen_item,
.ethte_cap_right_item {
    padding: 16px;
    margin-bottom: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 0px 0px 32px 0px;
}

.ethte_cap_left_item:first-child,
.ethte_cap_cen_item:first-child,
.ethte_cap_right_item:first-child {
    min-height: 122px;
    background-color: #219EBC;
    color: #fff;
}

.ethte_cap_left_item:last-child,
.ethte_cap_cen_item:last-child,
.ethte_cap_right_item:last-child {
    margin-bottom: 0;
}

.ethte_cap_cen_item:first-child {
    background-color: #0076CB;
}

.ethte_cap_cen_item:first-child {
    background-color: #003F88;
}

.ethte_cap_left_item:not(:first-child) {
    min-height: 100px;
    color: #219EBC;
    border: 1px solid #219EBC;
}

.ethte_cap_cen_item:not(:first-child) {
    min-height: 162px;
    border: 1px solid #0076CB;
    color: #0076CB;
    margin-bottom: 30px;
}

.ethte_cap_right_item:not(:first-child) {
    min-height: 162px;
    border: 1px solid #003F88;
    color: #003F88;
    margin-bottom: 30px;
}

/* HTE-Capabilities - end */

/* Key Equipment */
.etfc_key {
    position: relative;
}

.etfc_key_slick {
    width: 1160px;
}

.etfc_key_list {
    margin: 0 -20px;
}

.etfc_key_list .slick-list {
    overflow: initial;
}

.etfc_key_item {
    padding: 0 20px;
}

.etfc_key_item_con {
    position: relative;
    border-radius: 0px 0px 40px 0px;
    overflow: hidden;
}

.ekic_text {
    padding: 16px 24px;
    color: #fff;
    background: rgba(0, 63, 136, 0.8);
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.etfc_slick_arrow {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    height: 0px;
}

.etfc_slick_prev,
.etfc_slick_next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(208, 217, 215, 1);
    filter: drop-shadow(0px 0px 8px rgba(0, 34, 99, 0.1));
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.36s;
    color: #fff;
}

.etfc_slick_prev {
    transform: translateX(-50%) translateY(-50%);
    ;
}

.etfc_slick_next {
    transform: translateX(50%) translateY(-50%);
    ;
}

.etfc_key_con {
    position: relative;
}

.etfc_main {
    padding-bottom: 44px;
}

.etbio_main {
    padding-bottom: 44px;
}

/* Key Equipment - end */

/* SFC & NPLC Separation and Purification Lab */
.etpreparative_sfc_subtit {
    font-weight: 500;
    color: rgba(0, 20, 60, 1);
    margin-bottom: 24px;
}

.etpreparative_sfc_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
    margin-bottom: 50px !important;
}

.etpreparative_sfc_item {
    padding: 0 20px;
    width: 50%;
    margin-bottom: 16px;
}

.etpreparative_sfc_item_cont {
    display: flex;
    height: 100%;
}

.esic_left {
    width: 14px;
    flex-shrink: 0;
    margin-right: 16px;
    margin-top: 7px;
}

.esic_left img {
    width: 100%;
}

.esic_right_tit {
    margin-bottom: 4px;
    color: rgba(0, 63, 136, 1);
    font-weight: 500;
}

.esic_right_text {
    color: rgba(102, 102, 102, 1);
}

.etpreparative_sfc_slick {
    width: 1340px;
    position: relative;
}

/* .etpreparative_sfc_slick_list .slick-list {
    overflow: initial;
} */

.etpreparative_sfc_slick_list {
    margin: 0 -20px;
}

.etpreparative_sfc_slick_item {
    padding: 0 20px 0;
}

.essi_con {
    position: relative;
}

.essi_con_tit {
    color: #fff;
    width: 100%;
    padding: 11px;
    border-radius: 0px 0px 20px 0px;
    background-color: rgba(0, 63, 136, 1);
    left: 20px;
    bottom: -22px;
    position: absolute;
    z-index: 1;
}

/* SFC & NPLC Separation and Purification Lab - end */

/* Prep-RPLC */
.etpreparative_prep {
    margin: 0 auto;
    background-color: #ffffff;
}

.etpreparative_prep {
    padding-top: 8rem;
}

.etpreparative_prep_text {
    margin-bottom: 8rem;
}

.etpreparative_prep_capacity {
    display: flex;
    padding-left: calc((100% - 1400px) / 2);
    position: relative;
    z-index: 1;
    align-items: flex-start;
}

.etpreparative_prep_capacity_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    max-width: 1920px;
    left: 50%;
    transform: translateX(-50%);
}

.etpreparative_prep_left {
    width: 100%;
    padding-right: 40px;
}

.etpreparative_prep_primary_tit {
    font-weight: 500;
    margin-bottom: 24px;
    color: #00143C;
}

.etpreparative_prep_item {
    display: flex;
    margin-bottom: 16px;
}

.etpreparative_prep_item_icon {
    width: 14px;
    margin-right: 16px;
    line-height: 29px;
    flex-shrink: 0;
}

.etpreparative_prep_item_icon img {
    width: 100%;
}

.etpreparative_prep_item_text {
    color: #00143C;
}

.etpreparative_prep_right {
    width: 820px;
    flex-shrink: 0;
}

.etpreparative_prep_right img {
    width: 100%;
    border-radius: 0 0 120px 0;
    overflow: hidden;
}

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

/* Prep-RPLC - end */

/* Streamline of Polymorphic Research CMC Services */
.etsolid_streamline {
    position: relative;
    z-index: 1;
}

.etsolid_streamline {
    margin-bottom: 80px;
}

.etsolid_streamline_ph {
    display: none;
}

.etsolid_streamline .mod_tit {
    margin-bottom: 48px;
}

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

.etsolid_streamline_firstline_item {
    width: 14.28%;
    min-height: 112px;
    background-color: #003F88;
    color: #fff;
    border-radius: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    padding: 10px;
}

.esfi_icon {
    position: absolute;
    z-index: 10;
    color: #666666;
    font-size: 60px;
    top: 50%;
    left: 95%;
    transform: translateY(-50%);
}

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

.etsolid_streamline_secondline_item {
    padding: 24px 16px;
    background: #219EBC;
    color: #fff;
    border-radius: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.etsolid_streamline_secondline_item:nth-child(1),
.etsolid_streamline_secondline_item:nth-child(2) {
    width: 22.85%;
}

.etsolid_streamline_secondline_item:nth-child(3) {
    width: 31.42%;
}

.etsolid_streamline_secondline_item:nth-child(4) {
    width: 14.28%;
}

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

.etsolid_streamline_thirdline .etsolid_streamline_secondline_item {
    background-color: #0076CB;
    padding: 11px 16px;
}

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

.etsolid_streamline_fourthline_item {
    width: calc(28.56% + 56px);
    display: flex;
    justify-content: flex-end;
}

.etsolid_streamline_fourthline_cont {
    padding: 11px 16px;
    background: #003F88;
    border-radius: 16px;
    color: #fff;
    text-align: center;
}

/* Streamline of Polymorphic Research CMC Services -end */

/* Why Partner with Chemexpress */
.etsolid_chemecxpress_cont {
    position: relative;
    width: 548px;
    margin: 0 auto;
}

.etsolid_chemecxpress_img {
    width: 100%;
    margin: 0 auto;
}

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

.etsolid_chemecxpress_cont_tit {
    text-align: center;
    color: #003F88;
    font-weight: bold;
}

.etsolid_chemecxpress_center_icon {
    width: 80px;
    margin: 0 auto;
}

.etsolid_chemecxpress_center_img {
    width: 100%;
    text-align: center;
    font-size: 80px;
    margin-bottom: 24px;
}

.etsolid_chemecxpress_item {
    position: absolute;
    display: flex;
    align-items: center;
}

.etsolid_chemecxpress_item_icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 2px 16px rgba(15, 42, 54, 0.04), 0px 4px 50px rgba(15, 42, 54, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 16px;
}

.etsolid_chemecxpress_item_img {
    width: 38px;
    font-size: 38px;
}

.etsolid_chemecxpress_item_text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    width: 380px;
}

.etsolid_chemecxpress_item_text div {
    line-height: 1.6;
    color: #00143C;
    font-weight: 500;
}

.etsolid_chemecxpress_item_text .fr {
    text-align: right;
}

.etsolid_chemecxpress_item:nth-child(3)~li .etsolid_chemecxpress_item_text {
    right: 0;
    left: 100%;
}

.etsolid_chemecxpress_item:nth-child(1) {
    top: 12%;
    left: -2%;
}

.etsolid_chemecxpress_item:nth-child(2) {
    top: 43%;
    left: -2%;
}

.etsolid_chemecxpress_item:nth-child(3) {
    top: 76%;
    left: -2%;
}

.etsolid_chemecxpress_item:nth-child(4) {
    top: 13%;
    left: 81.8%;
}

.etsolid_chemecxpress_item:nth-child(5) {
    top: 43%;
    left: 81.8%;
}

.etsolid_chemecxpress_item:nth-child(6) {
    top: 76%;
    left: 81.8%;
}

/* Why Partner with Chemexpress -end */


/* Continuous reactions */
.etphoto_reactions {
    margin-bottom: 64px;
    position: relative;
}

.etphoto_reactions_list {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.etphoto_reactions_item {
    width: 33.333333%;
    padding: 0 20px;
    margin-bottom: 16px;
}

.etphoto_reactions_cont {
    height: 100%;
    display: flex;
}

/* Continuous reactions - end */

/* Our Capability */
.etphoto_capability {
    position: relative;
    z-index: 1;
}

.etphoto_capability {
    margin-bottom: 80px;
}

.etphoto_capability_cont {
    display: flex;
}

.etphoto_capability_list {
    width: 50%;
}

.etphoto_capability_item {
    margin-bottom: 16px;
}

.etphoto_capability_item_cont {
    display: flex;
}

.etphoto_capability_item_icon {
    line-height: 29px;
    margin-right: 16px;
    width: 14px;
    flex-shrink: 0;
}

.etphoto_capability_item_icon img {
    width: 100%;
}

.etphoto_capability_cont_img {
    width: 50%;
    padding-left: 32px;
    border-radius: 0px 0px 80px 0px;
    overflow: hidden;
}

.etphoto_capability_cont_img img {
    width: 100%;
}

.etphoto_capability_item_text {
    color: #00143C !important;
}

/* Our Capability - end */

/* Key Equipment */
.etphoto_equipment .etphoto_reactions_item {
    width: 50%;
}

.etphoto_equipment .etphoto_reactions_list {
    margin-bottom: 34px;
}

/* Key Equipment -end */

/* spray Our Capability */
.etspray_capability {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.etspray_capability_left {
    width: 50%;
    padding-right: 30px;
}

.etspray_capability_left .std_title20 {
    color: #00143C;
}

.etspray_capability_img {
    width: 50%;
}

.etspray_capability_img img {
    width: 100%;
}

.etspray_capability_bg {
    position: absolute;
    width: 100vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(30%);
    z-index: -1;
    min-width: 600px;
    max-width: 1920px;
}

/* spray Our Capability - end */

/* jumbotron改为编辑器 */
.mod_jumbotron_text p {
    color: #fff;
}

.etpreparative_main {
    background-color: #f6fbff;
}

.etsolid_main {
    background-color: #f6fbff;
}

.etphoto_main {
    background-color: #f6fbff;
}

.etspray_main {
    background-color: #f6fbff;
}

.etfc_main {
    background-color: #f6fbff;
}

.etbio_main {
    background-color: #f6fbff;
}

/* d2 - end */

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

.ys_footer.et_footer {
    margin-top: 0em !important;
}

/* e1 */
.contact_list {
    display: flex;
    flex-wrap: wrap;
}

.contact_item_text {
    color: #00143C;
}

.contact_item_text_email {
    word-break: break-all;
}

.contact_item_tit {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.contact_item_tit_icon {
    width: 36px;
    margin-right: 22px;
}

.contact_item_tit_icon img {
    width: 100%;
}

.contact_item_tit_text {
    color: #219EBC;
}

.contact_item:nth-child(1) {
    margin-right: 10.71%;
    width: 31.42%;
}

.contact_item:nth-child(2) {
    width: 57.85%;
}

.contact_item_list {
    display: flex;
    margin: 0 -20px;
}

.contact_item_list_item {
    width: 33.333333%;
    padding: 0 20px;
}

.cili_cont {
    display: block;
    /* cursor: pointer; */
}

.contact_section {
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

.contact_section_bg {
    position: absolute;
    width: 100vw;
    max-width: 1920px;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.contact_section_bg img {
    width: 100%;
}

.contact_form {
    width: 86.45vw;
    margin-left: calc(0px - (100vw - 1400px) / 2);
    position: relative;
    z-index: 1;
}

.contact_form_bg {
    width: 920px;
    position: absolute;
    right: -15%;
    top: -60px;
    z-index: -1;
}

.contact_form_cont {
    display: flex;
    background-color: #FFFFFF;
    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);
    border-radius: 0px 0px 120px 0px;
}

.contact_form_left {
    width: 37.34%;
    position: relative;
}

.contact_form_left::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(101.36deg, rgba(0, 34, 99, 0.8) 0%, rgba(33, 158, 188, 0.8) 100%);
}

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

.contact_form_left_con {
    width: 1400px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 37.34%;
}

.contact_form_left_text {
    width: 330px;
    color: #fff;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 0.05em;
    position: relative;
}

.contact_form_left_text::after {
    content: "";
    width: 120px;
    height: 6px;
    border-radius: 4px;
    background-color: #42C3FB;
    bottom: -10px;
    z-index: 10;
    position: absolute;
    left: 68px;
}

.contact_form_right {
    width: 62.65%;
    padding: 60px;
    position: relative;
    z-index: 2;
}

.contact_form_right_cont {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.contact_form_item {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 45px;
}

.contact_form_item_con label {
    display: flex;
    margin-bottom: 8px;
}

.cfic_icon {
    font-size: 18px;
    color: #003F88;
    margin-right: 20px;

}

.cfic_icon,
.cfic_icon_key {
    line-height: 26px !important;
    color: #003F88;
}

.cfic_icon_key span {
    color: #FF1D53;
    margin-left: 4px;
}

.contact_form_item input {
    width: 100%;
    font-size: 14px;
    height: 32px;
    border: 1px solid #999999;
    border-radius: 4px;
    padding-left: 10px;
    color: #003F88;
    transition: all 0.36s;
}

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

.contact_form_captcha .contact_form_item_con {
    width: 100%;
}

.contact_form_captcha_img,
.contact_form_captcha_img_sheet{
    width: 192px;
    flex-shrink: 0;
    margin-left: 8px;
}

.contact_form_captcha_img img,
.contact_form_captcha_img_sheet img{
    width: 100%;
}

.contact_form_textarea {
    width: 100%;
}

.contact_form_textarea textarea {
    width: 100%;
    height: 176px;
    padding: 10px;
    border: 1px solid #999999;
    border-radius: 4px;
    color: #003F88;
}

.contact_form_right_cont button {
    width: calc(100% - 40px);
    margin: 0 auto;
    line-height: 53px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #003F88;
    box-shadow: 0px 2px 8px rgba(0, 34, 99, 0.05);
    backdrop-filter: blur(3px);
    border-radius: 32px;
}

.contact_form_right_cont button i {
    margin-left: 8px;
}

/* e1 - end */
.ethte_main,
.etspray_main,
.etsolid_main,
.etpreparative_main,
.etphoto_main,
.etfc_main,
.etbio_main {
    position: relative;
    z-index: 10;
    padding-bottom: 45px;
}

.mod_main_public {
    position: relative;
    z-index: 10;
}

.etpreparative_main {
    margin-bottom: 45px;
    padding-bottom: 0 !important;
}

.mod_main_public::after,
.ethte_main::after,
.etspray_main::after,
.etsolid_main::after,
.etpreparative_main::after,
.etphoto_main::after,
.etfc_main::after,
.etbio_main::after {
    content: "";
    width: 100vw;
    left: 7.29vw;
    position: absolute;
    bottom: -155px;
    border-radius: 0px 0px 0px 200px;
    background-color: #f6fbff;
    height: 336px;
    z-index: -1;
}

.etpreparative_main::after {
    background-color: #fff;
}

.contact_main {}

.contact_main .mod_frame::after {
    height: 100%;
    pointer-events: none;
}

.etsumm_ktp_item .std_btn::before {
    background: #003F88;
}

.ekrt_ball_text {
    position: relative;
}

.ekrt_ball_text::after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #003F88;
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -moz-background-clip: text;
    color: transparent;
    clip-path: inset(0% 100% 0% 0%);
    transition: all 0.36s;
}


/* mod */
.mod_tit2 {
    position: relative;
    font-weight: 500;
    color: #003F88;
    display: inline;
}

.mod_tit2::after {
    content: "";
    position: absolute;
    bottom: -16px;
    right: 0;
    width: 120px;
    height: 6px;
    border-radius: 4px;
    background: #42C3FB;
}
.mod_tit3 {
    font-weight: 500;
    color: #219EBC;
    margin-bottom: 32px;
}
.mod_tit4{
    color: #053e84;
    font-size: 30px;
}
.mod_cont1 {
    position: relative;
    z-index: 2;
}

.mod_cont1 .mod_tit3 {
    color: #42C3FB;
}

.mod_cont1_primary {
    max-width: 1660px;
    border-radius: 120px 0px;
    overflow: hidden;
}

.mod_cont1_primary {
    display: flex;
}

.mod_cont1_left {
    flex-grow: 1;
    background: #003F88;
    display: flex;
    align-items: center;
    padding: 50px;
}

.mod_cont1_left_con {
    width: 600px;
}


.mod_cont1_right {
    width: 940px;
    flex-shrink: 0;
}

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

.discovery_synthetic_icon {
    width: 16px;
    margin-right: 9px;
    flex-shrink: 0;
}


/* mod_list2 */
.mod_list2_item {
    display: flex;
    margin-bottom: 16px;
}

.mod_list2_item:last-child {
    margin-bottom: 0;
}

.mod_list2_item_icon {
    flex-shrink: 0;
    font-size: 16px;
    margin-right: 9px;
    line-height: 26px;
}

.mod_list2_item_text {
    color: #00143C;
}





.ys_page_header_type1 .ys_hd_pc {
    height: 128px;
}

.ys_page_header_type1 .ys_hd_pc {
    height: 128px;
}

.ys_page_header_type1 .ys_hd_pc .mntl_a,
.ys_page_header_type1 .ys_hd_pc .mntl_btn,
.ys_page_header_type1 .ys_hd_pc .mnts_btn {
    color: #002263;
}

.ys_page_header_type1 .ys_hd_pc .ys_imgbox_cover_def {
    opacity: 1;
}

.ys_page_header_type1 .ys_hd_pc .ys_imgbox_cover_white {
    opacity: 0;
}

/* aside */
.mod_aside {
    width: 86px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 100;
}

.mod_aside_list {
    transition: all 0.36s;
    box-shadow: 0px 0px 24px rgba(3, 37, 102, 0.1), 0px 0px 16px rgba(3, 37, 102, 0.15);
}

.mod_aside_item {
    width: 100%;
    background-color: #003F88;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.mod_aside_item .mod_aside_item_con {
    display: block;
    padding: 14px 0 12px;
}

.mod_aside_item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(50%);
    width: 100%;
    height: 1px;
    border-radius: 1px;
    background-color: #fff;
}

.mod_aside_item:last-child:after {
    display: none;
}

.mod_aside_email::before,
.mod_aside_tel::before {
    content: "";
    position: absolute;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid #fff;
    border-right: none;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.36s;
}

.mod_aside_item::before {
    content: "" !important;
}

.mod_aside_email:hover:before,
.mod_aside_tel:hover:before {
    opacity: 1;
}

.mod_aside_email,
.mod_aside_tel {
    cursor: default;
}

.mod_aside_item img {
    width: 24px;
    margin-bottom: 2px;
}

.mod_aside_item_con .iconfont {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    transform: rotate(180deg);
    margin-bottom: 8px;
}

.mod_aside_item_text {
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
}

.mod_aside_secondary {
    width: 242px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 2px 16px rgba(15, 42, 54, 0.04), 0px 4px 50px rgba(15, 42, 54, 0.05);
    border-radius: 2px;
    right: calc(100% + 16px);
    top: 0;
    padding: 20px;
    opacity: 0;
    transition: all 0.36s;
    pointer-events: none;
    min-height: 100%;
    display: flex;
    align-items: center;
}

.mod_aside_item.mod_aside_secondshow .mod_aside_secondary {
    opacity: 1;
    pointer-events: auto;
}

.mod_aside_secondary_item {
    text-align: left;
    margin-bottom: 16px;
}

.mod_aside_secondary_item:last-child {
    margin-bottom: 0;
}

.mod_aside_secondary::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 100%;
    left: 100%;
    top: 0;
    background-color: transparent;
}

.masi_tit {
    font-size: 18px;
    line-height: 1.8;
    font-weight: 500;
    color: #219EBC;
}

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

.masi_text img {
    width: 16px;
    margin-right: 8px;
}

.masi_text p {
    font-size: 16px;
    line-height: 1.8;
    color: #00143C;
}

.mod_aside {
    transform: translateX(100%) translateY(-50%);
    transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
}

.mod_aside.start {
    transform: translateX(0) translateY(-50%);
}

.mod_aside.start.end {
    transform: translateX(100%) translateY(-50%);
}

/* aside - end*/

/* 表单弹窗 */
.mod_formpop {}

.mod_form_pop .ys_modal_content {
    width: 772px;
    padding: 40px 50px 8px;
    border-radius: 2px;
    box-shadow: 0px 2px 16px rgba(15, 42, 54, 0.04), 0px 4px 50px rgba(15, 42, 54, 0.05);
}

.mod_form_pop .contact_form_item {
    position: relative;
    width: 50%;
    padding: 0 16px;
    margin-bottom: 32px;
}

.mod_form_pop .contact_form_right_cont {
    margin: 0 -16px;
}

.mod_form_pop .contact_form_textarea {
    width: 100%;
}

.mod_form_pop .contact_form_captcha_img,
.mod_form_pop .contact_form_captcha_img_sheet{
    width: 150px;
}

/*.mod_form_pop .contact_form_item:last-child {*/
/*    display: flex;*/
/*    align-items: flex-end;*/
/*}*/

.contact_form_item_con {
    width: 100%;
}

.mod_form_pop .contact_form_right_cont button {
    width: 100%;
}

.mod_formpop_tit {
    font-size: 28px;
    font-weight: 500;
    color: #003F88;
    position: relative;
    margin-bottom: 36px;
    padding-bottom: 8px;
}

.mod_formpop_tit::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #003F88;
    left: 0;
    bottom: 0;
}

.mod_formpop_tit .ys_modal_close {
    position: absolute;
    top: -2px;
    right: 0;
}

.mod_form_pop .contact_form_item_con .iconfont {
    font-size: 24px;
    display: inline-block;
    transform: translateY(2px);
}






/* 表单弹窗-end */



.home_form_mark {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    z-index: 100;
    display: none;
}

.home_form_mark_con {
    margin: 0 auto;
}

.mod_modal_submit {
    z-index: 9999;
}

.mod_modal_submit .ys_modal_content {
    background-color: #fff;
    width: 640px;
    height: 360px;
    border-radius: 24px;
    padding: 66px 20px 20px;
}

.mod_modal_submit .ys_modal_close {
    right: 20px;
    top: 20px;
}

.home_form_mark_img {
    width: 90px;
    margin: 0 auto 45px;
}

.home_form_mark_img img {
    width: 100%;
}

.home_form_mark_text {
    text-align: center;
    color: #003F88;
    font-size: 32px;
    line-height: 1.5;
}

.home_form_mark_time {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 22px;
    color: #666666;
    text-align: center;
}

.home_form_mark_time span {
    color: #003F88;
    margin-right: 16px;
}

/* mod - end */


/* c1 */
.discovery_synthetic {
    background-color: transparent;
    position: relative;
    z-index: 11;
    padding-left: calc((100% - 1400px) / 2);
    background-color: #f6fbff;
}

.ys_page_discovery .mod_frame::after {
    background-color: #f6fbff;
}

.ys_index_cmc .discovery_synthetic,
.ys_page_rod .discovery_synthetic {
    background-color: #fff;
}


.mod_flat1 {
    position: relative;
    z-index: 11;
    padding-left: calc((100% - 1400px) / 2);
}

.discovery_synthetic_item {
    display: flex;
    margin-bottom: 16px;
}

.discovery_synthetic_item:last-child {
    margin-bottom: 0;
}

.discovery_synthetic_icon {
    line-height: 28px;
}

.discovery_synthetic_item_tit {
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 8px;
}

.discovery_synthetic_item_text {
    font-size: 18px;
    line-height: 1.75;
    color: #fff;
}

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

.discovery_partner_bg {
    position: absolute;
    width: 100vw;
    top: 0;
    right: 0;
    top: 55%;
    transform: translateY(-50%);
    z-index: -1;
}

.discovery_partner_cont {
    width: 1400px;
}


.discovery_partner_section {
    margin-bottom: 40px;
}

.discovery_partner_section:last-child {
    margin-bottom: 0;
}

.discovery_partner_section_titbox {
    display: flex;
    padding-bottom: 8px;
    border-bottom: 1px solid #00143C;
    margin-bottom: 24px;
}

.dpst_icon {
    width: 48px;
    font-size: 48px;
    transform: translateY(-8px);
    margin-right: 22px;
}

.dpst_text {
    font-weight: 500;
    color: #00143C;
}

.discovery_partner_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.discovery_partner_item {
    width: 50%;
    width: 50%;
    padding: 0 20px;
}

.discovery_partner_item_cont {
    height: 100%;
    display: flex;
}

.dpic_icon {
    flex-shrink: 0;
    width: 16px;
    margin-right: 9px;
    line-height: 26px;
}

.dpic_icon img {
    width: 100%;
}

.dpic_text {
    font-size: 18px;
    line-height: 1.75;
}

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

.discovery_medicinal {
    position: relative;
    z-index: 99;
    background-color: #fff;
}

.discovery_medicinal .discovery_synthetic_icon {
    line-height: 26px;
}

.discovery_medicinal_bg {
    position: absolute;
    width: 920px;
    top: -20px;
    right: 0;
    z-index: -1;
}

.discovery_medicinal_bg img {
    width: 100%;
}


.discovery_team {
    background-color: #f6fbff;
    position: relative;
    z-index: 11;
}

.discovery_team_bg {
    position: relative;
}

.discovery_team_bg:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(83.74deg, rgba(58, 98, 129, 0.4) 0%, rgba(15, 104, 231, 0.4) 100%);
}

.discovery_team_tit {
    color: #fff;
}

.discovery_team .ys_pos_center {
    z-index: 2;
    top: 40%;
}

.discovery_team_primary {
    margin-top: -123px;
    position: relative;
    z-index: 2;
}

.discovery_team_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.discovery_team_item {
    padding: 0 20px;
    width: 33.333333%;
}

.discovery_team_item_cont {
    height: 100%;
    background-color: #fff;
    padding: 32px;
    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);
    border-radius: 0px 0px 80px 0px;
    overflow: hidden;
    position: relative;
}

.discovery_team_item_tit {
    color: #219EBC;
    font-size: 74px;
    line-height: 1.2;
    position: relative;
    margin-bottom: 8px;
}

.discovery_team_item_tit::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #D9D9D9;
    border-radius: 1px;
}

.discovery_team_item_tit::before {
    content: "";
    width: 96px;
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #219EBC;
    border-radius: 1px;
    z-index: 1;
}

.discovery_team_item_tit span {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
}

.discovery_team_item_text {
    font-size: 18px;
    line-height: 2;
    color: #00143C;
}

.discovery_team_item_bg {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.discovery_medicinal_chem {
    width: 1400px;
}


.discovery_medicinal_chem,
.discovery_partner {
    padding-top: 80px;
}

/* c1-end */

/* c2 */
.process_inter {
    position: relative;
    z-index: 11;
    background-color: #fff;
}

.process_inter .discovery_synthetic_icon {
    line-height: 24px;
}

.process_inter_partner {
    position: relative;
    padding-top: 40px;
}

.process_inter_partner .mod_list1_bg {
    top: auto;
    bottom: 0;
    z-index: -1;
    transform: translateX(-50%) translateY(80%);
}


.mod_technique {
    padding-top: 80px;
     /*width: 1400px;*/
}

.mod_technique_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.mod_technique_tit .mod_tit3 {
    margin-bottom: 0;
}


.mod_technique_arrow {
    /* margin-top: 26px; */
    width: 136px;
}

.mod_technique_list {
    margin: 0 -20px;
}

/* .mod_technique_list .slick-list {
    overflow: initial;
} */

.mod_technique_item {
    padding: 0 20px;
}

.mod_technique_cont {
    display: block;
    height: 100%;
    position: relative;
    border-radius: 0px 0px 40px 0px;
    overflow: hidden;
}

.mod_technique_cont_bottom {
    background: linear-gradient(180deg, rgba(73, 73, 73, 0) 0%, rgba(0, 0, 0, 0.64) 62.29%, rgba(0, 0, 0, 0.64) 68.54%);
    position: absolute;
    z-index: 1;
    width: 100%;
    min-height: 120px;
    bottom: 0;
    left: 0;
    padding: 22px 24px;
}

.mtcb_tit {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.mtcb_more {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 16px;
}

.mtcb_more_text {
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
    margin-right: 8px;
}

.mtcb_more img {
    width: 12px;
}

.mod_technique_cont_bottom::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.36s;
    z-index: -1;
    opacity: 0;
    background: url(/new/images/c2_img_bottombg-03c475bea4706a076d57e2209635933e.png) center/cover no-repeat;
}

.mod_technique_cont:hover .mod_technique_cont_bottom::after {
    opacity: 1;
}


.mod_technique_arrow .etfc_slick_prev,
.mod_technique_arrow .etfc_slick_next {
    transform: none;
}

.process_formulation {
    background-color: #f6fbff;
}

.process_formulation_primary {
    width: 1400px;
}

.process_formulation_offer_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.process_formulation_offer_item {
    padding: 0 20px;
    width: 50%;
}

.pfoi_cont {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.pfoi_cont .ys_imgbox_cover {
    flex-shrink: 0;
    border-radius: 0px 0px 120px 0px;
    overflow: hidden;
}

.pfoi_cont_suspend {
    width: 88.23%;
    flex-grow: 1;
    background-color: rgba(0, 63, 136, 0.8);
    border-radius: 16px;
    padding: 32px;
    margin-top: -27.94%;
    position: relative;
    z-index: 1;
}

.pfoi_cont_suspend_tit {
    font-weight: 500;
    color: #42C3FB;
    margin-bottom: 24px;
}

.pfoi_cont_suspend_item {
    margin-bottom: 8px;
    display: flex;
    align-items: flex-start;
}

.pfoi_cont_suspend_item img {
    flex-shrink: 0;
    width: 16px;
    margin-right: 8px;
    margin-top: 5px;
}

.pcsi_text {
    color: #fff;
}

.process_partner {
    padding: 80px 0 0;
    position: relative;
    z-index: 1;
}

.process_partner_bg {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}



.std_1400 {
    width: 1400px;
}

.process_formulation_fac {
    padding-top: 80px;
}

.process_formulation_oral {
    margin-bottom: 85px;
}

.process_formulation_oral_bg {
    overflow: hidden;
}

.process_formulation_oral_bg img {
    width: 85.54%;
}

.process_formulation_oral_cont {
    position: relative;
    z-index: 1;
    margin-top: -175px;
}

.process_formulation_oral h4,
.process_formulation_semi h4 {
    color: #00143C;
    font-weight: bold;
    margin-bottom: 40px;
}



.process_formulation_oral_fristlistbox {
    padding: 32px 95px;
    background-color: #fff;
    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);
    border-radius: 0px 0px 48px 0px;
    margin-bottom: 50px;
}

.process_formulation_oral_fristlist {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.process_formulation_oral_fristitem {
    text-align: center;
    flex: 1;
    flex-shrink: 0;
    position: relative;
    padding: 0 10px;
}

.process_formulation_oral_fristitem::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 80px;
    border-radius: 1px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #99b2cf;
}

.process_formulation_oral_fristitem:last-child:after {
    display: none;
}

.process_formulation_oral_fristitem .ys_imgbox_cover {
    width: 80px;
    margin: 0 auto;
}

.pfof_tit {
    margin: 16px 0 2px;
    color: #00143C;
    text-align: center;
    font-weight: 500;
}

.pfof_text {
    font-size: 16px;
    line-height: 1.8;
    color: #219EBC;
}

.process_formulation_oral_secondlistbox {
    margin-bottom: 50px;
}

.process_oral_secondlist {}

.process_oral_seconditem {
    padding: 16px 0;
    border-bottom: 1px solid #c5d5e7;
}

.process_oral_seconditem:first-child {
    padding-top: 0;
}

.process_oral_seconditem_list {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
}

.process_oral_seconditem_item {
    /* flex: 1; */
    width: 25%;
    padding: 0 10px;
}

.process_formulation_semi .process_oral_seconditem_item {
    width: 33.333333%;
}

.posi_cont {
    position: relative;
    padding-left: 24px;
    font-size: 16px;
    line-height: 1.8;
    color: #666666;
}

.posi_cont::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
    background-color: #219EBC;
}

.process_formulation {
    padding-bottom: 45px;
}

.ys_page_process .mod_frame {
    padding-top: 0;
}

.ys_page_process .process_inter {
    padding-top: 15rem;
    background-color: transparent;
}

.process_inter_cont {
    background-color: #fff;
}

/* c2-end */

/* c4- */

.adc_main .ys_ban_text {
    top: 24%;
}

.adc_ban_cont {
    position: absolute;
    bottom: 5.2%;
    left: 0;
    width: 100%;
    z-index: 1;
}

.adc_ban_crumb {
    margin-bottom: 16px;
}

.mod_crumb_width .mod_crumb_list_icon,
.mod_crumb_width .mod_crumb_list_icon {
    color: #fff;
}

.mod_crumb_width .mod_crumb_link {
    color: #fff;
}

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

.abpr_tit {
    font-weight: 500;
    color: #42C3FB;
    margin-bottom: 32px;
    letter-spacing: 0.05em;
}

.abpr_tit_text p {
    color: #fff;
    margin-bottom: 12px;
}

.adc_ban_priamry_left {
    width: 42.7%;
}

.adc_ban_priamry_right {
    width: 41.66%;
    margin-left: 40px;
}

.adc_platform {
    background-color: #f6fbff;
}

.adc_platform_flex {
    display: flex
}

.adc_platform_table_left {
    width: 233px;
    flex-shrink: 0;
    background: #003F88;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 16px;
}

.adc_platform_table_right {
    flex-grow: 1;
    position: relative;
}


.adc_platform_list_line1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 98%;
    display: flex;
    align-items: center;
}

.adc_platform_list_line1::before {
    content: "";
    height: 6px;
    width: 100%;
    background: linear-gradient(90deg, #0066FF 0%, #B5B3FB 99.95%);
}

.adc_platform_list_line1 img {
    width: 30px;
    flex-shrink: 0;
}

.adc_platform_list_line2 {
    line-height: 60px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 98%;
    height: 60px;
    background-color: #219EBC;
    clip-path: polygon(0% 0%, calc(100% - 32px) 0%, 100% 50%, calc(100% - 32px) 100%, 0% 100%);
}

.apll_item {
    width: 18px;
    height: 18px;
    filter: drop-shadow(0px 0px 6px rgba(3, 37, 102, 0.05)) drop-shadow(0px 0px 4px rgba(3, 37, 102, 0.16));
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* left: 108px; */
    border-radius: 50%;
    background: linear-gradient(180deg, #FFFFFF 36.25%, #89A2F4 100%);
}

.apll_item:nth-child(2) {
    left: 9.47%;
}

.apll_item:nth-child(3) {
    left: 24.56%;
}

.apll_item:nth-child(4) {
    left: 39.29%;
}

.apll_item:nth-child(5) {
    left: 75.43%;
}



.apll_item::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #002DCB;
}

.apll_item_con {
    position: absolute;
    min-width: 90px;
    bottom: calc(100% + 2px);
    left: 50%;
    transform: translateX(-50%);
    padding: 3px 16px;
    border-radius: 80px;
    background-color: #fff;
    color: #003F88;
    white-space: nowrap;
}

.apll_item_con::after {
    content: "";
    position: absolute;
    border-top: 8px solid #fff;
    border-bottom: none;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    top: 99%;
    left: 50%;
    transform: translateX(-50%);
}



.adc_platform_list {
    display: flex;
}

.adc_platform_item {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.adc_platform_th .adc_platform_item {
    min-height: 93px;
    background-color: #003F88;
}

.adc_platform_th {
    margin-bottom: 24px;
}

.adc_platform_th .adc_platform_table_right {
    border-radius: 16px;
    overflow: hidden;
}

.adc_platform_th .adc_platform_table_left {
    opacity: 0;
}

.adc_platform_tr {
    overflow: hidden;
    border-radius: 80px;
    min-height: 120px;
    margin-bottom: 24px;
}

.adc_platform_tr .adc_platform_table_right {
    background-color: #e5f5ff;
}

.adc_platform_tf .adc_platform_table_left {
    opacity: 0;
}

.adc_platform_tf {}

.adc_platform_list {
    height: 100%;
}

.adc_platform_tf .adc_platform_list {

    min-height: 135px;
    text-align: center;
}

.adc_platform_tf .adc_platform_item {
    color: #00143C;
}

.adc_platform_tf .adc_platform_table_right {
    background-color: #b5efef;
    border-radius: 16px;
    overflow: hidden;
}

.adc_platform_list .adc_platform_item {
    border-left: 1px solid #fff;
    padding: 24px 10px;
}

.adc_platform_tf .adc_platform_item {
    border: none;
}



.adc_capacity {
    width: 100%;
    max-height: 660px;
    position: relative;
    display: flex;
    align-items: center;
    background: url(https://file.chemexpress.com.cn/upload/c4_img_02-384aede4e6ca156d352ba9bc5dcd2fe7.jpg) center/cover no-repeat;
}


.adc_capacity_bg {
    position: absolute;
    width: 478px;
    left: 0;
    top: 50%;
    transform: translate(-66%, -50%);
}

.adc_capacity_left_tit {
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
}

.adc_capacity_left_subtit {
    margin-bottom: 24px;
    color: #42C3FB;
}

.adc_capacity_left_text p {
    color: #fff;
    margin-bottom: 12px;
}

.adc_capacity_cont {
    display: flex;
    height: 100%;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.adc_capacity_left {
    width: 65.71%;
    flex-shrink: 0;
}

.adc_capacity_right {
    width: 34.07%;
    flex-shrink: 0;
    margin-left: 90px;
}

.adc_capacity_right_item {
    position: relative;
    padding: 24px 0;
}

.adc_capacity_right_item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(217, 217, 217, 0) 100%, rgba(255, 255, 255, 0) 100%);
    ;
    left: 0;
    bottom: 0;
}

.adc_capacity_right_item:last-child:after {
    display: none;
}

.adc_capacity_right_item:first-child {
    padding-top: 0;
}

.adc_capacity_right_item:last-child {
    padding-bottom: 0;
}

.acri_tit {
    color: #B5B3FB;
    margin-bottom: 8px;
    font-weight: 500 !important;
}

.acri_text {
    color: #fff;
}

.adc_clients {
    padding-top: 80px;
    background-color: #f6fbff;
    position: relative;
    z-index: 1;
}




.adc_clients_swiper>.swiper-wrapper {
    -webkit-transition-timing-function: linear;
    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.adc_clients_swiper.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: linear;
    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}

.adc_clients_swiperbox {
    width: 1450px;
}

.adc_clients_swiper {
    margin: 0 -20px;
}

.adc_clients_item {
    padding: 0 20px;
}

.adc_clients_swiperbox .swiper-container {
    overflow: inherit;
}



/* c4-end */

/* c5 */
.rod_oligo {
    background-color: #f6fbff;
}

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

.rod_oligo_left {
    width: 620px;
    flex-shrink: 0;
}

.rod_oligo_right {
    flex-grow: 1;
    padding-left: 10px;
}

.rod_oligo_item {
    margin-bottom: 85px;
}

.rod_oligo_item:last-child {
    margin-bottom: 0;
}

.rod_oligo_item_tit {
    padding-bottom: 8px;
    border-bottom: 1px solid #00143C;
}

.rod_oligo_item_tit {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.roit_icon {
    width: 40px;
    margin-right: 10px;
    display: none;
}

.rod_oligo_item_tit .std_title28 {
    color: #219EBC;
    font-weight: 500;
}

.rod_oligo_item_ul {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
}

.rod_oligo_item_li {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 16px;
}

.roil_cont {
    display: flex;
    height: 100%;
}

.roil_cont_icon {
    width: 16px;
    margin-right: 16px;
    flex-shrink: 0;
    margin-top: 6px;
}

.roil_cont_text {
    color: #666666;
}

.rod_partner_cen {
    width: 474px;
    margin: 110px auto 0;
    position: relative;
}

.rod_partner_img,
.rod_partner_img img {
    width: 100%;
}

.rod_partner .mod_tit2 {
    margin-bottom: 110px;
}

.rpci_tit {
    position: relative;
    color: #219EBC;
    font-weight: 500;
    padding-bottom: 8px;
    text-align: right;
    border-bottom: 1px solid #00143C;
    margin-bottom: 16px;
}

.rpci_icon {
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 100%;
    left: 100%;
    transform: translateY(-50%);
    border: 1px solid #00143C;
}

.rpci_icon img {
    width: 48px;
}

.rpci_text {
    color: #666;
}

.rpci_text span {
    color: #002DCB;
    font-weight: 500;
}

.rod_partner {
    padding-bottom: 195px;
}

.rod_partner_cen_itemspe .rpci_icon {
    right: 100%;
    left: inherit;
}

.rod_partner_cen_itemspe .rpci_tit {
    text-align: left;
}

.rod_partner_cen_item {
    width: 490px;
}

.rod_partner_cen_item:nth-child(2) {
    width: 410px;
}

.rod_partner_cen_item:nth-child(4) {
    width: 445px;
}

.rpci_item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
}

.rpci_item_img {
    width: 16px;
    margin-right: 16px;
    display: flex;
    margin-top: 8px;
    flex-shrink: 0;
}

.rpci_item_img img {
    width: 100%;
}

.rpci_item_text {
    color: #666666;
}

.rpci_item_text span {
    color: #002DCB;
    font-weight: 500;
}

.rod_partner_cen_item {
    position: absolute;
}

.rod_partner_cen_item:nth-child(1) {
    top: -10%;
    right: 78%;
}

.rod_partner_cen_item:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
    right: 112%;
}

.rod_partner_cen_item:nth-child(3) {
    top: 93%;
    right: 78%;
}

.rod_partner_cen_item:nth-child(4) {
    left: 104%;
    top: 15%;
}

.rod_equipment {
    background-color: #f6fbff;
    padding-bottom: 45px;
}


.rod_equipment_section {
    margin-bottom: 40px;
}

.rod_equipment_section_tit {
    color: #219EBC;
    padding-bottom: 16px;
    border-bottom: 1px solid #219EBC;
    margin-bottom: 24px;
    font-weight: 500;
}

.rod_equipment_section_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.rod_equipment_section_item {
    width: 33.333333%;
    padding: 0 20px;
    margin-bottom: 16px;
}

.resi_cont {
    display: flex;
    height: 100%;
}

.resi_cont_img {
    width: 16px;
    margin-right: 16px;
    margin-top: 6px;
    flex-shrink: 0;
}

.resi_cont_img img {
    width: 100%;
}

.resi_cont_text {
    color: #003F88;
    font-weight: 500;
}

.rod_equipment {
    position: relative;
    z-index: 11
}

.rod_equipment .etpreparative_sfc_slick {
    margin-top: 40px;
}

/* c5-end */

/* c8 */
.cmc_main .discovery_synthetic {}

.cmc_process {
    background-color: #f6fbff;
    position: relative;
    z-index: 11;
}

.discovery_cont {
    padding-bottom: 45px;
}

/* c8-end */

/* c9 */
.analy_offer {
    padding-top: 80px;
    position: relative;
}

.analy_offer_ph {
    display: none;
}

.analy_offer_cont {}

.analy_partner {
    padding-bottom: 80px;
}

.analy_partner_list {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.analy_partner_item {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 16px;
}

.analy_partner_item_cont {
    display: flex;
}

.apic_icon {
    flex-shrink: 0;
    width: 16px;
    margin-right: 12px;
    margin-top: 5px;
}

.apic_cont {
    flex-grow: 1
}

.apic_cont_tit {
    color: #003F88;
    font-weight: 500;
    margin-bottom: 4px;
}

.apic_cont_text {
    font-size: 16px;
    line-height: 1.8;
    color: #666666;
}

.apic_cont_list {}

.apic_cont_item {
    font-size: 16px;
    line-height: 1.8;
    color: #666;
    display: flex;
}

.apic_cont_item::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #666666;
    display: block;
    margin-bottom: 3px;
    margin-right: 8px;
    margin-top: 11px;
}

.analy_cont {
    padding-bottom: 45px;
    position: relative;
    z-index: 11;
}

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

.ys_index_analy .mod_frame_dowm::after {
    background-color: #fff;
}

/* c9-end */



/* carter - end */

/* macro start */
.qei_cont {
    position: relative;
    z-index: 11;
}

.mod_section_wrap {
    position: relative;
    z-index: 12;
}

.ys_page_bg1 .mod_frame::after,
.ys_page_bg1 {
    background: #F6FBFF;
}

.mod_page {
    margin-top: 30px;
}

.pc_fenye li {
    width: 34px;
    height: 34px;
    line-height: 32px;
    border-radius: 4px;
    border: 1px solid #003F88;
    margin: 0 8px;
}

.pc_fenye li.activepage {
    background: #003F88;
}

.comp-tabli.comp-tabli-ellipsis li,
.comp-tabli.comp-tabli-ellipsis {
    border: 0;
    pointer-events: none;
}

.productlist_right_tip.std_spacing2 {
    padding-top: 8em;
}

.productlist_tip_text.std_txt1628 p {
    color: #999;
}

.productdet_mmae_total_text.std_txt1828 {
    color: #00143C;
}

/* @anchor */
.mod_aside_anchor {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 50%;
    transform: translateX(-100%) translateY(-50%);
    width: 180px;
    transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    background: #E6ECF4;
}

.mod_aside_anchor.start {
    transform: translateX(0%) translateY(-50%);
}

.mod_aside_anchor.start.end {
    transform: translateX(-100%) translateY(-50%);
}

.mod_aside_anchor_item {
    position: relative;
    z-index: 1;
    font-size: 16px;
    line-height: 1.5;
    padding: 1em 1.2em;
    color: #003F88;
    cursor: pointer;
    transition: all .36s;
}

.mod_aside_anchor_item::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: -1;
    transform: translateX(-50%);
    width: calc(100% - 2.4em);
    height: 1px;
    background: rgba(0, 63, 136, 0.4);
}

.mod_aside_anchor_item.on {
    color: #fff;
    background: #003F88;
}

.qei_qcp1_txt1 {
    margin-bottom: 16px;
}

.qei_qcp1_txt1 p {
    color: #219EBC;
}

.qei_qcp1_container {
    display: flex;
}

.qei_qcp1_l {
    width: calc(100% - 600px);
    padding-right: 8em;
}

.qei_qcp1_r {
    width: 600px;
    height: 400px;
    padding-top: 6em;
}

.qei_qcp1_list {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 90%;
}

.qei-logo-list {
    display: flex;
    margin-left: 30px;
    gap: 30px;
    height: fit-content;
    padding-top: 13em;
}

@media (width < 768px) {
    .qei_qcp1_list {
        width: 100%;
    }

    .qei_qcp1_r {
        height: auto;
    }
}

.qei_qcp1_list::after,
.qei_qcp1_list::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.qei_qcp1_list::after {
    left: 50%;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg, rgba(0, 34, 99, 0), #002263 20%, #002263 80%, rgba(0, 34, 99, 0));
}

.qei_qcp1_list::before {
    left: 50%;
    width: 1px;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 34, 99, 0), #002263 20%, #002263 80%, rgba(0, 34, 99, 0));
}

.qei_qcp1_item {
    width: 50%;
    height: 50%;
    display: flex;
    padding: 16px 30px;
}

.qei-logo-item {
    align-self: center;
}

.qei_qcp1_item:nth-child(even) {
    justify-content: flex-end;
}

.qei_qc_part1.std_spacing1 {
    padding-bottom: 6em;
}

.qei_qcp1li_top.std_title48 {
    font-weight: normal;
    color: #42C3FB;
}

.qei_qcp1_itembox {
    width: 200px;
    max-width: 100%;
    text-align: center;
}

.qei_qcp1_txt2.std_txt1828 p {
    color: #00143C;
}

.qei_qcp2_item {
    width: auto !important;
    margin-right: 14em;
}
.company-info-wrap .std_arrow{
    background-color: transparent;
    box-shadow: none;
    border: 0;
}
.company-info-wrap .std_arrow::before{
    color: #002263;
}
.company-info-wrap .swiper-button-disabled.std_arrow::before{
    color: #D0D9D7;
}
.company-info-wrap #qei_qcp2_swiper .std_arrow_prev{
    left: 0;
    top: 65%;
}
.company-info-wrap #qei_qcp2_swiper .std_arrow_next{
    top: 65%;
}
.company-info-wrap .proje_cont_tit{
    padding-bottom: 50px;
}
.company_item:nth-child(odd) .qei_qcp2_month {
    bottom: auto;
    top: 0;
    display: flex;
    align-items: flex-end;
}

.company_item:nth-child(odd) .qei_qcp2_month_list {
    padding-top: 0;
    padding-bottom: 4em;
}

.company_item:nth-child(odd) .qei_qcp2_year::before {
    display: none;
}
.company_item .company_wrap_info::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, #2ca3bf 0%, rgba(150, 209, 252, 0) 100%);
}
.company-info-wrap .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #0d0f65 !important;
}
.company_item:nth-child(odd) .qei_qcp2_month_item {
    display: flex;
    flex-direction: column-reverse;
}

.company_item:nth-child(even) .qei_qcp2_month_img {
    margin-top: 0;
    margin-bottom: 12px;
}

.company_item .qei_qcp2_month{
    width: 310px;
}
.company_item .qei_qcp2_month_list{
    margin-left: -20px;
}
.company_item .qei_qcp2_month_title{
    text-align: left;
}
.company_item .pcwt_li_tim span{
    display: inline-block;
    margin: 0;
}

.company_item .qei_qcp2_month_text{
    padding-left: 30px;
}
@media screen and (max-width: 767px){
    .company-info-wrap .swiper-wrapper{
        flex-direction: column;
        row-gap: 248px;
    }
    .company-info-wrap .company_item .qei_qcp2_month{
        top: 30px;
        height: 248px;
        align-items: flex-start;
    }
    .company-info-wrap .qei_qcp2_spcing{
        height: 0;
    }
    .company-info-wrap .company_item:last-child .qei_qcp2_itembox .qei_qcp2_spcing:last-of-type{
        height: 248px;
    }
    .company_item:nth-child(odd) .qei_qcp2_month_list{
        padding-top: 4em;
    }
    .qei_qcp2_linebox{
        display: none;
    }
    .company_item .qei_qcp2_month_list{
        margin-left: -18px;
    }
}

.gradient-line{
    width: 100%;
    height: 5px;
    position: relative;
    margin-top: 50px;
}
.gradient-line:before{
    content: "";
    position: absolute;
    height: 5px;
    width: 50%;
    left: 0;
    background-image: linear-gradient(to left,#126bfb 0,transparent 100%);
}
.gradient-line:after{
    content: "";
    position: absolute;
    height: 5px;
    width: 50%;
    right: 0;
    background-image: linear-gradient(90deg, #0066FF 0%, #B5B3FB 70%, transparent 100%)
}
#qei_qcp2_swiper {
    font-size: 10px;
    overflow: visible;
}
.pcwt_li_tim div{
    font-size: 24px;
    line-height: 1.8;
    color: #003f88;
    position: relative;
    padding-left: 15px;
    display: inline-block;
}

.qei_qcp2_year {
    position: relative;
    z-index: 1;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0238CE;
    background: #fff;
    border-radius: 50%;
    color: #0238CE;

    /* background: linear-gradient(277.64deg, #002DCB 0%, #0C6CDC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; */
}

.qei_qcp2_year.std_title28 {
    font-weight: 500;
}

.qei_qcp2_month_title.std_title28 {
    font-weight: 500;
    color: #003F88;
}

.qei_qcp2_month_title {
    margin-bottom: 5px;
}

.qei_qcp2_month_text.std_txt1828 {
    color: #00143C;
}

.qei_qcp2_content {
    height: 265px;
    /* overflow: auto; */
}

.qei_qc_part2.std_spacing3 {
    padding: 8em 0;
}

.qei_qcp2_itembox {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.qei_qcp2_month {
    position: absolute;
    bottom: 0;
    left: 50%;
    font-size: 10px;
    width: 260px;
}

.qei_qcp2_year::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, #96D1FC 0%, rgba(150, 209, 252, 0) 100%);
}

/* .qei_qcp2_year::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: inherit;
} */

.qei_qcp2_month_list {
    position: relative;
    z-index: 1;
    max-height: 100%;
    padding-top: 4em;
    padding-left: 12px;
}

.qei_qcp2_month_img {
    margin-top: 12px;
}

.qei_qcp2_month_item:not(:last-child) {
    margin-bottom: 3em;
}

.qei_qcp2_item:nth-child(even) .qei_qcp2_month {
    bottom: auto;
    top: 0;
    display: flex;
    align-items: flex-end;
}

.qei_qcp2_item:nth-child(even) .qei_qcp2_month_list {
    padding-top: 0;
    padding-bottom: 4em;
}

.qei_qcp2_item:nth-child(even) .qei_qcp2_year::before {
    display: none;
}

.qei_qcp2_item:nth-child(even) .qei_qcp2_month_list::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(0deg, #96D1FC 0%, rgba(150, 209, 252, 0) 100%);
}

.qei_qcp2_item:nth-child(even) .qei_qcp2_month_item {
    display: flex;
    flex-direction: column-reverse;
}

.qei_qcp2_item:nth-child(even) .qei_qcp2_month_img {
    margin-top: 0;
    margin-bottom: 12px;
}

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

.qei_qcp1_dcr {
    position: absolute;
    left: -7em;
    top: 0;
    z-index: -1;
    width: 30%;
    opacity: .1;
}

.qei_qcp1_dcr img {
    width: 100%;
}

#qei_qcp2_swiper .std_arrow_prev {
    left: -5em;
}

#qei_qcp2_swiper .std_arrow {
    display: none;
}

.qei_qc_part2 {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.qei_qcp2_dcr {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 50%;
    transform: translate(50%, 50%);
}

.qei_qcp2_dcr img {
    width: 100%;
}

.process_inter_cont {
    position: relative;
    z-index: 1;
    /* background: transparent; */
}

.process_inter_dcr {
    top: -40px;
    right: 20px;
    width: 48%;
}

.mod_dcr {
    position: absolute;
    z-index: -1;
}

.mod_dcr img {
    width: 100%;
}

.etfc_slick_next.slick-disabled,
.etfc_slick_prev.slick-disabled {
    background: rgba(208, 217, 215, 1) !important;
}

.etfc_slick_prev,
.etfc_slick_next {
    background: rgba(0, 73, 142, 1);
}

.qei_ip_container {
    display: flex;
}

.qei_ip_textbox {
    width: 680px;
    margin-right: 8em;
}

.qei_ip_imgbox {
    width: 560px;
}

.qei_ip_text p {
    color: #003F88;
}

.qei_ehs {
    position: relative;
    z-index: 1;
    height: 34.375vw;
    max-height: 660px;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.qei_ehs::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(0deg, rgba(14, 34, 2, 0.5), rgba(14, 34, 2, 0.5));
}

.qei_ehs_right {
    float: right;
    width: 800px;
    max-width: 100%;
}

.qei_ehs_title,
.qei_ehs_text p {
    color: #fff;
}

.qei_ehs_text {
    opacity: .9;
}

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

.qei_ehs_circle {
    position: absolute;
    left: 27.5%;
    top: 50%;
    transform: translateY(-50%);
    width: 91.6%;
}

.qei_ehs_circle_imgbox img {
    width: auto;
    max-width: none;
    height: 100%;
}

.qei_ehs_circle_itembox {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    color: #fff;
}
.qei_ehs_circleli_title{
    white-space: nowrap;
}
.qei_ehs_circleli_title.std_title20 {
    font-weight: 500;
}

.qei_ehs_circle_item {
    font-size: 10px;
    transform: translate(4em, -50%);
}

.qei_ehs_circleli_icon {
    width: 8em;
    height: 8em;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
}

.qei_ehs_circleli_icon img {
    width: 5.6em;
}

.qei_ehs_circle_list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.qei_ehs_circle_item {
    position: absolute;
    pointer-events: all;
}

.qei_ehs_circle_item2 {
    top: 50%;
    right: 100%;
}

.qei_ehs_circle_item1 {
    right: 99%;
    top: 25%;
}

.qei_ehs_circle_item3 {
    right: 99%;
    top: 75%;
}

.mod_technique_item {
    width: 33.333333%;
}

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

.apll_item.on {
    z-index: 10;
}

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

.qei_qcp2_linebox {
    position: absolute;
    left: 0%;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%);
    height: 40px;
}

.qei_qcp2_line {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.qei_qcp2_line img {
    width: auto;
    height: 100%;
    max-width: none;
}

.qei_qcp2_line1 img {
    animation: linemove 30s linear infinite;
}

.qei_qcp2_line2 img {
    animation: linemove 30s linear infinite;
}

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

.qei_ip {
    background-color: #F6FBFF !important;
}

@keyframes linemove {
    100% {
        transform: translateX(-100%);
    }
}

.qei_ehs_circle_ph {
    display: none;
}

.lcwu_li:last-child {
    margin-bottom: 0 !important;
}

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

.hcwu_group_sha {
    box-shadow: 0px 0px 10px rgba(146, 216, 255, 0.2),
        0px 0px 12px rgba(146, 216, 255, 0.1),
        0px 0px 8px rgba(146, 216, 255, 0.1);
}


.hono_cont_wrap_ul .slick-list {
    padding: 30px 0 !important;
    margin: -30px 0 !important;
}

.pcwt_li:not(:first-child),
.hcsu_li:not(:first-child) {
    display: none;
}

.lllt_right_more_text.std_txt1622px p {
    color: #666;
}

.qei_qcp1r_tip.std_txt1628 {
    color: #999;
}

.qei_qcp1r_tip {
    margin-top: 16px;
    text-align: right;
}

.ys_page_manufat .manufat_main::after {
    display: none;
}

.ys_page_manufat .ys_footer.std_spacing2 {
    padding-top: 10em !important;
}

.analy_offer.std_spacing1 {
    position: relative;
    z-index: 1;
}

.analy_offer_bg {
    width: 100%;
    z-index: -1;
}

.analy_offer_cont_ph {
    display: none;
}

.analy_offer_cont_ph .lrml_li_icon {
    align-self: flex-start;
}

.analy_offer_cont_ph .lrml_li_text {
    color: #00143C !important;
    width: calc(100% - 24px);
}

.analy_offer_cont_ph .lrml_li_icon {
    width: 24px;
}

.analy_offer_cont_ph .lrml_li {
    margin-bottom: 16px;
}

.lllt_right_more_btn.isshow {
    display: flex !important;
}

.lllt_right_more_btn.active .lrmb_icon {
    transform: rotate(180deg);
}

.hist_list_chin {
    padding-top: 0 !important;
}

/* rock start */
/* b2 */
.locations_list_li_total {
    font-size: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10em;
}

.lllt_left {
    width: 40%;
    box-shadow: 0px 11px 31px rgba(0, 97, 137, 0.1);
    border-radius: 0px 0px 80px 0px;
}

.lllt_right {
    width: 57.142857%;
}

.lllt_right_tit {
    color: #003F88;
    margin-bottom: 16px;
}

.lllt_right_des {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.lllt_right_des_text {
    color: #666666;
    width: calc(100% - 24px);
    padding-left: 15px;
}

.lllt_right_more {
    background: #FFFFFF;
    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);
    border-radius: 18px;
    padding: 32px;
}

.lllt_right_des_icon {
    width: 24px;
}

.lrml_li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.lrml_li_icon {
    width: 32px;
}

.lrml_li_text {
    width: calc(100% - 32px);
    color: #219EBC;
    padding-left: 16px;
}

.lllt_right_more_text {
    color: #666666;
    line-height: 1.8 !important;
    height: 5.4em;
    overflow: hidden;
    margin-bottom: 20px;
}

.lllt_right_more_text p {
    line-height: inherit !important;
}

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

.lllt_right_more_btn {
    display: none;
}

.lrmb_text {
    color: #003F88;
    padding-right: 15px;
}

.lrmb_icon {
    width: 12px;
}

.locations_cont {
    background: #F6FBFF;
}

/* c3 */
.manufat_trade_tit {
    width: 51%;
    position: relative;
    color: #003F88;
    margin-bottom: 40px;
}

.manufat_trade_tit::after {
    position: absolute;
    content: '';
    width: 120px;
    height: 6px;
    background: #42C3FB;
    border-radius: 4px;
    bottom: -10px;
    right: 4px;
}

.manufat_trade_subtit {
    color: #219EBC;
    margin-bottom: 32px;
}

.manufat_trade_left {
    width: 43%;
    padding-right: 40px;
}

.manufat_trade_left_tit {
    color: #00143C;
    font-weight: 500;
    margin-bottom: 20px;
}

.mtll_li {
    display: flex;
    margin-bottom: 12px;
}

.mtll_text {
    width: calc(100% - 16px);
    padding-left: 10px;
    color: #666666;
}

.mtll_icon {
    width: 16px;
    padding-top: 5px;
}

.manufat_trade_total {
    display: flex;
    position: relative;
}

.manufat_trade_right {
    width: 57%;
    max-width: 940px;
    border-radius: 0px 0px 120px 0px;
    position: relative;
    right: 0;
}

.manufat_trade {
    padding-left: calc((100% - 1400px) / 2);
    margin-bottom: 100px;
}

.manufat_haotian {
    display: flex;
    align-items: flex-start;
    padding-bottom: 100px;
}

.manufat_haotian_right {
    padding-left: 40px;
}

.manufat_haotian_left {
    width: 57%;
    max-width: 940px;
}

.manufat_haotian_right {
    width: 43%;
}

.manufat_haotian {
    padding-right: calc((100% - 1400px) / 2);
}

.manufat_gmp {
    background: #F6FBFF;
    padding: 100px 0;
    padding-left: 260px;
}

.manufat_drug {
    padding: 100px 0;
    background: url('/new/images/c3_bg1-3afedc5da60188aa268bc8468d0bcb9a.png') no-repeat;
    background-position: center;
    background-size: contain;
}

.manufat_drug_total {
    display: flex;
    align-items: flex-start;
    margin-bottom: 100px;
}

.manufat_drug_tit {
    position: relative;
    color: #003F88;
    margin-left: 260px;
    margin-bottom: 50px;
}

.manufat_drug_tit::after {
    position: absolute;
    content: '';
    width: 120px;
    height: 6px;
    background: #42C3FB;
    border-radius: 4px;
    bottom: -10px;
    right: 4px;
}

.adc_ban_priamry_left {
    position: relative;
}

.adc_ban_priamry_dcr {
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-48%);
    width: 100%;
}

.adc_ban_priamry_left img,
.manufat_haotian_left {
    border-radius: 0px 0px 120px 0px;
}

.manufat_product {
    position: relative;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
    z-index: 1;
}

.manufat_product::after {
    position: absolute;
    top: 0;
    content: '';
    background: linear-gradient(0deg, rgba(0, 16, 48, 0.6), rgba(0, 16, 48, 0.6));
    width: 100%;
    height: 100%;
    z-index: -1;
}

.manufat_product_tit {
    text-align: center;
    color: #ffffff;
    margin-bottom: 70px;
}

.manufat_product_btn {
    width: 166px;
    margin: 0 auto;
}

.manufat_product_btn .hnct_more .std_btn {
    border: 1px solid #fff;
}

.manufat_product_btn .std_btn span {
    color: #fff;
}

.manufat_cont {
    position: relative;
}

.manufat_bg {
    width: 920px;
    position: absolute;
    top: -160px;
    right: 90px;
    z-index: -1;
}

.manufat_trade_left_list {
    width: 680px;
    max-width: 100%;
}

/* c7 */
.productdet_mmae.std_spacing2 {
    background-color: #F6FBFF;
    padding-top: 8em;
}

.productdet_mmae_crumb {
    padding-top: 32px;
    margin-top: 0;
    margin-bottom: 90px;
}

.productdet_mmae_total_tit {
    color: #003F88;
    font-weight: 500;
    margin-bottom: 24px;
}

.productdet_mmae_total_text {
    margin-bottom: 12px;
}

.productdet_mmae .mod_crumb {
    margin-bottom: 90px;
}

.productdet_mmae_total_dec {
    color: #003F88;
    margin-bottom: 50px;
}

.pmtb_left {
    width: 39.333333%;
    border-radius: 0px 0px 80px 0px;
}

/* .pmtb_left img {
    border-radius: 0px 0px 80px 0px;
} */

.pmtb_left_img {
    margin-bottom: 40px;
}

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

.pmtb_left_btn1 .hnct_more {
    width: 220px;
}

.pmtb_left_btn2 .hnct_more {
    width: 220px;
}

.pmtb_left_btn2 .std_btn {
    background: transparent;
    border: 1px solid #00498E;
    color: #003F88;
}

.pmtb_left_btn img {
    width: 24px;
    border-radius: 0;
}

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

.pmtb_right {
    width: 56.666666%;
}

.pmtb_right_li {
    margin-bottom: 60px;
}

.pmtb_right_li_tit {
    color: #219EBC;
    padding-bottom: 10px;
    border-bottom: 1px solid #00143C;
    margin-bottom: 20px;
}

.pmtb_right_li_list .mtll_text {
    color: #00143C;
}

.pmtb_right_bot_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -26px;
}

.prbl_li {
    width: 50%;
    padding: 0 26px;
    margin-bottom: 30px;
}

.prbl_li_name {
    color: #003F88;
    border-bottom: 1px solid #00143C;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.prbl_li_num {
    color: #00143C;
}

.productdet_related {
    padding-top: 80px;
    padding-bottom: 45px;
}

.productdet_related_tit {
    color: #003F88;
    margin-bottom: 30px;
}

.productdet_related_carousel_list:not(.slick-initialized) {
    display: flex;
}

.productdet_related_carousel_list {
    margin: 0 -20px;
}

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


.productdet_related_carousel_list .slick-track {
    display: flex;
}

.productdet_main {
    background: #F6FBFF;
}

.productdet_related {
    background: #FFFFFF;
}

.ys_page_productdetail .mod_main_public::after {
    background: #fff;
}

.prcl_li {
    padding: 0 20px;
    height: auto;
}

.ys_page_productdetail .ys_page_bg1 {
    background: #fff;
}

.prcl_li_total {
    background: #FFFFFF;
    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);
    border-radius: 8px;
    padding: 24px 16px 50px 16px;
    height: 100%;
}

.prcl_li_total_bot {
    padding-top: 16px;
    border-top: 1px solid #999999;
}

.pltt_img {
    width: 81.25%;
    margin: 0 auto;
}

.pltb_tit {
    color: #00143C;
    margin-bottom: 5px;
}

.pltb_date {
    color: #999999;
}

.productdet_related_carousel_list .slick-list {
    padding: 30px 0;
    margin: -30px 0;
}

.productdet_related_carousel_list .prcl_li {
    width: 33.333333%;
}

.productdet_related_carousel .slick-prev {
    left: -8px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #00498E;
    background-image: url('/new/images/c7_icon03-7d3cd29cb6d513cc7f32d88bf2f0e2c6.svg');
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    transition: all 0.36s;
}

.productdet_related_carousel .slick-next {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #00498E;
    background-image: url('/new/images/c7_icon04-7acd644fe4bc27ed5c1a047f05e2b74d.svg');
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    transition: all 0.36s;
}

.productdet_related_carousel .slick-disabled {
    background-color: #D0D9D7;
}

.pmtb_left_btn2 .std_btn .hnct_more_imgbox {
    width: 24px;
}

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

.productlist_main {
    background: #F6FBFF;
    padding: 0 0 45px !important;
}

.productlist_left {
    width: 22.857142%;
}

.plll_icon {
    width: 32px;
}

.productlist_left_hea_icon {
    width: 32px;
}

.productlist_left_list {
    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);
}

.productlist_left_hea {
    background-color: #ffffff;
}

.productlist_left_hea_text {
    width: calc(100% - 32px);
    color: #003F88;
    /* font-weight: bold; */
    padding-left: 10px;
}

.productlist_left_hea {
    display: flex;
    align-items: center;
    padding: 24px 20px;
}

.productlist_left_list_li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #E6ECF3;
    padding: 24px 38px 24px 32px;
    cursor: pointer;
    transition: all 0.36s;
}

.plll_text {
    width: calc(100% - 16px);
    color: #00143C;
    /* padding-left: 15px; */
    transition: all 0.36s;
}

.plll_icon2 {
    font-size: 16px;
    width: 16px;
    transition: all .36s;
}

.productlist_right {
    width: 74.285714%;
}

.productlist_right_sear {
    width: 82.692307%;
    display: flex;
    align-items: center;
    border: 1px solid #999999;
    border-radius: 8px;
    padding: 0 26px;
    margin-bottom: 40px;
}

.productlist_right_sear input {
    width: calc(100% - 22px);
    height: 50px;
    padding-left: 15px;
    font-size: 16px;
    color: #333;
}

.productlist_right_sear input::placeholder {
    color: #666666;
}

.productlist_right_sear_icon {
    width: 22px;
}

.productlist_right_list_ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.productlist_right_list_li {
    width: 33.333333%;
    padding: 0 20px;
    margin-bottom: 20px;
}

.prll_total {
    display: block;
    background: #FFFFFF;
    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);
    border-radius: 8px;
    padding: 24px 16px;
    transition: all 0.36s;
    border: 1px solid #ffffff;
    height: 100%;
    cursor: pointer;
}

.prll_top_img {
    width: 260px;
    margin: 0 auto;
}

.prll_bot {
    padding-top: 16px;
    border-top: 1px solid #999999;
    transition: all 0.36s;
}

.prll_bot_tit {
    color: #00143C;
    transition: all 0.36s;
}

.prll_bot_text {
    color: #999999;
    transition: all 0.36s;
}

.productlist_right_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.productlist_right_btn a {
    display: inline-block;
    background: #003F88;
    border-radius: 32px;
    font-size: 16px;
    line-height: 50px;
    color: #FFFFFF;
    padding: 0 42px;
}

/* rock end */

/* helen star */

.com_list {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

.com_wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 6em;
}

.com_wrap_ri {
    width: 48.5%;
    position: relative;
}

.com_wrap_le {
    width: 51.5%;
    padding-right: 40px;
}

.cwrv_ig {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
}

.cwrv_ig::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/new/images/b1_zz_01-dfeb9c30aa82d728e7c20894f094023a.png);
    background-repeat: repeat;
    background-size: 100%;
}

.cwrv_ig img {
    border-radius: 50%;
    width: 100%;
}

.com_list .qei_qcp1_txt2 p {
    margin-bottom: 12px;
}

.com_wrap_ri_vid {
    width: 100%;
    position: relative;
}

.cwrv_play {
    width: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    cursor: pointer;
}

.cwrv_play img {
    width: 100%;
}

.com_wrap_ri_deco {
    width: 86%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -74%;
}

.com_num {
    width: 100%;
    position: relative;
}

.com_li_wrap {
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(0, 63, 136, 0.5);
    padding-top: 24px;
}

.com_li {
    width: 33.333333%;
    padding: 0 20px;
}

.com_num ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.com_li_wrap_tit .hdlt_num {
    color: #219EBC;
}

.com_li_wrap_info {
    margin-top: 6px;
}

.com_li_wrap_info p {
    font-size: 18px;
    line-height: 1.8;
    color: #00143C;
}

.com_bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 644px;
}

.hist_cont_slick {
    width: 100%;
    position: relative;
}

.hcsu_wrap {
    width: 100%;
    position: relative;
    padding-left: 12px;
}

/* .hcsu_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    min-height: 310px;
    height: calc(100% + 80px);
    background-image: url(/new/images/b1line-4886743d3e631f6a2235a234f456456e.svg);
    background-size: 100%;
    background-repeat: no-repeat;
} */
/* .hist_list_eng.std_spacing3 {
    padding-bottom: 0;
} */

.hist_list_eng .hcsu_li {
    position: relative;
    height: calc(312px * 2);
}

.hist_list_eng .hcsu_wrap {
    max-height: 50%;
    display: flex;
    flex-direction: column;
}

.hist_list_eng .hcsu_wrap_info {
    overflow: hidden;
}

.hist_list_eng .hcsu_wrap_year {
    flex: none;
}

.hist_list_eng .hcsu_wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
}

.hist_list_eng .hcsu_li:nth-child(odd) .hcsu_wrap {
    height: 50%;
    padding-bottom: 4em;
}

.hist_list_eng .hcsu_li:nth-child(even) .hcsu_wrap {
    position: absolute;
    left: 0;
    top: 50%;
    padding-top: 4em;
}

.hist_list_eng .hcsu_li:nth-child(odd) .hcsu_wrap::before {
    background: linear-gradient(180deg, #0038FF, #FFFFFF00);
}

.hist_list_eng .hcsu_li:nth-child(even) .hcsu_wrap::before {
    background: linear-gradient(0deg, #0038FF, #FFFFFF00);
}

.hist_list_chin .hcsu_li {
    width: 25%;
}

.hist_list_chin .hcsu_wrap {
    padding-top: 4em;
}

.hist_list_chin .hcsu_wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(0deg, #0038FF, #FFFFFF00);
}

.hist_list_chin .hcsu_wrap_info {
    max-height: 256px;
}


.hcsu_wrap_year .std_title32 {
    color: #219EBC;
    line-height: 1.5;
    /* font-weight: bold; */
}

.hcsu_wrap_year {
    margin-bottom: 10px;
}

.hcsu_wrap_info p {
    font-size: 18px;
    line-height: 1.8;
    color: #00143C;
    position: relative;
}

.hcsu_wrap_info p:not(:last-child) {
    margin-bottom: 0.5em;
}

.hcsu_wrap_info p::after {
    content: '';
    position: absolute;
    top: 10px;
    left: -16px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid rgba(0, 63, 136, 1);
    background: #fff;
}

/* .hist_cont_slick_ul {
    display: flex;
} */

.hcsu_li {
    width: 20%;
    padding: 0 20px;
}

.hcsu_li:nth-child(2n) {}

.hist_cont_slick_ul .slick-list {
    padding-left: 5px;
}

/* .hist_cont_slick {
    overflow: hidden;
} */

.hist_cont_slick_ul {
    /* transform: translateX(10px); */
    z-index: 1;
    margin: 0 -20px;
}


.hist_cont_slick_ul::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(-50%, -100%);
    left: 50%;
    width: 100%;
    height: 193px;
    background-image: url(/new/images/b1_bg_03-d235bc29b09ce6f277aabda9bb083c08.svg);
    background-size: 1249px 193px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    pointer-events: none;
}

.hist_cont_slick_ul::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
    transform: translate(-50%, -50%);
    background-image: url(/new/images/b1linbq-b0ec15bf4037bf79d40d23fd2bff9e83.svg);
    background-size: 1370px 1px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    pointer-events: none;
}


.hist_cont_slick_ul .slick-arrow {
    width: 40px;
    height: 40px;
    background: #00498E;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
}

.hist_cont_slick_ul .slick-arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 16px;
    background-image: url(/new/images/b1arr-03f527628b0de9a215762c3d0fd63c2c.svg);
}

.hist_cont_slick_ul .slick-next {
    right: 11px;
}

.hist_cont_slick_ul .slick-next::before {
    transform: translate(-50%, -50%) rotate(180deg);
}



.ys_page_com .mod_frame::after,
.ys_page_com {
    background: #fff;
}

.hist_list {
    width: 100%;
}


.hcsu_wrap_info .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: #003F88 !important;
}

.hcsu_wrap_info .mCSB_inside>.mCSB_container {
    margin-right: 20px;
}

.hist_list_chin .mod_tit2 {
    font-weight: bold;
    font-family: "Microsoft Yahei", "poppins", "SimSun", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
}

.value_list .mod_tit2 {
    font-family: "Microsoft Yahei", "poppins", "SimSun", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
}

.hist_list_chin .hist_cont_slick {
    padding-top: 180px;
}

.hist_list_chin .hist_cont_slick_ul::after {
    top: auto !important;
    bottom: calc(100% - 32px);
    transform: translateX(-50%);
}

.hist_list_chin .hist_cont_slick_ul::before {
    top: 34px;
    transform: translateX(-50%);
    background-image: none !important;
    width: 96%;
    height: 1px;
    background-color: #0038FF;
}

.hist_list_chin .hcsu_li:nth-child(2n) {
    margin-top: 0px;
}

.hist_list_chin .hist_cont_slick {
    overflow: inherit;
}

.hist_list_chin .hist_cont_slick_ul {
    transform: translateX(0px);
}

.hist_list_chin .hist_cont_slick_ul .slick-arrow {
    top: 50%;
}

.hist_list_chin .hist_cont_slick_ul .slick-next {
    right: -35px;
}

.hist_list_chin .hist_cont_slick_ul .slick-prev {
    left: -35px;
}

.hist_cont_slick_ul .slick-arrow.slick-disabled {
    background: #D0D9D7;
    cursor: auto;
}

.hcsu_li .mCSB_container {
    padding-left: 20px;
}

.hcsu_wrap_info {
    margin-left: -20px;
}

.value_list {
    width: 100%;
    position: relative;
    background: #fff;
    padding-bottom: 0 !important;
    z-index: -3;
}

.value_cont {
    width: 100%;
    position: relative;
}

.value_cont_wrap {
    width: 100%;
    position: relative;
    padding-top: 20px;
}

.vcwu_li {
    width: 25%;
    padding: 0 20px;
    margin-bottom: 40px;
}

.value_cont_wrap_ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
}

.vcwu_li_wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.vcwu_li .pfoi_cont .ys_imgbox_cover {
    border-radius: 0px 0px 40px 0px;
}

.vcwu_li .std_title28 {
    font-weight: bold;
    font-family: "Microsoft Yahei", "poppins", "SimSun", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
}

.vcwu_li .pfoi_cont_suspend {
    margin-top: -21.94%;
}

.vcwu_li_wrap_info p {
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
    font-family: "Microsoft Yahei", "poppins", "SimSun", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
}

.hist_list_chin .hcsu_li_pw .hcsu_wrap_info p {
    font-family: "Microsoft Yahei", "poppins", "SimSun", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
}

.vcwu_li .pfoi_cont_suspend {
    padding: 29px;
}

.hcsu_li_pw .hcsu_wrap_info p {
    font-size: 16px;
}


/* .hist_list_chin .hcsu_wrap::before {
    transform: rotate(180deg);
    top: -80px;
} */

.hist_list_chin .hcsu_wrap_year p {
    color: #003F88;
}

.hist_list_chin .hcsu_wrap_year {
    display: inline-block;
    border-radius: 24px;
    background: #fff;
    padding: 8px 12px;
}

.hist_list_chin .hist_cont_slick {
    padding-top: 70px;
}

.cul_list {
    width: 100%;
    position: relative;
    background-color: #fff;
    /* padding-top: 0 !important; */
}

.cul_cont {
    width: 100%;
    position: relative;
}

.cul_list_wrap {
    width: 100%;
    position: relative;
}

.clwu_li {
    width: 100%;
    padding: 8em 0;
    border-radius: 0px 0px 8em 0px;
    min-height: 336px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4em;
}

.clwu_li_le {
    width: 320px;
}

.clwu_li_ri {
    width: calc(100% - 320px);
    padding-left: 8em;
}

.clwu_li_le .std_title32 {
    font-weight: bold;
    color: #42C3FB;
    line-height: 1.5;
    border-top: 2px solid #42C3FB;
    padding-left: 50px;
    text-align: right;
    padding-top: 14px;
}

.clwu_li_ri_info p {
    border-top: 2px solid #fff;
    padding-top: 17px;
    padding-right: 50px;
    font-size: 18px;
    line-height: 1.8;
    color: #fff;
}

.lead_list {
    width: 100%;
    background: #F6FBFF;
}

.lead_cont_warp {
    width: 100%;
    position: relative;
}

.lcwu_wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.lcwu_wrap_le {
    width: 320px;
}

.lcwu_wrap_ri {
    width: calc(100% - 320px);
    padding-left: 4em;
    padding-top: 4em;
}

.lcwu_wrap_le img {
    border-radius: 16px;
}

.lcwu_wrap_ri_name .std_title32 {
    color: #003F88;
}

.lcwu_wrap_ri_lab p {
    font-size: 18px;
    line-height: 1.5;
    color: #219EBC;
    margin-bottom: 12px;
}

.lcwu_wrap_ri_name {
    margin-bottom: 12px;
}

.lcwu_wrap_ri .lllt_right_more_text p {
    color: #666;
}

.lcwu_li {
    margin-bottom: 8em;
}

.hono_list {
    width: 100%;
    position: relative;
    background: #fff;
    z-index: -9;
}

.hono_cont {
    width: 100%;
    position: relative;
}

.hono_list .mod_tit2 {
    font-family: "Microsoft Yahei", "poppins", "SimSun", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
}

.hono_cont_wrap {
    width: 100%;
    position: relative;
}


.hcwu_li {
    width: 25%;
    padding: 0 20px;
    height: auto;
}

.hono_cont_wrap_ul {
    margin: 0 -20px;
}

.hono_cont_wrap_ul .slick-track {
    display: flex;
}

.hcwu_group {
    width: 100%;
    height: 50%;
    padding: 16px 0;
}

.hcwu_group_sha {
    width: 100%;
    height: 100%;
    position: relative;
    background: #FFFFFF;
    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);
    border-radius: 0px 0px 20px 0px;
    padding: 10px;
}

.hcwu_group_tit p {
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
    color: #003F88;
    font-family: "Microsoft Yahei", "poppins", "SimSun", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
}

.hcwu_group_tit {
    padding: 16px 0 8px;
}


.hono_cont_wrap_ul .slick-arrow {
    width: 40px;
    height: 40px;
    background: #00498E;
    border-radius: 50%;
    z-index: 20;
}

.hono_cont_wrap_ul .slick-arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 16px;
    background-image: url(/new/images/b1arr-03f527628b0de9a215762c3d0fd63c2c.svg);
}


.hono_cont_wrap_ul .slick-next::before {
    transform: translate(-50%, -50%) rotate(180deg);
}

.hono_cont_wrap_ul .slick-arrow.slick-disabled {
    background: #D0D9D7;
}

.proje_list {
    width: 100%;
    position: relative;
    background: #fff;
}

.proje_cont {
    width: 100%;
    position: relative;
}

.proje_cont_tit .std_title36 {
    font-weight: 500;
    font-family: "Microsoft Yahei", "poppins", "SimSun", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
    color: #219EBC;
}

.proje_cont_wrap {
    width: 100%;
}

/* .ys_page_com  .mod_main_public::after{
    background: #fff;
} */

.pcwt_li_tim {
    text-align: center;
    position: relative;
    transition: all 0.36s;
}

.pcwt_li_tim p {
    font-size: 20px;
    height: 30px;
    line-height: 1.5;
    color: #666666;
    transition: all 0.36s;
}

.pcwt_li_tim span {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    transition: all 0.36s;
    filter: drop-shadow(0px 0px 6px rgba(3, 37, 102, 0.05)) drop-shadow(0px 0px 4px rgba(3, 37, 102, 0.16));
}

.pcwt_li_tim span::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: linear-gradient(180deg, #FFFFFF 36.25%, #89A2F4 100%);
}

.pcwt_li_tim span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    z-index: 10;
    border-radius: 50%;
    background: linear-gradient(277.64deg, #002DCB 0%, #0C6CDC 100%);
}

.pcwt_ul {
    z-index: 1;
    padding: 0 60px;
}

.pcwt_ul::after {
    content: '';
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    height: 6px;
    z-index: -1;
    background: linear-gradient(90deg, #0066FF 0%, #B5B3FB 99.95%);
}

.pcwt_ul::before {
    content: '';
    position: absolute;
    bottom: 0px;
    right: -23px;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom-color: #B5B3FB;
    border-radius: 2px;
    transform: rotate(90deg);
}

.pcwt_ul .slick-arrow {
    top: 59%;
}

.pcwt_ul .slick-arrow::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/new/images/f_icon_01-fc7a9dff2c2b99a826c51ba96d2acee1.svg);
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 10;
}

.pcwt_ul .slick-prev {
    left: 15px;
}

.pcwt_ul .slick-prev::after {
    transform: rotate(180deg);
}


.pcwt_ul .slick-next {
    right: 15px;
}

.pcwb_ul {
    width: 100%;
    padding: 0 12em;
}

.pcwb_li_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.pcwb_li_wrap_le .msxf_submit {
    color: #003F88;
    line-height: 1.5;
    font-family: "Microsoft Yahei", "poppins", "SimSun", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
    font-weight: bold;
}

.pcwb_li_wrap_ri p {
    font-size: 18px;
    line-height: 1.5;
    color: #666;
    font-family: "Microsoft Yahei", "poppins", "SimSun", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
}

.pcwb_li_wrap_le {
    width: 80px;
}

.pcwb_li_wrap_ri {
    width: calc(100% - 80px);
    margin-top: 8px;
}

.proje_cont_wrap_top {
    margin-bottom: 40px;
}

.pcwb_li {
    display: none;
}

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


.pcwt_li.slick-current .pcwt_li_tim p {
    font-size: 48px;
    transform: translateY(-50px);
    color: #003F88;
}

.pcwt_ul .slick-track {
    display: flex;
    align-items: flex-end;
    padding-top: 50px;
    padding-bottom: 10px;
}

.pcwt_li.slick-current .pcwt_li_tim span {
    transform: scale(2);
}

.pcwt_li {
    cursor: pointer;
}


/* helen end */

/* 20221012 */
.peptide_offer {
    position: relative;
    z-index: 1;
    background: #F6FBFF;
}

.peptide_offer_bg1 {
    top: 39em;
}

.peptide_offer_bg2,
.peptide_offer_bg1 {
    width: 100%;
    z-index: -1;
}

.peptide_offer_bg2 img,
.peptide_offer_bg1 img {
    width: 100%;
}

.peptide_offer_bg1 {
    max-width: 1920px;
}

.peptide_offer_bg2 {
    transform: translate(-50%, 8%);
}

.peptide_services.std_spacing2 {
    padding-top: 5em;
}

.peptide_capacity.std_spacing2,
.peptide_types.std_spacing2 {
    padding-top: 4em;
}

.peptide_services_list {
    column-count: 2;
    margin-top: 4em;
    column-gap: 48px;
}

.peptide_services_item {
    break-inside: avoid;
}

.peptide_services_item + li {
    margin-top: 64px;
}

.peptide_services_itembox {
    background: rgba(122, 218, 255, 0.20);
    border-radius: 16px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    padding-top: 4em;
}

.peptide_services_item_icon {
    border-radius: 25px;
    border: 3px solid #F5FBFF;
    background-color: #00A1C0;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 10px 3px 3px;
    margin-top: -6em;
    margin-left: 18px;
}

.peptide_services_icon_box {
    background-color: #ffffff;
    width: 37px;
    height: 37px;
    padding: 7px;
    border-radius: 100%;
}

.peptide_services_item_name {
    color: #ffffff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
    padding-left: 11px;
}

.peptide_services_item_icon img {
    width: 6.4em;
}

.peptide_services_item_title.std_title20 {
    font-size: 18px;
    color: inherit;
    padding-top: 20px;
}

.peptide_services_item_title {
    padding: 0 20px;
}

.peptide_types_item_title.std_title28 {
    font-weight: 500;
    color: #00408D;
    border-bottom: 1px solid #00408D;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.peptide_types_item_list .w-50 {
    width: 50%;
    margin-bottom: 4em;
}

.d-flex {
    display: flex;
}

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


.peptide_types_list {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    margin: 57px -2em 0 -2em;
}

.peptide_types_item {
    width: 100%;
    padding: 0 2em;
    margin-bottom: 4em;
}

.peptide_types_item:first-child {
    width: 57%;
}

.peptide_types_item:nth-child(2) {
    width: 36%;
}

.peptide_types_item.peptide_types_item_full {
    width: 100%;
}

.peptide_types_item_list.mod_list2 .mod_list2_item_text {
    color: #666;
}

.peptide_types_item.peptide_types_item_full .peptide_types_item_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2em;
}

.peptide_types_item.peptide_types_item_full .mod_list2_item {
    width: 100%;
    padding: 0 2em;
}

.peptide_types_item_list .mod_list2_item {
    margin-bottom: 8px !important;
}

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

.peptide_capacity_item {
    width: 50%;
    padding: 0 2em;
    margin-bottom: 4em;
}

.peptide_capacity_itembox {
    padding: 4em;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    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);
    backdrop-filter: blur(3px);
    border-radius: 0px 0px 40px 0px;
    border: 1px solid #003F88;
    display: flex;
    align-items: center;
}

.peptide_capacity_item_title.std_title20 {
    line-height: 1.6;
    color: #00143C;
}

.ys_phmenu_scroll {
    overflow-x: hidden;
    overflow-y: auto;
}

.mod_jumbotron_cont {
    width: 100%;
}

.mod_jumbotron_text {
    width: 1040px;
    max-width: 100%;
}

.home_form_tip{
    margin-top: 30px;
}

.home_form_tip_lable{
    display: flex;
    align-items: flex-start;
}

.home_form_tip p{
    color: #fff !important;
}

.home_form_tip_lable a{
    text-decoration: underline;
}

input.home_form_checkbox{
    position: relative;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border: 1px solid #003F88;
    margin-right: 5px;
    margin-top: 0;
    cursor: pointer;
    vertical-align: middle;
    transform: translateY(-2px);
    border-radius: 0;
}

input.home_form_checkbox:checked::before{
    content: "\e72e";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(0.8);
    font-family: "iconfont" !important;
    color: #003F88;
    font-size: 12px;
}

.home_form_tip input.home_form_checkbox{
    border-color: #fff;
}

.home_form_tip input.home_form_checkbox:checked::before{
    color: #fff;
}

.contact_form_tip{
    width: 100% !important;
}

.contact_form_tip .home_form_tip_lable p{
    color: #666;
}

.contact_form_submitph{
    display: none !important;
}
/* macro css end */

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .apll_item:hover {
        z-index: 10;
    }

    .hnct_more_btn.std_btn:hover {
        border-color: transparent;
    }

    .pc_fenye li:hover {
        background: #003F88;
        color: #fff;
    }

    .hfct_submit_btn.std_btn:hover {
        background: #219EBC;
        transition: color .36s, background 0s .36s;
    }

    .hfct_submit_btn:hover svg path {
        fill: #fff;
    }

    .hfct_submit_btn:hover {
        color: #fff;
    }

    .hncc_bot_slick:hover .slick-arrow {
        opacity: 1;
    }

    .hbsl_link:hover .hbsl_link_type svg,
    .hbsl_link:hover .hbsl_link_type span {
        opacity: 1;
    }

    .hbsl_link:hover .hbsl_link_type::after {
        transform: scale(1);
    }

    .hscl_li_link:hover .hscl_link_text1 {
        opacity: 0;
        transition: all 0s;
    }

    .hscl_li_link:hover .hscl_link_text2 {
        transform: translateY(0);
    }

    .hftn_li:hover .mc_ftnotice_qrbox {
        opacity: 1;
        transform: scale(1) translateX(-50%);
    }

    .mod_head:hover {
        background: #fff;
    }

    .mod_head:hover .ys_imgbox_cover_white {
        opacity: 0;
    }

    .mod_head:hover .ys_imgbox_cover_def {
        opacity: 1;
    }

    .hccr_more:hover .hccr_more_btn {
        color: #42C3FB;
    }

    .hccr_more:hover .hccr_more_btn svg {
        fill: #42C3FB;
    }

    .mod_head:hover .mntl_a,
    .mod_head:hover .mntl_btn,
    .mod_head:hover .mnts_btn {
        color: #002263;
    }

    .mod_head:hover .mod_nav_top_li.yxnav_active1 .mntl_a::before {
        background: #002263;
    }

    .hncc_li_a:hover .hlat_more_btn {
        opacity: 1;
    }

    .hncc_li_a:hover .hlat_more_btn_svg {
        fill: #007CC8;
    }

    .hncc_li_a:hover .hlat_tit,
    .hncc_li_a:hover .hlat_more_btn,
    .hftc_info_message_dd a[href]:hover,
    .hftc_link_nav_li a:hover,
    .mnts_btn:hover,
    .mntl_btn:hover,
    .mntl_a:hover {
        color: #007CC8 !important;
    }

    .std_btn_white:hover {
        border-color: #219EBC;
    }

    .mod_subnav_a:hover {
        background: rgba(0, 150, 255, 0.1) !important;
    }

    /* 2022.09.08 - start */
    .hccr_more:hover .hccr_more_btn_icon img:nth-of-type(2) {
        opacity: 1;
    }

    .hccr_more:hover .hccr_more_btn_icon img:first-child {
        opacity: 0;
    }

    .htcl_more:hover .htcl_text_icon {
        transform: translateX(5px);
    }

    .std_btn:hover::before {
        transform: translate(0%, 0%);
        transform: translate(0, 0);
    }

    /* 2022.09.08 - end */

    /* carter */
    .etsumm_ktp_right .hnct_more:hover .std_btn span {
        color: #fff;
    }

    .etsumm_ktp_right .hnct_more:hover .std_btn {
        border: 1px solid transparent;
        /* transition: all .36s,border 0s .36s; */
    }

    .etsumm_ktp_right .hnct_more:hover .hnct_more_imgbox img:last-child {
        opacity: 1;
    }

    .etsumm_ktp_right .hnct_more:hover .hnct_more_imgbox img:first-child {
        opacity: 0;
    }

    .mod_crumb_link:hover {
        opacity: 1;
    }

    .mod_menu_item:hover .mod_menu_item_con {
        color: #fff;
    }

    .mod_menu_item:hover:after {
        opacity: 0;
    }

    .etfc_slick_prev:hover,
    .etfc_slick_next:hover {
        background-color: rgba(0, 73, 142, 1);
    }

    .etsumm_ktp_item:hover .ekrt_ball_child {
        width: 100%;
    }

    .etsumm_ktp_item:hover .ekrt_ball::after {
        border: 2px solid #003F88;
    }

    .etsumm_ktp_item:hover .std_btn::before {
        transform: translate(0%, 0%);
        transform: translate(0, 0);
    }

    .etsumm_ktp_item:hover .std_btn span {
        color: #fff;
    }

    .etsumm_ktp_item:hover .std_btn .hnct_more_imgbox img:last-child {
        opacity: 1;
    }

    .etsumm_ktp_item:hover .std_btn {
        border: 1px solid transparent;
    }

    .etsumm_ktp_item:hover .ekrt_ball_text::after {
        clip-path: inset(0% 0% 0% 0%);
    }

    .mod_thirnav_a:hover {
        background: rgba(0, 150, 255, 0.15) !important;
    }

    /* carter */

    /* macro start */

    .mod_aside_email:hover .mod_aside_secondary,
    .mod_aside_tel:hover .mod_aside_secondary {
        opacity: 1;
        pointer-events: all;
    }

    /* macro end */

    /* rock start */
    .prll_total:hover {
        border: 1px solid #002DCB;
    }

    .prll_total:hover .prll_bot {
        border-top: 1px solid #002DCB;
    }

    .prll_total:hover .prll_bot_tit {
        color: #003F88;
    }

    .prll_total:hover .prll_bot_text {
        color: #003F88;
    }

    .productlist_left_list_li:hover {
        background: #003F88;
    }

    .productlist_left_list_li:hover .plll_icon2,
    .productlist_left_list_li:hover .plll_text {
        color: #ffffff;
    }

    .pmtb_left_btn2:hover .std_btn {
        color: #fff;
    }

    .pmtb_left_btn2:hover img {
        content: url('/new/images/c7_icon02_2-84b9bbfc54b27df8294f8177faf1daf6.svg');
    }

    /* rock end*/

}


@media screen and (min-width:1921px) {
    .contact_form {
        width: 86.45vw;
        margin-left: calc(0px - (100vw - 1400px) / 2);
        margin-left: -240px;
        position: relative;
        z-index: 1;
    }

}

/* 20221021 */
.ys_page_privacy .ys_footer.std_spacing2 {
    padding-top: 8em !important;
}

/* privacy - start */
.ys_pribanner {
    height: 300px;
    background: #5F6973;
    width: 100%;
    position: relative;
}

.ys_privacyh1 {
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
}

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

.ys_secretju {
    padding: 60px 0 90px;
}

.ys_secreth1 {
    font-size: 22px;
    line-height: 1.75;
    color: #333;
    margin-bottom: 16px;
    font-weight: bold;
}

.ys_secretnr.yxedr_active h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
    color: #333;
    margin-bottom: 16px;
}

@media screen and (max-width: 1440px) {
    .ys_privacyh1 {
        font-size: 40px;
    }

    .ys_pribanner {
        height: 240px;
    }

    .ys_secretju {
        padding: 50px 0 90px;
    }

    .ys_secreth1 {
        font-size: 20px;
        margin-bottom: 14px;
    }

    .ys_secretnr.yxedr_active h2 {
        margin-bottom: 14px;
    }
}

@media screen and (max-width: 1360px) {
    .ys_privacyh1 {
        font-size: 38px;
    }
}

@media screen and (max-width: 1280px) {
    .ys_privacyh1 {
        font-size: 36px;
    }
}

@media screen and (max-width: 1199px) {
    .ys_privacyh1 {
        font-size: 32px;
    }

    .ys_pribanner {
        height: 200px;
    }
}

@media screen and (max-width: 991px) {
    .ys_privacyh1 {
        font-size: 30px;
    }

    .ys_secretju {
        padding: 40px 0 70px;
    }
}

@media screen and (max-width: 480px) {
    .ys_privacyh1 {
        font-size: 22px;
    }

    .ys_pribanner {
        height: 160px;
    }

    .ys_secretju {
        padding: 32px 0;
    }

    .ys_secreth1 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .ys_secretnr.yxedr_active h2 {
        margin-bottom: 8px;
        font-size: 14px;
    }

    .ys_secretnr.yxedr_active p {
        font-size: 14px;
    }
}

/* privacy - end */

/* cookie modal start*/
.privacy_modal {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 110;
    width: 100%;
    padding: 20px 0;
    background: #474747;
    display: none;
}

.privacy_modal_container {
    width: 1200px;
    max-width: calc(100% - 40px);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    perspective: 500px;
}

.privacy_modal_container p {
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
    padding-right: 2em;
}

.privacy_modal_container p a {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    text-decoration: underline;
}

.privacy_modal_container button {
    flex: none;
    font-size: 16px;
    width: 12em;
    height: 3.5em;
    background: #fff;
    color: #474747;
    border-radius: 2em;
    transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.privacy_modal#privacy_modal {
    width: 86.71875%;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 14px 6px rgba(160, 191, 228, 0.22);
    backdrop-filter: blur(4px);
    left: 50%;
    transform: translateX(-50%);
    bottom: 37px;
    padding: 37px 0;
}

.privacy_modal .privacy_modal_container p {
    color: #333;
    font-size: 18px;
}

.privacy_modal .privacy_modal_container p a {
    color: #489BFF;
    text-decoration: none;
}

.privacy_modal .privacy_modal_container {
    width: 1328px;
}

.privacy_modal .privacy_modal_container button {
    flex: none;
    font-size: 16px;
    width: 10.4em;
    height: 3em;
    background: #489BFF;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #489BFF;
}

.privacy_modal .privacy_modal_container button:hover {
    background: transparent;
    color: #489BFF;
}

.privacy_modal_container p {
    padding-right: 1em;
}

@media screen and (max-width:1360px) {
    .privacy_modal#privacy_modal {
        width: 92%;
    }
}

@media screen and (max-width:1680px) {
    .privacy_modal#privacy_modal {
        padding: 26px 0;
    }

    .privacy_modal .privacy_modal_container {
        width: 1200px;
    }

    .privacy_modal .privacy_modal_container p {
        font-size: 16px;
    }
}


@media screen and (max-width:1200px) {
    .privacy_modal_container {
        max-width: 100%;
        padding: 0 20px;
    }

    .privacy_modal_container p,
    .privacy_modal_container button {
        font-size: 14px;
    }


}

@media screen and (max-width:991px) {
    .privacy_modal_container button {
        width: 10em;
        height: 3em;
    }

    .privacy_modal .privacy_modal_container p {
        font-size: 14px;
        padding-right: 1em;
    }

    .privacy_modal .privacy_modal_container {
        flex-direction: column;
    }

    .privacy_modal .privacy_modal_container button {
        font-size: 14px;
        width: 8.4em;
        height: 2.6em;
    }

    .privacy_modal#privacy_modal {
        padding: 20px 0;
    }

    .privacy_modal .privacy_modal_container p {
        padding-right: 0em;
    }

    .privacy_modal_container button{
        margin-top: 15px;
    }
}

@media screen and (max-width:480px) {
    .privacy_modal_container {
        display: block;
        text-align: center;
    }

    .privacy_modal_container p {
        padding-right: 0;
    }

    .privacy_modal_container button {
        width: 8em;
        height: 2.8em;
        margin-top: 15px;
    }

    .privacy_modal .privacy_modal_container {
        padding: 0px 16px;
    }

    .privacy_modal#privacy_modal {
        bottom: 20px;
    }

    .privacy_modal .privacy_modal_container p {
        padding-right: 0em;
    }
}

/* cookie modal end*/

/* ESG modal start*/
.esg-download-pdf li{
    width: 100%;
    height: 112px;
    margin-bottom: 20px;
    border: 1px solid #e8e8e8;
}
.esg-download-pdf li a{
    display: flex;
    align-items: center;
    padding: 30px 0;
    background-color: #ffffff;
    transition: all .3s ease-out 0s;
}
.esg-download-pdf li a:hover{
    background-color: #003F88;
}
.esg-download-pdf li a:hover .icon-pdf-box span img:last-child{
    opacity: 1;
}
.esg-download-pdf li a:hover *{
    color: #ffffff;
}
.esg-download-pdf li a:hover .icon-pdf:after{
    color: #0028aa;
}
.esg-download-pdf li .icon-pdf-box{
    min-width: 140px;
    height: 50px;
    border-right: 1px solid #e8e8e8;
    padding-left: 60px;
}
.icon-pdf-box span{
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 10px;
}
.icon-pdf-box span img{
    position: absolute;
    left: 0;
    top: 0;
}
.icon-pdf-box span img:last-child{
    opacity: 0;
}
.icon-download{
    font-size: 30px;
    color: #0028aa;
}
.esg-download-link{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
    padding-right: 80px;
}
.esg-download-pdf li .icon-pdf{
    padding-left: 65px;
}
.resi_cont_text{
    font-size: 18px;
    padding-left: 50px;
    font-weight: 500;
}
/* ESG modal end*/

/* public benefit start*/
.cul-list-container{
    display: flex;
    flex-flow: row nowrap;
    column-gap: 40px;
}
.cul-list-container .cul-list-item{
    width: calc(100% / 3);
}
.list-content{
    padding: 18px 28px 38px;
}
.list-content p{
    font-size: 18px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    color: inherit;
    margin-bottom: 44px;
}
.list-content .list-date{
    font-size: 16px;
    color: #999999;
}
.cul-list-item a{
    position: relative;
    transition: all .3s ease;
}
.list-img-box{
    overflow: hidden;
}
.list-img-box img{
    transition: all .3s ease;
}
.cul-list-item a:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background: #e2e0e0;
}
.cul-list-item a:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 0;
    height: 1px;
    transition: all .3s ease;
}
.cul-list-item a:hover:after{
    background-color: #003F88;
    width: 100%;
}
.cul-list-item a:hover{
    box-shadow: 0 0 10px 10px rgba(0 ,0 ,0 , .08);
}
.cul-list-item a:hover .list-img-box img{
    transform: scale(1.1);
}

.btn-check-more a{
    font-size: 14px;
    line-height: 40px;
    color: #002263;
}
.hist_cont_tit{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* public benefit end */
:root{
    --primary-text-color: #00418c;
    --border-color-ea: #eaeaea;
    --border-color-dd: #dddddd;
    --border-color-f8: #003f88;
    --text-color-6e: #0096e0;
}
/* Resources start */
.filter-box{
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--border-color-ea);
    position: relative;
}
.filter-box.job-filter > .filter-item{
    width: calc(100% / 2);
}
.filter-box.job-filter > .filter-item .filter-menu{
    width: calc(100% + 2px);
}
.filter-item{
    position: relative;
    width: 234px;
    height: auto;
    border: 1px solid var(--border-color-ea);
    border-bottom: 0;
    background-color: #ffffff;
}
.filter-box > div:not(:last-child){
    border-right: 0;
    width: 233px;
}
.filter-item button{
    width: 100%;
    height: 69px;
    position: relative;
    line-height: 69px;
    padding-left: 30px;
    text-align: left;
    font-size: 18px;
    color: var(--primary-text-color);
    background-color: transparent;
}
.contact_form_item_con .filter-item{
    border: none;
}
.contact_form_item_con .filter-item .filter-menu{
    width: 100%;
    border-color: #999999;
    top: 32px;
    left: 0;
}
.apply-job-box .cfic_icon,
.apply-job-box .cfic_icon_key{
    height: 26px;
    line-height: normal !important;
}
.apply-job-box .cfic_icon_key{
    margin-top: 2px;
}
.apply-job-box .iconfont{
    vertical-align: middle;
}
.contact_form_item_con .filter-item button{
    height: 32px;
    line-height: 32px;
    border: 1px solid #999999;
    border-radius: 4px;
    padding-left: 10px;
    color: #003F88;
    font-size: 14px;
}
.contact_form_item_con .filter-menu{
    padding: 13px 0;
}
.contact_form_item_con .filter-menu li{
    font-size: 14px;
    padding-left: 20px;
    height: 33px;
    line-height: 33px;
}
.filter-item button:after,
.filter-item input[type=text]:after{
    content: "";
    position: absolute;
    right: 27px;
    background: url("/new/images/icon/icon-select-b7d6edcad0544dc7bdf86350bb9bd609.png") no-repeat;
    background-size: contain;
    width: 10px;
    height: 8px;
    top: calc(50% - 4px);
}
.filter-menu{
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    left: -1px;
    width: 234px;
    padding: 18px 0;
    border: 1px solid var(--border-color-dd);
    border-top: 0;
    background-color: #ffffff;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    z-index: 9;
}

.filter-menu li{
    width: 100%;
    height: 48px;
    line-height: 48px;
    border-radius: 12px;
    padding-left: 30px;
    font-size: 18px;
    color: var(--primary-text-color);
    cursor: pointer;
}
.filter-menu li:hover{
    background: rgba(0, 150, 255, 0.1) !important;
}
/*.filter-item:focus-within .filter-menu{*/
/*    display: block;*/
/*}*/

.file-list-box{
    display: flex;
    flex-flow: row wrap;
    column-gap: 40px;
    row-gap: 88px;
}
.file-list-box li.etsumm_ktp_item{
    width: calc(100% / 3 - 40px);
    max-width: 440px;
    height: 23vw;
    max-height: 411px;
    display: inline-block;
    margin: 0;
    padding-bottom: 0;
}

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

    .filter-menu{
        width: calc(100% + 2px);
    }

    .qei_ip .filter-item{
        width: 50% !important;
    }
}

@media screen and (max-width: 1280px) {
    .file-list-box li.etsumm_ktp_item {
        height: 27vw;
    }
}

@media screen and (max-width: 991px) {
    .file-list-box li.etsumm_ktp_item {
        height: 29vw;
    }
}

.file-list-box li .etsumm_ktp_right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.file-list-box li .file-list-top{
    position: relative;
    width: 100%;
    height: auto;
}
.file-list-box li .file-list-top video{
    object-fit: fill;
}
.file-list-box li .file-list-top video,
.file-list-box li .file-list-top img{
    border-bottom-right-radius: 40px;
    margin-bottom: 20px;
    max-height: 247px;
    max-width: 100%;
}
.file-list-top img{
    cursor:pointer;
}
.file-list-bottom{

}
.file-list-box li p{
    color: var(--text-color-6e);
}
.file-list-box li p.file-title20{
    padding-bottom: 11px;
}
.file-title20{
    font-size: 20px;
}
.file-title23{
    font-size: 18px;
}
.file-list-bottom .hnct_more_btn{
    max-width: 134px;
    min-width: auto;
}
.file-list-box .etsumm_ktp_right .hnct_more_imgbox{
    width: 16px;
}
.file-list-box .etsumm_ktp_right .icon-audio{
    width: 20px;
}
.file-list-box .std_btn img{
    width: inherit;
}

@media screen and (max-width: 767px){
    .filter-box,.video-info-container{
        display: block !important;
    }
    .file-list-box{
        display: block;
        text-align: center;
    }
    .qei_ip .filter-item{
        width: 100% !important;
    }
    .filter-box > div:not(:last-child){
        border-right: 1px solid var(--border-color-ea);
    }
    .filter-menu{
        width: calc(100% + 2px);
    }
    .file-list-box{
        display: block;
    }
    .file-list-box li p{
        line-height: 28px;
    }
    .file-list-box li.etsumm_ktp_item{
        width: 100%;
        max-width: 100%;
        margin-top: 30px;
    }
    .file-list-bottom{
        margin-top: 15px;
    }
    .file-list-box li .file-list-top video,
    .file-list-box li .file-list-top img{
        max-height: 311px;
    }
    .file-list-box li.etsumm_ktp_item{
        height: auto;
    }
}

 .v-controls{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 60px;
    height: 60px;
}
.file-list-box .file-list-top .v-controls img{
    margin-bottom: 0;
    border-radius: 0;
}
/* Resources end */
.fwn{
    font-weight: normal;
}
.analy_offer_cont_bg{
    background: url("/new/images/c9_img_02-cn-empty.png") no-repeat;
    width: 1400px;
    height: 497px;
}
.analy_offer_cont_wrap{
    width: 807px;
    height: inherit;
    position: relative;
    margin: 0 auto;
}
.analy_offer_cont_item{
    font-weight: bold;
    font-size: 18px;
    position: absolute;
}
body .mod-public-bg:after{
    background-color: #f6fbff;
}
.etsum_cont .mod-tab-list{
    margin-bottom: 79px;
}
.tab-list-wrap{
    display: flex;
    flex: 1 1 auto;
    flex-flow: row wrap;
    row-gap: 10px;
}
.tab-item{
    width: 25%;
    background-color: #ffffff;
    height: 86px;
    cursor: pointer;
}
.tab-item.is-active{
    background-color: #15518d;
}
.tab-item.is-active div{
    color: #ffffff;
}

.tab-item > div{
    font-size: 18px;
    color: #00418c;
    line-height: 86px;
    text-align: center;
}
.tab-item:not(:nth-child(4n+4)){
    border-right: 1px solid #e6eaf9;
}

.job-filter > div.filter-item > .icon-job:before{
    content: "";
    float: left;
    margin-top: 20px;
    margin-right: 12px;
    width: 18px;
    height: 25px;
    background: url("/new/images/icon/icon-job-560f54748b2f7a10c2749fc311c06a43.png") no-repeat;
}
.job-filter > div.filter-item > .icon-loaction:before{
    content: "";
    float: left;
    margin-top: 20px;
    margin-right: 12px;
    width: 21px;
    height: 24px;
    background: url("/new/images/icon/icon-loaction-40c692d60165de9c415fab448a401777.png") no-repeat;
}
.job-search-box input{
    width: 100%;
    height: 70px;
    padding-left: 37px;
    color: inherit;
}
.job-search-box input::placeholder{
    color: #6a6b6b;
    font-size: 16px;
}
.job-search-box .icon-search{
    color: #727272;
    font-size: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 20px;
    cursor: pointer;
}
.job-detail-content .detail-content-item > div{
    border-top: 1px solid #003f88;
}
.job-detail-content .detail-tit,
.job-detail-content .detail-content-item .detail-content-card{
    display: flex;
    flex: 1 1 auto;
    flex-flow: row wrap;
    align-items: center;
    min-height: 100px;
    padding-left: 33px;
}
.job-detail-content .detail-content-item{
    border-bottom: 1px solid #003f88;
}
.job-detail-content .detail-tit{
    font-size: 24px;
    font-weight: bold;
    color: #219ebc;
}
.job-detail-content .detail-tit > div:first-child,
.job-detail-content .detail-content-item .detail-content-card > div:first-child {
    width: 472px;
}
.job-detail-content .detail-content-item .detail-content-card > div:first-child{
    font-size: 20px;
    font-weight: bold;
    color: #053f84;
}
.job-detail-content .detail-content-item .detail-content-card > div:nth-child(2){
    flex-grow: 1;
    font-size: 18px;
    color: #053f84;
}
.job-detail-content .detail-content-card .etsumm_ktp_item{
    padding-bottom: 0;
}
.job-detail-content .detail-content-card .hnct_more{
    width: 107px;
}
.job-detail-content .detail-content-card .hnct_more_btn{
    min-width: 107px;
    height: 42px;
    background-color: #ffffff;
}
.detail-dropdown-wrap{
    display: none;
    padding-left: 33px;
}
.detail-dropdown-wrap .hnct_more .std_btn{
    border: 0;
    background-color: #219EBC;
}
.detail-dropdown-wrap .etsumm_ktp_right .hnct_more:hover .std_btn{
    border: 0;
}
.detail-dropdown-wrap .hnct_more .std_btn::before{
    background-color:  #00498E;
}
.detail-dropdown-wrap .manufat_product_btn{
    margin: 40px 0 50px 0;
}
.job-filter .filter-item button{
    padding-left: 40px;
}
.detail-dropdown-wrap .detail-list-tit{
    font-size: 18px;
    font-weight: bold;
    color: #053f84;
    padding-bottom: 20px;
}
.detail-dropdown-wrap > p:nth-of-type(2){
    padding-top: 65px;
}

.contact-info{
    padding-bottom: 30px;
    padding-left: 16px;
}
.contact-info p{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}
.upload-card{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 76px;
    border-radius: 38px;
    background-color: #f8f9fa;
    border: 1px solid #dadada;
    padding: 0 16px;
}
.upload-card .upload-box{
    width: 50%;
    text-align: center;
}
.upload-box label{
    font-size: 16px;
    color: #053f84;
    cursor: pointer;
}
.upload-box label input[type=file]{
    width: 0;
    height: 0;
    display: inline-block;
}
.mod_form_pop .upload-card .contact_form_item{
    margin-bottom: 0;
    max-width: 308px;
}
.icon-job-title{
    width: 18px;
    height: 19px;
    background: url("/new/images/icon/icon-job-title-b48ba791d8123b61db6124b14621797a.png");
}
.icon-profession{
    width: 19px;
    height: 15px;
    background: url("/new/images/icon/icon-profession-0a01a352e6aeaeb96350d8cd939d875b.png");
}
.icon-school{
    width: 21px;
    height: 17px;
    background: url("/new/images/icon/icon-school-36e750f46ea8804045e6b2679fd9fd9e.png");
}

.w50{
    width: 50%;
}
.w33{
    width: calc(100% / 3);
}
.w100{
    width: 100%;
}
.mod-img-wrap{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}
.mod-img-wrap li{
    background-color: #ffffff;
    height: 131px;
    width: calc(100% / 5 - 6px);
    position: relative;
}
.mod-img-wrap li img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
@media screen and (max-width: 768px){
    .mod-img-wrap li{
        width: calc(100% / 3 - 6px);
    }
    .mod-img-wrap li img{
        height: inherit;
    }
}
.file-application-form{
    display: none;
}
.content-group{
    display: none;
}
.is-visible{
    display: block;
}
.category-tit span{
    color: #00143c;
    display: inline-block;
    width: 50%;
    text-align: center;
}
.social-recruitment > div:nth-child(3) .hist_cont_tit{
    margin-bottom: 55px;
}
.social-recruitment > div:nth-child(3) .content-crad{
    margin-top: 145px;
}
.more-card-slick{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}
.more-card-slick .mod_technique_arrow{
    align-self: flex-end;
    padding: 35px 20px 30px 0;
    width: 120px;
}
.more-card-slick .etfc_slick_prev,
.more-card-slick .etfc_slick_next {
    width: 36px;
    height: 36px;
}
.more-card-slick .mod_list2{
    column-count: 2;
}
.more-card-slick .mod_list2_item_text{
    color: #ffffff;
}

/* responsibility page start */
.responsibility-cont-wrap_list{
    display: flex;
    flex-flow: row wrap;
    gap: 50px;
}
.responsibility-cont-wrap_list li{
    width: calc(50% - 25px);
}
.responsibility_slick{
    margin-top: 95px;
}
.responsibility_slick_list{
    margin: 0 -26px;
    padding-top: 50px;
}

@media screen and (max-width: 767px) {
    .responsibility_slick_list {
        margin: 0 -20px;
    }
}

.responsibility_slick_list .ys_imgbox_cover{
    border-radius: 0 0 40px 0 !important;
    max-height: 313px;
}
.responsibility_slick_list .mod_technique_cont {
    overflow: visible;
    display: flex;
    flex-direction: column;
}
.responsibility_slick_list .pfoi_cont_suspend{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: fit-content;
    padding: 32px 25px 16px 32px;
    margin-top: -25.53%;
    width: calc(100% + 20px);
}

@media screen and (max-width: 767px) {
    .responsibility_slick_list .pfoi_cont_suspend {
        margin-top: -10%;
    }
}

@media screen and (max-width: 768px){
    .responsibility-cont-wrap_list li{
        width: 100%;
    }
}
/* responsibility page end*/

/* announcement page start */
.company-notice{
    display: flex;
    flex-direction: column;
    position: relative;
}
.company-notice .mod_tit2{
    width: fit-content;
}
.announcement-contact .lrml_li_icon{
    margin-right: 23px;
}

.announcement-contact .contact_item_tit_text{
    padding-right: 5px;
    flex-shrink: 0;
}
.announcement-contact .lllt_right_tit{
    margin-bottom: 38px;
    margin-top: -8px;
}
.announcement-contact .lrml_li{
    margin-bottom: 24px;
}
.announcement-contact .lllt_right_more{
    padding: 45px 0 26px 32px;
}
.announcement-contact .lllt_left{
    width: 50%;
    max-width: 685px;
    border-radius: 0 0 40px 0;
}
.announcement-contact .lllt_right{
    width: 47.142857%;
}
@media screen and (max-width: 768px){
    .announcement-contact .locations_list_li_total{
        display: block;
    }
    .announcement-contact .lllt_left{
        width: 100%;
        max-width: 100%;
    }
    .announcement-contact .lllt_right{
        width: 100%;
        margin-top: 35px;
    }
    .announcement-contact .lllt_right_tit{
        margin-bottom: 15px;
    }
    .announcement-contact .lrml_li{
        align-items: baseline;
    }
}
/* announcement page end */
#file-upload-type-Util{
    max-width: 150px;
    text-align: left;
}
#file-upload-type-Util.icon-pdf:before{
    content: "";
    background: url(/new/images/icon/icon-pdf-a3456a6a05068a370eabb99df523bea7.png) no-repeat;
    width: 29px;
    height: 32px;
    float: left;
    margin-right: 10px;
}
#file-upload-type-Util.icon-word:before{
    content: "";
    background: url(/new/images/icon/icon-word-51b69928349f5ca164f8fa01631e2394.png) no-repeat;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 10px;
}

.file-name-wrap{
    display: none;
    width: 50%;
    justify-content: center;
}
.btn-delete{
    display: inline-block;
    background: url(/new/images/icon/icon-close-18d01943519fd0236faa0cf23edd52c2.png) no-repeat;
    width: 21px;
    height: 21px;
    cursor: pointer;
}

/* company profile management idea */
.management-section{
    position: relative;
    background-color: #fff;
    z-index: -3;
}
.management-section .home_service_bg{
    position: absolute;
    left: 28%;
    top: -31%;
    width: 100%;
    z-index: 99;
}

.mod-ul-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 45px;
    margin-top: 90px;
}
.mod-ul-list .mod-list-item {
    width: calc(100% / 3 - 45px);
}
.mod-ul-list .mod-list-item .mod-top {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: #4f9bb9;
}
.mod-top p {
    padding-left: 20px;
}
.mod-ul-list .mod-list-item .mod-top:after {
    content: "";
    position: absolute;
    bottom: -16px;
    right: 0;
    width: 100%;
    height: 6px;
    border-radius: 4px;
    background: #4b649d;
}
.mod-ul-list .mod-list-item .mod-bottom {
    color: #00143c;
    line-height: 36px;
}

@media screen and (max-width: 767px) {
    .mod-ul-list{
        margin-top: 45px;
    }
    .management-section .home_service_bg {
        left: 0;
        top: 0;
    }
    .mod-ul-list .mod-list-item {
        width: auto;
    }
}

/*-------------------------------- process safety laboratory style start -----------------------------------*/
.mod_tit_primary {
    font-weight: 500;
    color: #003F88;
}

.process_safety_wrap,
.process_safety_wrap .mod_frame::after {
    background: #F6FBFF;
}

.process_safety_section_tit {
    position: relative;
    color: #219EBC;
    padding-bottom: 10px;
    border-bottom: 2px solid #00005c;
    line-height: 32px;
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    .process_safety_section_tit {
        width: calc(100% - 25px);
    }
}

.process_safety_section_tit::after {
    content: "";
    position: absolute;
    left: 100%;
    bottom: -13px;
    width: 25px;
    height: 25px;
    border: 2px solid #00005c;
    border-radius: 50%;
}
.process_safety_cont .com_wrap {
    gap: 58px;
    align-items: stretch;
}

.process_safety_cont .com_wrap_le p{
    color: #053E84;
}

.process_safety_cont .com_wrap_le,
.process_safety_cont .com_wrap_ri {
    flex: 1;
}

@media screen and (max-width: 768px){
    .process_safety_cont .com_wrap_le,
    .process_safety_cont .com_wrap_ri {
        flex: none;
        width: 100%;
    }
}
.process_safety_cont .com_wrap_ri .mod-img-box{
    text-align: right;
    padding-top: 44px;
}

.process_safety_cont .com_wrap_card {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    gap: 70px;
    width: 100%;
    max-height: 363px;
    margin-top: 115px;
    background-color: transparent;
    border-radius: 0 0 103px 0;
    overflow: hidden;
    box-shadow: 0 4px 20px 1px rgb(0 0 0 / 6%);
}
@media screen and (max-width: 1440px) {
    .process_safety_cont .qei_qcp1_content{
        text-align: justify;
    }
    .process_safety_cont .com_wrap_card {
        max-height: 300px;
        margin-top: 85px;
    }
}
@media screen and (max-width: 991px) {
    .process_safety_cont .com_wrap_card {
        max-height: fit-content;
        margin-top: 0;
    }
}
@media screen and (max-width: 768px) {
    .process_safety_cont .com_wrap_card {
        margin-top: 0;
    }
}
.process_safety_list {
    display: flex;
    flex-flow: row wrap;
    column-gap: 50px;
}

.process_safety_section_item .std_title18 {
    line-height: 47px;
    color: #00143c;
}


@media screen and (max-width: 1440px) {
    .process_safety_section_item {
        margin-bottom: 12px;
    }
    .process_safety_section_item .std_title18 {
        line-height: 1.6;
        font-size: 16px;
    }
}

@media screen and (max-width: 1200px) {
    .process_safety_section_item .resi_cont_img {
        margin-top: 6px;
    }
}
.process_safety_list li.discovery_synthetic_item {
    width: calc(100% / 2 - 45px);
}

.process_safety_section_card {
    margin-top: 40px;
}
.process_safety_section_card .mod_tit_primary {
    font-weight: 700;
}
.mod-img-carousel {
    position: relative;
    max-width: 606px;
    margin-top: 22px;
    margin-left: auto;
    box-shadow: 0 4px 14px 1px rgba(0,0,0,0.09);
    border-radius: 24px;
}

.mod-img-carousel .swiper img {
    max-width: 100%;
    display: block;
    height: auto;
}
.mod-img-carousel .slick-dots {
    bottom: -25px;
}
.mod-img-carousel .slick-slide {
    max-height: 290px;
}
.mod-img-carousel .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: inherit;
    padding-top: 20px;
    padding-bottom: 20px;
}
@media screen and (max-width: 1440px) {
    .mod-img-carousel {
        margin-top: 37px;
    }
}
@media screen and (max-width: 768px){
    .mod-img-carousel .slick-slide img {
        object-fit: fill;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.mod-carousel-list div img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    max-height: inherit;
    padding: 20px 15px;
}
.process_safety_container .com_wrap {
    align-items: flex-start;
    padding-bottom: 8em;
}

.hy_imgbox_fill{
    height: 100%;
    object-fit: fill;
    width: 100%;
}
.mod-zoom {
    position: absolute;
    right: 15px;
    bottom: 13px;
    display: flex;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.18);
    background-color: #ffffff;
    cursor: pointer;
    z-index: 1;
}

.mod-zoom img {
    margin: auto;
}

.mod-zoom:hover img:first-child {
    display: none;
}

.mod-zoom:hover img[hidden]{
    z-index: 1;
    display: block;
}

.mod-bottom-img-info {
    margin-top: 33px;
    color: #219ebc;
    text-align: center;
}

.process_pop-modal .slick-dots{
    bottom: -20px;
}

.mod-img-carousel .slick-dots li,
.process_pop-modal .slick-dots li{
    width: 7px;
    height: 7px;
}
.process_pop-modal .slick-dots li.slick-active {
    background-color: #ffffff;
}
.process_pop-modal .slick-dots li {
    background-color: #8e8f91;
}

.process_pop-box .slick-slide img {
    background-color: #ffffff;
    padding: 25px 20px;
    height: 100%;
}

.mod-bottom-img-info .img-info-item {
    display: none;
}
.img-info-item.is-block {
    display: block;
}
.process_pop-name-list {
    margin-top: 40px;
}
.process_pop-name-list li {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    display: none;
}
.process_pop-name-list li.is-block {
    display: block;
}
.ys_videom_content {
    width: 1200px;
}

.mod-img-carousel .slick-track {
    display: flex;
}
.mod-img-carousel .slick-track .slick-slide {
    height: inherit;
}
/*-------------------------------- process safety laboratory style end -----------------------------------*/

.adc-cont-header {
    margin-bottom: 26px;
}
.adc-cont-header-wrapper {
    background-color: #e5f4ff;
    border-radius: 16px 80px 80px 16px;
    padding-right: 29px;
}

.adc-conjugation-list {
    display: flex;
    flex-flow: row wrap;
    border-radius: 16px 80px 80px 16px;
    background-color: #003f88;
    overflow: hidden;
}
.adc-conjugation-item {
    flex: 1;
    box-shadow: 1px 0 0 0 #ffffff;
    color: #ffffff;
    text-align: center;
    line-height: 73px;
    height: 73px;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
}
.adc-conjugation-tips {
    font-size: 20px;
    color: #00143c;
    padding: 12px 0;
    text-align: center;
}
@media screen and (max-width: 1680px) {
    .adc-conjugation-tips {
        font-size: 16px;
    }
}
.adc-cont-body {
    display: flex;
    flex-flow: row wrap;
    gap: 13px;
    margin-bottom: 115px;
}
.adc-conjugation-body {
    border: 1px solid #4d9cb9;
    border-bottom-right-radius: 120px;
    width: calc(50% - 7px);
}
@media screen and (max-width: 991px){
    .adc-conjugation-body {
        width: 100%;
    }
    .adc-conjugation-tips {
        font-size: 16px;
    }
}

.adc-conjugation-title {
    font-size: 22px;
    line-height: 46px;
    color: #ffffff;
    text-align: center;
    background-color: #4d9cb9;
}
@media screen and (max-width: 991px){
    .adc-conjugation-title {
        font-size: 20px;
    }
}

.adc-conjugation-cont-item {
    padding-top: 10px;
}
.adc-conjugation-body-cont {
    padding: 8px 45px 20px 50px;
}
.adc-conjugation-cont-tit {
    display: flex;
    flex-flow: row nowrap;
}
.adc-conjugation-cont-pic {
    padding-left: 2px;
}

.contact-box {
    opacity: 0;
    left: 100%;
    bottom: -50%;
    right: auto;
    top: auto;
    margin-left: 18px;
}
.contact-box.contact-box::before {
    opacity: 1;
    transform: rotate(.5turn);
    margin-left: 2px;
    margin-top: -9px;
}

.pro-contact-container {
    background-color: #ffffff;
}
.pro-contact-form {

    padding: 20px;
    border-radius: 26px;
    box-shadow: 0 0 24px rgba(146, 216, 255, 0.2), 0 0 16px rgba(146, 216, 255, 0.1), 0 0 8px rgba(146, 216, 255, 0.1);
}
.pro-contact-form .contact_form_item {
    margin-bottom: 20px;
}
.pro-detail-textarea {
    height: 70%;
}

.pro-detail-num {
    width: 100%;
    height: 30%;
    display: flex;
    flex-direction: column;
    padding: 0;
}
.bg-white {
    background-color: #ffffff;
}

.pro-label-control .hlli_label_cry {
    position: static;
}

.pro-active {
    background: #003F88;
}
.pro-active .plll_text,
.pro-active .plll_icon2 {
    color: #ffffff;
}

@media screen and (max-width: 768px) {
    .home_form_cry_info {
        flex-wrap: wrap;
    }
}

/***********************
    Home News & Events
*************************/
.ys_page_index .home_events_container_cry,
.ys_page_index .home_news_container_cry{
    margin-top: 0;
}
.home_events_container_cry{
    min-width: 305px;
}
.home_news {
    background: #F6FBFF;
}
.home_news .hlat_text {
    margin-bottom: 18px;
}
.home_news_container {
    gap: 80px;
}
.home_news_container_tit {
    padding-bottom: 45px;
}
.home-events-card {
    padding-bottom: 18px;
}
.home-events-tit {
    padding-top: 23px;
    padding-bottom: 10px;
    font-weight: bold;
}
.home-events-img {
    width: 100%;
    max-width: 356px;
    height: 150px;
    border: 1px solid #cfd4d7;
    border-radius: 18px;
}
.home-events-img a {
    width: inherit;
    height: inherit;
}
.home-events-tit {
    font-size: 18px;
    color: #064186;
}
.home-events-info > span {
    padding-top: 12px;
    font-size: 16px;
}
.home-events-info span:before {
    margin-right: 10px;
}
.icon-time-solid:before {
    content: "";
    width: 14px;
    height: 14px;
    background: url(/new/images/icon/icon-time-solid-a889e35e0a5a45422b0223d4795e289f.svg) no-repeat;
}
.icon-location-solid:before {
    content: "";
    width: 14px;
    height: 15px;
    background: url(/new/images/icon/icon-location-solid-c2c8496746d788a4b07ab04bdd1b3bab.svg) no-repeat;
}
.ys_main.home_main {
    padding-bottom: 0;
}
.ys_main.home_main:after {
    left: 0;
    bottom: -1px;
    height: 10em;
    border-radius: 0;
    background-image: linear-gradient(101.42deg, #002C36 0%, #020E49 100%);
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .home-events-cont-wrap {
        display: flex;
        justify-content: space-between;
        gap: 40px;
    }
}
@media screen and (max-width: 991px){
    .home_news .home_news_container {
        display: block;
    }
    .home_events_container_cry{
        min-width: 1px;
    }
    .home_news_container_cry .hncc_bot {
        display: block;
    }
    .home_news_container_tit {
        padding-bottom: 25px;
    }
    .home-events-card{
        flex: 1;
    }
}

.contact-box {
    opacity: 0;
    left: 100%;
    bottom: -50%;
    right: auto;
    top: auto;
    margin-left: 18px;
}

.adc-cont-header {
    margin-bottom: 26px;
}
.contact-box.contact-box::before {
    opacity: 1;
    transform: rotate(.5turn);
    margin-left: 2px;
    margin-top: -9px;
}

.adc-conjugation-list {
    display: flex;
    flex-flow: row wrap;
    border-radius: 16px 80px 80px 16px;
    background-color: #003f88;
    overflow: hidden;
}
.adc-conjugation-item {
    width: 29%;
    box-shadow: 1px 0 0 0 #ffffff;
    color: #ffffff;
    text-align: center;
    line-height: 73px;
    height: 73px;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
}
li.adc-conjugation-item:nth-child(2) {
    flex-grow: 1;
}
.adc-conjugation-tips {
    font-size: 20px;
    color: #00143c;
    padding: 12px 0;
    text-align: center;
}
@media screen and (max-width: 1680px) {
    .adc-conjugation-tips {
        font-size: 16px;
    }
}
.adc-cont-body {
    display: flex;
    flex-flow: row wrap;
    gap: 13px;
    margin-bottom: 115px;
}
.adc-conjugation-body {
    border: 1px solid #4d9cb9;
    border-bottom-right-radius: 120px;
    width: calc(50% - 7px);
}
@media screen and (max-width: 991px){
    .adc-conjugation-body {
        width: 100%;
    }
    .adc-conjugation-tips {
        font-size: 16px;
    }
}

.adc-conjugation-title {
    font-size: 22px;
    line-height: 46px;
    color: #ffffff;
    text-align: center;
    background-color: #4d9cb9;
}
@media screen and (max-width: 991px){
    .adc-conjugation-title {
        font-size: 20px;
    }
}

.adc-conjugation-cont-item {
    padding-top: 10px;
}
.adc-conjugation-body-cont {
    padding: 8px 45px 20px 50px;
}
.adc-conjugation-cont-tit {
    display: flex;
    flex-flow: row nowrap;
}
.adc-conjugation-cont-pic {
    padding-left: 2px;
}

.adc-cont-header-wrapper {
    background-color: #e5f4ff;
    border-radius: 16px 80px 80px 16px;
    padding-right: 29px;
}

.pro-contact-container {
    background-color: #ffffff;
}
.pro-contact-form {
    padding: 20px;
    border-radius: 26px;
    box-shadow: 0 0 24px rgba(146, 216, 255, 0.2), 0 0 16px rgba(146, 216, 255, 0.1), 0 0 8px rgba(146, 216, 255, 0.1);
}
.pro-contact-form .contact_form_item {
    margin-bottom: 20px;
}
.icon-product {
    display: inline-block;
    width: 18px;
    height: 20px;
    background: url(/images/icon/icon-product-white-c141b90db7bd4c92b27f3712e5a55906.svg) no-repeat;
    background-size: cover;
}

.bg-white {
    background-color: #ffffff;
}

.pro-label-control .hlli_label_cry {
    position: static;
}

.pro-active {
    background: #003F88;
}
.pro-active .plll_text,
.pro-active .plll_icon2 {
    color: #ffffff;
}

@media screen and (max-width: 768px) {
    .home_form_cry_info {
        flex-wrap: wrap;
    }
}

.events-date-picker {
    margin-top: 25px;
}

.events-date-picker .date-picker-item {
    border: 1px solid #e1e3e7;
    min-width: 159px;
    height: 48px;
    line-height: 48px;
    color: #003f88;
    width: max-content;
    text-align: center;
    cursor: pointer;
}

.date-picker-item.is-active {
    color: #ffffff;
    background-color: #013f88;
    border-color: #013f88;
}

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

.check_more_btn{
    color: #219ebc;
}

.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 .arrow_more_btn_svg{
    fill: #219ebc;
}

.home_news_container .hncc_li_a_img{
    max-height: 238px;
    align-self: flex-start;
}

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

.hncc_bot_slick_li {
    width: 100%;
}

.hncc_bot_slick_li:first-child {
    display: none;
}

.hncc_bot_slick_li:not(:nth-child(-n+3)) {
    display: none;
}

.bottom-list-item:not(:first-child){
    padding-bottom: 12px;
}

.bottom-list-item > span {
    position: relative;
    display: block;
}

.hlat_more_btn {
    color: #666;
    opacity: .6;
}

.hlat_more_btn svg {
    fill: #666;
}

.hy-icon:before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background-size: cover;
}

.hncc_bot_slick_li:not(:nth-child(-n+2)) {
    padding-top: 14px;
}

/* ESG Page */

.d-flex {
    display: -ms-flexbox;
    display: flex ;
}

.flex-row            { flex-direction: row ; }
.flex-column         { flex-direction: column ; }
.flex-row-reverse    { flex-direction: row-reverse ; }
.flex-column-reverse { flex-direction: column-reverse ; }

.flex-wrap         { flex-wrap: wrap ; }
.flex-nowrap       { flex-wrap: nowrap ; }
.flex-wrap-reverse { flex-wrap: wrap-reverse ; }
.flex-fill         { flex: 1 1 auto ; }
.flex-grow-0       { flex-grow: 0 ; }
.flex-grow-1       { flex-grow: 1 ; }
.flex-shrink-0     { flex-shrink: 0 ; }
.flex-shrink-1     { flex-shrink: 1 ; }

.justify-content-start   { justify-content: flex-start ; }
.justify-content-end     { justify-content: flex-end ; }
.justify-content-center  { justify-content: center ; }
.justify-content-between { justify-content: space-between ; }
.justify-content-around  { justify-content: space-around ; }

.align-items-start    { align-items: flex-start ; }
.align-items-end      { align-items: flex-end ; }
.align-items-center   { align-items: center ; }
.align-items-baseline { align-items: baseline ; }
.align-items-stretch  { align-items: stretch ; }

.align-content-start   { align-content: flex-start ; }
.align-content-end     { align-content: flex-end ; }
.align-content-center  { align-content: center ; }
.align-content-between { align-content: space-between ; }
.align-content-around  { align-content: space-around ; }
.align-content-stretch { align-content: stretch ; }

.align-self-auto     { align-self: auto ; }
.align-self-start    { align-self: flex-start ; }
.align-self-end      { align-self: flex-end ; }
.align-self-center   { align-self: center ; }
.align-self-baseline { align-self: baseline ; }
.align-self-stretch  { align-self: stretch ; }

.esg_slick_item {
    position: relative;
    width: 100%;
    height: 626px;
    background-size: contain;
    border-bottom-right-radius: 120px;
}

li.esg_slick_item:nth-child(1) {
    background: url("https://cnfile.chemexpress.com/upload/ESG-CN-banner-250521.png") no-repeat;
}

li.esg_slick_item:nth-child(2) {
    background: url("https://file.chemexpress.com.cn/upload/esg-banner-cn.png") no-repeat;
}

@media screen and (max-width: 991px){
    li.esg_slick_item:nth-child(1) {
        background-position: right;
    }
}

/*@media screen and (max-width: 767px) {*/
/*    li.esg_slick_item:nth-child(1) {*/
/*        background-image: url("/new/images/web/esg-banner-01-ph-fe0647ae31d646e344653d9b83b704ac.png");*/
/*        height: initial;*/
/*    }*/
/*}*/

@media screen and (max-width: 480px) {
    li.esg_slick_item:nth-child(1) {
        background-image: url("/new/images/web/esg-banner-01-ph-fe0647ae31d646e344653d9b83b704ac.png");
        height: initial;
    }
}

.esg_slick_item .mod_tit3 {
    width: 61%;
    margin-left: auto;
    padding-top: 85px;
}

.esg_slick_item .qei_qcp1_content {
    width: 61%;
    margin-left: auto;
    padding-right: 40px;
}

.pdf-download-box {
    width: 61%;
    margin-left: auto;
    margin-top: 45px;
}

.btn-pdf-download {
    display: block;
    width: 147px;
    color: #003F88;
    font-size: 16px;
    text-align: center;
    border: 1px solid #003F88;
    box-shadow: 0 2px 8px rgb(0 34 99 / 5%);
    border-radius: 32px;
    margin-right: 44px;
}

.btn-pdf-download.selected {
    background-color: #003F88;
    color: #fff;
}
@media screen and (max-width: 1440px) {
    .esg-primary-page .esg_slick_item .mod_tit3 {
        width: 50%;
    }

    .esg-primary-page .esg_slick_item .qei_qcp1_content {
        width: 50%;
    }

    .esg-primary-page .pdf-download-box {
        display: flex;
        width: 50%;
        margin-top: 20px;
    }
}

@media screen and (max-width: 991px) {
    .esg-primary-page .esg_slick_item .mod_tit3 {
        width: 100%;
        margin-bottom: 0;
        padding-top: 50px;
        padding-left: 10px;
    }

    .esg-primary-page .esg_slick_item .qei_qcp1_content {
        width: 100%;
        padding: 10px;
        margin-top: 20px;
    }

    .esg-primary-page .pdf-download-box {
        width: 100%;
        gap: 20px;
        padding-left: 10px;
    }

    .esg-primary-page .btn-pdf-download {
        height: 35px;
        line-height: 35px;
        margin-right: 0;
    }

    .esg-primary-page .esg_slick_list .esg_slick_item {
        height: 409px;
        border-bottom-right-radius: 60px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .esg-primary-page .esg_slick_list .esg_slick_item {
        background-size: cover;
    }
}

.esg-list-title {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
}

.responsibility_slick_list .flex-grow-1 {
    flex-basis: 25%;
    padding-left: 26px;
    padding-right: 26px;
}

@media screen and (max-width: 1440px) {
    .esg-list-title {
        display: flex;
        flex-direction: column;
        width: fit-content;
    }

    .esg-primary-page .mod_tit2::after {
        margin-left: auto;
    }
}

@media screen and (max-width: 991px) {
    .responsibility_slick_list .flex-grow-1 {
        flex-basis: 50%;
    }


}

@media screen and (max-width: 767px) {
    .responsibility_slick_list .flex-grow-1 {
        flex-basis: 100%;
    }
}

.secondary-navbar-item {
    font-size: 28px;
    color: #b7b7b7;
    position: relative;
    margin-right: 20px;
    cursor: pointer;
}

.secondary-navbar-item:not(:first-child) {
    margin-left: 20px;
}

@media screen and (max-width: 767px) {
    .secondary-navbar-list {
        margin: 0 auto;
        gap: 20px;
    }

    .secondary-navbar-item {
        margin-right: 0;
        font-size: 26px;
    }

    .secondary-navbar-item:not(:first-child) {
        margin-left: 0;
    }
}

.secondary-navbar-item:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -20px;
    width: 1px;
    height: 39px;
    background-color: #b7b7b7;
}

.secondary-navbar-item > div{
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
}

.secondary-navbar-item.is-active > div {
    width: fit-content;
    color: #003F88;
    border-bottom: 2px solid #003F88;
}

.btn-back-previous-page {
    font-size: 18px;
    color: #285e9b;
    margin-left: auto;
}

@media screen and (max-width: 767px) {
    .secondary-navbar-item {
        display: flex;
        justify-content: center;
        width: calc(50% - 20px);
    }

    .secondary-navbar-item:nth-child(2)::after {
        width: 0;
    }

    .btn-back-previous-page {
        margin-top: 36px;
    }
}

.esg-secondary-container {
    margin-top: 36px;
}

.esg-content-card {
    margin-top: 40px;
}

.esg-content-item:not(:first-child) {
    margin-top: 60px;
}

.esg-content-item .qei_qcp1_txt2 {
    border-bottom: 1px solid #505e7b;
    padding-bottom: 16px;
}

.esg-content-item .mod_tit3 {
    margin-bottom: 26px;
}

.esg-content-wrapper:not(:first-child) {
    display: none;
}

.esg-info-center {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .esg-info-center {
        width: 100%;
    }
}

.esg-primary-page .mod_technique_arrow {
    width: 220px;
    margin-top: 10px;
    position: relative;
    left: 50%;
    justify-content: space-between;
    transform: translateX(-50%);
}

.esg-primary-page .slick-dots {
    bottom: -40px;
    z-index: 1;
}

.esg-banner-ph {
    display: none;
}

.esg-secondary-banner-box {
    position: relative;
}

@media screen and (max-width: 767px) {
    .esg-secondary-banner-box {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom-right-radius: 30px;
    }

    .esg-banner-pc {
        display: none;
    }

    .esg-banner-ph {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.esg-banner-title {
    position: absolute;
    top: 2.1em;
    left: 1.5em;
    font-size: 38px;
    color: #ffffff;
    line-height: 1.5;
    font-weight: 700;
}
@media screen and (max-width: 1440px) {
    .esg-banner-title {
        font-size: 32px;
        top: 1.8em;
    }
}
@media screen and (max-width: 1199px) {
    .esg-banner-title {
        font-size: 28px;
        top: 1.3em;
    }
}
@media screen and (max-width: 767px) {
    .esg-banner-title {
        font-size: 22px;
        top: 1em;
    }
}

@media screen and (max-width: 480px) {
    .esg-banner-title {
        font-size: 18px;
        top: .8em;
    }
}

.esg-primary-page .vcwu_li_wrap_info p {
    padding-top: 30px;
}

.esg-primary-page .mod_tit2::after {
    position: static;
    display: inline-block;
    float: right;
    margin-top: 16px;
}

/* Events */

.events-img-contain {
    display: block;
    max-width: 200px;
    height: 100%;
    object-fit: contain;
}

.events_product_btn {
    width: 100%;
}
.events_product_btn > a {
    float: left;
}
.events_product_btn .hnct_more{
    width: 100%;
    max-width: 196px;
}
.events_product_btn .hnct_more .std_btn {
    border: 1px solid #fff;
    padding-left: 20px;
    padding-right: 20px;
}
.events_product_btn .std_btn span {
    color: #ffffff;
}
.btn-online-inquiry {
    float: right;
    margin-top: 12px;
    padding: 9px 17px;
    color: #00408D;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    border-radius: 37px;
    background-color: #BFECFF;
}

.peptide_partner_feature {
    position: relative;
    padding-bottom: 80px;
    background-color: #ffffff;
    z-index: 1;
}

.peptide_feature_content {
    margin-top: 80px;
}

.peptide_feature_list {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.peptide_partner_feature .peptide_offer_bg2 {
    z-index: 0;
    opacity: .1;
    top: 0;
    bottom: unset;
    width: 110%;
}

.peptide_partner_feature .ys_cont1400 {
    position: relative;
    z-index: 1;
}

.peptide_equipment {
    position: relative;
    padding-bottom: 80px;
    background-color: #F6FBFF;
    z-index: 1;
}

.peptide_equipment_content {
    margin-top: 20px;
}

.peptide_equipment_content .resi_cont_text {
    padding-left: 20px;
}

.peptide_equipment_item_title {
    margin-top: 61px;
    font-weight: 500;
    color: #00A2C1;
    border-bottom: 1px solid #00A2C1;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.peptide_equipment_item_info {
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: #666666;
}

.peptide_equipment_item_info .peptide_dividing_line {
    padding-left: 30px;
    padding-right: 30px;
    color: #00A2C1;
}

.peptide_inquiry {
    padding-top: 80px;
}

.peptide_inquiry .home_form_cry {
    margin-top: 46px;
}

.text-bold {
    font-weight: bold;
}

.peptide_types_item_list .text-dark {
    color: #00143C;
}

.peptide_feature_item_cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 1.8rem;
    color: #ffffff;
    padding: 0 45px;
    text-align: center;
    height: calc(100% - 20px);
    line-height: 2;
}

.peptide_feature_item_cont p {
    padding-top: 37px;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.5;
    padding-bottom: 10px;
}

.peptide_feature_list li {
    position: relative;
}

@media (width < 768px) {
    .peptide_types_list {
        flex-wrap: wrap;
    }

    .peptide_types_list .peptide_types_item {
        width: 100%;
    }

    .peptide_equipment_item_info {
        display: block;
    }

    .peptide_equipment_item_info p {
        line-height: 180%;
    }

    .peptide_equipment_item_info .peptide_dividing_line {
        display: none;
    }

    .peptide_feature_list {
        justify-content: center;
        flex-wrap: wrap;
    }

    .peptide_services_item_title.std_title20 {
        font-size: 14px;
    }

    .peptide_feature_item_cont {
        font-size: 14px;
    }

    .peptide_feature_item_cont p {
        font-size: 16px;
    }
}