@charset "utf-8";

/* 公共样式 - start */
body {
    font-family: "RobotoRegular14", "Microsoft YaHei" !important;
}

input,
textarea {
    font-family: "RobotoRegular14", "Microsoft YaHei" !important;
}

/* wow弹窗字体引入 */
.altumcode {
    font-family: "RobotoRegular14", "Microsoft YaHei" !important;
}

@font-face {
    font-family: 'RobotoRegular14';
    src: url('../fonts/RobotoRegular14.woff2') format('woff2'),
        url('../fonts/RobotoRegular14.woff') format('woff');
}

/* 英文站换行规则 */
/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
} */

:root {
    /* 字号 */
    --font50: 54px;
    --font44: 44px;
    --font32: 32px;
    --font24: 24px;
    --font20: 20px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line13: 1.3;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 80px;
    /* 颜色 */
    --cl333: #333;
    --cl666: #666;
    --cl999: #999;
    --clfff: #fff;
    --clmain: #0D2538;
    --clvi: #004D8B;
    --colorbj: ;
    /* 板块间距 */
    --space130: 130px;
    --space100: 100px;
    --space50: 50px;
    --jian: 18px;
    --jian2: -18px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    --parpspace16: 16px;
    /* 特殊字体 */
    --bold: '';
    /* 圆角 */
    --border: 20px;
}

.std-tit50 {
    font-size: var(--font50);
    color: var(--clmain);
    line-height: var(--line13);
    font-weight: 290;
}

.std-tit44,
.yxedr-active h2 {
    font-size: var(--font44);
    color: var(--clmain);
    line-height: var(--line13);
    text-align: center;
}

.std-tit32,
.std-tit32 p,
.yxedr-active h3 {
    font-size: var(--font32);
    color: var(--clmain);
    line-height: var(--line14);
    font-weight: 290;
}

.std-tit24,
.yxedr-active h4 {
    font-size: var(--font24);
    color: var(--clmain);
    line-height: var(--line15);
}

.std-tit20,
.std-tit20 p {
    font-size: var(--font20);
    color: var(--clmain);
    line-height: var(--line175);
}


.std-word,
.std-word p {
    font-size: var(--font16);
    color: var(--cl666);
    line-height: var(--line175);
}

.std-word1,
.std-word1 p {
    font-size: var(--font18);
    color: var(--cl666);
    line-height: var(--line175);
}

.std-word2,
.std-word2 p {
    font-size: var(--font14);
    color: var(--cl999);
    line-height: var(--line18);
}

.yxedr-active p {
    font-size: var(--font16);
    color: var(--cl666);
    line-height: var(--line15);
    margin-bottom: var(--parpspace10);
}

.std-padd {
    padding-top: var(--space130);
    padding-bottom: var(--space130);
}

.std-padd1 {
    padding-top: var(--space130);
}

.std-padd2 {
    padding-bottom: var(--space130);
}

.std-mar {
    margin-bottom: var(--space50);
}

.yxedr-active h2,
.yxedr-active h3 {
    margin-bottom: var(--parpspace16);
}

.yxedr-active h4 {
    margin-bottom: var(--parpspace12);
}

.yxedr-active h5 {
    margin-bottom: var(--parpspace10);
}

/*分享翻译*/
.ys-wechat-cont-parga p::before {
    content: '分享到 - 微信';
    /* content: 'Share the - weixin'; */
}

/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2) !important;
    white-space: nowrap;
    margin-left: 16px;
}

/*导航默认选中*/
.yxnav-active1 {}

.yxnav-active2 {}

/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child) {
    display: none;
}

/* 省略号 */
.line-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 过渡 */
.transition-time1 {
    transition: all .36s both;
}

.transition-time2 {
    transition: all .5s both;
}

/* 侧边锚点隐藏 */
.mod-anchor {
    opacity: 0;
    transform: translateX(-50%);
    transition: all .4s ease;
}

.mod-anchor.on1 {
    opacity: 1;
    transform: translateX(0%);
}

.mod-anchor ul {
    transition: all .4s ease;
}

.mod-anchor:not(.act) ul {
    opacity: 1;
    transform: translateX(0%);
}

.mod-anchor.act ul {
    opacity: 0;
    transform: translateX(-50%);
}

/* 轮播箭头 */
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.slick-arrow.slick-disabled {
    pointer-events: none !important;
    opacity: .5 !important;
}

.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev,
.mod-arrows1 .slick-next {}

/* 公共样式 - end */


/* leah-start */
.tech-main-ul {
    display: flex;
    flex-wrap: nowrap;
}

.tech-main-ul-li {
    padding: 0px 10px;
    min-width: 114px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.tech-main-ul-li.act p {
    color: var(--clmain);
    opacity: 1;
}

.tech-main-ul-li.act p::after {
    opacity: 1;
}

.tech-main-ul-li p {
    position: relative;
    padding: 16px 0px;
}

.tech-main-ul-li p::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 87.5%;
    background-color: var(--clmain);
    opacity: 0;
}

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

.tech-main-get {
    display: flex;
    margin-left: 30px;
}

.tech-main-get p {
    padding: 8px 16px;
    font-size: var(--font14);
    line-height: var(--line16);
    color: var(--clmain);
    border: 1px solid var(--b, rgba(13, 37, 56, 1));
    border-radius: 100px;
    transition: all 0.36s;
}

.tech-main-all-ri {
    display: flex;
    align-items: center;
}


.tech-future-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian2);
}

.tech-future-ul-li {
    width: 25%;
    padding: 0 var(--jian);
    margin-bottom: calc(var(--jian) * 2);
}

.tful-cont {
    height: 100%;
    border-radius: 10px;
    background-color: var(--clfff);
    padding: 82px 16px 67px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
}

.tech-future {
    background-color: rgba(243, 247, 250, 1);
    position: relative;
    z-index: 2;
}

.tech-future-icon {
    position: absolute;
    right: 0;
    top: -225px;
    z-index: -1;
    width: 58%;
}

.tech-future-icon img {
    width: 100%;
}

.tful-cont-img {
    width: 68px;
    margin-bottom: 48px;
}

.tful-cont-img img {
    width: 100%;
}

.tful-cont-tit {
    padding-top: 39px;
    width: 100%;
    text-align: center;
    position: relative;
}

.tful-cont-tit::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(90deg, rgba(187, 190, 192, 0.00) 0%, #BBBEC0 50%, rgba(187, 190, 192, 0.00) 100%);
    height: 1px;
}

.tful-cont-icon {
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.tful-cont-icon img {
    width: 100%;
}

.tech-theory-cont {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.tech-theory-cont-le {
    width: 49%;
}

.ttcl-pic {
    border-radius: 15px;
    background-color: var(--clfff);
    width: 100%;
    height: 100%;
    overflow: hidden;
}

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

.ttcl-anno {
    margin-top: 24px;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    text-align: center;
}

.tech-theory-cont-ri {
    width: 51%;
    padding-left: 105px;
    margin-top: 10px;
}

.ttcr-ul {
    display: flex;
    flex-wrap: wrap;
}

.ttcr-ul-li {
    width: 100%;
    border-bottom: 1px solid rgba(187, 190, 192, 1);
    cursor: pointer;
    position: relative;
}

.ttcr-ul-li::after {
    content: '';
    position: absolute;
    height: 1px;
    background-color: var(--clvi);
    width: 0;
}

.ttcr-ul-li.act::after {
    width: 100%;
    transition: all 3s linear;
}

.ttcr-ul-li.act .tula-on {
    opacity: 1;
    margin-bottom: 24px;
}

.ttcr-ul-li-all {
    padding: 24px 0;
}

.tula-on {
    font-size: var(--font24);
    line-height: var(--line15);
    color: var(--clmain);
    opacity: 0.3;
    transition: all 0.36s;
}

.tech-theory {
    background-color: rgba(243, 247, 250, 1);
}

.tech-solut-ul {
    display: flex;
    justify-content: center;
    margin: 0 -6px 32px;
}

.tech-solut-ul-li {
    padding: 0 6px;
}

.tech-solut-ul-li.act .tsul-opt p {
    color: var(--clfff);
    background-color: rgba(13, 37, 56, 1);
}

.tsul-opt {
    display: flex;
    cursor: pointer;
}

.tsul-opt p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    padding: 6px 24px;
    border: 1px solid rgba(187, 190, 192, 1);
    border-radius: 100px;
}

.tech-solut {
    background-color: rgba(243, 247, 250, 1);
    z-index: 10;
    position: relative;
}

.tech-solut-below {
    background-color: var(--clfff);
    border-radius: 20px;
    width: 83%;
    margin: 0 auto;
    z-index: -3;
    position: relative;
}

.tech-solut-below-cont {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 103px 104px 68px 18px;
}

.tsbc-le {
    width: 41%;
    position: relative;
}

.tsbc-ri {
    width: 59%;
    padding-left: 129px;
}

.tsbc-ri-tit {
    margin-bottom: 34px;
}

.tsbc-ri-ul {
    display: flex;
    flex-wrap: wrap;
}

.tsbc-ri-ul-li {
    width: 100%;
    padding: 11px 0;
    border-bottom: 1px solid rgba(187, 190, 192, 1);
}

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

.trul-cont-modu {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
}

.trul-cont-opn {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--clmain);
}

.tech-apply-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian2);
}

.tech-apply-ul-li {
    width: 33.333333%;
    padding: 0 var(--jian);
    margin-bottom: calc(var(--jian) * 2);
}

.taul-cont {
    display: flex;
    align-items: center;
    padding: 24px 24px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 1);
    background: rgba(235, 240, 245, 0.80);
    backdrop-filter: blur(5px);
    transition: all 0.36s;
    height: 100%;
}

.taul-cont-img {
    width: 80px;
    background-color: var(--clfff);
    border-radius: 50%;
    flex-shrink: 0;
}

.taul-cont-img img {
    width: 100%;
}

.taul-cont-tit {
    font-size: var(--font20);
    line-height: var(--line175);
    color: var(--clmain);
    padding-left: 24px;
    transition: all 0.36s;
}

.tech-apply {
    background-color: rgba(243, 247, 250, 1);
}

.tech-team {
    background-color: rgba(243, 247, 250, 1);
}

.tech-cooper-caro-ul {
    display: flex;
    margin: 0 var(--jian2);
}

.tech-cooper-caro {
    position: relative;
    padding-bottom: 102px;
}

.tccu-li {
    width: 50% !important;
    padding: 0 var(--jian);
}

.tccu-li-cont {
    display: flex;
    flex-direction: column;
}

.tccu-li-cont .ys-imgbox-cover {
    margin-bottom: 38px;
    border-radius: 15px;
}

.tccu-li-cont-below {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.tccu-li-cont-below img {
    width: 93px;
}

.tccu-li-cont-below p {
    color: #000;
    padding-right: 36px;
    width: 70%;
}


.tech-leader {
    position: relative;
}

.tech-leader-cont {
    width: 34.5%;
}

.tech-leader-cont-tit {
    color: var(--clfff);
    margin-bottom: 60px;
    text-align: left;
}

.tech-leader-cont-touch {
    display: flex;
}

.tlct-link {
    display: flex;
    align-items: center;
    padding: 10px 24px;
    border: 1px solid rgba(3, 21, 36, 0.3);
    border-radius: 10px;
}

.tech-leader .tlct-link {
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.tech-leader .tlct-link p {
    color: var(--clfff);
}

.tlct-link p {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--clmain);
    padding-right: 10px;
    transition: all 0.36s;
}

.tlct-link img {
    width: 24px;
}

.tech-leader-back {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.tech-leader-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tech-cooper-caro-line {
    bottom: 0px !important;
    height: 1px !important;
    top: 100% !important;
    width: 88.5% !important;
    background: rgba(187, 190, 192, 1) !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgba(0, 77, 139, 1) !important;
}

.tech-body {
    overflow: visible;
}

.tech-top {
    position: sticky;
    top: 80px;
    background-color: var(--clfff);
    z-index: 20;
}

.tech-part-img {
    width: 57%;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
}

.tech-part {
    background-color: rgba(243, 247, 250, 1);
}

.tech-part-img img {
    width: 100%;
}

.tech-part-hide-sign {
    position: absolute;
    cursor: pointer;
}

.tech-part-hide-sign.act .tphs-text-wrap {
    background-color: var(--clvi);
}

.tech-part-hide-sign.act .tphs-text p {
    color: var(--clfff);
}

.tech-part-hide-sign.act .tphs-text path {
    fill: #fff;
    stroke: #fff;
}

.tphs-all {
    display: flex;
    align-items: center;
    position: relative;
}

.tphs-icon {
    width: 30px;
}

.tphs-text {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 46px;
}

.tphs-text-wrap {
    flex: none;
    display: flex;
    padding: 12px 28px 12px 40px;
    align-items: center;
    background-color: #fff;
    border-radius: 100px;
    transition: all 0.36s;
}

.tphs-text p {
    font-size: var(--font20);
    line-height: var(--line13);
    color: var(--clmain);
    padding-right: 22px;
}

.tphs-text img {
    width: 24px;
}

.tech-part-hide {
    position: relative;
}

.tech-team-ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.tech-team-ul-li {
    width: 100%;
    display: flex;
}

.tech-team-ul-li:first-child {
    margin-bottom: 24px;
}

.ttul-ul {
    display: flex;
}

.ttul-ul-li {
    width: 220px;
    margin-right: 24px;
}

.ttul-ul-li .ys-imgbox-cover {
    border-radius: 10px;
    background-color: #fff;
}

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

    to {
        transform: translateX(0);
    }
}

@keyframes donghua {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.tech-team-ul-li1 .ttul-ul {
    animation: donghua1 50s linear infinite;
}

.tech-team-ul-li2 {
    animation: donghua 50s linear infinite;
}

.tech-team-ul::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 17%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(-270deg, rgba(243, 247, 250, 0.00) 0%, #F3F7FA 100%);
}

.tech-team-ul::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 17%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(270deg, rgba(243, 247, 250, 0) 0%, #F3F7FA 100%);
}

.tech-cooper-caro-arrow {
    position: absolute;
    right: 0;
    bottom: -22px;
    display: flex;
}

.arrow-all {
    cursor: pointer;
    opacity: 0.3;
    transition: all 0.36s;
}

.arrow-all svg {
    width: 44px !important;
    height: 44px !important;
}

.arrow-prev {
    margin-right: 18px;
}

.hidden-ul {
    opacity: 0;
    pointer-events: none;
}

.tech-part-hide-cont {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 73px;
    width: 16%;
    height: 100%;
    display: flex;
    align-items: center;
}

.tphc-pop {
    position: relative;
    width: 100%;
    height: 70vh;
    max-height: 760px;
}

.tphc-pop-wrap {
    width: 100%;
    height: 100%;
    padding: 34px 16px 21px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: rgba(229, 236, 242, 0.80);
    backdrop-filter: blur(7.5px);
}

.tphc-pop-cont {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
}

.tphc-pop-cont-tit {
    font-size: var(--font24);
    line-height: var(--line15);
    color: var(--clmain);
    margin-bottom: 20px;
    padding-left: 18px;
}

.tphc-pop-cont-ul {
    display: flex;
    flex-wrap: wrap;
    max-height: 90%;
}

.tphc-pop-wrap {
    height: 100%;
}

.tpcu-li {
    width: 100%;
    margin-bottom: 8px;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 24px;
}

.tpcu-li-top {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 23px 0px;
}

.tpcu-li-top img {
    width: 24px;
    flex-shrink: 0;
}

.tpcu-li-top p {
    padding-left: 16px;
    font-size: var(--font20);
    line-height: var(--line13);
    color: rgba(2, 24, 42, 1);
}

.tpcu-li-below {
    padding-bottom: 26px;
    display: none;
}

.tpcu-li-below-cont {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tpcu-li-below-text {
    margin-bottom: 100px;
}

.tpcu-li-below-text p {
    max-height: 12.25em;
    overflow: hidden;
    -webkit-line-clamp: 7;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.tpcu-li-below-more {
    display: flex;
    align-items: center;
}

.tpcu-li-below-more p {
    font-size: var(--font16);
    line-height: var(--line13);
    color: var(--clmain);
    padding-right: 10px;
}

.tpcu-li-below-more img {
    width: 24px;
}

.tech-part-hide-cont {
    /* transition: all 0.36s; */
    pointer-events: none;
}

.tphc-pop {
    opacity: 0;
    transition: all 0.36s;
}

.tech-part-hide-cont.act .tphc-pop {
    opacity: 1;
}

.tech-part-hide-cont.act {
    pointer-events: all;
}

.tech-top .end li::before {
    content: "\e74c";
    display: none;
}

.tsbc-le .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    width: 69%;
    height: 100%;
    top: 0;
    left: 17%;
    border: 1px solid rgba(192, 229, 255, 1);
    z-index: -10;
    fill: none;
    stroke-width: 1;
    animation: wave-xsTfqv 2s linear infinite;
    vector-effect: non-scaling-stroke;
    opacity: 0;
    animation-delay: 1.2s;
}

.tsbc-le .ys-imgbox-cover::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    width: 69%;
    height: 100%;
    top: 0;
    left: 17%;
    border: 1px solid rgba(192, 229, 255, 1);
    z-index: -10;
    fill: none;
    stroke-width: 1;
    animation: wave-xsTfqv 2s linear infinite;
    vector-effect: non-scaling-stroke;
    opacity: 0;
    animation-delay: 0.2s;
}

.tsbc-le .ys-imgbox-cover {
    position: relative;
    overflow: visible;
}

.tsbc-le-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 107%;
    height: 140%;
    z-index: -1;
    transform: translate(-50%, -50%);
}

.tsbc-le-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* b2 */
.konw-main-text {
    text-align: center;
    margin-bottom: var(--space50);
}

.konw-main-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian2);
}

.konw-main-ul-li {
    width: 33.333333%;
    padding: 0 var(--jian);
}

.kmul-link {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
}

.kmul-link-below {
    background-color: #fff;
    padding: 44px 38px 42px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.kmul-link-below-tit {
    margin-bottom: 24px;
    max-height: 3em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.kmul-link-below-text {
    margin-bottom: 54px;
    flex-grow: 1;
}

.kmul-link-below-text p {
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.kmul-link-below-more {
    display: flex;
    align-items: center;
}

.kmul-link-below-more p {
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--clmain);
    padding-right: 10px;
}

.konw-main {
    background-color: rgba(243, 247, 250, 1);
}

.product-way-tit {
    margin-bottom: 100px;
}

.product-way {
    max-width: 1920px;
    margin: 0 auto;
}

.product-way .kmul-link {
    border-radius: 15px;
}

.product-way .kmul-link-below {
    background-color: rgba(243, 247, 250, 1);
    padding: 28px 31px 32px;
}

.product-page .tech-cooper {
    background-color: rgba(243, 247, 250, 1);
}

.product-way .konw-main-ul-li {
    width: 100%;
}

.product-way .konw-main-ul {
    flex-wrap: nowrap;
    margin: 0;
}

.product-way-all {
    padding-bottom: 60px;
    width: 100%;
    padding: 0 27.5%;
    position: relative;
}

.product-way .kmul-link .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.36s;
    background: rgba(255, 255, 255, 0.5);
}

.product-way .kmul-link .ys-imgbox-cover {
    border-radius: 10px;
    position: relative;
}

.konw-main-ul-li.swiper-slide-active .kmul-link .ys-imgbox-cover::after {
    background: rgba(255, 255, 255, 0);
}

.product-way .obul-cont-arrow {
    top: auto;
    transform: translateX(-50%);
    width: 52%;
    bottom: 68px;
}

.obul-cont-arrow {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 52%;
    justify-content: space-between;
    left: 50%;
    z-index: 10;
}

.product-way .konw-main-ul-li .kmul-link-below {
    opacity: 0;
    transition: all 0.36s;
}

.konw-main-ul-li.swiper-slide-active .kmul-link-below {
    opacity: 1;
}

/* b6 */
.original-apply-all {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.original-apply-all-ri {
    width: 55%;
    padding-left: 84px;
    z-index: 10;
    position: relative;
    z-index: 10;
}

.oaar-ul {
    display: flex;
    flex-wrap: wrap;
}

.oaar-ul-li {
    width: 100%;
    margin-bottom: 32px;
}

.oaar-ul-li:nth-last-child(1) {
    margin-bottom: 0;
}

.oaar-ul-li-cont {
    display: flex;
    flex-direction: column;
    padding: 35px 46px;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 4px 30px 0px rgba(4, 24, 40, 0.05);
}

.oulc-tit {
    color: #02182A;
    margin-bottom: 41px;
}

.original-apply .dbul-below p {
    font-size: var(--font20);
    font-weight: 290;
    padding-left: 25px;
}

.oulc-text p {
    font-size: var(--font20);
}

.original-apply .dbul-below p::after {
    left: 6px;
    top: 12px;
}

.original-apply-all-le .ys-imgbox-cover {
    width: 69%;
    border-radius: 50%;
    margin: auto;
    position: relative;
    overflow: visible;
}

.original-apply-all-le {
    width: 45%;
    padding-top: 65px;
}

.original-product {
    background-color: rgba(243, 247, 250, 1);
}

.original-product-tit {
    text-align: center;
}

.original-product-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian2) calc(var(--jian2) * 2);
}

.original-product-ul-li {
    width: 33.333333%;
    padding: 0 var(--jian);
    margin-bottom: calc(var(--jian) * 2);
}

.opul-link {
    display: flex;
    align-items: center;
    padding: 30px 30px;
    border-radius: 15px;
    border: 1px solid #FFF;
    background: rgba(235, 240, 245, 0.80);
    backdrop-filter: blur(5px);
    height: 100%;
}

.opul-link-le {
    width: 100%;
    padding-right: 10px;
}

.opul-link-le-tit {
    font-size: var(--font20);
    line-height: var(--line175);
    color: #0D2538;
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.opul-link-le-text p {
    color: var(--cl999);
    padding: 0 2px;
}

.opul-link-le-text {
    display: flex;
    margin: 0 -2px;
}

.opul-link-icon {
    width: 32px;
    flex-shrink: 0;
}

.opul-link-icon img {
    width: 100%;
}

.original-product-more {
    display: flex;
    justify-content: center;
    margin-top: 44px;
}

.original-product-more-link {
    display: flex;
    align-items: center;
}

.original-product-more-link p {
    font-size: var(--font18);
    line-height: var(--line16);
    color: rgba(13, 37, 56, 1);
    padding-right: 10px;
    transition: all 0.36s;
}

.original-product-more-link svg {
    width: 24px;
}

.original-product-more-link path {
    transition: all 0.36s;
}

.original-banner-back {
    width: 100%;
}

.original-banner-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.original-banner-sign {
    display: flex;
    margin: 0 -4px 18px;
    justify-content: center;
}

.original-banner-sign-li {
    padding: 0 4px;
}

.obsl-cont {
    display: flex;
}

.obsl-cont p {
    font-size: var(--font14);
    line-height: var(--line13);
    padding: 4px 14px;
    background-color: #fff;
    border-radius: 100px;
}

.original-banner-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.original-banner-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.original-banner {
    position: relative;
}

.original-banner-sign-li1 .obsl-cont p {
    color: rgba(240, 131, 0, 1);
}

.original-banner-sign-li2 .obsl-cont p {
    color: var(--clvi);
}

.original-banner-tit {
    color: #000238;
    text-align: center;
}

.original-banner-text {
    margin-bottom: 44px;
    text-align: center;
}

.original-banner-butt {
    display: flex;
    margin: 0 -12px 80px;
    justify-content: center;
}

.original-banner-butt-li {
    padding: 0 12px;
}

.obbl-link {
    border-radius: 10px;
    border: 1px solid rgba(3, 21, 36, 0.30);
    padding: 10px 10px;
    display: flex;
    align-items: center;
    /* min-width: 190px; */
    justify-content: center;
    padding-left: 26px !important;
    padding-right: 26px !important;
}

.obbl-link p {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--clmain);
    padding-right: 10px;
    transition: all 0.36s;
}

.obbl-link svg {
    width: 24px;
}

.obbl-link path {
    transition: all 0.36s;
}

.original-banner-ul {
    display: flex;
}

.original-banner-ul-li {
    padding: 0 16px;
    width: 100% !important;
}

.obul-cont {
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(235, 240, 245, 0.80);
    backdrop-filter: blur(4.627757549285889px);
    padding: 116px 0px 190px;
    display: flex;
}

.obul-cont .ys-imgbox-cover {
    -webkit-box-reflect: below -3px -webkit-linear-gradient(top, rgba(255, 255, 255, 0.00) 57%, #FFF 401%);
    margin: auto;
    width: 377px;
}

.original-banner .obul-cont-arrow {
    width: 87%;
}

.original-banner-all-caro {
    position: relative;
    width: 45% !important;
    margin: 0 auto;
}

.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: rgba(13, 37, 56, 0.3);
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px !important;
}

.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: #fff !important;
    opacity: 0.5 !important;
}

.original-banner .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 30px !important;
}

.swiper-pagination-bullet-active {
    background: var(--clmain) !important;
    opacity: 1 !important;
}

@keyframes wave-xsTfqv {
    0% {
        opacity: .6;
        transform: scale(1)
    }

    25% {
        opacity: 0.7
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

.original-apply-all-le .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid var(--clvi);
    z-index: -10;
    fill: none;
    stroke-width: 1;
    animation: wave-xsTfqv 2s linear infinite;
    vector-effect: non-scaling-stroke;
    opacity: 0;
    animation-delay: 1.2s;
}

.original-apply-all-le .ys-imgbox-cover img {
    border-radius: 50%;
}

.original-apply-all-le .ys-imgbox-cover::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid var(--clvi);
    z-index: -10;
    fill: none;
    stroke-width: 1;
    animation: wave-xsTfqv 2s linear infinite;
    vector-effect: non-scaling-stroke;
    opacity: 0;
    animation-delay: 0.2s;
}

/* c1 */
.creat-page .tech-main-ul-li {
    min-width: 141px;
}

.creat-research-back {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.creat-research-back img {
    width: 100%;
}

.creat-research-text {
    text-align: center;
    width: 62.5%;
    margin: 0 auto var(--space50);
}

.creat-research-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian2);
}

.creat-research-ul-li {
    width: 33.333333%;
    padding: 0 var(--jian);
    margin-bottom: 71px;
    min-height: 428px;
}

.crul-cont {
    padding: 37px 35px 42px;
    background-color: #fff;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
}

.crul-cont-num {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--clvi);
    margin-bottom: 177px;
}

.crul-cont-tit {
    font-size: var(--font24);
    line-height: var(--line15);
    color: rgba(0, 2, 56, 1);
    margin-bottom: 24px;
}

.crul-cont-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 167px;
}

.crul-cont-icon img {
    width: 100%;
}

.creat-research-ul-li:nth-child(3n-1) {
    transform: translateY(113px);
}

.creat-research {
    padding-bottom: 46px;
    background-color: rgba(243, 247, 250, 1);
    position: relative;
    z-index: 10;
}

.creat-factory-ul {
    display: flex;
    margin: 0 var(--jian2);
}

.creat-factory {
    background-color: rgba(243, 247, 250, 1);
    position: relative;
    z-index: 2;
}

.creat-factory-ul-li {
    width: 100%;
    padding: 0 var(--jian);
}

.cful-cont {
    position: relative;
}

.cful-cont .ys-imgbox-cover {
    border-radius: 20px;
}

.cful-cont-text {
    position: absolute;
    right: 32px;
    bottom: 32px;
    width: 30%;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(235, 240, 245, 0.80);
    backdrop-filter: blur(5px);
    padding: 35px 33px 30px;
}

.cful-cont-text-tit {
    margin-bottom: 38px;
}

.cful-cont-text-ul {
    display: flex;
    flex-wrap: wrap;
}

.cctu-li {
    width: 100%;
    margin-bottom: 4px;
}

.cctu-li:nth-last-child(1) {
    margin-bottom: 0;
}

.cctu-li-cont {
    display: flex;
    align-items: flex-start;
}

.cctu-li-cont img {
    width: 20px;
    margin-top: 4px;
}

.cctu-li-cont p {
    font-size: var(--font16);
    color: var(--clmain);
    line-height: var(--line175);
    padding-left: 12px;
}

.creat-mould-ul {
    display: flex;
    flex-wrap: wrap;
}

.creat-mould-ul-li {
    width: 100%;
    margin-bottom: 44px;
    position: sticky;
    top: 16%;
}

.cmul-cont {
    background-color: #fff;
    border-radius: 20px;
    padding: 43px 43px;
    display: flex;
    align-items: flex-start;
}

.cmul-cont .ys-imgbox-cover {
    width: 42%;
    border-radius: 15px;
}

.cmul-cont-ri {
    width: 58%;
    padding-left: 70px;
    padding-top: 15px;
}

.cmul-cont-ri-tit {
    margin-bottom: 54px;
}

.cmul-cont-ri-ul {
    display: flex;
    margin: 0 -35px 54px;
}

.ccru-li {
    padding: 0 35px;
}

.ccru-li-num {
    font-size: var(--font44);
    line-height: var(--line13);
    margin-bottom: 12px;
    background: var(--A-, linear-gradient(180deg, #06175B 0%, #2167E1 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 0.2px;
    -webkit-text-stroke-color: #000;
}

.ccru-li-text {
    font-size: var(--font16);
    color: var(--clmain);
    line-height: var(--line16);
}

.cmul-cont-ri-sign {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px -12px;
}

.ccrs-li {
    padding: 0 12px;
    margin-bottom: 12px;
}

.ccrs-li-cont {
    background-color: rgba(243, 247, 250, 1);
    border-radius: 5px;
}

.ccrs-li-cont p {
    padding: 6px 24px;
}

.creat-mould {
    background-color: rgba(243, 247, 250, 1);
    overflow: visible;
}

.creat-mould .creat-research-text p {
    color: var(--clmain);
}

.creat-quality .creat-research-text {
    margin-bottom: 97px;
}

.creat-quality-below {
    display: flex;
    width: 65%;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
}

.creat-quality-below-le {
    width: 14%;
    position: sticky;
    top: 40%;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
}

.cqbl-num {
    font-size: 120px;
    line-height: var(--line13);
    color: var(--clmain);
}

.cqbr-ul {
    width: 78%;
    display: flex;
    flex-wrap: wrap;
}

.cqbr-ul-li {
    width: 100%;
    padding: 31px 23px;
    border-top: 1px solid rgba(187, 190, 192, 1);
}

.culc-num {
    display: none;
}

.cqbl-ul .cqbl-num:not(:first-child) {
    display: none;
}

.culc-tit {
    margin-bottom: 24px;
}

.culc-tit-text {
    margin-bottom: 25px;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl999);
}

.creat-quality .dbul-below p {
    padding-left: 30px;
    color: #999;
}

.creat-quality .dbul-below p::after {
    left: 11px;
    background-color: #999;
}

.dbul-below h6 {
    margin-bottom: 25px;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl999);
}

.creat-quality {
    background-color: rgba(243, 247, 250, 1);
}

.creat-page .tech-main-all {
    justify-content: space-between;
}

.creat-body {
    overflow: visible;
}

.creat-quality {
    overflow: visible;
}

.creat-factory .slick-list {
    overflow: visible;
}

.creat-factory .slick-dots {
    bottom: -58px;
}

.creat-factory .slick-slide {
    transform: scale(0.9);
    transition: all 0.36s;
}

/* .slick-active {
    transform: scale(1) !important;
} */

.creat-factory-back {
    position: absolute;
    bottom: 86px;
    left: 0;
    width: 100%;
    z-index: -1;
}

.creat-factory-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

/* b3 */
.product-main-all {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.product-main-all-le {
    width: 23%;
}

.pmal-search {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    background-color: #fff;
    border-radius: 100px;
    padding: 0 16px 0 23px;
}

.pmal-search img {
    width: 19px;
    flex-shrink: 0;
    cursor: pointer;
}

.pmal-search input {
    width: 100%;
    height: 46px;
    padding-right: 10px;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--clmain);
}

.pmal-search input::placeholder {
    color: var(--cl999);
}

.pmal-ul {
    display: flex;
    flex-wrap: wrap;
}

.pmal-below {
    padding: 24px 24px;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(235, 240, 245, 0.80);
    backdrop-filter: blur(5px);
}

.pmal-ul-li {
    width: 100%;
}

.pmal-ul-li-top {
    display: flex;
    align-items: center;
    padding: 10px 24px;
    cursor: pointer;
    transition: all 0.36s;
}

.pmal-ul-li-top p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--clmain);
    width: 100%;
    padding-right: 10px;
    transition: all 0.36s;
}

.pmal-ul-li-top svg {
    width: 24px;
    flex-shrink: 0;
    transition: all 0.36s;
}

.pmal-ul-li-top path {
    transition: all 0.36s;
}

.pmal-ul-li-below {
    padding: 22px 0 22px 38px;
}

.pulb-ul {
    display: flex;
    flex-wrap: wrap;
}

.pulb-ul-li {
    width: 100%;
    margin-bottom: 16px;
}

.pulb-ul-li:nth-last-child(1) {
    margin-bottom: 0;
}

.pulb-ul-li-link p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--clmain);
    transition: all 0.36s;
}

.pulb-ul-li-link {
    display: block;
    width: 100%;
}

.product-main-all-ri {
    width: 74%;
}

.pmar-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian2) calc(var(--jian2) * 2);
}

.pmar-ul-li {
    width: 33.333333%;
    padding: 0 var(--jian);
    margin-bottom: calc(var(--jian) * 2);
}

.pmar-ul-li-cont {
    padding: 21px 17px 36px 23px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(235, 240, 245, 0.80);
    backdrop-filter: blur(5px);
}

.pmar-ul-li-cont .ys-imgbox-cover {
    margin: 0 auto 23px;
}

.pulc-tit {
    margin-bottom: 40px;
    text-align: center;
    max-height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

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

.pulc-text p {
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--clmain);
    padding-right: 10px;
}

.pulc-text img {
    width: 24px;
}

.product-main-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.product-main-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-main {
    position: relative;
}

.product-main .obsl-cont {
    margin-bottom: 23px;
}

.product-main .obsl-cont p {
    color: rgba(240, 131, 0, 1);
}

.product-main .pmar-ul-li.on .obsl-cont p {
    color: rgba(240, 131, 0, 1);
}

.pmal-ul-li.act .pmal-ul-li-top {
    background-color: #fff;
    border-radius: 100px;
}

.pulb-ul-li.act .pulb-ul-li-link p {
    color: var(--clvi);
}

.pmal-ul-li.act .pmal-ul-li-top p {
    color: var(--clvi);
}

.pmal-ul-li.act svg path {
    stroke: var(--clvi);
}

.pmal-ul-li.act svg {
    transform: rotate(180deg);
}

.obsl-cont-new p {
    color: var(--clvi) !important;
}

.pmar-page {
    margin-top: 66px;
}

.pc-fenye li.activepage {
    background: var(--clmain);
}

.pc-fenye li {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 16px;
    line-height: 40px;
    border-radius: 4px;
    transition: all 0.36s;
}

.product-main-tit {
    text-align: center;
}

/* f3 */
.new-main {
    position: relative;
}

.new-main-tit {
    text-align: center;
}

.new-main-text {
    text-align: center;
    width: 40%;
    margin: 0 auto var(--space50);
}

.new-main-caro-ul {
    display: flex;
}

.nmcu-li {
    width: 100%;
}

.nmcu-li-link {
    display: flex;
    align-items: flex-start;
    border-radius: 15px;
    overflow: hidden;
    background-color: rgba(241, 244, 249, 1);
}

.nmcu-li-link-le {
    width: 66%;
    border-radius: 15px;
}

.nmcu-li-link-ri {
    width: 34%;
    padding: 43px 48px 20px 36px;
}

.nllr-sign {
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(0, 2, 56, 1);
    margin-bottom: 14px;
}

.nllr-tit {
    margin-bottom: 20px;
    color: rgba(0, 2, 56, 1);
    max-height: 3em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.nllr-text {
    margin-bottom: 46px;
    color: rgba(0, 2, 56, 1);
}

.nllr-text p {
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.nllr-time {
    display: flex;
}

.nllr-time p {
    font-size: var(--font14);
    line-height: var(--line16);
    color: var(--clvi);
    padding: 2px 16px;
    background-color: #fff;
    border-radius: 80px;
}

.new-main-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian2) -50px;
}

.new-main-ul-li {
    width: 25%;
    padding: 0 var(--jian);
    margin-bottom: 50px;
}

.nmul-link {
    display: flex;
    flex-direction: column;
}

.nmul-link .ys-imgbox-cover {
    border-radius: 10px;
    margin-bottom: 18px;
}

.nmul-link-sign {
    font-size: var(--font14);
    line-height: var(--line175);
    color: rgba(0, 2, 56, 1);
    margin-bottom: 10px;
}

.nmul-link-tit {
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(0, 2, 56, 1);
    margin-bottom: 20px;
    height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.new-main-ul .nllr-time p {
    background-color: rgba(241, 244, 249, 1);
}

.new-main-caro {
    margin-bottom: 80px;
    overflow: hidden;
    position: relative;
}

.new-page .pc-fenye li.activepage {
    background: var(--clvi);
}

.new-page .tech-cooper-caro-line {
    bottom: 70px !important;
    height: 1px !important;
    top: auto !important;
    width: 19.5% !important;
    background: rgba(187, 190, 192, 1) !important;
    right: 51px !important;
    left: auto !important;
}

.new-page .tech-cooper-caro-arrow {
    position: absolute;
    right: 0;
    bottom: 52px;
    display: flex;
    z-index: 10;
    width: 34%;
    padding-left: 36px;
}

.new-page .arrow-all svg {
    width: 36px !important;
    height: 36px !important;
}

.new-page .arrow-prev {
    margin-right: 15px;
}

.new-page .arrow-all {
    width: 36px;
}

.new-page .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px !important;
}

.new-page .swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
    background: rgba(255, 255, 255, 0.3) !important;
    opacity: 1 !important;
}

.new-page .swiper-container-horizontal>.swiper-pagination-bullets,
.new-page .swiper-pagination-custom,
.new-page .swiper-pagination-fraction {
    bottom: 24px;
    left: 0;
    width: 66%;
}

.new-page .swiper-pagination-bullet-active {
    background: var(--clvi) !important;
}

/* d2 */
.corporate-main-ul {
    display: flex;
    margin: 0 -40px;
    justify-content: center;
}

.corporate-main-ul-li {
    padding: 0px 40px;
}

.corporate-main-ul-li p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl999);
    cursor: pointer;
    position: relative;
    padding: 22px 0;
}

.corporate-main-ul-li p::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
    background-color: rgba(0, 77, 139, 1);
    opacity: 0;
}

.corporate-main-below {
    position: relative;
}

.corporate-main-below-ul {
    display: flex;
    flex-wrap: wrap;
}

.cmbu-li {
    width: 100%;
    margin-bottom: 32px;
}

.cmbu-li-cont {
    border-radius: 20px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 51px 51px;
}

.cmbu-li-cont-le {
    width: 25%;
    color: rgba(0, 2, 56, 1);
}

.cmbu-li-cont-ul {
    width: 58%;
    display: flex;
    flex-wrap: wrap;
}

.clcu-li {
    width: 100%;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgba(187, 190, 192, 1);
}

.clcu-li:nth-last-child(1) {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0px solid rgba(187, 190, 192, 1);
}

.clcu-li-cont {
    display: flex;
}

.clcu-li-cont-le {
    width: 246px;
    flex-shrink: 0;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    margin-top: 4px;
}

.clcu-li-cont-ri,
.clcu-li-cont-ri p {
    width: 100%;
    font-size: var(--font20);
    line-height: var(--line175);
    color: rgba(0, 2, 56, 1);
}

.clcu-li:nth-last-child(1) .clcu-li-cont-ri {
    font-size: var(--font16);
}

.corporate-main-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.corporate-main-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.corporate-main-ul-li.act p {
    color: rgba(0, 2, 56, 1);
}

.corporate-main-ul-li.act p::after {
    opacity: 1;
}

/* d1 */
.relation-investor-tit {
    text-align: center;
    margin-bottom: 24px;
}

.relation-investor-text {
    width: 62%;
    margin: 0 auto 40px;
    text-align: center;
}

.relation-investor-ul {
    display: flex;
    margin: 0 var(--jian2) 100px;
    justify-content: center;
}

.relation-investor-ul-li {
    padding: 0 var(--jian);
}

.riul-cont {
    display: flex;
    align-items: center;
    padding: 10px 24px;
    border: 1px solid rgba(3, 21, 36, 0.3);
    border-radius: 10px;
}

.riul-cont p {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--clmain);
    padding-right: 10px;
}

.riul-cont img {
    width: 24px;
}

.relation-investor-below {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.relation-investor-below-le {
    display: flex;
    flex-direction: column;
    padding: 49px 0 39px 50px;
    width: 44%;
}

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

.ribl-gongda-text {
    font-size: var(--font24);
    line-height: var(--line15);
    color: rgba(0, 2, 56, 1);
    margin-right: 24px;
}

.ribl-num {
    display: flex;
    align-items: center;
    margin-bottom: 51px;
}

.ribl-num-le {
    display: flex;
    align-items: flex-end;
}

.ribl-num-le p {
    font-size: 60px;
    line-height: var(--line13);
    color: rgba(255, 0, 0, 1);
    padding-right: 7px;
}

.ribl-num-le img {
    margin-bottom: 17px;
    width: 9px;
}

.ribl-num.on .ribl-num-le p {
    color: rgba(8, 168, 0, 1);
}

.ribl-num.on .ribl-num-ri p {
    background-color: rgba(8, 168, 0, 1);
}

.ribl-num.on .ribl-num-ri p:nth-last-child(1) {
    display: block;
}

.ribl-num.on .ribl-num-ri p:first-child {
    display: none;
}

.ribl-num-ri p:nth-last-child(1) {
    display: none;
}

.ribl-num-ri {
    margin-left: 27px;
    display: flex;
}

.ribl-num-ri p {
    font-size: var(--font16);
    line-height: var(--line13);
    color: #fff;
    padding: 3px 14px;
    background-color: rgba(255, 0, 0, 1);
    border-radius: 100px;
}

.ribl-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -23px 19px;
}

.ribl-ul-li {
    padding: 0 23px;
}

.ribl-ul-li-top {
    font-size: var(--font32);
    line-height: var(--line13);
    color: var(--clvi);
    margin-bottom: 6px;
}

.ribl-ul-li-text {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
}

.ribl-text {
    padding-top: 19px;
    border-top: 1px solid rgba(187, 190, 192, 1);
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--cl999);
}

.ribl-back {
    display: none;
}

.ribl-text-num {
    color: var(--clvi);
}

.relation-investor-below-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.relation-investor-below-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.relation-investor {
    position: relative;
    background-color: rgba(227, 232, 239, 1);
    z-index: 3;
}

.relation-investor-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75%;
    z-index: -2;
    background-color: #F3F7FA;
}

.relation-investor-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.relation-notice-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian2);
}

.relation-notice-ul-li {
    width: 50%;
    padding: 0 var(--jian);
    margin-bottom: calc(var(--jian) * 2);
}

.rnul-link {
    padding: 24px 44px 24px 25px;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
}

.rnul-link-le {
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 55px;
}

.rnul-link-ri {
    width: 32px;
    flex-shrink: 0;
}

.rnul-link-ri img {
    width: 100%;
}

.rnul-link-le-icon {
    width: 64px;
    flex-shrink: 0;
}

.rnul-link-le-icon img {
    width: 100%;
}

.rnul-link-le-text {
    padding-left: 27px;
}

.rllt-tit {
    margin-bottom: 9px;
    font-size: var(--font20);
    line-height: var(--line175);
    color: var(--clmain);
    max-height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.rllt-time {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
}

.relation-notice {
    background-color: rgba(227, 232, 239, 1);
}

.relation-notice-more {
    display: flex;
    justify-content: center;
    margin-top: 4px;
}

.relation-report-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian2);
}

.relation-report-ul-li {
    width: 33.333333%;
    padding: 0 var(--jian) calc(var(--jian) * 2);
}

.rrul-link {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border-bottom: 4px solid #BBBEC0;
    background: #FFF;
    padding: 24px 40px 24px 24px;
}

.relation-report {
    background-color: #F3F7FA;
}

.rrul-link-time {
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--cl666);
    margin-bottom: 6px;
}

.rrul-link-tit {
    font-size: var(--font20);
    line-height: var(--line175);
    color: rgba(51, 51, 51, 1);
    margin-bottom: 38px;
    max-height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.rrul-link-down {
    display: flex;
    align-items: flex-start;
    border-top: 1px solid rgba(209, 209, 209, 1);
    padding-top: 20px;
}

.rrul-link-down img {
    width: 24px;
}

.rrul-link-down p {
    font-size: var(--font14);
    line-height: var(--line175);
    color: rgba(102, 102, 102, 1);
    padding-left: 8px;
    padding-top: 3px;
}

.relation-contact {
    position: relative;
}

.relation-contact-cont {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.relation-contact-cont-tit {
    font-size: var(--font32);
    line-height: var(--line14);
    color: #fff;
    margin-bottom: 44px;
}

.relation-contact-cont-ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.rccu-li {
    width: 100%;
    margin-bottom: 16px;
}

.rccu-li-cont {
    display: flex;
    align-items: flex-start;
}

.rccu-li-cont img {
    width: 32px;
    flex-shrink: 0;
}

.rccu-li-cont p {
    padding-left: 24px;
    font-size: var(--font20);
    line-height: var(--line15);
    color: #fff;
    width: 100%;
}

.rccu-li:nth-last-child(1) {
    margin-bottom: 0;
}

.relation-contact-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.relation-contact-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.relation-contact .riul-cont p {
    color: #fff;
}

.relation-contact .riul-cont {
    border: 1px solid rgba(255, 255, 255, 0.3)
}

.relation-contact .relation-investor-ul {
    justify-content: flex-start;
    margin-bottom: 0;
}

.relation-contact-all {
    display: flex;
    justify-content: flex-end;
}

.relation-contact .tlct-link {
    border: 1px solid rgba(255, 255, 255, 0.3)
}

.relation-contact .tlct-link p {
    color: #fff;
}

/* b4 */
.detail-apply {
    position: relative;
    margin-bottom: var(--space130);
}

.detail-apply-ul {
    display: flex;
    margin: 0 var(--jian2);
}

.detail-apply-ul-li {
    width: 33.333333%;
    padding: 0 var(--jian);
}

.detail-apply-ul-li:not(:first-child) {
    display: none;
}

.daul-cont {
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(235, 240, 245, 0.80);
    backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 56px 30px;
}

.detail-apply-back {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 96.5%;
    height: 100%;
    z-index: -1;
}

.detail-apply-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.daul-cont-tit {
    text-align: center;
}

.daul-cont .ys-imgbox-cover {
    margin: 0 auto 70px;
    width: 196px;
}

.detail-apply-tit {
    font-weight: 290;
}

.detail-apply-caro {
    position: relative;
}

.detail-apply .obul-cont-arrow {
    width: 111%;
}

.detail-apply .slick-dots {
    bottom: -52px;
}

.slick-dots li.slick-active {
    background: var(--clmain);
}

.detail-main-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
}

.detail-main-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.detail-main {
    position: relative;
    overflow: visible;
}

.detail-main-all-le {
    width: 49%;
    position: sticky;
    top: 100px;
}

.detail-main-all {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.detail-main-all-ri {
    width: 49%;
}

.dmar-top {
    margin-bottom: 36px;
    padding: 45px 45px;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(235, 240, 245, 0.80);
    backdrop-filter: blur(5px);
}

.detail-page .original-banner-sign {
    justify-content: flex-start;
}

.detail-page .original-banner-tit {
    text-align: start;
}

.detail-page .original-banner-text {
    margin-bottom: 70px;
    text-align: start;
}

.detail-page .original-banner-butt {
    margin: 0 -12px;
    justify-content: flex-start;
}

.dmar-below {
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(235, 240, 245, 0.80);
    backdrop-filter: blur(5px);
    padding: 39px 47px 0;
}

.dmar-below-ul {
    display: flex;
    flex-wrap: wrap;
}

.dmar-below-ul-li {
    width: 100%;
    cursor: pointer;
    border-bottom: 1px solid rgba(187, 190, 192, 1);
}

.dbul-top {
    padding: 24px 0;
    display: flex;
    align-items: flex-start;
}

.dbul-top svg {
    width: 24px;
    flex-shrink: 0;
    margin-top: 7px;
    margin-left: 20px;
}

.dbul-top p {
    font-size: var(--font20);
    line-height: var(--line175);
    color: var(--clmain);
    width: 100%;
    font-weight: 290;
}

.dbul-below {
    margin-bottom: 24px;
}

.dbul-below ul {
    display: flex;
    flex-wrap: wrap;
}

.dbul-below li {
    width: 100%;
}

.dbul-below p::after {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 5px;
    height: 5px;
    background-color: #666;
    border-radius: 50%;
}

.dbul-below p {
    position: relative;
    padding-left: 15px;
    margin-bottom: 4px;
}

.yxedr-active ol,
.yxedr-active ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}

.dmar-below-ul-li.act .dbul-top svg {
    transform: rotate(180deg);
}

.dmar-below-ul-li .dbul-top svg {
    transition: all 0.36s;
}

.dmar-below-tit {
    font-weight: 290;
    margin-bottom: 13px;
}

.dmar-below-ul-li:nth-last-child(1) {
    border-bottom: 0px;
}

.dmal-ul-li-cont {
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(235, 240, 245, 0.80);
    backdrop-filter: blur(5px);
    overflow: hidden;
    height: 100%;
}

.dmal-ul-li-cont .ys-imgbox-cover {
    width: 702px;
    height: 100%;
}

.dmal-ul-li-cont .ys-imgbox-cover img {
    height: 100%;
}

.dmal-ul {
    display: flex;
    margin: 0 -5px;
}

.dmal-ul-li {
    width: 100%;
    padding: 0 5px;
}

.dmal-ul-li:not(:first-child) {
    display: none;
}

.detail-main .obul-cont-arrow {
    width: 90%;
}

.detail-main .slick-dots {
    bottom: 33px;
}

.detail-performance-tab {
    width: 100%;
}

.detail-performance-below-hor {
    position: relative;
}

.detail-performance-below-hor:nth-child(2n-1) .dpbh-ver {
    background-color: rgba(243, 247, 250, 1);
}

.tab-td0 {
    z-index: 10;
}

.detail-performance-bot {
    max-width: 1200px;
    overflow: auto;
    border-radius: 20px;
}

.dpbh-ver {
    position: relative;
    text-align: center;
    padding: 21px 15px;
    width: 240px;
    min-width: 240px;
    font-size: var(--font16);
    line-height: var(--line175);
    color: #02182A;
    background-color: #fff;
}

.tab-td0 {
    color: var(--cl666);
    text-align: left;
    padding-left: 36px;
    position: sticky;
    top: 0;
    left: 0;
}

.dpbl-li {
    padding: 21px 0;
    width: 100%;
}

.dpbl-li p {
    text-align: center;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
}

.dpbr-li {
    width: 25%;
}

.dpbr-li-ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.dpbl-li:nth-child(2n-1) {
    background-color: rgba(243, 247, 250, 1);
}

/* leah-end */


/*鼠标效果*/
@media screen and (min-width: 1200px) {

    /* leah-start */

    .taul-cont:hover .taul-cont-tit {
        color: var(--clfff);
    }

    .taul-cont:hover {
        background-color: rgba(0, 77, 139, 1);
    }

    .arrow-all:hover {
        opacity: 1;
    }

    .obbl-link:hover p {
        color: #fff;
    }

    .obbl-link:hover {
        background-color: var(--clvi);
    }

    .li-agree .obbl-link:hover path {
        stroke: #fff;
        fill: #fff;
    }

    .obbl-link:hover path {
        stroke: #fff;
    }

    .tlct-link:hover {
        background-color: var(--clvi);
        border: 1px solid rgba(255, 255, 255, 0.3);
    }

    .tlct-link:hover p {
        color: var(--clfff);
    }

    .original-product-more-link:hover p {
        color: rgba(1, 126, 255, 1);
    }

    .original-product-more-link:hover path {
        stroke: rgba(1, 126, 255, 1);
        fill: rgba(1, 126, 255, 1);
    }

    .pc-fenye li:hover {
        background: var(--clmain);
        color: #fff;
    }

    .new-page .pc-fenye li:hover {
        background: var(--clvi);
    }

    .nmul-link:hover .nmul-link-tit {
        color: var(--clvi);
    }

    .nmcu-li-link:hover .nllr-tit {
        color: var(--clvi);
    }

    .rnul-link:hover .rllt-tit {
        color: var(--clvi);
    }

    .rrul-link:hover .rrul-link-tit {
        color: var(--clvi);
    }

    .rrul-link:hover {
        border-bottom: 4px solid var(--clvi);
    }

    /* leah-end */
}



/* 2025.7.15 lucas start */
.contact-page .ys-pos-center .tech-leader-cont-touch {
    margin-top: 54px;
}

.cill-box-bottom-title {
    color: #000238;
    margin-bottom: 32px;
}

.cbbl-li-link-text {
    color: #000238;
}

.cbbl-li-link-img {
    width: 24px;
    margin-right: 16px;
    margin-top: 4px;
}

.cbbl-li-link-img img {
    width: 100%;
}

.cbbl-li {
    margin-bottom: 16px;
}

.cill-box-bottom-list .cbbl-li:last-child {
    margin-bottom: 0 !important;
}

.contact-info {
    background: #F3F7FA;
}

.contact-info-list {
    --jian1: 18px;
    --jian2: 52px;
    margin: 0 calc(var(--jian1) * -1) calc(var(--jian2) * -1);
    display: flex;
    flex-wrap: wrap;
}

.contact-info-list-li {
    width: 33.33%;
    padding: 0 var(--jian1);
    margin-bottom: var(--jian2);
}

.cill-box {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.cill-box-bottom {
    padding: 46px 38px;
}

.cbbl-li {
    display: flex;
    align-items: flex-start;
}

/* .cbbl-li.line .std-word {
    text-decoration: underline;
    text-underline-offset: 4px;
} */

.cbbl-li-link {
    color: #000238;
}

.cbbl-li-link-text,
.cbbl-li-link {
    transition: all 0.36s ease-in-out;
    flex: 1;
}

.newsdet-info-top-le {
    width: 68.40%;
}

.newsdet-info-top-ri {
    width: 23.125%;
}

.newsdet-info .ys-cont1440 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.nitl-time {
    font-size: var(--font14);
    color: var(--clmain);
    line-height: var(--line16);
    border-radius: 80px;
    background: #FFF;
    padding: 4px 16px 2px;
}

.nitl-tab {
    color: #BBBEC0;
    margin-left: 18px;
}

.nitl-date {
    display: flex;
    margin-bottom: 23px;
}

.newsdet-info-top-le .std-tit44 {
    margin-bottom: 60px;
    font-weight: 290;
    text-align: left;
}

.newsdet-page .yxedr-active p {
    color: var(--cl666);
    font-size: var(--font16);
    line-height: var(--line175);
    margin-bottom: 44px;
}

.nitl-info p {
    color: var(--cl666);
    font-size: var(--font16);
    line-height: var(--line175);
    margin-bottom: 44px;
}

.nitl-info p:last-child {
    margin-bottom: 0 !important;
}

.nitl-info {
    padding-top: 60px;
    border-top: 1px solid #BBBEC0;
}

.newsdet-info-top-ri .std-tit24 {
    color: #000238;
    margin-bottom: 24px;
}

.nlll-title {
    color: #000238;
    margin-bottom: 24px;
    transition: all 0.36s ease-in-out;
}

.nlll-time {
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--cl999);
}

.nitr-list-li-link {
    padding: 16px 0;
    border-bottom: 1px solid #BBBEC0;
}

.newsdet-info-top-ri {
    position: sticky;
    top: 100px;
}

.newsdet-info {
    overflow: visible;
}

.newsdet-share .ys-share-img {
    width: 46px;
}

.newsdet-share .ys-share-img img {
    width: 100%;
}

.newsdet-share-text {
    margin-right: 36px;
}

.nitr-list {
    margin-bottom: 47px;
}

.newsdet-share {
    display: flex;
    align-items: center;
}

.ys-share-wechat {
    margin-right: 8px;
}

.newsdet-info {
    background: #F3F7FA;
    position: relative;
}

.npll-link-page-img img:nth-child(1) {
    opacity: 0;
}

.npll-link-page-img img:nth-child(2) {
    opacity: 1;
}


.npll-link-page-img {
    width: 44px;
}

.npll-link-time {
    color: #004D8B;
    font-size: var(--font14);
    line-height: var(--line16);
    margin-bottom: 20px;
}

.npll-link-title {
    color: #000238;
    margin-bottom: 45px;
    height: 3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.fill-li-cry {
    flex: 1;
}

.npll-link-page-text {
    margin: 0 16px;
}

.npll-link-page {
    display: flex;
    align-items: center;
}

.newsdet-page-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newsdet-page-list-li {
    width: 40.14%;
}

.npll-link {
    width: 100%;
    height: 100%;
}

.newsdet-page-list-li.floatle {
    float: left;
}

.newsdet-page-list-li.floatri {
    float: right;
}

.newsdet-page-list-li.floatri .npll-link {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.newsdet-page-list-li.floatri .npll-link-page {
    display: flex;
    flex-direction: row-reverse;
}

.newsdet-recom-top .std-tit44 {
    color: #000238;
    text-align: unset;
}

.newsdet-btn-prev,
.newsdet-btn-next {
    width: 36px;
}

.newsdet-btn-prev {
    margin-right: 15px;
}

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

.newsdet-recom-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: var(--space50);
}

.newsdet-page-list {
    padding-bottom: 80px;
    border-bottom: 1px solid #BBBEC0;
}

.newsdet-recom-list-link .ys-imgbox-cover {
    border-radius: 15px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    margin-bottom: 24px;
}

.nrll-tab {
    color: #000238;
    margin-bottom: 14px;
    opacity: 0.7;
}

.nrll-title {
    margin-bottom: 32px;
    height: 3.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.nrll-time {
    font-size: var(--font18);
    font-weight: 300;
    line-height: var(--line16);
    color: #004D8B;
    border-radius: 107.94px;
    background: #F1F4F9;
    padding: 3px 22px 2px;
    display: inline-block;
}

.newsdet-btn .swiper-button-disabled {
    opacity: 0.3;
}

.newsdet-btn-prev,
.newsdet-btn-next {
    transition: all 0.36s ease-in-out;
}

.jtbc-img {
    width: 24px;
}

.jtbc-img img {
    width: 100%;
}

.jtbc-text {
    line-height: var(--line16);
    margin-right: 10px;
    color: var(--clmain);
}

.jtbc-link {
    padding: 10px 24px;
    border-radius: 10px;
    border: 1px solid rgba(0, 77, 139, 0.40);
    background: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(7.5px);
    -webkit-backdrop-filter: blur(7.5px);
    -moz-backdrop-filter: blur(7.5px);
    -o-backdrop-filter: blur(7.5px);
    -ms-backdrop-filter: blur(7.5px);
    display: flex;
    align-items: center;
    width: fit-content;
}

.join-talent-btn {
    display: flex;
    align-items: center;
}

.join-talent-btn-cry {
    margin-right: 32px;
}

.join-talent-btn .join-talent-btn-cry:last-child {
    margin-right: 0 !important;
}

.join-talent-info,
.join-talent-info p {
    color: var(--cl666);
    font-weight: 290;
    text-align: center;
    max-width: 898px;
}

.join-talent-info {
    margin-bottom: 56px;
}

.join-talent .std-tit50 {
    color: #000238;
    margin-bottom: 24px;
    text-align: center;
}

.join-talent {
    position: relative;
    padding-top: calc(var(--space130) + 30px);
}

.join-talent-cnet {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.join-talent-bg {
    position: absolute;
    top: -50px;
    width: 42.7%;
    pointer-events: none;
    z-index: 1;
}

.join-talent-bg img {
    width: 100%;
}

.join-talent-bg-le {
    left: -10%;
}

.join-talent-bg-ri {
    right: -10%;
}

.jtil-li .ys-imgbox-cover {
    border-radius: 15px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.jtil-li-info {
    position: relative;
}

.join-talent-idea-list {
    --jian1: 18px;
    margin: 0 calc(var(--jian1) * -1);
}

.jtil-li {
    width: 33.33%;
    padding: 0 var(--jian1);
}

.jtil-li-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 44px;
    width: 100%;
}

.jtil-li-text-num,
.jtil-li-text-name {
    color: var(--clfff);
}

.jtil-li-text-num {
    margin-bottom: 12px;
}

.join-talent-idea .std-tit44 {
    margin-bottom: var(--space50);
    color: #000238;
    font-weight: 290;
}

.join-talent-cnet {
    margin-bottom: var(--space130);
}

.newsdet-recom {
    padding-top: 80px;
}

.jtil-li-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.my1-dots .slick-dots {
    position: unset;
    margin-top: 32px;
}

.my1-dots .slick-dots li {
    position: unset;
    background: #004D8B;
    opacity: 0.1;
}

.my1-dots .slick-dots li.slick-active {
    opacity: 1;
}

.join-life .std-tit44 {
    color: #000238;
    font-weight: 290;
    margin-bottom: 45px;
}

.jldl-li .ys-imgbox-cover {
    border-radius: 15px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    margin-bottom: 32px;
}

.jldl-li-title {
    color: #000238;
    margin-bottom: 16px;
}

.jldl-li-bottom {
    padding-right: 43px;
}

.join-life-develop-list {
    --jian1: 18px;
    margin: 0 calc(var(--jian1) * -1);
    display: flex;
    justify-content: space-between;
    align-items: self-start;
}

.jldl-li {
    padding: 0 var(--jian1);
    width: 48.82%;
}

.join-life {
    background: #F3F7FA;
}

.jlts-li-pagination {
    display: none;
}

.join-life-tog-swiper {
    overflow: visible !important;
    max-width: 27.4vw;
}

.jlts-li .ys-imgbox-cover {
    border-radius: 15px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.join-talent-btn-cry.act {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 10px 73px 60px;
}

.join-talent-btn-cry.act .jtbc-text {
    color: var(--clfff);
}

.join-talent-btn-cry.act .jtbc-link {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(255, 255, 255, 0.30);
}

.jlhl-link {
    position: relative;
    border-radius: var(--border);
    overflow: hidden;
}

.jlhl-link-name {
    color: var(--clfff);
}

.jlhl-link-bottom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 60px 73px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.join-life-hire {
    --jian1: 12px;
    margin: 0 calc(var(--jian1) * -1);
    display: flex;
    justify-content: space-between;
    align-items: self-start;
}

.join-life-hire-li {
    padding: 0 var(--jian1);
}

.formifm-info {
    position: relative;
}

.formifm-info-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
}

.formifm-info-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.formifm-info-le .std-tit44 {
    --jian1: 24px;
    color: #000238;
    text-align: unset;
    font-weight: 290;
    padding-bottom: var(--jian1);
    margin-bottom: var(--jian1);
    border-bottom: 1px solid #BBBEC0;
}

.formifm-info-le-text {
    margin-bottom: 80px;
}

.fill-li-img {
    width: 20px;
    margin-right: 16px;
    margin-top: 4px;
}

.fill-li-img img {
    width: 100%;
}

.ys-select-xtbbox img {
    width: 24px;
}

.formifm-info-le-list {
    --jian1: 16px;
    --jian2: 5px;
    margin: 0 calc(var(--jian2) * -1);
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px;
    flex-wrap: wrap;
}

.fill-li {
    margin-bottom: var(--jian1);
    padding: 0 var(--jian2);
    width: 50%;
    display: flex;
    align-items: flex-start;
}

.formifm-info-le {
    width: 40.28%;
}

.formifm-info-ri {
    width: 48.75%;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0px 4px 15px 0px rgba(3, 18, 40, 0.10);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    -ms-backdrop-filter: blur(5px);
    padding: 42px;
}

.fils-li-list {
    --jian1: 11px;
    display: flex;
    flex-direction: column;
    margin: calc(var(--jian1) * -1) 0;
}

.fils-li-list-cry {
    padding: var(--jian1) 0;
    height: 50%;
}

.formifm-info-le-parn .std-tit20 {
    margin-bottom: 22px;
    text-align: center;
    font-weight: 290;
}

.formifm-info-le-parn {
    border-radius: 10px;
    background: #FFF;
    padding: 37px 53px 46px;
}

.formifm-info-pagination.swiper-pagination {
    position: unset;
}

.formifm-info-le-swiper .swiper-wrapper {
    margin-bottom: 42px;
}

.formifm-info-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #BBBEC0;
    opacity: 1;
    margin: 0 4px;
}

.formifm-info-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0D2538;
}

.formifm-info-box {
    display: flex;
    /* align-items: flex-end; */
    justify-content: space-between;
    flex-wrap: wrap;
}

.formifm-info-ri-form .ys-form-inof-item3 {
    width: 50%;
}

.ys-fii-tips {
    margin-top: 4px;
}

.ys-fia-text-btn {
    top: 0px;
}

.ys-fia-text-word {
    color: rgba(2, 24, 42, 0.3);
    font-size: var(--font14);
    line-height: var(--line175);
}

.ys-fia-text-word>a {
    color: #000238;
    font-size: var(--font14);
    line-height: var(--line175);
}

.ys-form-inof-item .ys-select-li {
    font-size: var(--size16);
}

.ys-form.formifm-info-ri-form {
    --space: 12px;
    --spacebot: 24px;
    --spacein: 16px;
    --height: 48px;
    --size20: 20px;
    --size18: 18px;
    --size16: 14px;
    --l1h5: 1.5;
    --l1h75: 1.75;
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colortips: #f00;
    --colormain: #0D2538;
}

.ys-form.formifm-info-ri-form .ys-fii-name {
    font-size: var(--size16);
    line-height: var(--l1h75);
    color: var(--colormain);
    margin-bottom: 8px;
}

.ys-form.formifm-info-ri-form .ys-fii-input {
    border: 1px solid #BBBEC0;
    border-radius: 5px;
}

.ys-form.formifm-info-ri-form input::placeholder {
    color: var(--cl999);
    font-size: var(--font14);
    line-height: var(--line175);
}

.ys-form.formifm-info-ri-form textarea::placeholder {
    color: var(--cl999);
    font-size: var(--font14);
    line-height: var(--line175);
}

.ys-form.formifm-info-ri-form textarea {
    padding-top: 11px;
}

.ys-form.formifm-info-ri-form .ys-form-email {
    width: 100%;
}

.ys-form.formifm-info-ri-form .ys-form-inof-code {
    width: 100%;
}

.ys-form.formifm-info-ri-form .ys-form-inof-code .ys-fic-auth {
    position: relative;
    border: 1px solid #BBBEC0;
    border-radius: 5px;
    height: var(--height);
}

.ys-form.formifm-info-ri-form .ys-form-inof-code .ys-fii-input {
    border: unset;
}

.ys-form.formifm-info-ri-form .ys-form-inof-code .ys-fii-input input {
    padding: 0 205px 0 15px;
}

.ys-form.formifm-info-ri-form .ys-fic-auth-img {
    position: absolute;
    right: 11px;
    bottom: 5px;
    width: 120px;
    height: auto;
}

.ys-form.formifm-info-ri-form .ys-fic-auth-img img {
    width: 100%;
    height: auto;
}

.ys-form.formifm-info-ri-form .ys-fii-input input,
.ys-form.formifm-info-ri-form .ys-fii-input textarea {
    font-size: var(--size16);
    line-height: var(--line15);
    color: var(--color333);
}

.ys-form.formifm-info-ri-form .ys-fia-text-btn {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.ys-form.formifm-info-ri-form .ys-fia-text-btn::before {
    border: 1px solid #BBBEC0;
    border-radius: 50%;
}

.ys-form.formifm-info-ri-form .ys-fia-text-btn::after {
    border-radius: 50%;
}

.ys-form.formifm-info-ri-form .ys-fii-submit {
    width: 100%;
    margin-left: 0;
    border-radius: 10px;
    background: #004D8B;
    font-weight: unset;
    color: #FFF;
    font-size: var(--font18);
    font-weight: 290;
}

.ys-form.formifm-info-ri-form .ys-form-inof-submit {
    width: 100%;
    margin-left: 0;
}

.ys-form.formifm-info-ri-form .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--clvi);
}

.ys-form.formifm-info-ri-form .ys-fia-text-word {
    width: calc(100% - 20px);
    padding-left: 8px;
}

.ys-fii-select .ys-select-bd,
.ys-fiiss-core {
    height: calc(var(--size16) * 10 + 20px);
}

.ys-form.formifm-info-ri-form .ys-form-inof-text .ys-fii-input {
    height: 144px;
}

.walkinto-hist-progress-bar {
    background: #BBBEC0;
    position: relative;
    width: 100%;
    height: 1px;
}

.walkinto-hist-progress-bar .walkinto-hist-wrap-bg {
    background: #000238;
    height: 4px;
    transition: 0.16s;
    position: absolute;
    left: 0;
    top: -1px;
    width: 0;
}

.wrll-time {
    color: #000238;
    margin-bottom: 16px;
    font-family: 'RobotoRegular14';
}

.wrll-info {
    color: var(--clmain);
    padding-left: 18px;
    position: relative;
}

.wrll-info::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #004D8B;
    position: absolute;
    left: 2px;
    top: 10px;
    z-index: 1;
    /* transform: translate(-50%, -50%); */
}

.wlli-ri-list-li {
    margin-bottom: 32px;
}

.wlli-ri-list .wlli-ri-list-li:last-child {
    margin-bottom: 0 !important;
}

.wlli-le-year {
    color: var(--cl333);
}

.wlli-le {
    position: sticky;
    top: 400px;
    padding-bottom: 20vh;
}

.whwl-list-li-info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.wlli-le,
.wlli-ri {
    width: 50%;
}

.whpl-li {
    color: var(--cl999);
    font-family: 'RobotoRegular14';
    opacity: 0.3;
}

.walkinto-hist-progress-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 21px 0 34px;
}

.walkinto-hist {
    overflow: visible !important;
}

.walkinto-hist-progress {
    position: sticky;
    top: 80px;
    background-color: var(--clfff);
    z-index: 10;
}

.walkinto-hist-wrap-time span {
    font-family: 'RobotoRegular14';
    font-size: 15.7vw;
    line-height: var(--line14);
    position: relative;
    z-index: 1;
    mix-blend-mode: hard-light;
}

.walkinto-hist-wrap-time {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    color: #F3F7FA;
    text-align: center;
    width: 100vw;
    z-index: 0;
}

.whpl-li.on {
    color: #000238;
    opacity: 1;
}

.walkinto-hist-wrap .walkinto-hist-wrap-bg {
    transition: 0.16s;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #F3F7FA;
    z-index: -1;
}

.walkinto-hist-wrap {
    position: relative;
}

.whwl-list-li-info {
    position: relative;
    padding-top: calc(var(--space130) + 20px);
}

.walkinto-hist-wrap-list {
    position: relative;
    z-index: 2;
}

.whpl-li {
    cursor: pointer;
    transition: all 0.36s ease-in-out;
}

.walkinto-values-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    pointer-events: none;
    height: 100%;
}

.walkinto-values-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ys-ban-video {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: transparent;
}

.walkinto-values {
    position: relative;
}

.walkinto-page .std-tit44 {
    color: #000238;
    line-height: var(--line13);
    margin-bottom: var(--space50);
    text-align: center;
    position: relative;
    z-index: 10;
}

.walkinto-values .std-tit44 {
    color: var(--clfff);
}

.wvtl-li-cry {
    border-radius: 10px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(94, 128, 213, 0.20) 0%, rgba(94, 128, 213, 0.00) 100%);
}

.wvtl-li-cry-img {
    width: 106px;
    position: absolute;
    top: 28px;
    right: 28px;
    z-index: 1;
    pointer-events: none;
}

.wvtl-li-cry-img img {
    width: 100%;
}

.wvtl-li-cry-num {
    font-family: 'RobotoRegular14';
    color: var(--clfff);
    margin-bottom: 60px;
}

.wlct-name {
    color: var(--clfff);
    margin-bottom: 16px;
}

.wlct-cry {
    opacity: 0.6;
    color: var(--clfff);
    max-width: 270px;
}

.wvtl-li-cry {
    padding: 28px 29px 31px;
}

.walkinto-values-top-list,
.walkinto-values-bottom-list {
    --jian1: 18px;
    --jian2: 36px;
    margin: 0 calc(var(--jian1) * -1) var(--jian2);
    display: flex;
}

.wvtl-li {
    padding: 0 var(--jian1);
}

.walkinto-values-top-list .wvtl-li:first-child,
.walkinto-values-bottom-list .wvtl-li:last-child {
    width: 15.28%;
}

.walkinto-values-top-list .wvtl-li:first-child .wvtl-li-cry,
.walkinto-values-bottom-list .wvtl-li:last-child .wvtl-li-cry {
    padding: 0;
    border: unset;
}

.walkinto-values-top-list .wvtl-li:first-child .ys-imgbox-cover,
.walkinto-values-bottom-list .wvtl-li:last-child .ys-imgbox-cover {
    height: 100%;
}

.walkinto-values-top-list .wvtl-li:first-child img,
.walkinto-values-bottom-list .wvtl-li:last-child img {
    height: 100%;
    object-fit: cover;
}

.walkinto-values-top-list .wvtl-li {
    width: calc((100% - 15.28%) / 3);
}

.wvtl-li-cry {
    border-radius: 10px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    -ms-backdrop-filter: blur(5px);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.wvtl-li-cry::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    padding: 1px;
    /* 边框宽度 */
    background: linear-gradient(180deg, rgba(94, 128, 213, 0.20) 0%, rgba(94, 128, 213, 0.1) 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}

.walkinto-values-bottom-list .wvtl-li {
    width: calc((100% - 15.28%) / 2);
}

.walkinto-values-bottom-list {
    margin-bottom: 0 !important;
}

.walkinto-all-cent-map {
    width: 100%;
}

.walkinto-all-cent-map img {
    width: 100%;
}

.walkinto-all {
    position: relative;
}

.walkinto-all-bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}

.walkinto-all-bg img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.walkinto-all-cent {
    max-width: 1060px;
    margin: auto;
    position: relative;
    z-index: 10;
    width: 85vw;
}

.walkinto-all-cent-map,
.walkinto-all-cent-map img {
    width: 100%;
}

.wacl-li.le .wacl-li-name {
    right: 26px;
    left: auto;
}

.wacl-li-name {
    color: var(--clmain);
    border-radius: 90px;
    background: #fff;
    box-shadow: 0px 0px 13.317px 0px rgba(0, 0, 0, 0.04);
    padding: 6px 14px;
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 26px;
}

.wacl-li-cir {
    background: var(--clfff);
    border: 2px solid #004D8B;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 10px;
}

.wacl-li {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 3;
}

.wacl-li.le {
    flex-direction: row-reverse;
}

.wacl-li.zin {
    z-index: 5;
}

.wacl-li.highlight .wacl-li-cir {
    position: relative;
    border: 2px solid #F08300;
}

.wacl-li.highlight .wacl-li-cir::before {
    content: "";
    width: 46px;
    height: 46px;
    border-radius: 50%;
    opacity: 0.3;
    background: #F08300;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    transition: all 0.36s ease-in-out;
    animation: myfirst 1.5s linear infinite;
}

.wacl-li.highlight .wacl-li-cir::after {
    content: "";
    width: 46px;
    height: 46px;
    border-radius: 50%;
    opacity: 0.3;
    background: #F08300;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    transition: all 0.36s ease-in-out;
    animation: myfirst 1.5s linear infinite;
    animation-delay: .5s;
}

.wanl-num,
.wanl-num span {
    background: linear-gradient(180deg, #06175B 0%, #2167E1 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.81vw;
    line-height: 1.1;
}

.wanl-num {
    margin-bottom: 12px;
}

.wanl-info {
    font-size: var(--font18);
    color: var(--clmain);
    font-weight: 290;
    line-height: var(--line16);
    opacity: 0.7;
}

.walkinto-all-num-li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.walkinto-all-num {
    display: flex;
    justify-content: space-between;
    max-width: 950px;
    margin: auto;
    margin-top: var(--space50);
    position: relative;
    z-index: 10;
    width: 85vw;
}

.walkinto-select {
    position: relative;
}

.walkinto-select-bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
}

.walkinto-select-bg img {
    width: 100%;
}

.walkinto-select .std-tit24 {
    text-align: center;
    margin: var(--space100) auto var(--space50);
}

.walkinto-select-run {
    position: relative;
    display: flex;
}

.walkinto-select-run-list {
    width: calc((160px* var(--width-shu)) +(16px* var(--width-shu)));
    display: flex;
}

.derl-li {
    width: 160px;
    margin-right: 16px;
}

.walkinto-select-run1 .walkinto-select-run-list1 {
    animation: donghua1 linear infinite;
}

@keyframes donghua5 {
    from {
        transform: translateX(200%);
    }

    to {
        transform: translateX(100%);
    }
}

.walkinto-select-run1 .walkinto-select-run-list3 {
    transform: translateX(200%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua5 linear infinite;
}

@keyframes donghua1 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.walkinto-select-run1 .walkinto-select-run-list2 {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(100%);
    animation: donghua2 linear infinite;
}

@keyframes donghua2 {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes myfirst {
    0% {
        transform: translate(-50%, -50%) scale(0.4);
        opacity: .3;
    }

    50% {
        transform: translate(-50%, -50%) scale(0.7);
        opacity: 0.5;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

.whsl-cry {
    border-radius: var(--border);
    border: 1px solid #FFF;
    background: #F3F7FA;
    box-shadow: 0px 0px 13.317px 0px rgba(0, 0, 0, 0.04);
    padding: 33px 31px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.whsl-cry-bottom-cry {
    flex: 1;
}

.whsl-cry-top-img {
    width: 20px;
}

.whsl-cry-top-img img {
    width: 100%;
}

.whsl-cry-top-time {
    color: var(--cl999);
    text-align: center;
    font-family: 'RobotoRegular14';
    font-size: var(--font16);
    line-height: var(--line15);
}

.whsl-cry-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.walkinto-hor-swiper .walkinto-hor-swiper-li {
    height: 19.2em;
    opacity: 0.5;
    pointer-events: none;
}

.walkinto-hor-swiper-li.swiper-slide-active {
    height: 28.9em;
    opacity: 1;
}

.whcb-bl {
    opacity: 1;
}

.whcb-ye {
    opacity: 0;
}

.walkinto-hor-swiper-li.swiper-slide-active .whcb-bl {
    opacity: 0;
}

.walkinto-hor-swiper-li.swiper-slide-active .whcb-ye {
    opacity: 1;
}

.whsl-cry-bottom-ri,
.whsl-cry-bottom-le {
    width: 42px;
}

.whsl-cry-bottom-ri img,
.whsl-cry-bottom-le img {
    width: 100%;
}

.wcbc-text {
    color: #000;
    text-align: center;
    font-size: var(--font16);
    line-height: var(--line15);
}

.whsl-cry-bottom-cent {
    display: flex;
    justify-content: space-between;
    width: fit-content;
    align-items: center;
}

.whsl-cry-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.walkinto-hor-pagination {
    display: none;
}

.walkinto-hor-swiper .walkinto-hor-swiper-li.swiper-slide-prev,
.walkinto-hor-swiper .walkinto-hor-swiper-li.swiper-slide-next {
    height: 24em;
    pointer-events: auto;
    opacity: 1;
}

.walkinto-hor-swiper .swiper-wrapper {
    align-items: center;
    transition-property: all;
    height: 28.9em;
}

.whsl-cry,
.walkinto-hor-swiper-li {
    transition: opacity .5s, height .8s cubic-bezier(.439, .007, .006, 1.007) !important;
}

.walkinto-hor-swiper .newsdet-btn {
    max-width: 88px;
    margin: auto;
    margin-top: var(--space50);
}

.newsdet-btn-prev,
.newsdet-btn-next {
    cursor: pointer;
}

.tech-leader .tech-leader-cont-tit {
    color: var(--clfff);
    margin-bottom: 60px;
    text-align: left;
}

.walkinto-about {
    position: relative;
}

.walkinto-about-bg {
    width: 100%;
    height: 75%;
}

.walkinto-about-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.walkinto-about-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    pointer-events: none;
}

.walkinto-about-buli {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    height: 75%;
    overflow: hidden;
}

.walkinto-about-buli img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.walkinto-about .std-tit44 {
    color: var(--clfff);
    margin-bottom: 24px;
    text-align: left;
    line-height: var(--line13);
}

.walkinto-about-top-cry,
.walkinto-about-top-cry p {
    color: var(--clfff);
}

.walkinto-about-top {
    margin-bottom: 60px;
    max-width: 900px;
}

.walkinto-about-video {
    width: 100%;
    border-radius: var(--border);
    overflow: hidden;
    position: relative;
}

.walkinto-about-video-btn {
    width: 88px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.walkinto-about-video-btn img {
    width: 100%;
}

.walkinto-about {
    padding-top: 200px;
}

.newsdet-recom-list-link {
    height: 100%;
}

.jtil-li-text-num,
.jtil-li-text-name {
    text-align: center;
}

.join-talent-btn .mod-more.home-produc-pc {
    margin-right: 32px;
}

.join-talent-btn .mod-more.home-produc-pc:last-child {
    margin-right: 0 !important;
}

.formifm-info-ri-form .ys-form-inof-agree {
    margin-bottom: 44px;
}

.formifm-info-ri-form .ys-form-inof-item:last-child {
    margin-bottom: 0 !important;
}

.jlhl-link .ys-imgbox-cover,
.jlhl-link {
    width: 100%;
}

.walkinto-about-video-cent img {
    width: 100%;
}

.walkinto-video {
    position: relative;
}

.walkinto-video-info-title {
    color: #000238;
    font-size: 80px;
    line-height: var(--line13);
    margin-bottom: 20px;
}

.wvit-img {
    width: 22px;
    transition: all 0.36s ease-in-out;
    animation: transx 1s linear infinite;
}

@keyframes transx {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(5px);
        opacity: 0.5;
    }

    100% {
        transform: translateY(0);
    }
}

.wvit-img img {
    width: 100%;
}

.walkinto-video-info-logo {
    width: 28vw;
    margin-bottom: 37px;
}

.walkinto-video-info-logo img {
    width: 100%;
}

.walkinto-video-info-cry {
    color: var(--cl666);
    font-weight: 290;
}

.walkinto-video-info-tip {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.walkinto-video-info {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 50;
}

.wvit-text {
    color: #000238;
    margin-bottom: 12px;
}

.wlli-ri,
.wlli-le-year {
    padding-top: 0vh !important;
}

.walkinto-all {
    background: #F3F7FA;
}

.wlli-ri {
    padding-bottom: 0 !important;
}

.contact-page .ys-nybanner {
    position: relative;
}

.contact-ban-bg {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    pointer-events: none;
}

.contact-ban-bg img {
    width: 100%;
}

.contact-page .mod-more-link1 {
    background: unset;
}

@media screen and (min-width: 1200px) {
    .ys-select-li:hover {
        color: var(--clmain);
    }

    .npll-link:hover .ys-imgbox-cover img {
        transform: scale(1) !important;
    }

    .npll-link:hover .npll-link-page-img img:nth-child(1) {
        opacity: 1;
    }

    .npll-link:hover .npll-link-page-img img:nth-child(2) {
        opacity: 0;
    }

    .nitr-list-li-link:hover .nlll-title {
        color: #004D8B;
    }

    .cill-box:hover .ys-imgbox-cover img {
        transform: scale(1.05);
    }

    .cbbl-li:hover .cbbl-li-link {
        color: #004D8B;
    }

    .cbbl-li:hover .cbbl-li-link-text {
        color: #004D8B;
    }
}

/* 2025.7.15 lucas end */


/* helen------------------------- */

.ys-hd-pc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.head-logo {
    width: 140px;
    pointer-events: all;
}

.head-logo a {
    display: block;
    width: 100%;
}

.mod-head-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    max-width: 1920px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    pointer-events: none;
}

.mod-head-btm {
    width: 100%;
    position: relative;
    padding-top: var(--headh) !important;
}

.mod-head-top {
    padding: 0 160px;
    transition: all 0.36s;
}

.mod-head-btm {
    padding: 0 160px;
    transition: all 0.36s;
    display: flex;
    justify-content: space-between;
    max-width: 1920px;
    margin: 0 auto;
}

.ys-hd-pc {
    display: block;
    padding: 0 !important;
}

.mod-head-btm-le {
    display: flex;
}

.mhbl-link {
    line-height: 50px;
    display: block;
    color: #fff;
    transition: all 0.36s;
    font-size: 16px;
    font-weight: 290;
    position: relative;
}

.mhbl-li {
    padding-right: 40px;
}

.mhbl-link::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 18px;
    background: rgba(255, 255, 255, 0.2);
    right: -20px;
    transition: all 0.36s;
}

.mhbl-li:last-child {
    padding-right: 0 !important;
}

.mhbl-li:last-child::after {
    display: none;
}

.mhbr-icon {
    width: 40px;
    cursor: pointer;
    height: 50px;
    display: flex;
    align-items: center;
}

.mhbr-icon svg {
    width: 100%;
}

.mhbr-icon circle,
.mhbr-icon path {
    transition: all 0.36s;
}

.mod-head-btm-ri {
    --head: 80px;
    --btn-width: 20px;
    --shadow: 0 10px 18px 3px rgb(0 0 0 / 2%);
    --widthtotal: 34%;
    --widthr: 40px;
    --input-size: 16px;
    /* position: relative; */
}

.ys-search2-btn {
    width: var(--btn-width);
    line-height: var(--head);
    cursor: pointer;
    display: block;
    transition: all .36s;
}

.ys-search2-btn img {
    width: 100%;
}

.ys-search2-win {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: #fff;
    text-align: center;
    border-top: 1px solid #eee;
    box-shadow: var(--shadow);
    overflow: hidden;
    display: none;
}

.ys-search2-box {
    padding: 60px 0;
}

.ys-search2-tibox {
    width: var(--widthtotal);
    margin: 0 auto;
}

.ys-search2-tbox {
    border-bottom: 1px solid #eee;
    width: calc(100% - var(--widthr));
    padding-right: 20px;
    height: 40px;
}

.ys-search2-tbox input {
    width: 100%;
    height: 100%;
    font-size: var(--input-size);
}

.ys-search2-ibox {
    width: var(--widthr);
}

.ys-search2-ibox img {
    width: 100%;
}

.ys-hd-pc.ishover .mhbl-link {
    color: #0D2538;
}

.ys-hd-pc.ishover .mhbl-li::after {
    background: #000238;
    opacity: 0.2;
}

.ys-hd-pc.ishover .mhbr-icon path,
.ys-hd-pc.ishover .mhbr-icon circle {
    stroke: #02160F;
}

.ys-hd-pc.ishover .head-other-lange a {
    color: #0D2538;
}

.ys-hd-pc.ishover .head-other-lange a::after {
    background: #0D2538;
}

.ys-hd-pc.ishover .head-other-contac-link {
    border-color: #0D2538;
    color: #0D2538;
}

.head-other {
    pointer-events: all;
}

.head-other-contac-link {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    font-weight: 290;
    padding: 7px 24px;
    border: 1px solid #fff;
    border-radius: 100px;
    transition: all 0.36s;
}

.head-other-contac {
    margin-left: 30px;
}

.head-other-lange {
    display: flex;
}

.head-other-lange a {
    font-size: 16px;
    line-height: var(--headh);
    color: #fff;
    margin: 0 15px;
    position: relative;
    transition: all 0.36s;
    display: block;
}

.head-other-lange a::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    width: 1px;
    height: 22px;
    background: #fff;
    transition: all 0.36s;
}

.head-other-lange a:last-child::after {
    display: none;
}

.head-other-lange a.act {
    opacity: 0.3;
}


.ys-hd-pc.isfixed .mhbl-link {
    color: #0D2538;
}

.ys-hd-pc.isfixed .mhbl-li::after {
    background: #000238;
    opacity: 0.2;
}

.ys-hd-pc.isfixed .mhbr-icon path,
.ys-hd-pc.isfixed .mhbr-icon circle {
    stroke: #02160F;
}

.ys-hd-pc.isfixed .head-other-lange a {
    color: #0D2538;
}

.ys-hd-pc.isfixed .head-other-lange a::after {
    background: #0D2538;
}

.ys-hd-pc.isfixed .head-other-contac-link {
    border-color: #0D2538;
    color: #0D2538;
}

.ys-hd-pc.isfixed .mod-head-top {
    padding-left: 30px;
    padding-right: 30px;
}

.ys-hd-pc.isfixed .mod-head-btm {
    padding-top: 0 !important;
}


.ys-hd-pc.isfixed .mhbl-link {
    line-height: var(--headh);
}

.ys-hd-pc.isfixed .mhbr-icon {
    height: var(--headh);
}

.ys-hd-pc.isfixed .mod-head-btm {
    padding-left: 245px;
    padding-right: 290px;
}

.std-tit60 {
    font-size: 60px;
    line-height: 1.3;
}

.banner-tit {
    color: #fff;
    font-weight: 290;
    margin-bottom: 28px;
}

.ys-ban-txtbox {
    text-align: center;
}

.banner-more {
    display: flex;
    justify-content: center;
}

.banner-more-link svg {
    width: 24px;
}

.banner-more-link span {
    color: #fff;
    transition: all 0.36s;
    padding-right: 10px;
}

.banner-more-link path {
    transition: all 0.36s;
}

.home-main .ys-ban-txtbox {
    bottom: 60px;
}

.banner-more-link {
    display: flex;
    align-items: center;
}

.ys-ban-slick .slick-dots li {
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: transparent;
    margin: 12px 0;
}

.ys-ban-slick .slick-dots li.slick-active {
    background: #fff;
    border-color: #fff;
}

.ys-ban-slick .slick-dots {
    bottom: auto;
    right: 52px;
    width: auto;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.home-produc {
    width: 100%;
    position: relative;
}

.home-produc-top-tit {
    color: #000238;
    line-height: 1.2;
}

.mod-more-link span {
    color: #0D2538;
    font-weight: 290;
    line-height: 1.65;
    transition: all 0.36s;
}

.mod-more-link {
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid rgba(3, 21, 36, 0.30);
    padding: 9px 24px;
    transition: all 0.36s;
}

.mod-more-link svg {
    width: 24px;
    margin-left: 10px;
}

.mod-more-link path {
    transition: all 0.36s;
}

.home-produc-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-produc-btm {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hpble-li-img {
    border-radius: var(--border);
    overflow: hidden;
}

.hpble-li {
    position: relative;
    width: 100%;
}

.home-produc-btm-le {
    width: 65.5%;
}

.hpble-li-img {
    width: 100%;
}

.hpble-li-img img {
    width: 100%;
    transition: all 0.46s;
}

.hpble-li-posit {
    position: absolute;
    top: 0;
    left: 0;
    width: 42%;
    padding: 48px;
    padding-bottom: 0;
    z-index: 10;
}

.hpble-li-posit-tit {
    color: #0D2538;
    margin-bottom: 26px;
}

.hpble-li-posit-info p {
    color: #0D2538;
    line-height: 1.8;
    font-weight: 290;
}

.hpble-li-posit-info {
    margin-bottom: 60px;
}

.hpble-link {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
}

.hpble-li1 {
    margin-bottom: 20px;
}

.banner-more-link1 span {
    color: #0D2538;
}

.banner-more-link1 .banner-more-link-path1 {
    stroke: #0D2538;
}

.banner-more-link1 .banner-more-link-path2 {
    fill: #0D2538;
}

.hpble-li1 .hpble-li-posit-tit {
    color: #fff;
}

.hpble-li1 .hpble-li-posit-info p {
    color: #fff;
}

.hpble-li1 .banner-more-link1 span {
    color: #fff;
}

.hpble-li1 .banner-more-link1 .banner-more-link-path1 {
    stroke: #fff
}

.hpble-li1 .banner-more-link1 .banner-more-link-path2 {
    fill: #fff
}

.hpble-li3 {
    width: 100%;
    height: 100%;
}

.hpble-li3 .hpble-li-posit {
    width: 100%;
    position: relative;
}

.hpble-li3 .hpble-link {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: #EBEEF2;
    border-radius: var(--border);
    overflow: hidden;
}

.home-produc-btm-ri {
    width: 31.5%;
}

.hpble-li3 .hpble-li-img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.home-techno {
    width: 100%;
    position: relative;
}

.home-techno-btm {
    display: flex;
}

.home-techno-btm-btn {
    width: 62px;
    cursor: pointer;
    transition: all 0.36s;
}

.home-techno-btm-btn img {
    width: 100%;
}

.home-techno-btm-ri {
    margin-left: 20px;
}

.home-techno-top {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.home-techno-top-tit {
    width: 62%;
}

.htbl-li {
    width: 464px !important;
    margin-right: 48px;
}

.htbl-li:last-child {
    margin-right: 0 !important;
}

.htbl-wrap {
    width: 100%;
    position: relative;
    display: block;
}

.htbl-wrap-btm {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 40px 44px;
}

.htbl-wrap .ys-imgbox-cover {
    border-radius: var(--border);
}

.htbl-wrap-btm-tit {
    color: #fff;
    line-height: 1.5;
    font-weight: 290;
}

.htbl-wrap-btm-info p {
    color: #fff;
    line-height: 1.75;
    font-weight: 290;
}

.htbl-wrap-btm-info {
    margin-top: 20px;
    display: none;
}

.home-techno-btm-btn.swiper-button-disabled {
    opacity: 0.5;
}

.home-techno-more {
    display: flex;
    margin-top: 44px;
}

.home-about {
    width: 100%;
    position: relative;
}

.home-about-bj-wrap1 {
    clip-path: polygon(50% 13%, 73% 22%, 76% 23%, 100% 31%, 100% 100%, 0 100%, 0 30%, 15% 25%);
}

.home-about-bj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-about-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-about-top {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 97px;
    align-items: flex-start;
}

.home-about-le .std-tit50 {
    margin-bottom: 80px;
    color: #fff;
}

.home-about-le-more {
    display: flex;
}

.mod-more-link1 span {
    color: #fff;
}

.mod-more-link1 {
    border-color: #fff;
    background: rgba(255, 255, 255, 0.2);
}

.mod-more-link1 .mod-more-path1 {
    stroke: #fff;
}

.mod-more-link1 .mod-more-path2 {
    fill: #fff;
}

.home-about-le {
    width: 30%;
    position: sticky;
    top: 120px;
    left: 0;
}

.home-about-ri {
    width: 57.5%;
}

.home-about-ri-info p {
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 290;
}

.home-about-ri-info {
    margin-bottom: 72px;
}

.home-about-ri-ul {
    width: 100%;
}

.haru-li {
    width: 100%;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 32px 24px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.home-about-ri-ul {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.haru-li-le .std-tit24 {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
}

.haru-li-ri p {
    color: #fff;
    font-size: 70px;
    line-height: 1.1;
    font-weight: 600;
}

.home-about-btm {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.home-about-btm-img {
    width: 85.5%;
    margin: 0 auto;

    transform: translateY(100%);
}

.home-about-btm-img img {
    width: 100%;
}

.home-about-ri-btm {
    width: 100%;
    position: relative;
}

.mod-sticky {
    overflow: visible !important;
}

.home-about {
    overflow: visible !important;
}

.home-about-bj-wrap {
    width: 100%;
    height: 100%;
    position: sticky;
    top: 0;
    left: 0;
}

.home-sustain {
    position: relative;
    width: 100%;
}

.home-sustain-bj {
    width: 100%;
    position: relative;
}

.home-sustain .ys-cont1600 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.home-sustain-bj img {
    width: 100%;
}

.home-sustain-tit .std-tit50 {
    color: #fff;
    line-height: 1.1;
}

.home-sustain-tit {
    margin-bottom: 40px;
}

.home-sustain-info p {
    color: #fff;
    line-height: 1.5;
    font-weight: 290;
}

.home-sustain-wrap {
    width: 42%;
}

.home-sustain-info {
    margin-bottom: 80px;
}

.home-news {
    width: 100%;
    position: relative;
    overflow: visible !important;
}

.home-news-wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.home-news-le-tit .std-tit50 {
    color: #0D2538;
}

.home-news-le-tit {
    margin-bottom: 57px;
}

.home-news-le-more {
    display: flex;
}

.home-news-le {
    width: 32%;
    position: sticky;
    top: 130px;
    left: 0;
}

.home-news-ri {
    width: 60%;
}

.hnrl-link-le {
    border-radius: var(--border);
    width: 43%;
}

.home-news-ri-li {
    width: 100%;
    border-top: 1px solid rgba(13, 37, 56, 0.2);
}


.home-news-ri-li:last-child .hnrl-link {
    padding-bottom: 0 !important;
}

.hnrl-link {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    padding: 46px 0;
}

.hnrl-link-ri {
    width: 57%;
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 12px;
}

.hnrl-link-ri-tit {
    color: #0D2538;
    line-height: 1.5;
    font-weight: 290;
    margin-bottom: 16px;
    max-height: 3em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.hnrl-link-ri-info p {
    color: rgba(13, 37, 56, 0.7);
    line-height: 1.6;
    font-weight: 290;
    max-height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hnrl-link-ri-time p {
    border-radius: 80px;
    background: #F1F4F9;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 290;
    color: #004D8B;
    padding: 2px 16px;
}

.hnrl-link-ri-time {
    display: flex;
}

.hnrl-link-ri-info {
    margin-bottom: 16px;
}

.ys-footer {
    width: 100%;
    border-top: 1px solid #BBBEC0;
    overflow: hidden;
}

.home-about-le .home-about-ri-info {
    display: none;
}

.mod-fot {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.mod-fot-le {
    width: 26%;
    padding-right: 30px;
}

.mod-fot-ri {
    border-left: 1px solid #BBBEC0;
    width: 74%;
    padding-bottom: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mod-fot-le,
.mod-fot-ri {
    padding: 80px 0 50px;
}

.mod-fot-le-logo {
    width: 265px;
    max-width: 100%;
    margin-bottom: 146px;
}

.mod-fot-le-logo a {
    display: block;
    width: 100%;
}

.mod-fot-le-logo img {
    width: 100%;
}

.mod-fot-le-btm {
    width: 100%;
}

.mflb-logo {
    width: 100px;
    margin-bottom: 39px;
}

.mflb-logo img {
    width: 100%;
}

.mflb-tit p {
    color: #0D2538;
    line-height: 1.75;
    font-weight: 290;
}

.mflb-tit {
    margin-bottom: 24px;
}

.mflb-info p {
    color: #666;
    line-height: 1.75;
    margin-bottom: 6px;
}

.mflb-info a {
    color: #666;
}

.mod-fot-ri-top {
    width: 100%;
    position: relative;
    padding-left: 88px;
    padding-right: 70px;
    padding-bottom: 70px;
    /* border-bottom: 1px solid #BBBEC0; */
}

.mod-fot-ri-btm::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 1px;
    background: #BBBEC0;
}

.mod-fot-ri-top>ul {
    display: flex;
    justify-content: space-between;
}

.mod-fot-ri-top li a {
    font-size: 14px;
    color: #666;
    line-height: 1.75;
    transition: all 0.36s;
}

.mod-fot-ri-top>ul>li>ul>li {
    margin-bottom: 10px;
}

.mod-fot-ri-top>ul>li>ul>li:first-child {
    margin-bottom: 16px;
}

.mod-fot-ri-top>ul>li>ul>li:first-child a {
    font-size: 16px;
    color: #0D2538;
}

.mod-fot-ri-top>ul>li:nth-child(5) a {
    font-size: 16px;
    color: #0D2538;
}

.mfrb-le {
    width: 58%;
    padding-left: 88px;
    padding-right: 88px;
    border-right: 1px solid #BBBEC0;
}

.mfrb-ri {
    width: 42%;
    padding-left: 64px;
    padding-right: 64px;
}

.mfrb-le,
.mfrb-ri {
    padding-top: 56px;
    padding-bottom: 56px;
}

.mfrb-le-tit {
    margin-bottom: 32px;
}

.mfrb-le-tit p {
    color: #0D2538;
    line-height: 1.75;
    font-weight: 290;
}

.mfrb-le-demo {
    width: 100%;
    border-bottom: 1px solid #BBBEC0;
}

.mfrb-le-demo .ys-select-hd {
    height: 46px;
}

.mfrb-le-demo .icon-arrow-down {
    color: #004D8B;
}

.mfrb-le-demo .ys-select-bd {
    top: auto;
    bottom: 100%;
    max-height: 170px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    padding: 15px;
}

.ys-select-bd-link {
    width: 100%;
    margin-bottom: 6px;
}

.ys-select-bd-link:last-child {
    margin-bottom: 0 !important;
}

.ys-select-bd-link a {
    color: #666;
    line-height: 1.75;
    font-size: 14px;
    transition: all 0.36s;
}

.mfrb-le-demo .mCSB_outside+.mCSB_scrollTools {
    right: 0px;
}

.mfrb-le-demo .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #004D8B !important;
}

.mod-fot-ri-btm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.mfrb-ri .ys-share-img {
    width: 44px;
}

.mfrb-ri .ys-share-list {
    margin-right: 24px;
    position: relative;
}

.ys-share-img-code {
    position: absolute;
    width: 110px;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px;
    border-radius: 8px;
    overflow: hidden;
    display: none;
}

.ys-share-img-code img {
    width: 100%;
}

.mod-fot-copyri {
    width: 100%;
    position: relative;
    padding: 24px 0;
    background: linear-gradient(90deg, #06175B 0%, #2167E1 100%);
}

.mod-fot-copyri-le p {
    color: #fff;
    line-height: 1.75;
    font-size: 12px;
}

.mod-fot-copyri-le a {
    color: #fff;
    margin-right: 16px;
}

.mod-fot-copyri .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mod-fot-copyri-ri a {
    color: rgba(255, 255, 255, 0.74);
    line-height: 1.75;
    font-size: 12px;
    margin-left: 47px;
}

.home-about-bj-wrap1 {
    clip-path: ellipse(55% 22% at 50% 22%);
}

.home-about-bj-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 13%, 73% 22%, 76% 23%, 100% 31%, 100% 100%, 0 100%, 0 30%, 15% 25%);
}

.home-solutio {
    width: 100%;
    overflow: visible !important;
    position: relative;
    min-height: 300vh;
}

.home-solutio-wrap {
    width: 100%;
    height: calc(100vh - var(--headh));
    position: sticky;
    top: var(--headh);
    left: 0;
    overflow: hidden;
}

.home-solutio-top {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all 0.36s;
    z-index: 10;
    background: #fff;
}

.home-solutio-top-tit {
    width: 28%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.home-solutio-top-tit .std-tit50 {
    color: #000238;
    line-height: 1.4;
}

.home-solutio-top-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.hstw-li-img {
    width: 100%;
    border: 1px solid #000238;
    opacity: 0.5;
    border-radius: 50%;
}

.hstw-li1 {
    width: 35.5%;
}

.hstw-li-img img {
    width: 100%;
}

.hstw-li {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 100%;
    height: 100%; */
}

.hstw-ul {
    width: 100%;
    height: 100%;
    position: relative;
}

.hstw-li-ul-li {
    border-radius: 50%;
    position: absolute;
}

.hstw-li1 .hstw-li-ul-li {
    width: 15%;
}

.hstw-li1 .hstw-li-ul-li1 {
    top: 8%;
    left: 8%;
}

.hstw-li1 .hstw-li-ul-li2 {
    bottom: 8%;
    right: 8%;
}

.hstw-li2 {
    width: 57.5%;
}

.hstw-li2 .hstw-li-ul-li {
    width: 15%;
}

.hstw-li2 .hstw-li-ul-li1 {
    right: -3%;
    top: 20%;
}

.hstw-li2 .hstw-li-ul-li2 {
    left: -3%;
    bottom: 20%;
}

.hstw-li3 {
    width: 85%;
}

.hstw-li3 .hstw-li-ul-li {
    width: 16%;
}

.hstw-li3 .hstw-li-ul-li1 {
    top: 29%;
    left: -6%;
}

.hstw-li3 .hstw-li-ul-li2 {
    bottom: 29%;
    right: -6%;
}

.hstw-li-warp {
    width: 100%;
    position: relative;
    transform: scale(0.5);
    opacity: 0;
}

.hstw-li-ul-li::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200%;
    height: 200%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: all 0.36s;
}

.home-solutio-wrap.on .hstw-li3 .hstw-li-ul-li::after {
    opacity: 1;
}

.home-solutio-wrap.on1 .hstw-li2 .hstw-li-ul-li::after {
    opacity: 1;
}

.home-solutio-wrap.on2 .hstw-li1 .hstw-li-ul-li::after {
    opacity: 1;
}

.home-solutio-wrap.act .home-solutio-top {
    opacity: 0;
    pointer-events: none;
}

.home-solutio-btm {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.home-solutio-btm-img {
    width: 100%;
    position: relative;
}

.home-solutio-btm-img img {
    width: 100%;
}

.hsbd-dots {
    width: 18px;
    height: 18px;
    background: #1F60D5;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.hsbd-dots span {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    display: block;
}

.hsbd-dots::before,
.hsbd-dots::after,
.hsbd-dots span::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #1F60D5;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.hsbd-dots::before,
.hsbd-dots::after,
.hsbd-dots span::before {
    animation: kuox 3s linear infinite;
}

.hsbd-dots::after {
    animation-delay: 1s;
}

@keyframes kuox {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }

    10% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    90% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(2);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
}

.hsbd-li {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
    cursor: pointer;
}

.hsbd-link {
    display: flex;
    align-items: center;
    border-radius: 100px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(3.6500000953674316px);
    flex: none;
    padding: 11px 28px;
    /* transition: all 0.36s; */
}

.hsbd-hover {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    white-space: nowrap;
    padding-left: 37px;
    display: flex;
}

.hsbd-link span {
    font-size: var(--font20);
    line-height: 1.2;
    color: #0D2538;
}

.hsbd-link img {
    width: 24px;
    margin-left: 12px;
    display: none;
}

.home-produc-ph {
    display: none;
}

.mhbl-li-down {
    position: fixed;
    top: 131px;
    left: 0;
    width: 100vw;
    background: #F3F7FA;
    transition: top 0.36s;
    display: none;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.mhbl-li-down1 {
    padding: 40px 0;
}

.ys-hd-pc.isfixed .mhbl-li-down {
    top: var(--headh);
}

.mldu-li {
    width: 25%;
    padding: 0 18px;
}

.mhbl-li-down-ul {
    display: flex;
    margin: 0 -18px;
}

.mldu-link {
    display: flex;
    background: #fff;
    border-radius: 10px;
    padding: 27px 37px;
    justify-content: space-between;
}

.mldu-link img {
    width: 24px;
}

.mldu-link span {
    color: #0D2538;
    line-height: 1.75;
    font-size: 16px;
    padding-right: 10px;
    transition: all 0.36s;
}

.mldu-li.yxnav-active2 .mldu-link span {
    color: #004D8B !important;
}

.mhbl-li-down-wrap {
    width: 100%;
    position: relative;
    display: flex;
}

.mhbl-li-down2 {
    background: #fff;
}

.mldw-le {
    width: 31.5%;
    padding-right: 70px;
    position: relative;
    z-index: 1;
}

.mldw-le::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background: rgba(0, 77, 139, 0.05);
    z-index: -1;
}

.mldw-ri {
    width: 68.5%;
    padding-left: 70px;
}

.mldw-le,
.mldw-ri {
    padding-top: 80px;
    padding-bottom: 50px;
}

.mldw-le-top-le .std-tit24 {
    color: #030F27;
    line-height: 1.5;
}

.mldw-le-top {
    padding-bottom: 28px;
    border-bottom: 1px solid #BBBEC0;
    margin-bottom: 27px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mldw-le-btm {
    width: 100%;
    position: relative;
}

.mldw-le-btm-li {
    width: 100%;
    position: relative;
    margin-bottom: 32px;
}

.mldw-le-btm-li:last-child {
    margin-bottom: 0 !important;
}

.mlbl-link {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.mlbl-link svg {
    width: 24px;
}

.mlbl-link span {
    font-size: 16px;
    line-height: 1.75;
    color: #0D2538;
    transition: all 0.36s;
}

.mlbl-link svg path {
    transition: all 0.36s;
}

.mldw-le-btm-li.yxnav-active2 .mlbl-path1 {
    stroke: #004D8B !important;
}

.mldw-le-btm-li.yxnav-active2 .mlbl-path2 {
    fill: #004D8B !important;
}

.mldw-le-btm-li.yxnav-active2 span {
    color: #004D8B
}

.mltl-link {
    display: flex;
    align-content: start;
}

.mltl-link span {
    color: #0D2538;
    line-height: 1.5;
    font-size: 16px;
    padding-right: 10px;
}

.mltl-link img {
    width: 24px;
}

.mrbu-li {
    width: 50%;
    padding: 0 8px;
    margin-bottom: 15px;
}

.mldw-ri-btm-ul {
    margin: 0 -8px;
    display: flex;
    flex-wrap: wrap;
}

.mrbu-li .mlbl-link {
    width: 100%;
    border-radius: 5px;
    background: #F3F7FA;
    padding: 21px 23px;
}

.mldw-ri-btm {
    padding-top: 17px;
}

.mrbu-li.yxnav-active2 .mlbl-link span {
    color: #004D8B;
}

.mrbu-li.yxnav-active2 .mlbl-link .mlbl-path1 {
    stroke: #004D8B;
}

.mrbu-li.yxnav-active2 .mlbl-link .mlbl-path2 {
    fill: #004D8B;
}

.mod-side {
    position: fixed;
    z-index: 99;
    top: 50%;
    transform: translateY(-50%);
    right: -220px;
    transition: all 0.36s;
}

.msul-icon {
    width: 44px;
    border-radius: 50%;
    border-radius: 50%;
    padding: 10px;
    cursor: pointer;
    transition: all 0.36s;
}

.msul-icon img {
    width: 100%;
}

.mod-side-ul-li {
    padding: 9px 8px;
    position: relative;
}

.mod-side-ul {
    padding: 10px 0;
    border-radius: 100px;
    background: #004D8B;
    box-shadow: 0px 4px 30px 0px rgba(4, 24, 40, 0.05);
}

.msul-hover {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    padding-right: 7px;
    min-width: 100px;
    display: none;
}

.msul-hover-wrap {
    padding: 21px 23px 18px;
    border-radius: 10px;
    border-right: 2px solid #004D8B;
    background: #FFF;
    box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
}

.msul-hover-wrap-top {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.msul-hover-wrap-top img {
    width: 24px;
}

.msul-hover-wrap-top p {
    padding-left: 11px;
}



.msul-hover-wrap-phone p {
    color: #030F27;
    line-height: 1.75;
    font-size: var(--font20);
    white-space: nowrap;
}

.msul-hover-wrap-phone a {
    color: #030F27;
}

.msul-hover-wrap-code {
    width: 118px;
}

.msul-hover-wrap-code img {
    width: 100%;
}

.mod-side-top {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #004D8B;
    border-radius: 50%;
    margin-top: 24px;
    cursor: pointer;
}

.mod-side.is-show {
    right: 22px;
}

.ys-ph-navbar2 .ys-phnav-header a,
.ys-ph-navbar2 .ys-phnav-search .iconfont {
    color: #0D2538;
}

.ys-ph-navbar2 .ys-phnav-logo {
    background: transparent;
}

.ys-ph-navbar2 .ys-phnav-menubtn span,
.ys-ph-navbar2 .ys-phnav-menubtn::after,
.ys-ph-navbar2 .ys-phnav-menubtn::before {
    background: #0D2538;
}

.ys-ph-navbar2 .ys-phnav-menu,
.ys-phnav2-lang-modal {
    background: #004D8B;
}

.ys-page-wrap.act .ys-hd-pc .mhbl-link {
    color: #0D2538;
}

.ys-page-wrap.act .ys-hd-pc .mhbl-li::after {
    background: #000238;
    opacity: 0.2;
}

.ys-page-wrap.act .ys-hd-pc .mhbr-icon path,
.ys-page-wrap.act .ys-hd-pc .mhbr-icon circle {
    stroke: #02160F;
}

.ys-page-wrap.act .ys-hd-pc .head-other-lange a {
    color: #0D2538;
}

.ys-page-wrap.act .ys-hd-pc .head-other-lange a::after {
    background: #0D2538;
}

.ys-page-wrap.act .ys-hd-pc .head-other-contac-link {
    border-color: #0D2538;
    color: #0D2538;
}

.ys-page-wrap.act .ys-main {
    transition: all 0.36s;
    margin-top: 131px;
}

.ys-page-wrap.isfixed.act .ys-main {
    margin-top: var(--headh);
}

.nybanner-tit {
    color: #fff;
    font-weight: 400;
    line-height: 1.3;
    font-size: calc(var(--font50) - 4px);
}

.ys-nybanner-wrap {
    text-align: left;
    width: 39%;
}

.nybanner-info p {
    color: #BBBEC0;
    line-height: 1.75;
}

.nybanner-info {
    margin-top: 20px;
}

.nybanner-more {
    display: flex;
    margin-top: 60px;
}

.mod-bord-ul-li a {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.3);
}

.mod-bord-ul-li:last-child a {
    color: #fff;
}

.ys-nybanner {
    width: 100%;
    position: relative;
}

.mod-bord {
    position: absolute;
    top: 24px;
    width: 100%;
    left: 0;
    z-index: 10;
}

.mod-bord-ul {
    display: flex;
}

.mod-bord-ul-li {
    padding-right: 27px;
    position: relative;
    font-size: 14px;
    line-height: 1.5;
}

.mod-bord-ul-li::after {
    content: '>';
    position: absolute;
    top: -1px;
    right: 9px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.3);
}

.mod-bord-ul-li:last-child:after {
    display: none;
}

.mod-bord-grey .mod-bord-ul-li a {
    color: #BBBEC0;
}

.mod-bord-grey .mod-bord-ul-li::after {
    color: #BBBEC0;
}

.mod-bord-grey .mod-bord-ul-li:last-child a {
    color: #0D2538;
}

.sustaina-page .ys-nybanner-wrap {
    width: 100%;
    text-align: center;
}

.sustaina-idea {
    width: 100%;
    padding-bottom: 50px;
    background: #fff;
    margin-top: -100px;
    z-index: 10;
    position: relative;
}

.sustaina-idea-tit .std-tit44 {
    color: #000238;
    line-height: 1.3;
    font-weight: 290;
}

video {
    background: transparent !important;
}

.sustaina-idea-info p {
    color: rgba(0, 2, 56, 0.7);
    line-height: 1.75;
    text-align: center;
}

.sustaina-idea-tit {
    margin-bottom: 24px;
}

.siml-icon {
    width: 146px;
    position: relative;
    z-index: 10;
}

.siml-icon img {
    width: 100%;
}

.sustaina-idea-more {
    width: 100%;
    display: flex;
    justify-content: center;
}

.sustaina-idea-more-link {
    display: flex;
    align-items: center;
}

.siml-ri {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: #F3F7FA;
    display: flex;
    align-items: center;
    padding: 26px 24px;
    padding-left: 73px;
    transform: translateX(-76px);
}

.siml-ri-icon {
    width: 24px;
}

.siml-ri p {
    color: #333;
    /* font-weight: 290; */
    line-height: 1.6;
    padding-right: 10px;
    transition: all 0.36s;
}

.siml-ri-icon img:nth-child(2) {
    opacity: 0;
}

.siml-ri-icon img {
    transform: scale(1) !important;
}

.sustaina-idea-info {
    margin-bottom: 16px;
}

.sustaina-about {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.sustaina-about-bg {
    width: 100%;
    position: relative;
}

.sustaina-about-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 16%;
    background: linear-gradient(180deg, #FFF 9.8%, rgba(255, 255, 255, 0.00) 100%);
}

.sustaina-about-bg img {
    width: 100%;
}

.sustaina-about .ys-cont1200 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    padding-top: 250px;
}


.sustaina-about-ul-li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sustaina-about-ul-li:nth-child(2n) {
    flex-direction: row-reverse;
}

.sustaina-about-ul-li:nth-child(1) {
    margin-bottom: 110px;
}

.sustaina-about-ul-li:nth-child(2) {
    margin-bottom: 285px;
}

.saul-le {
    width: 38%;
}

.saul-le .ys-imgbox-cover {
    border-radius: var(--border);
}

.saul-ri {
    width: 48%;
}

.saul-ri-tit {
    color: #fff;
    font-weight: 290;
    line-height: 1.4;
    margin-bottom: 32px;
}

.saul-ri-info p {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.75;
    margin-bottom: 16px;
}

.saul-ri-info p:last-child {
    margin-bottom: 0 !important;
}

.sustaina-about-svg {
    position: absolute;
    top: 17%;
    left: 0;
    width: 85.5%;
    z-index: 15;
    pointer-events: none;
}

.sustaina-about-svg img {
    width: 100%;
}

.sustaina-page .ys-ban-imgbox::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 61%, #FFF 85%);
}

.sustaina-activiti {
    width: 100%;
    position: relative;
}

.sustaina-downl {
    width: 100%;
    position: relative;
}

.sustaina-downl {
    width: 100%;
    position: relative;
}

.sustaina-downl-tit .std-tit44 {
    color: #0D2538;
}

.sustaina-downl-tit {
    margin-bottom: var(--space50);
}

.adbu-li {
    width: 50%;
    padding: 0 var(--jian);
}

.sustaina-downl-btm-ul {
    margin: 0 var(--jian2);
    display: flex;
    flex-wrap: wrap;
}

.adbu-wrap {
    width: 100%;
    border-radius: 15px;
    background: #F3F7FA;
    padding: 39px 38px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.adbu-wrap-le {
    width: 41%;
    position: relative;
}

.adbu-wrap-le::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #BBBEC0;
    width: 1px;
    height: 160px;
    right: 0;
}

.adbu-wrap-ri {
    width: 59%;
    padding-left: 49px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 30px;
}

.adbu-wrap-ri-tit p {
    color: #0D2538;
    line-height: 1.75;
    /* font-weight: 290; */
}

.adbu-wrap-ri-info p {
    color: #999;
}

.adbu-wrap-ri-tit {
    margin-bottom: 7px;
}

.adbu-wrap-ri-btm {
    display: flex;
    flex-wrap: wrap;
}

.awrb-li-link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.awrb-li-link span {
    color: #004D8B;
    line-height: 1.5;
    padding-right: 12px;
}

.awrb-li-link img {
    width: 24px;
}

.awrb-li {
    margin-right: 44px;
}

.awrb-li:last-child {
    margin-right: 0 !important;
}

.hsbd-dots img {
    width: 100%;
    display: none;
}

.home-news-le-ph {
    display: none;
}

.mod-fot-le-nav {
    display: none;
}

.hnrl-link-le img {
    object-fit: cover;
}

.tphc-pop-cont {
    display: none;
}

.tphc-pop-cont:first-child {
    display: block;
}

.tphc-pop-wrap {
    width: 100%;
    position: relative;
}

.tphc-pop-cloce {
    position: absolute;
    top: 37px;
    right: 16px;
    width: 24px;
    z-index: 10;
    cursor: pointer;
}

.tphc-pop-cloce img {
    width: 100%;
}

.tphc-pop .mCSB_outside+.mCSB_scrollTools {
    right: -17px;
}

.tphc-pop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 2px;
    background-color: #004D8B !important;
}

.tphs-text-wrap svg {
    width: 24px;
}

.original-product {
    padding-bottom: 0 !important;
}

.cqbl-ul .cqbl-num {
    display: none;
}

.cqbl-ul .cqbl-num:first-child {
    display: block;
}

.creat-page .creat-research-tit {
    margin-bottom: 24px;
}

.ys-page-wrap.isfixed .mhbl-link::after,
.ys-page-wrap.act .mhbl-link::after {
    background: #000238;
    opacity: 0.2;
}

.saul-le-svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none;
}

.saul-le-svg img {
    width: 100%;
}

.new-main-tit {
    margin-bottom: 24px;
}

.ys-ban-li.slick-current .banner-tit,
.ys-ban-li.slick-current .banner-more {
    animation: ysfadeInUp 1s ease-in-out both;
}

.konw-main-tit {
    margin-bottom: 24px;
}

.konw-main-ul .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 20px;
}

.product-way {
    padding-bottom: 0 !important;
}

.original-product-below-cont {
    display: none;
}

.original-product-below-cont:first-child {
    display: block;
}

.original-bgcl {
    background: rgba(243, 247, 250, 1);
}

.ribl-num-le svg {
    margin-bottom: 17px;
    width: 9px;
}

.ribl-num.on .ribl-num-path1 {
    opacity: 0.3;
}

.ribl-num.on .ribl-num-path2 {
    opacity: 1 !important;
}

.formifm-info-le-swiper .swiper-pagination-bullet {
    background: #BBBEC0 !important;
}

.formifm-info-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0D2538 !important;
}

.sustaina-activiti .nrll-time {
    font-size: 14px;
    margin-bottom: 15px;
}

.nrll-info p {
    color: #0D2538;
    line-height: 1.6;
    max-height: 3.2em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.sustaina-activiti .nrll-title {
    margin-bottom: 12px;
}

.nrll-title {
    transition: all 0.36s;
}

.sustaina-activiti .jlts-li-pagination {
    display: block;
    position: relative !important;
    bottom: auto !important;
    margin-top: 20px;
}

.sustaina-activiti .swiper-pagination-bullet {
    background: #004D8B !important;
    opacity: 0.1 !important;
}

.sustaina-activiti .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1 !important;
}

.mhbl-li:last-child .mhbl-link::after {
    display: none !important;
}

.mhbl-li.yxnav-active1 .mhbl-link {
    color: #004D8B !important;
}




/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .msul-icon:hover {
        background: rgba(0, 0, 0, 0.3);
    }

    .sustaina-idea-more-link:hover .siml-ri p {
        color: #004D8B;
    }

    .sustaina-idea-more-link:hover .siml-ri-icon img:nth-child(1) {
        opacity: 0;
    }

    .sustaina-idea-more-link:hover .siml-ri-icon img:nth-child(2) {
        opacity: 1;
    }

    .hsbd-link:hover img {
        display: block;
    }

    .hsbd-link:hover {
        background: #fff;
    }

    .ys-select-bd-link a:hover {
        color: #004D8B;
    }

    .mod-fot-ri-top li a:hover {
        color: #004D8B !important;
    }

    .hnrl-link:hover .hnrl-link-ri-tit {
        color: #004D8B;
    }

    .hnrl-link:hover .banner-more-link span {
        color: #004D8B !important;
    }

    .hnrl-link:hover .banner-more-link-path1 {
        stroke: #004D8B !important;
    }

    .hnrl-link:hover .banner-more-link-path2 {
        fill: #004D8B !important;
    }

    .hpble-link:hover .hpble-li-img img {
        transform: scale(1.08);
    }

    .mod-more-link:hover {
        background: #004D8B;
        border-color: #004D8B;
    }

    .mod-more-link:hover .mod-more-path1 {
        stroke: #fff;
    }

    .mod-more-link:hover .mod-more-path2 {
        fill: #fff;
    }

    .mod-more-link:hover span {
        color: #fff;
    }

    .head-other-contac-link:hover {
        border-color: var(--clvi);
        background: var(--clvi);
        color: #fff !important;
    }

    .banner-more-link:hover span {
        color: #004D8B;
    }

    .banner-more-link:hover .banner-more-link-path1 {
        stroke: #004D8B;
    }

    .banner-more-link:hover .banner-more-link-path2 {
        fill: #004D8B;
    }

    .hpble-link:hover .banner-more-link span {
        color: #004D8B !important;
    }

    .hpble-link:hover .banner-more-link-path1 {
        stroke: #004D8B !important;
    }

    .hpble-link:hover .banner-more-link-path2 {
        fill: #004D8B !important;
    }

    .tech-main-get-link:hover p {
        color: #fff;
        background: var(--clmain);
    }

    .pmar-ul-li-cont:hover .pulc-tit {
        color: #004D8B;
    }

    .pulb-ul-li-link:hover p {
        color: #004D8B;
    }

    .relation-page .obbl-link:hover .mod-more-path2 {
        fill: #fff !important;
    }

    .newsdet-recom-list-link:hover .nrll-title {
        color: #004D8B;
    }

}



#ys_banner_slick6 .ys-ban-li {
    overflow: hidden;
}

#ys_banner_slick6 .ys_slick_prev {
    z-index: 1000 !important;
}

#ys_banner_slick6 .ys_slick_active {
    z-index: 999 !important;
}

#ys_banner_slick6.nexting .ys_slick_prev {
    animation: slideOutLeft 1.56s ease both;
}

#ys_banner_slick6.nexting .ys_slick_prev img {
    animation: slideOutRights 1.56s ease both;
}

#ys_banner_slick6.nexting .ys_slick_active {
    animation: slideInLefts 1.56s ease both;
}

#ys_banner_slick6.preving .ys_slick_prev {
    animation: slideOutRight 1.56s ease both;
}

#ys_banner_slick6.preving .ys_slick_prev img {
    animation: slideOutLefts 1.56s ease both;
}

#ys_banner_slick6.preving .ys_slick_active {
    animation: slideInRights 1.56s ease both;
}


@keyframes slideInLefts {
    0% {
        transform: translateX(50%);
    }
}

@keyframes slideOutRights {
    100% {
        transform: translateX(50%);
    }
}

@keyframes slideInRights {
    0% {
        transform: translateX(-50%);
    }
}

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

.ys-ban-slick .ys-ban-li {
    opacity: 1 !important;
}

.ys-ban-li.slick-current .ys-ban-imgbox {
    animation: mysacle 2s ease both;
}

@keyframes mysacle {
    0% {
        transform: scale(1.15);
    }
}

/* 2025.8.4-leo-start */
.pmal-ul-li-below {
    display: none;
}

.product-main-all-le {
    position: sticky !important;
    top: 100px;
}

.product-main {
    overflow: visible !important;
}

.dmar-below-ul-li.on .dbul-below {
    display: none;
}

.tech-top {
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
}

.mldu-link {
    padding: 27px 31px;
}

/* .dmar-below-ul-li.on.act .dbul-below{
    display: block;
} */
/* 2025.8.4-leo-end */

.join-talent-cnet .mod-more {
    margin: 0 10px;
}

.sustaina-page .contact-ban-bg {
    display: none;
}

.tech-main-ul-li p {
    padding: 19px 0px;
}

.tphc-pop-cont-ul {
    width: 100%;
}

.tpcu-li {
    width: 100%;
}

.tphc-pop-cont-ul .mCustomScrollBox {
    width: 100%;
}

.original-apply .dbul-below p {
    font-weight: 400;
}

.head-logo {
    overflow: visible !important;
}

.head-logo.ys-imgbox-contain img:nth-child(2) {
    left: 51%;
}

.head-logo {
    width: 139px;
}

.nmcu-li .nmcu-li-link-le img {
    object-fit: cover;
}

.new-main-ul-li .ys-imgbox-cover img {
    object-fit: cover;
}

.detail-performance-bot table {
    width: 100%;
    border: none;
}

.detail-performance-bot tr {
    position: relative;
}

.detail-performance-bot td {
    position: relative;
    text-align: center;
    padding: 16px 15px;
    width: 240px;
    min-width: 240px;
    font-size: var(--font16);
    line-height: var(--line175);
    color: #02182A;
    background-color: #fff;
    border: none;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.detail-performance-bot td:first-child {
    color: var(--cl666);
    /* text-align: left; */
    padding-left: 36px;
}

.detail-performance-bot tr:nth-child(2n-1) td {
    background-color: rgba(243, 247, 250, 1);
}

.tech-team-ul.act .tech-team-ul-li2 {
    display: none !important;
}

.tech-team-ul.act .ttul-ul {
    animation: none;
}

.tech-team-ul.act .ttul-ul2 {
    display: none;
}

.tech-team-ul.act .tech-team-ul-li {
    justify-content: center;
}

.konw-main-ul .slick-track {
    margin: 0 auto;
}

.ys-imgbox-cover img {
    object-fit: cover;
}

.hpble-li-img img {
    object-fit: cover;
}

.hpble-li1.hpble-li .banner-more-link1 span {
    color: #fff !important;
}

.hpble-li1.hpble-li .banner-more-link1 .banner-more-link-path1 {
    stroke: #fff !important;
}

.hpble-li1.hpble-li .banner-more-link1 .banner-more-link-path2 {
    fill: #fff !important;
}


/*  */

.home-solutio {
    min-height: auto !important;
}

.home-solutio-top {
    opacity: 0 !important;
    pointer-events: none !important;
    display: none;
}

.original-banner-all.act .obul-cont-arrow {
    display: none;
}

.detail-performance-bot tr td {
    background-color: transparent !important;
}

.detail-performance-bot table {
    margin-bottom: 0 !important;
    border-radius: 20px;
    background-color: rgba(243, 247, 250, 1);
}

.pmar-ul-li-cont {
    height: 100%;
}