@charset "utf-8";

/* 公共样式 - start */
body {
    font-family: 'Outfit-Regular', "PingFang SC", "Microsoft YaHei" !important;
}

/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: 'Outfit-Regular', "PingFang SC", "Microsoft YaHei" !important;
}

/* 英文站换行规则 */
p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: normal; 
}
@font-face {
    font-family: 'Outfit-Light';
    src: url('../fonts/Outfit-Light/OutfitLight.woff2') format('woff2'),
         url('../fonts/Outfit-Light/OutfitLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'Outfit-Regular';
    src: url('../fonts/Outfit-Regular/OutfitRegular.woff2') format('woff2'),
         url('../fonts/Outfit-Regular/OutfitRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'Outfit-Medium';
    src: url('../fonts/Outfit-Medium/OutfitMedium.woff2') format('woff2'),
         url('../fonts/Outfit-Medium/OutfitMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'Outfit-Bold';
    src: url('../fonts/Outfit-Bold/OutfitBold.woff2') format('woff2'),
         url('../fonts/Outfit-Bold/OutfitBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
:root {
    /* 字号 */
    --font120: 120px;
    --font100: 100px;
    --font80: 80px;
    --font64: 64px;
    --font48: 48px;
    --font40: 40px;
    --font32: 32px;
    --font24: 24px;
    --font20: 20px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line11: 1.1;
    --line13: 1.3;
    --line14: 1.4;
    --line16: 1.6;
    --line175: 1.75;
    /* 导航 */
    --line80: 80px;
    /* 颜色 */
    --color1: #333333;
    --color2: #666666;
    --color3: #999999;
    --colormain: #0F1D96;
    --colormainbj: #000745;
    --colorbj1: #F8F8F9;
    --colorbj2: #EFF0F5;
    --colorbj3: #F5F7F9;
    --colortext1: #394854;
    --colortext2: #747f87;
    --colortext3: #ffffff;
    /* 板块间距 */
    --space140: 140px;
    --space100: 100px;
    --space40: 40px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --family1: 'Outfit-Light' !important;
    --family2: 'Outfit-Regular' !important;
    --family3: 'Outfit-Medium' !important;
    --family4: 'Outfit-Bold' !important;
}

.std-h1 {
    font-size: var(--font120);
    color: var(--colortext1);
    line-height: var(--line13);
    font-family: 'Outfit-Medium';
}

.std-h2 {
    font-size: var(--font100);
    color: var(--colortext1);
    line-height: var(--line13);
    font-family: 'Outfit-Medium';
}

.std-h3 {
    font-size: var(--font80);
    color: var(--colortext1);
    line-height: var(--line11);
    font-family: 'Outfit-Medium';
}

.std-h4,
.yxedr-active h2 {
    font-size: var(--font64);
    color: var(--colortext1);
    font-family: 'Outfit-Medium';
    line-height: var(--line13);
}

.std-h5,
.yxedr-active h2 {
    font-size: var(--font40);
    color: var(--colortext1);
    line-height: var(--line14);
    font-family: 'Outfit-Medium';
}

.std-h6,
.yxedr-active h2 {
    font-size: var(--font32);
    color: var(--colortext1);
    font-family: 'Outfit-Medium';
    line-height: var(--line14);
}

.std-h7,
.yxedr-active h3 {
    font-size: var(--font24);
    color: var(--colortext1);
    font-family: 'Outfit-Medium';
    line-height: var(--line14);
}

.std-h8,
.yxedr-active h4 {
    font-size: var(--font20);
    color: var(--colortext1);
    font-family: 'Outfit-Medium';
    line-height: var(--line16);
}

.std-text1,
.std-text1 p {
    font-size: var(--font18);
    color: var(--colortext1);
    line-height: var(--line16);
}

.std-text2,
.std-text2 p {
    font-size: var(--font16);
    color: var(--colortext1);
    line-height: var(--line14);
}

.yxedr-active p {
    font-size: var(--font18);
    color: var(--colortext1);
    line-height: var(--line16);
    margin-bottom: var(--parpspace10);
    opacity: 0.7;
}

.std-margin {
    margin-top: var(--space140);
}

.std-margin1 {
    margin-bottom: var(--space140);
}

.std-margin2 {
    margin-top: var(--space100);
}

.std-margin3 {
    margin-top: var(--space40);
}

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

.std-padding1 {
    padding-bottom: var(--space140);
}

.std-padding2 {
    padding-top: var(--space100);
}

.std-padding3 {
    padding-top: var(--space40);
}

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

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

/*导航默认选中*/
.yxnav-active1 .head-nav-item-title {
    color: var(--colormain);
}

.head-nav-item.act .head-nav-item-title {
    color: var(--colormain);
}

.yxnav-active2.hnid-ul-li a,
.yxnav-active2.hnid-ul2-li a {
    color: #FFF;
}

.act.hnid-ul2-li a,
.act.hnid-ul-li a {
    color: #FFF;
}

/* 轮播溢出隐藏 */
.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 */
/* 规范按钮-start */
.std-btn1,
.std-btn3 {
    display: inline-block;
}

.std-btn1-box,
.std-btn3-box {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .4s;
    padding: 8px 47.5px;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
    gap: 8px;
    z-index: 10;
    background: var(--colortext3);
    border: 1px solid var(--colormain);
    overflow: hidden;
}

.std-btn1-box-circle,
.std-btn3-box-circle {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    padding-top: 100%;
    width: calc(100% + 4px);
    height: 0;
    transform: translateY(-50%);
}

.std-btn1-box-circle::before,
.std-btn3-box-circle::before {
    position: absolute;
    top: -2px;
    left: -2px;
    display: block;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background-color: var(--colormain);
    border-radius: 50%;
    transform: scale(0);
    transition: transform .4s ease-out;
    content: "";
}

.std-btn1-box-icon,
.std-btn3-box-icon {
    position: absolute;
    top: 50%;
    right: 3px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
}

.std-btn1-box-icon::after,
.std-btn1-box-icon::before,
.std-btn3-box-icon::after,
.std-btn3-box-icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 29, 150, .2);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(.4);
    transition: transform .4s ease-out,
        background-color .4s ease-out;
    content: "";
    opacity: 0;
}

.std-btn1-box:hover .std-btn1-box-icon::after,
.std-btn3-box:hover .std-btn3-box-icon::after {
    opacity: 1;
}

.std-btn1-box-icon::after,
.std-btn3-box-icon::after {
    background-color: var(--colormain);
    transform: translate(-50%, -50%) scale(.14);
}

.sbbi1-img {
    transform: translateX(150%) scaleY(0.1);
    position: relative;
    z-index: 1;
    width: 20px;
    opacity: 0;
    z-index: 10;
    transition: opacity .4s ease-out;
    animation: kv-link-arrow-normal .4s ease-out 0s 1 normal both;
}

.sbbi2-img {
    width: 16px;
    position: absolute;
    right: 14px;
    top: 46%;
    transform: translateY(-50%);
}

.sbbi2-img img {
    width: 100%;
    opacity: 0;
}

.std-btn1-box:hover .sbbi2-img img,
.std-btn3-box:hover .sbbi2-img img {
    animation: kv-link-arrow-normal .4s ease-out 0s 1 normal both;
}

@keyframes kv-link-arrow-normal {
    0% {
        transform: translateX(-150%) scaleY(.1);
        opacity: 0;
    }

    100% {
        transform: translateX(0px) scaleY(1);
        opacity: 1;
    }
}

.std-btn1-box p,
.std-btn3-box p {
    width: 100%;
    text-align: center;
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--colormain);
    transition: all .4s;
    position: relative;
    z-index: 10;
}

.std-btn2 {
    display: inline-block;
}

.std-btn2-box {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .4s;
}

.std-btn2-box p {
    transition: all .4s;
}

.std-btn2-box img {
    width: 16px;
    margin-left: 7px;
    transition: all .4s;
}

/* 规范按钮-end */
.ys-footer {
    background: var(--colormainbj);
}

.ys-foot-head-cry,
.ys-foot-head-link {
    display: flex;
    flex-wrap: wrap;
}

.ys-foot-head-cry {
    align-items: center;
}

.ys-foot-head-link {
    padding-top: 117px;
}

.yfhl-le,
.yfhc-le {
    width: 85.5%;
}

.yfhl-ri,
.yfhc-ri {
    flex-shrink: 0;
    flex: 1;
}

.yfhl-ri-ul {
    width: fit-content;
    margin: 0 0 0 auto;
}

.yfhl-le>ul {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -45px;
}

.yfhl-le>ul>li {
    padding: 0 45px;
    min-width: 260px;
}

.yfhl-le>ul>li>a {
    font-size: var(--font20);
    line-height: var(--line14);
    color: var(--colortext3);
}

.yfhl-le>ul>li>a {
    font-size: var(--font20);
    line-height: var(--line14);
    color: var(--colortext3);
    transition: all .4s;
}

.yfhl-le>ul>li>ul>li>a {
    font-weight: 290;
    font-size: var(--font16);
    line-height: var(--line14);
    color: var(--colortext3);
    margin-top: 18px;
    transition: all .4s;
    opacity: 0.8;
}

.yfhl-le>ul>li>ul>li>a:first-child {
    margin-top: 23px;
}

.yfhl-ri-ul-li:nth-child(n+2) {
    padding-top: 44px;
}

.yfhl-ri-ul-li .std-h7 {
    padding-top: 11px;
}

.ys-foot-head-share {
    padding-top: 150px;
}

.ys-foot-head-share .ys-share {
    display: flex;
    margin: 0 -20px;
}

.ys-foot-head-share .ys-share-list {
    padding: 0 20px;
}

.ys-foot-head-share .ys-share-img {
    width: 30px;
}

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

.ys-foot-copy {
    padding-top: 25px;
    padding-bottom: 27px;
    margin-top: 16px;
    position: relative;
}

.home-prod-ul .slick-dots li.slick-active {
    background: #E60012;
}

.ys-foot-copy::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 94%;
    background: rgba(255, 255, 255, 0.20);
    height: 1px;
}

.ys-foot-copy .ys-cont1400 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ys-foot-copy-le span,
.ys-foot-copy-le a {
    color: rgba(255, 255, 255, 0.50);
    font-size: var(--font14);
    line-height: var(--line16);
}

.ys-foot-copy-le a:nth-child(2) {
    margin-left: 5px;
}

.ys-foot-copy-le a:nth-child(3) {
    margin-left: 20px;
}

.ys-foot-copy-ri>ul {
    display: flex;
    align-items: center;
    margin: 0 -32px;
}

.ys-foot-copy-ri>ul>li {
    padding: 0 32px;
}

.ys-foot-copy-ri>ul>li>a {
    color: rgba(255, 255, 255, 0.50);
    font-size: var(--font14);
    line-height: var(--line16);
}

.hnht-text p {
    color: #9C9C9C;
    line-height: var(--line16);
    opacity: 0.8;
}

.hnht-text {
    padding-bottom: 6px;
    border-bottom: 1px solid #b0b0b0;
}

.home-news-head-bom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hnhb-le h4 {
    color: var(--colortext1);
}

.yfhc-le .std-h3 {
    color: var(--colortext3);
}

.yfhl-ri-ul-li .std-text2 p {
    color: var(--colortext3);
}

.yfhl-ri-ul-li .std-text2 p,
.yfhl-ri-ul-li .std-h7 {
    color: var(--colortext3);
}

.home-news-ul {
    margin-top: 63px !important;
    margin: 0 -13px;
}

.home-news-ul-li {
    height: auto;
    padding: 0 13px;
}

.hnul-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.hnul-box-btn {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.hnul-box-btn-prev img,
.hnul-box-btn-next img {
    width: 78px;
    transition: all .2s;
}

.home-news-item {
    position: relative;
}

.hnul-box-btn-prev {
    left: -39px;
    z-index: 10;
    cursor: pointer;
    opacity: 1;
    /* pointer-events: none; */
    transition: all .2s;
    position: relative;
}

.hnul-box-btn-next {
    position: absolute;
    right: -39px;
    z-index: 10;
    cursor: pointer;
    /* display: none !important; */
    opacity: 1;
    /* pointer-events: none; */
    transition: all .2s;
}

.home-news-ul-li .slick-arrow.slick-disabled {
    pointer-events: none !important;
    opacity: 0 !important;
}

.home-news-ul-li.leshow .hnul-box-btn-prev {
    /* display: block !important; */
    opacity: 1;
    pointer-events: auto
}

.home-news-ul-li.rishow .hnul-box-btn-next {
    /* display: block !important; */
    opacity: 1;
    pointer-events: auto
}

.hnul-box-cry {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.hnul-box-img {
    width: 100%;
}

.hnul-box-img img {
    width: 100%;
}

.hnul-box-word {
    flex: 1;
    padding: 36px 40px 51px;
    background: var(--colorbj1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hnul-box-word-label {
    padding-top: 20px;
    margin: 0 -4px;
    display: flex;
    flex-wrap: wrap;
}

.hnul-box-word-label .std-text2 {
    padding: 10px 4px 0;
}

.hnul-box-word-label .std-text2 p {
    color: #2254CF;
    line-height: var(--line14);
    padding: 1px 11px 3px;
    border-radius: 50px;
    background: rgba(34, 84, 207, 0.10);
    width: fit-content;
}

.hnul-box-word-date {
    padding-top: 71px;
}

.home-news-ul .slick-track {
    display: flex;
    height: 100%;
}

.home-news-ul .slick-list {
    overflow: visible !important;
}

.home-about {
    background: var(--colormainbj);
    padding-bottom: var(--space100);
}

.home-about-head-top p {
    color: var(--colortext3);
    font-weight: 290;
    padding-bottom: 21px;
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.3);*/
}

.hlul-box {
    display: flex;
    align-items: end;
}

.hlul-num p {
    font-size: var(--font120);
    color: var(--colortext3);
    line-height: 1;
    font-family: ".Outfit-Medium" !important;
}

.hlul-text p {
    font-size: var(--font20);
    color: var(--colortext3);
    line-height: var(--line16);
    opacity: 0.8;
}

.home-about-head-bom {
    display: flex;
    justify-content: space-between;
    padding-top: 23px;
}

.hahb-le {
    width: 30%;
    flex: 1;
    flex-shrink: 0;
}

.hahb-ri {
    width: 45.7%;
}

.hahb-ri-text p {
    color: var(--colortext3);
    padding-top: 23px;
}

.home-develop {
    position: relative;
}

.home-develop::before {
    content: "";
    position: absolute;
    top: 0;
    height: 57%;
    width: 100%;
    z-index: -1;
    background: var(--colormainbj);
}

.home-deve-img {
    width: calc(50% + 20px);
}

.home-deve-cry {
    background: var(--colormain);
    padding-top: 3.5%;
    width: calc(50% - 20px);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.home-deve-cry-box {
    width: 66.666666%;
    margin: 0 auto;
}

.home-deve-cry-tit {
    color: var(--colortext3);
    opacity: 0.8;
    padding-bottom: 15px;
    position: relative;
}

.home-deve-cry-tit::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 150%;
    height: 1px;
    background: #FFF;
    opacity: 0.3;
}

.home-deve-cry-text {
    padding-top: 83px;
}

.home-deve-cry-text p {
    color: var(--colortext3);
}

.home-deve-cry-btn {
    padding-top: 56px;
}

.home-deve-cry-btn p {
    color: var(--colortext3);
}

.home-deve-tit {
    position: absolute;
    left: 51.8%;
    transform: translateX(-50%);
    bottom: 10%;
    z-index: 10;
}

.home-prod-bj {
    width: 100%;
}

.home-prod-bj img {
    width: 100%;
}

.home-prod-bj-li img:nth-child(2) {
    display: none;
}

.home-prod-ul .slick-track {
    display: flex;
    height: 100%;
}

.home-deve-tit h2 {
    color: var(--colortext3);
}

.home-product {
    position: relative;
}

.home-prod-bj-li img {
    width: 100%;
}

.home-prod-ul {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    z-index: 10;
}

.home-prod-ul-li {
    width: 25%;
    position: relative;
}

.hpul-hocry {
    width: 100%;
    height: 100%;
    background: #0F1D96;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .4s;
    z-index: -1;
}

.hpul-hocry-box {
    width: 66.875%;
    height: 100%;
    margin: 0 auto;
    padding-top: 57px;
    padding-bottom: 57px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hpul-box {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 68px;
    padding-top: 20%;
}

.hpul-cry-text {
    padding-top: 17px;
}

.hpul-cry-text p {
    color: var(--colortext3);
    opacity: 0.6;
}

.hpul-cry-img {
    width: 76px;
}

.hpul-cry-img img {
    width: 100%;
}

.hpul-cry-tit {
    padding-top: 25px;
}

.hpul-cry-tit p {
    color: var(--colortext3);
}

.home-prod-ul-li::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    opacity: 0.3;
    background: var(--colortext3);
}

.home-prod-ul-li.act .hpul-hocry {
    opacity: 1;
    z-index: 1;
}

.home-prod-bj-li.act {
    opacity: 1;
    position: relative;
    z-index: -1;
}

.home-prod-bj-li:not(.act) {
    position: absolute;
    opacity: 0;
}

.home-plan {
    padding-bottom: 51px;
}

.home-plan .ys-cont1400 {
    display: flex;
    flex-wrap: wrap;
}

.home-plan-le {
    width: 56%;
}

.home-plan-ri {
    width: 44%;
}

.home-plan-ri-tit {
    padding-top: 11px;
}

.home-plan-ri-text p {
    opacity: 0.7;
}

.home-plan-ri-ul {
    padding-top: 30px;
}

.hpru-li-box {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #D6D6D6;
}

.ys-banner {
    position: relative;
}

.ys-ban-dots {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 45px;
}

.ybdu-li {
    width: 3px;
    height: 70px;
    background: var(--color2);
    border-radius: 10px;
    cursor: pointer;
    position: relative;
}

.ybdu-li {
    margin-bottom: 33px;
}

.ybdu-li:last-child {
    margin-bottom: 0;
}

.ybdu-li-line {
    position: absolute;
    width: 100%;
    height: 100%;
}

.ybdu-li-line-pro {
    background: var(--colortext3);
    transition: all 4s;
}

.ybdu-li.on .ybdu-li-line-pro {
    animation: height 5s linear forwards;
}

@keyframes height {
    0% {
        height: 0%;
    }

    100% {
        height: 100%;
    }
}

.ys-ban-title p {
    font-size: var(--font100);
    line-height: var(--line13);
    color: var(--colortext3);
}

.ys-ban-title p span {
    display: inline-block;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.2s, opacity 0.5s;
}

.home-deve-tit p span {
    display: inline-block;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.8s, opacity 0.8s;
}

.hpru-li-box img {
    width: 20px;
}

.hpul-hocry-bom {
    width: 42px;
}

.hpul-hocry-bom img {
    width: 100%;
}

.ys-ban-model {
    position: absolute;
    right: 0;
    bottom: 16.7%;
    left: 50%;
    transform: translateX(-50%);
}

.ys-ban-model .ys-cont1680 {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.ys-ban-model-cry {
    transition: all .4s;
    display: block;
    position: relative;
    width: 39%;
    margin: 0 0 0 auto;
    padding: 34px 62px 46px 54px;
    border-radius: 20px;
    background: rgba(15, 29, 150, 0.74);
}

.ybmc-close {
    position: absolute;
    width: 20px;
    top: 13px;
    right: 18px;
    z-index: 20;
    cursor: pointer;
}

.ybmc-close img {
    width: 100%;
}

.ybmc-date p {
    color: var(--colortext3);
    opacity: 0.8;
}

.ybmc-text p {
    color: var(--colortext3);
    padding-top: 16px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 4em;
}

.ybmc-btn {
    padding-top: 63px;
}

.ybmc-btn .std-text1 {
    color: var(--colortext3);
}

.ys-ban-link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: fit-content;
    z-index: 20;
    transition: all .4s;
}

.ys-ban-link-ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.yblu-li {
    cursor: pointer;
    transition: all .4s;
    width: 100%;
    border-right: 1px solid var(--colortext3);
    border-top: 1px solid var(--colortext3);
}

.yblu-li a,
.yblu-li p {
    text-align: center;
    display: block;
    line-height: var(--line80);
    min-width: 16.666666%;
    color: var(--colortext3);
    font-size: var(--font20);
    transition: all .4s;
}

.yblu-li.act {
    background: #0F1D96;
}

/* head start */
.ys-hd-pc {
    position: absolute;
    top: 11px;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    width: 100%;
    padding: 0 60px;
    z-index: 999;
    transition: all 0.4s;
}

.ys-hd-pc-cry {
    /* box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%); */
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 62px;
    padding: 0 56px 0 78px;
    transition: all 0.4s;
    /* backdrop-filter: blur(19.600000381469727px); */
}

.head-logo {
    flex: 1;
}

.head-nav {
    margin: 0 -37px;
}

.head-nav-item {
    padding: 0 37px;
}

.head-nav-item-title {
    line-height: var(--line80);
    font-size: var(--font16);
    color: var(--colortext1);
    /* color: #000; */
}

.ys-hd-pc.isfixed,
.ys-hd-pc.ishover,
.ys-page-wrap.act .ys-hd-pc {
    background: transparent;
}

.head-other {
    display: flex;
    align-items: center;
}

.head-other-langu a {
    line-height: var(--line80);
    font-size: var(--font18);
    color: var(--colortext1);
}

.head-other-search img {
    width: 22px;
    cursor: pointer;
}

.head-other-search {
    padding-left: 25px;
    margin-left: 23px;
    position: relative;
}

.head-other-search::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 23px;
    background: #394854;
    opacity: 0.5;
    left: 0;
}

.head-other-btn {
    margin-left: 99px;
    margin-right: 51px;
}

.ys-hd-pc.act,
.ys-hd-pc.show,
.inside_page.ys_nypage .ys-hd-pc {
    position: fixed;
    top: 0px;
    padding: 0 0px;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
    background: var(--colortext3);
}

.ys-hd-pc.act .ys-hd-pc-cry,
.ys-hd-pc.show .ys-hd-pc-cry,
.inside_page.ys_nypage .ys-hd-pc .ys-hd-pc-cry {
    border-radius: 0px;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
    background: var(--colortext3);
}

.ys-hd-pc.act .head-nav-item-down,
.ys-hd-pc.show .head-nav-item-down,
.inside_page.ys_nypage .ys-hd-pc .head-nav-item-down {
    border-radius: 0px;
}

.ys-hd-pc.act .ys-hd-pc-search,
.ys-hd-pc.show .ys-hd-pc-search,
.inside_page.ys_nypage .ys-hd-pc .ys-hd-pc-search {
    top: 100%;
    border-radius: 0px;
    border-top: 1px solid #E9E9E9;
    background: var(--colortext3);
    box-shadow: 0 2px 10px 3px rgb(0 0 0 / 5%);
}

.ys-hd-pc-search {
    display: none;
    width: 100%;
    position: absolute;
    top: calc(100% + 5px);
    padding: 54px 0;
    background: #fff;
    left: 0;
    border-radius: 62px;
}

.yhps-cry {
    width: 46.875%;
    margin: 0 auto;
    position: relative;
}

.yhps-cry-top-input {
    display: flex;
    align-items: center;
    border-radius: 33px;
    background: #F8F8F9;
    padding-left: 16px;
    padding-right: 30px;
}

.ycti-iocn {
    width: 20px;
}

.ycti-iocn img {
    width: 100%;
}

.ycti-input {
    flex: 1;
    position: relative;
    margin-left: 12px;
}

.ycti-input::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #E7E6E6;
}

.ycti-input input {
    padding: 0 20px;
    line-height: 53px;
    font-size: var(--font16);
    color: var(--colortext1);
    width: 100%;
}

.ycti-text p {
    line-height: var(--line13);
}

.yhps-cry-bom {
    padding-top: 23px;
}

.yhps-cry-bom-tit p {
    opacity: 0.7;
    line-height: var(--line13);
}

.yhps-cry-bom-ul {
    display: flex;
    align-items: center;
    margin: 0 -10px;
    flex-wrap: wrap;
}

.ycbu-li {
    padding: 0 10px;
}

.ycbu-li p {
    padding: 5px 13px;
    border-radius: 26px;
    background: #F8F8F9;
    transition: all .4s;
    margin-top: 11px;
    line-height: var(--line13);
    color: var(--colortext1);
}

.yhps-cry-close {
    cursor: pointer;
    position: absolute;
    width: 24px;
    top: 0;
    left: calc(100% + 78px);
}

.yhps-cry-close img {
    width: 100%;
}

.ycbu-li.act p {
    background: rgba(34, 84, 207, 0.10);
    color: var(--colormain);
}

.slick-slide {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.ys-form {
    --colormain: #0F1D96;
}

.head-nav-item-down {
    position: fixed;
    width: 49.5%;
    top: var(--line80);
    height: calc(100vh - var(--line80));
    right: 0;
    background: #0F1D96;
    transform: translateX(150%);
    left: auto;
    border-radius: 20px;
    transition: all .4s;
    display: block;
    opacity: 0;
    padding: 73px 107px 108px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: -1;
}

.head-nav-item.yxnav-active1 .head-nav-item-down {
    transform: translateX(0%);
    opacity: 1;
}

.ys-ban-slick::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.49);
    z-index: 1;
    opacity: 0;
    transition: all .4s;
    pointer-events: none;
}

.ys-ban-slick.mask::before {
    opacity: 1;
}

.hnid-link .std-h6 {
    color: var(--colortext3);
}

.hnid-link img {
    width: 24px;
    margin-left: 20px;
}

.hnid-link {
    width: fit-content;
    color: var(--colortext3);
}

.hnid-ul {
    width: 33.333333%;
    padding-top: 35px;
}

.hnid-ul-li a {
    font-size: var(--font20);
    line-height: var(--line13);
    color: rgba(255, 255, 255, 0.70);
    transition: all .4s;
    /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    max-height: 1.3em; */
}

.hnid-ul-li:nth-child(n+2) {
    padding-top: 20px;
}

.hnid-bom {
    width: 100%;
    padding-top: 60px;
    border-top: 1px solid rgba(255, 255, 255, 0.50);
}

.hnid-jump-warp {
    max-height: 500px;
}

.hnid-jump {
    display: flex;
    margin: 0 -10px;
    margin-top: 35px;
}

.hnid-ul {
    padding: 0 10px
}

.hnid-ul-li {
    min-width: 196px;
}

.hnid-ul2 .hnid-ul-li {
    width: 100%;
}

.hnid-ul2-li:nth-child(n+2) {
    padding-top: 32px;
}

.hnid-ul2-li a {
    font-size: var(--font32);
    line-height: var(--line13);
    color: rgba(255, 255, 255, 0.70);
    transition: all .4s;
}

/* .home-deve-tit p span{
    display: inline-block;
    vertical-align: middle;
    animation: text4_fadeInup .5s both ease-in-out;
} */
/* .home-deve-tit p span:nth-child(2){
   animation-delay: .4s; 
} */
@keyframes text4_fadeInup {
    0% {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.home-deve-tit p {
    font-size: var(--font120);
    line-height: 1;
    color: var(--colortext3);
}

/* .ys-ban-title p span{
    display: inline-block;
    vertical-align: middle;
    animation: text4_fadeInup .5s both ease-in-out;
} */
/* .home-deve-tit p.yx_text4_active{
    visibility: visible;
} */
/* .ys-ban-title p.yx_text4_active{
    visibility: visible;
} */


.head-other-btn .std-btn1-box-circle::before,
.ccwr-link-btn .std-btn1-box-circle::before,
.sprf-btn .std-btn1-box-circle::before,
.join-post-btn .std-btn1-box-circle::before {
    background: var(--colortext3);
}

.post-modal-btn .std-btn1-box-circle::before {
    background: var(--colormainbj);
}

.head-other-btn .std-btn1-box p,
.ccwr-link-btn .std-btn1-box p,
.sprf-btn .std-btn1-box p,
.join-post-btn .std-btn1-box p,
.post-modal-btn .std-btn1-box p {
    color: var(--colortext3);
}

.head-other-btn .std-btn1-box,
.ccwr-link-btn .std-btn1-box,
.sprf-btn .std-btn1-box,
.join-post-btn .std-btn1-box,
.post-modal-btn .std-btn1-box {
    background: var(--colormain);
}

.ys-phnav-btn .std-btn1-box-circle::before {
    background: var(--colortext3);
}

.ys-phnav-btn .std-btn1-box p {
    color: var(--colortext3);
}

.ys-phnav-btn .std-btn1-box {
    background: var(--colormain);
}

.hpru-li-box .std-h8,
.hpru-li-box img {
    transition: all .4s;
}

.home-about-img {
    width: 100%;
    overflow: hidden;
}

.home-about-img.act img {
    /* animation:zoom 2.4s ease 1; */
}

@keyframes zoom {
    0% {
        transform: scale(1.5);
    }

    100% {
        transform: none;
    }
}



.yx_sidebar1 {
    position: fixed;
    bottom: 2%;
    right: 20px;
    z-index: 80;
}

.yx_sidebar1_list {
    min-width: 80px;
    padding: 32px 0;
    border-radius: 40px;
    /* border: 1px solid #F4F8FA; */
    background: #FFF;
    box-shadow: 0px 12px 20px 0px rgba(0, 18, 97, 0.08);
}

.yx_sidebar1_list_nub {
    position: relative;
}

.yx_sidebar1_list_nub::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #EDEDED;
}

.yx_sidebar1_list_nub:last-of-type::before {
    display: none;
}

/* 侧边列表内容 */
.ysln_box {
    text-align: center;
    padding: 15px 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.yx_sidebar1_list_nub:first-child .ysln_box {
    padding-top: 0;
}

.yx_sidebar1_list_nub:last-child .ysln_box {
    padding-bottom: 0;
}

.ysln_box_img {
    width: 36px;
    margin: 0 auto;
    margin-bottom: 6px;
}

.ysln_box_img img {
    width: 100%;
}

.ysln_box_title {
    margin-top: 5px;
    text-align: center;
    font-size: var(--font16);
    color: var(--colormain);
    line-height: var(--line13);
}

/* 浮窗 */
.ysln_tan {
    position: absolute;
    top: 0;
    right: 0;
    top: 50%;
    z-index: -1;
    transform: translateX(100%) translateY(-50%);
    opacity: 0;
    transition: all .36s ease-out;
    padding-right: 60px;
}

.ysln_tan_cry {
    padding: 23px 24px 24px 23px;
    background: var(--colortext3);
    border-radius: 3px;
    position: relative;
}

.ysln_tan_cry::before,
.ysln_tan_img::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: var(--colortext3);
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
    transform: rotate(45deg) translateX(-80%);
    /* border-left-color:var(--colortext3); */
    opacity: 1;
    z-index: -1;
}

.dpwu-li-warp-text {
    display: none;
}

.dpwu-li-warp-text {
    bottom: 30px;
    color: var(--colortext3);
    margin-top: 20px;
    line-height: var(--line16);
    font-size: var(--font16);
    z-index: 20;
    position: absolute;
    left: 20px;
}

.ysln_tan_cry_zi {
    font-size: var(--font16);
    color: var(--colortext1);
    line-height: 1.7;
}

.yx_sidebar1_list_nub:nth-child(2) .ysln_tan_cry_tel {
    font-size: var(--font24);
    line-height: var(--line14);
    font-weight: 700;
    color: var(--colormain);
}

.ysln_tan_cry {
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
}

.ysln_tan_cry a {
    display: block;
    width: max-content;
}

.ysln_tan_cry a:nth-child(2) {
    margin-top: 21px;
}

.yx_sidebar1_list_nub:nth-child(3) .ysln_tan_cry_tel {
    font-size: var(--font20);
    line-height: var(--line14);
    color: var(--colormain);
}

.ysln_tan_img {
    position: relative;
    z-index: 1;
    width: 100px;
    border-radius: 1em;
    background: rgba(74, 108, 247, .8);
    border: 1px solid rgba(74, 108, 247, 1);
    backdrop-filter: blur(20px);
    padding: 7px;
}

.ysln_tan_img img {
    width: 100%;
}

.hahb-ri-btn {
    width: fit-content;
    margin-top: 23px;
}

.ys-phmenu-bottom {
    width: calc(100% - 40px);
    position: absolute;
    bottom: 68px;
    left: 50%;
    transform: translateX(-50%);
}

.ys-phmenu-link {
    display: flex;
    justify-content: space-between;
}

.ys-phmenu-link-li {
    padding: 0 18px;
    width: 33.333333%;
}

.ypll-box {
    padding: 38px 0 17px;
    background: #F8F8F9;
    width: 100%;
    display: block;
}

.ypll-icon {
    width: 90px;
    margin: 0 auto;
}

.ypll-icon img {
    width: 100%;
}

.ypll-text {
    text-align: center;
    margin-top: 10px;
}

.ypll-text p {
    color: var(--colortext1);
    line-height: 1.8;
    font-size: var(--font40);
}

.ys-ph-navbar4 .ys-phnav-menu {
    background: var(--colortext3);
}

.ys-phnav-icon::before,
.ys-phnav-icon::after {
    display: none;
}

.ys-phnav-icon {
    width: 18px;
    height: 18px;
}

.ys-phnav-icon img {
    transition: all .4s;
    transform: rotate(180deg);
}

.ys-phnav-icon.on img {
    transform: rotate(0deg);
}

.ys-phnav-search-box {
    background: var(--colortext3);
}

/* .ys-modal-wrap{
    display: block;
} */
.yspc-wrap-input {
    border-radius: 0;
    border-bottom: 1px solid #DFDFDF;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 10px 40px 5px 20px;
    height: fit-content;
}

.ys-phnavss-modal .ys-modal-close {
    right: 25px;
    top: 25px;
    font-size: 16px;
    font-weight: 700;
}

.yspc-wrap-sear {
    padding: 0 20px;
}

.yspc-wrap-sear-tit {
    font-size: 18px;
    color: var(--colortext1);
    margin-bottom: 20px;
}

.ywsu-li a {
    font-size: 16px;
    line-height: 1.8;
    color: #616d75;
    margin-bottom: 16px;
}

.hpul-hocr-img {
    width: 76px;
}

.hpul-hocr-img img {
    width: 100%;
}

.banner-mbx {
    position: absolute;
    top: 103px;
    z-index: 80;
}

.banner-mbx .ys-bread-list a {
    font-size: var(--font14);
    line-height: var(--line13);
    color: var(--colortext3);
}

.banner-mbx .ys-bread-list::before {
    color: var(--colortext3);
}

.ys-nyban-title-top {
    width: 64.285714%;
    margin: 0 auto;
}

.ys-nyban-title-top .std-h3 {
    text-align: center;
    font-size: var(--font80);
}

.overview-main .ys-nyban-title-top .std-h8 {
    /* margin-top: 48px; */
    font-size: var(--font20);
    line-height: var(--line175);
    opacity: 0.8 !important;
    text-align: center;
}

.ys-nyban-bom {
    position: absolute;
    right: 0;
    bottom: 9px;
    margin: 0 0 0 auto;
    z-index: 10;
}

.ys-nyban-bom .ys-nyban-title p {
    text-align: right;
}

.oplu-li-num {
    font-size: 220px;
    font-family: 'Outfit-Medium';
    color: var(--colortext3);
    line-height: 1;
}

.oplu-li-text {
    font-size: var(--font32);
    line-height: var(--line13);
    color: var(--colortext3);
}

.over-product {
    background: var(--colormainbj);
    padding-top: 220px;
    padding-bottom: var(--space100);
}

.over-product .ys-cont1400 {
    position: relative;
}

.over-product-le {
    position: absolute;
    top: -17.5%;
    left: 0;
    z-index: 10;
}

.over-product-ri-cry {
    width: 50.2%;
    margin: 0 auto;
    position: relative;
}

.over-product-ri-word {
    position: absolute;
    right: 0;
    top: 63%;
    transform: translateY(-50%);
    width: 34.285714%;
}

.over-product-ri-img {
    width: 100%;
}

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

.oprw-tit {
    font-size: var(--font40);
    line-height: var(--line13);
    color: var(--colortext3);
}

.oprw-text p {
    margin-top: 20px;
    color: var(--colortext3);
    opacity: 0.8;
}

.over-mission {
    padding-top: var(--space100);
    position: relative;
    padding-left: calc(50% - 700px);
}

.over-mission::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 54%;
    background: var(--colormainbj);
}

.over-miss-cry-ul {
    display: flex;
    width: 100%;
    height: 100%;
}

.omcu-li {
    flex: 1;
    position: relative;
    height: 100%;
    transition: all .4s;
}

.omcu-li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: #FFF;
    opacity: 0.7;
}

.over-miss-box {
    position: relative;
    background: #0F1D96;
}

.over-miss-cry {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100%;
}

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

.omcu-li-cry {
    width: 100%;
    padding: 0 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 78px;
    z-index: 1;
}

.omcu-li-icon {
    width: 64px;
    margin: 0 auto;
}

.omcu-li-icon img {
    width: 100%;
}

.omcu-li-tit {
    margin-top: 19px;
    color: var(--colortext3);
    font-size: var(--font48);
    text-align: center;
}

.omcu-li-hocry {
    width: 100%;
    height: 100%;
    background: #0F1D96;
    z-index: 10;
    position: relative;
    display: none;
}

.omcu-li.act .omcu-li-hocry {
    display: block;
}

.olhb-top {
    top: 13%;
    position: absolute;
    width: 72%;
    height: 100%;
    left: 76px;
}

.omcu-li-hocry-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 360px;
}

.omcu-li-hocry-img img {
    width: 100%;
}

.omcu-li-hocry-tit p {
    margin-top: 27px;
    color: var(--colortext3);
    font-size: var(--font48);
    line-height: var(--line13);
}

.omcu-li-hocry-text {
    margin-top: 47px;
}

.omcu-li-hocry-text p {
    color: var(--colortext3);
    opacity: 0.7;
    line-height: var(--line13);
}

.omcu-li.act {
    width: 34%;
    flex: none;
}

.ohcu-li-bj1,
.ohcu-li-bj2 {
    width: 102px;
}

.ohcu-li-bj1 img,
.ohcu-li-bj2 img {
    width: 100%;
}

.ohcu-li-bj2 {
    position: absolute;
    right: 0;
    top: 0;
}

.ys-slick-item {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.omcu-li-hocry-icon {
    width: 64px;
}

.omcu-li-hocry-icon img {
    width: 100%;
}

.overview-main .ys-nyban-title p {
    padding-top: 0;
}

.overview-main .ys-nyban-bom .ys-nyban-title p {
    font-size: var(--font14);
    opacity: 0.7;
    line-height: 1.8;
}

.over-honor {
    position: relative;
    padding-top: var(--space100);
    padding-bottom: 185px;
}

.over-honor-bj {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.over-honor-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.over-honor-cry {
    position: relative;
    z-index: 10;
}

.over-honor-cry h2 {
    text-align: center;
    font-size: var(--font48);
    line-height: var(--line13);
    padding-bottom: 92px;
}

.ohcu-li-box {
    display: flex;
    position: relative;
}

.ohcu-li-text {
    width: 60%;
    text-align: center;
    font-size: var(--font24);
    line-height: var(--line14);
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
}

.ohcu-li {
    padding: 0 80px;
}

.over-honor-cry-ul .slick-dots {
    position: absolute;
    bottom: -30px;
}

.over-honor-cry-ul .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 7px;
    background: #D9D9D9;
}

.over-honor-cry-ul .slick-dots li.slick-active {
    background: var(--colormainbj);
}

.over-process {
    padding-top: 81px;
    padding-bottom: 127px;
}

.over-proc-head-tit {
    font-size: var(--font18);
    line-height: 1.7;
    color: var(--colortext1);
    opacity: 0.8;
}

.over-proc-head {
    padding-bottom: 20px;
    border-bottom: 1px solid #c4cbcc;
}

.over-proc-cry {
    display: flex;
    padding-top: 91px;
}

.over-proc-cry-le {
    width: 43.4%;
}

.over-proc-cry-ri {
    width: 56.6%;
    padding-left: 19.6%;
}

.opcr-ul-li {
    padding: 35px 0;
    border-bottom: 1px solid #c4cbcc;
}

.opcr-ul-li:last-child {
    border-bottom: 0;
}

.opcr-ul-li-text {
    padding-top: 15px;
    font-size: var(--font24);
    line-height: var(--line14);
    color: var(--colortext1);
}

.opcr-ul-li-date {
    opacity: 0.8;
    line-height: var(--line16);
}

.opcl-box {
    display: flex;
}

.opcl-box-fixed {
    font-size: 260px;
    font-family: 'Outfit-Medium';
    line-height: 1;
    color: var(--colormain);
    overflow: hidden;
}

.opcl-box-fixed-ul {
    overflow: hidden;
    transition: all .4s;
    transform: translateY(calc(var(--move)* var(--ynum2)));
}

.opcl-box-ul-li {
    font-family: 'Outfit-Medium';
    font-size: 260px;
    line-height: 1;
    transition: all .4s;
    color: var(--colortext1);
    opacity: 0.1;
}

.opcl-box-ul-li.active {
    font-family: 'Outfit-Medium';
    line-height: 1;
    color: var(--colormain);
    transition: all .4s;
    opacity: 1;
}

.list-cry .ys-cont1400 {
    position: relative;
}

.list-cry-head {
    z-index: 20;
}

.list-head-cry {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;

    z-index: 20;
    display: flex;
    border-radius: 10px;
    background: rgba(15, 29, 150, 0.80);
    box-shadow: 0px 4px 22.9px 0px rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(28.299999237060547px);
}

.list-head-le {
    width: 42%;
    border-radius: 2px;
    overflow: hidden;
}

.list-head-le img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list-head-ri {
    width: 58%;
    padding: 53px 43px 53px 49px;
}

.list-head-ri-btn {
    padding-top: 24px;
}

.list-head-ri-tit p {
    font-size: var(--font24);
    line-height: var(--line16);
    color: var(--colortext3);
}

.list-head-ri-btn .std-text1 {
    color: var(--colortext3);
}

.list-cry-warp {
    padding-top: 183px;
    padding-bottom: var(--space140);
}

.list-cry-top {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.list-cry-top-li {
    padding: 0 10px;
}

.list-cry-top-li a {
    display: block;
    padding: 10px 25px;
    border-radius: 50px;
    border: 1px solid #E1E1E1;
    transition: all .4s;
    color: var(--colortext1);
    font-size: var(--font18);
    line-height: 1;
}

.list-cry-top-li.act a {
    color: var(--colortext3);
    background: var(--colormain);
    border: 1px solid var(--colormain);
}

.list-cry-bom {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    margin-top: 33px !important;
}

.list-cry-bom-li {
    width: 33.333333%;
    padding: 0 10px;
    margin-bottom: 70px;
}

.lcbl-box-img {
    width: 100%;
    border-radius: 2px;
}

.lcbl-box-img img {
    width: 100%;
}

.lcbl-box-bom {
    padding-top: 15px;
    padding-right: 38px;
}

.lcbl-box-text p {
    font-size: 22px;
    color: var(--colortext1);
    line-height: var(--line16);
    transition: all .4s;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 3.2em;
}

.lcbl-box-label {
    margin-top: 10px;
    display: flex;
    margin: 0 -10px;
    margin-top: 25px !important;
}

.lcbl-box-label-li {
    padding: 0 10px;
}

.lcbl-box-label-li p {
    font-size: var(--font16);
    line-height: var(--line14);
    color: var(--colormain);
    padding: 4px 10px;
    border-radius: 50px;
    background: rgba(34, 84, 207, 0.10);
}

.list-page {
    margin-top: -10px;
}

.mod-page .pc-fenye li {
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    font-size: var(--font16);
    line-height: 40px;
    color: var(--colortext1);
}

.mod-page .pc-fenye li.activepage {
    color: #fff;
    background: #E60012;
}

.list-new .list-cry {
    padding-top: 66px;
    padding-bottom: 160px;
}

.list-cry {
    overflow: visible;
    position: relative;
}

.list-cry .list-cry-warp {
    position: relative;
    z-index: 10;
}

.list-cry-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.list-cry-head-ri {
    display: flex;
    align-items: center;
}

.lchr-search {
    padding: 0px 24px;
    border-radius: 50px;
    border: 1px solid #E1E1E1;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(7.050000190734863px);
}

.lchr-search {
    width: 259px;
    margin-right: 18px;
}

.lchr-pull {
    flex-shrink: 0;
    width: 184px;
    position: relative;
}

.lchr-search,
.lchr-pull-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

.lchr-pull-top {
    cursor: pointer;
    padding: 0px 24px;
    border-radius: 50px;
    border: 1px solid #E1E1E1;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(7.050000190734863px);
}

.lchr-pull-bom {
    display: none;
    padding-top: 30px;
    padding-bottom: 12px;
    z-index: 5;
    width: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    border-radius: 0px 0px 3px 3px;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    background: #FFF;
    box-shadow: 0px 16px 17.8px 0px rgba(0, 0, 0, 0.14);
}

.lchr-pull-ul {
    max-height: 240px;
}

.lchr-pull-ul .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.plan-form .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.plan-form .ys-select-bd .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 50px !important;
    background: #EEE !important;
    width: 8px !important;
}

.lchr-pull-ul .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.plan-form .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.plan-form .ys-select-bd .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px !important;
    border-radius: 50px !important;
    background: #C7C7C7 !important;
}

.lchr-pull-ul-li {
    margin-bottom: 6px;
    padding: 0 26px;
}

.lchr-pull-ul-li p {
    font-size: var(--font16);
    line-height: 1.7;
    color: var(--colortext1);
    transition: all .4s;
    cursor: pointer;
}

.lchr-pull-ul-li:last-child {
    margin-bottom: 0;
}

.lchr-sear-input {
    width: 100%;
    margin-right: 10px;
}

.lchr-sear-input input,
.lchr-pull-text p {
    width: 100%;
    line-height: 44px;
    font-size: var(--font18);
    color: var(--colortext1);
}

.lchr-sear-input input::placeholder {
    font-size: var(--font18);
    color: var(--colortext1);
    opacity: 0.7;
}

.lchr-sear-icon,
.lchr-pull-icon {
    width: 32px;
    flex-shrink: 0;
    transition: all .4s;
    cursor: pointer;
}

.list-new .lcbl-box-label {
    margin-top: 17px !important;
}

.lchr-sear-icon img,
.lchr-pull-icon img {
    width: 100%;
}

.lchr-pull.on .lchr-pull-icon {
    transform: rotate(180deg);
}

.case-details .ys-nyban-img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.case-details .ys-nyban-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case-details .ys-nyban-title h1 {
    font-size: var(--font48);
    width: 39%;
}

.service-main .ys-nyban-title h1 {
    font-size: var(--font64);
}

.ys-nyban-title p {
    font-size: var(--font24);
    padding-top: 33px;
    line-height: 1.4;
}

.relationship-main .ys-nyban-title p {
    margin-top: 20px;
}

.product-main .ys-nyban-title p {
    padding-top: 8px;
    font-size: var(--font24);
    font-weight: 700;
    color: var(--colortext3);
}

.ys-viewer-item-img {
    opacity: 0;
}

.ys-nyban-bjimg {
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10%;
    height: 347px;
}

.case-details .ys-nyban-bjimg img {
    width: 56%;
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    height: 100%;
    object-fit: cover;
}

.case-details .ys-nybanner {
    overflow: visible;
}

.case-details .ys-nyban-title {
    padding-top: 202px;
    padding-bottom: 109px;
    position: relative;
    z-index: 10;
}

.case-cry {
    padding-top: 157px;
    padding-bottom: 50px;
}

.case-details .case-more {
    padding-top: var(--space100);
}

.case-cry-ul {
    display: flex;
    justify-content: center;
    margin: 0 -100px;
}

.case-cry-ul-li {
    padding: 0 100px;
}

.ccul-tit {
    font-size: var(--font48);
    color: var(--colormain);
    line-height: var(--line13);
    text-align: center;
}

.ccul-text {
    line-height: 1.7;
    padding-top: 9px;
    text-align: center;
}

.case-cry-warp {
    padding-top: 73px;
    display: flex;
    flex-wrap: wrap;
}

.case-cry-warp-le {
    width: 62%;
}

.case-cry-warp-ri {
    width: 38%;
    padding-left: 117px;
}

.ccwr-link {
    background: var(--colorbj3);
    padding: 35px 39px 23px;
}

.clul-tit {
    font-weight: 700;
    font-size: var(--font18);
    color: var(--colortext1);
    line-height: 1.7;
}

.clul-text {
    margin-top: 5px;
    font-size: var(--font20);
    line-height: 1.7;
    color: var(--colortext1);
}

.clul-name {
    margin-top: 5px;
    font-size: var(--font20);
    line-height: 1.7;
    color: var(--colormain);
}

.ccwr-link-btn,
.ccwr-link-code {
    padding-top: 28px;
}

.ccwr-link-code-img {
    width: 27.45%;
    margin: 0 auto;
}

.ccwr-link-code-text {
    padding-top: 15px;
    font-size: var(--font18);
    color: var(--colortext1);
    line-height: 1.7;
    text-align: center;
}

.ccwr-link-ul-li:nth-child(n+2) {
    padding-top: 29px;
}

.case-more {
    padding: var(--space140) 0;
}

.case-more-tit {
    margin-bottom: 50px;
    text-align: center;
}

.case-details .list-cry-bom .list-cry-bom-li {
    margin-bottom: 0;
}

.new-details .case-cry-warp-ri {
    padding-left: 92px;
}

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

.ccwr-share-text {
    line-height: 1.7;
    margin-right: 37px;
}

.ccwr-share .ys-share-list {
    padding: 0 15px;
}

.ccwr-share .ys-share {
    margin: 0 -15px;
}

.ccwr-share .ys-share-img {
    width: 32px;
}

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

.ccwr-rela {
    margin-top: 34px;
    border-radius: 3px;
    background: #EFF0F5;
    padding: 25px 31px 30px;
    position: relative;
}

.ccwr-rela-ul {
    position: relative;
    z-index: 10;
}

.crul-bj {
    position: absolute;
    bottom: 3px;
    right: 0;
    width: 27.6%;
}

.crul-bj img {
    width: 100%;
}

.crul-tit {
    line-height: 1.7;
}

.ccwr-rela-ul-li:not(:last-child) {
    padding-bottom: 22px;
    border-bottom: 1px solid #cbced5;
}

.ccwr-rela-ul-li:not(:first-child) {
    padding-top: 22px;
}

.crul-ul-li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.crul-text-le {
    font-size: var(--font16);
    color: var(--colortext1);
    opacity: 0.8;
    line-height: var(--line16);
    margin-right: 15px;
}

.crul-text-ri a {
    font-size: var(--font20);
    line-height: 1.7;
}

.crul-text-phone a {
    color: var(--colortext1);
}

.crul-text-emile a {
    color: var(--colormain);
}

.ccwr-info {
    margin-top: 46px;
}

.ccwr-info-tit {
    line-height: 1.7;
}

.ccwr-info-ul {
    margin-top: 8px;
}

.ccwr-info-ul-li {
    margin-top: 3px;
    background: #EFF0F5;
    padding: 30px;
}

.ciul-tit {
    font-size: var(--font20);
    line-height: var(--line14);
    color: var(--colortext1);
    transition: all .4s;
}

.ciul-date {
    padding-top: 10px;
    line-height: var(--line16);
    color: var(--colortext1);
    opacity: 0.7;
    transition: all .4s;
}

.ccwl-link {
    padding-top: 78px;
}

.ccwl-link a {
    display: flex;
}

.new-details .case-cry-warp {
    padding-bottom: var(--space140);
}

.ccwl-link li:not(:first-child) {
    padding-top: 18px;
}

.ccwl-link a span:nth-child(1) {
    font-size: var(--font18);
    line-height: var(--line16);
    color: #747f87;
    margin-right: 20px;
    flex-shrink: 0;
}

.ccwl-link a span:nth-child(2) {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--colortext1);
    transition: all .4s;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 3.2em;
}

.sticky-body {
    overflow: visible;
}

.over-process {
    overflow: visible;
}

.over-proc-cry-le {
    position: sticky;
    top: 40%;
    height: fit-content;
}

.opcl-box-ul {
    position: absolute;
    top: 0;
    transition: all .4s;
    transform: translateY(calc(var(--move)* var(--ynum)));
}

.opcl-box {
    height: 260px;
    --move: 260px;
}

.join-main .join-app-illu-tit {
    text-align: left;
}

.mod-btn {
    display: flex;
}

.mod-btn-item {
    width: 36px;
    cursor: pointer;
}

.mod-btn-item img {
    width: 100%;
}

.mod-btn-prev {
    margin-right: 12px;
}

.product-cry {
    padding-top: 43px;
    padding-bottom: var(--space140);
}

.pchb-box {
    width: fit-content;
    display: flex;
    align-items: center;
    padding: 6px 20px 9px;
    border-radius: 50px;
    border: 1px solid #E60012;
    transition: all .4s;
}

.pchb-box-le {
    font-size: var(--font18);
    line-height: 1.7;
    color: #E60012;
    transition: all .4s;
}

.pchb-box-iocn {
    width: 20px;
    margin-left: 7px;
    position: relative;
}

.pchb-box-iocn img {
    width: 100%;
    transition: all .4s;
}

.pchb-box-iocn img:nth-child(n+2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.prod-cry-head-text {
    padding-top: 30px;
}

.prod-cry-head-text p {
    font-size: var(--font18);
    line-height: 1.7;
    opacity: 0.8;
}

.prod-cry-head-imgbtn {
    margin-top: 18px;
    cursor: pointer;
}

.prod-cry-head-imgbtn p {
    font-size: var(--font18);
    color: var(--colormain);
    line-height: var(--line13);
    position: relative;
    width: fit-content;
    transition: all .4s;
}

.prod-cry-head-imgbtn p::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    bottom: 0;
    background: var(--colormain);
    transition: all .4s;
}

.prod-cry-ul-li {
    margin-top: 40px;
}

.pcul-head-le p {
    font-size: var(--font24);
    font-weight: 700;
    color: var(--colortext1);
}

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

.pcul-ul {
    margin: 0 -10px;
}

.pcul-ul-li {
    padding: 0 10px;
    margin-top: 20px;
}

.pcul-ul-li-box {
    height: 100%;
    padding: 30px 30px;
    border-radius: 5px;
    background: var(--colorbj3);
}

.pulb-tit {
    font-size: var(--font18);
    font-weight: 700;
    line-height: 1.7;
    color: var(--colortext1);
}

.pulb-text {
    /* padding-top: 9px; */
}

.pulb-text p {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--colortext1);
    opacity: 0.8;
}

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

.pcul-purp-li {
    padding: 0 10px;
    margin-top: 20px;
}

.pcul-purp-li-box {
    display: flex;
    align-items: center;
    padding: 20px 25px 20px 14px;
    border-radius: 5px;
    background: #F5F7F9;
}

.pplb-icon {
    width: 28px;
    margin-right: 3px;
}

.pplb-icon img {
    width: 100%;
}

.pplb-text p {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--colortext1);
    opacity: 0.8;
}

.pcul-text {
    margin-top: 10px;
}

.pcul-text.yxedr-active p {
    opacity: 0.8;
}

.pcul-text.yxedr-active p span {
    font-weight: 700;
    line-height: 2;
    opacity: 0.8;
}

.pcul-table {
    margin-top: 20px;
}

.pcul-table table {
    border-collapse: collapse;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.yongsy-pc-ph-table thead th {
    background: var(--colormain);
    color: var(--colortext3);
    text-align: center;
    line-height: 54px;
    font-size: var(--font18);
    font-weight: 400;
    padding: 0 10px;
    border-right: 1px solid #FFF;
}

.yongsy-pc-ph-table td {
    padding: 13px 10px;
    text-align: center;
    font-size: var(--font16);
    line-height: 1.75;
    color: var(--color1);
    vertical-align: middle;
    border: 1px solid #DDDDDE;
    word-wrap: break-word;
}

.yongsy-pc-ph-table tbody tr:nth-child(even) {
    background: #F9F9F9;
}

.yongsy-pc-ph-table2 {
    margin-top: 53px;
    table-layout: auto !important;
}

.yongsy-pc-ph-table2 tbody tr td:nth-child(1) {
    width: 10%;
}

.yongsy-pc-ph-table2 tbody tr td:nth-child(2) {
    width: 29%;
}

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

.pcul-pack-li {
    margin-top: 20px;
    padding: 0 16px;
}

.pcul-pack-li-icon {
    width: 88px;
    margin: 0 auto;
}

.pcul-pack-li-icon img {
    width: 100%;
}

.pcul-pack-li-text p {
    margin-top: 4px;
    text-align: center;
    opacity: 0.8;
}

.pcul-prod {
    display: flex;
    margin: 0 -7px;
}

.pcul-prod-li {
    padding: 0 7px;
    margin-top: 26px;
}

.pcul-prod-li-box {
    height: 100%;
    display: block;
    border-radius: 5px;
    background: #F5F7F9;
    padding: 28px 39px 31px 43px;
}

.pcul-prod-li-icon {
    width: 40px;
    position: relative;
}

.pcul-prod-li-icon img {
    width: 100%;
    transition: all .4s;
}

.pcul-prod-li-icon img:nth-child(n+2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.pcul-prod-li-tit {
    margin-top: 19px;
    display: flex;
    justify-content: space-between;
}

.pcul-prod-li-tit p {
    font-size: var(--font24);
    color: var(--colortext1);
    line-height: var(--line13);
    transition: all .4s;
}

.pcul-prod-li-tit img {
    width: 28px;
    transition: all .4s;
}

.pplu-li {
    display: flex;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.pplu-li-le {
    font-size: var(--font16);
    color: var(--colortext1);
    opacity: 0.6;
    line-height: var(--line14);
    margin-right: 15px;
}

.pplu-li-ri {
    font-size: var(--font16);
    color: var(--colortext1);
    opacity: 0.7;
    line-height: var(--line14);
}

.slick-dots li {
    width: 8px;
    height: 8px;
    background: #DCE3EA;
    margin: 0 6px;
}

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

.pcul-prod .slick-dots {
    bottom: -31px;
}

.solve-plan-ul-li {
    padding-top: 120px;
}

.ys-nyban2-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all .4s;
    animation: float .8s ease-in;
}

.ys-nyban2-img img {
    width: 100%;
}

.ys-nyban2-cloud {
    position: absolute;
    left: 0;
    top: 0;
    width: 41.666666%;
    transform: all .5s;
    animation: float .8s ease-in;
}

.ys-nyban2-cloud img {
    width: 100%;
}

.ys-nybanner.act .ys-nyban2-cloud {
    animation: float2 .8s ease-in;
}

.ys-nybanner.act .ys-nyban2-img {
    animation: float2 .8s ease-in;
}

@keyframes float {
    0% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes float2 {
    0% {
        transform: translateY(-50px);
    }

    100% {
        transform: translateY(0px);
    }
}

.develop-main .ys-nyban-title {
    position: absolute;
    top: 21.7%;
    left: 50%;
    transform: translateX(-50%);
}

.develop-main .ys-nyban-title p {
    width: 72.5%;
}

.develop-main .ys-nyban-title h1 {
    width: 72.5%;
}

.solve-plan {
    padding-bottom: var(--space140);
    position: relative;
    overflow: visible;
}

.solve-plan-bj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.list-cry-bj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.list-cry-bj img {
    width: 100%;
}

.solve-plan-bj-img {
    position: sticky;
    top: var(--line80);
}

.solve-plan-bj img {
    width: 100%;
}

.solve-plan .ys-cont1560 {
    z-index: 10;
    position: relative;
}

.spul-head {
    width: 70%;
    margin: 0 auto;
}

.spul-head-tit {
    text-align: center;
    font-size: var(--font48);
    color: var(--colortext1);
    line-height: var(--line13);
    padding-bottom: 26px;
}

.spul-head-text p {
    text-align: center;
    font-size: var(--font18);
    line-height: 1.7;
    color: var(--colortext1);
    opacity: 0.6;
    padding-bottom: 36px;
}

.spul-cry {
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px;
    background: rgba(31, 94, 248, 0.05);
    backdrop-filter: blur(24.049999237060547px);
    overflow: hidden;
}

.spul-cry-le {
    width: 34%;
    position: absolute;
    height: 100%;
}

.spul-cry-le-img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.spul-cry-le-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spul-cry-ri {
    width: 66%;
    padding: 71px 80px 68px 84px;
    height: fit-content;
    margin: 0 0 0 auto;
}

.scru-li-top {
    padding-top: 22px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e0e5ed;
}

.scru-li-top {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.scru-li-top-tit {
    font-size: var(--font24);
    line-height: var(--line14);
    color: var(--colortext1);
    transition: all .4s;
}

.scru-li.on .scru-li-top-tit {
    color: var(--colormain);
}

.scru-li-top-img {
    width: 32px;
    position: relative;
}

.scru-li-top-img img {
    width: 100%;
    transition: all .4s;
}

.scru-li-top-img img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.scru-li-slick {
    display: none;
}

.scru-li-bom {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 30px;
    margin: 0 -43px;

}

.scru-li-bom-li {
    width: 50%;
    padding: 0 43px;
    margin-top: 14px;
}

.scru-li-bom-li a {
    font-size: var(--font16);
    color: var(--colortext1);
    line-height: 1.7;
    opacity: 0.6;
    transition: all .4s;
}

.scru-li:first-child .scru-li-top {
    padding-top: 0;
}

.scru-li.on .scru-li-top-img img:nth-child(1) {
    opacity: 0;
}

.scru-li.on .scru-li-top-img img:nth-child(2) {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(180deg);
}

.img-demo .ys-modal-content {
    width: 1200px;
    max-height: 750px;
    border-radius: 10px;
    background: #FFF;
    padding: 92px 125px 88px;
}

.img-demo-img {
    width: 100%;
    background: #D9D9D9;
}

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

.img-demo .ys-modal-close {
    right: 27px;
    top: 26px;
    font-size: inherit;
    width: 50px;
}

.img-demo .ys-modal-close img {
    width: 100%;
}

.img-demo .icon-close:before {
    display: none;
}

.ys-nyban-title h1 {
    font-size: var(--font80);
    line-height: var(--line13);
    color: var(--colortext3);
}

.serv-qual-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.serv-qual-head-le {
    font-size: var(--font48);
    line-height: var(--line13);
    color: var(--colortext1);
}

.serv-qual-head-ri .mod-btn-item {
    width: 70px;
}

.serv-qual-ul {
    margin-top: 72px !important;
    margin: 0 -8px;
}

.serv-qual-ul-li {
    padding: 26px 16px 0;
    min-height: 610px;
    position: relative;
    border-right: 1px solid #c4cbcc;
    transition: all .4s;
    border-radius: 5px;
}

.squl-box-mask {
    border-radius: 5px;
    z-index: 5;
    opacity: 0;
    content: "";
    position: absolute;
    left: 0;
    height: 55.5%;
    width: 100%;
    top: 0;
    background: linear-gradient(180deg, #080131 0%, rgba(8, 1, 49, 0.00) 100%);
    transition: all .4s;
    object-fit: cover;
    clip-path: inset(416px 24px 0 24px round 8px);
    transition: clip-path .3s cubic-bezier(.4, .2, .4, 1);
}

.squl-box-hocry {
    display: block;
    border-radius: 8px;
    bottom: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    transition: clip-path .3s cubic-bezier(.4, .2, .4, 1);
    width: 100%;
    clip-path: inset(416px 24px 0 24px round 8px);
    height: 100%;
}

.squl-box-icon {
    width: 56px;
    height: 56px;
    background: #F5F7F9;
    border-radius: 5px;
    position: relative;
    transition: all .4s;
}

.squl-box-icon img {
    width: 100%;
    transition: all .4s;
}

.squl-box-icon img:nth-child(n+2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.squl-box-tit {
    transition: all .4s;
}

.squl-box-text {
    padding-top: 23px;
    padding-right: 33px;
    padding-bottom: 20px;
}

.squl-box-cry {
    position: relative;
    z-index: 10;
}

.serv-qual-ul .slick-list {
    overflow: visible;
}

.serv-qual-ul-li.act {
    border-right: 1px solid transparent;
}

.serv-qual-ul-li:first-child {
    border-left: 1px solid #c4cbcc;
}


.tech-inno {
    padding-top: 78px;
}

.tech-inno-top,
.tech-inno-bom {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.tech-inno-top-le {
    width: 57.5%;
    padding-right: 20px;
}

.tech-inno-top-ri {
    width: 42.5%;
    position: relative;
}

.tech-inno-top .tech-inno-top-ri {
    padding-top: var(--space40);
}

.tech-inno-bom {
    padding-top: 28px;
    margin-top: 26px;
    border-top: 1px solid #c4cbcc;
}

.titl-text {
    font-size: var(--font18);
    line-height: 1.7;
    color: var(--colortext1);
    opacity: 0.7;
}

.titr-ul {
    display: flex;
}

.titr-ul-li {
    width: 33.333333%;
}

.titr-ul-li-num {
    font-family: 'Outfit-Medium';
    font-size: var(--font48);
    line-height: var(--line11);
    color: var(--colormain);
}

.titr-ul-li-text {
    margin-top: 3px;
    font-size: var(--font16);
    color: var(--colortext1);
    line-height: 1.7;
}

.titr-text {
    margin-top: 31px;
}

.titr-text p {
    font-size: var(--font18);
    line-height: 1.7;
    color: var(--colortext1);
    opacity: 0.7;
}

.tibl-ul {
    display: flex;
    margin: 0 -6px;
}

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

.tibl-ul-li-text {
    position: relative;
    padding-left: 16px;
}

.tibl-ul-li-text::before {
    content: "";
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background: #E60012;
}

.tibl-ul-li-text p {
    font-size: var(--font18);
    color: var(--colortext1);
    line-height: 1.7;
    position: relative;
}

.tibr-img {
    width: 100%;
}

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

.tibr-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 44px;
    cursor: pointer;
}

.tibr-icon img {
    width: 100%;
}

.tech-inno-vedio {
    position: relative;
    margin-top: 54px;
}

.tech-manage {
    position: relative;
}

.tech-manage .ys-cont1400 {
    z-index: 10;
    position: relative;
}

.tech-manage-cry {
    width: 49%;
    padding-top: 252px;
    padding-bottom: 221px;
}

.tech-manage-cry-tit {
    font-size: var(--font48);
    color: var(--colortext1);
    line-height: var(--line11);
}

.tech-manage-cry-stit {
    padding-top: 37px;
}

.tech-manage-cry-text {
    padding-top: 17px;
}

.tech-manage-bj {
    width: 68.5%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.tech-manage-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.join-apply {
    padding-top: 103px;
}

.join-main .ys-nybanner .std-btn1-box {
    padding: 14px 47.5px;
}

.join-main .ys-nybanner .std-btn1-box p {
    color: var(--colortext1);
}

.ys-nyban-title-btn {
    width: fit-content;
    margin-top: 28px;
}

.join-main .ys-nyban-title p {
    padding-top: 0;
}

.rela-new-btn .std-btn1-box {
    background: var(--colormain);
}

.rela-new-btn .std-btn1-box p {
    color: var(--colortext3);
}

.rela-new-btn {
    width: fit-content;
    margin: 0 auto;
    margin-top: 45.5px !important;
}

.tech-word {
    padding-top: 126px;
}

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

.tech-word-head-le {
    width: 71.4%;
}

.twhl-tit {
    font-size: var(--font48);
    color: var(--colortext1);
    line-height: var(--line11);
}

.twhl-text {
    padding-top: 29px;
}

.twhl-text p {
    font-size: var(--font18);
    line-height: 1.7;
    color: var(--colortext1);
    opacity: 0.8;
}

.tech-word-head-ri .mod-btn-item {
    width: 70px;
}

.tech-word-warp {
    margin-top: 22px !important;
}

.deve-protect {
    margin-left: calc(50% - 700px);
    position: relative;
    overflow: visible;
}

.deve-prot-warp-ul {
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    z-index: 20;
    display: flex;
    border-radius: 10px;
    height: 852px;
    background: var(--colormain);
}

.dpwu-li {
    width: 28%;
    transition: all .4s;
    position: relative;
}

.dpwu-li.act {
    width: 44%;
}

.dpwu-li-warp {
    width: 100%;
    height: 100%;
    position: relative;
}

.dpwu-li-warp-tit {
    font-size: var(--font48);
    line-height: var(--line13);
    color: var(--colortext3);
    position: absolute;
    bottom: 46px;
    left: 50%;
    transform: translateX(-50%);
}

.dpwu-li-warp-bj {
    width: 100%;
    height: 100%;
}

.dpwu-li-warp-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s;
}

.dpwu-li-howarp {
    padding: 65px 129px 20px 82px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--colormain);
    transition: all .4s;
    opacity: 0;
}

.dpwu-li.act .dpwu-li-howarp {
    opacity: 1;
}

.dpwu-li.act .dpwu-li-warp {
    display: none;
}

.dpwu-li-icon {
    width: 70px;
}

.dpwu-li-icon img {
    width: 100%;
}

.dpwu-li-tit {
    margin-top: 25px;
    font-size: var(--font48);
    color: var(--colortext3);
    line-height: var(--line11);
}

.dpwu-li-ul {
    margin-top: 64px;
    max-height: 500px;
}

.dpwu-li-ul-li:nth-child(n+2) {
    padding-top: 30px;
}

.dlul-tit {
    padding-left: 16px;
    position: relative;
    font-size: var(--font24);
    line-height: var(--line16);
    opacity: 0.8;
    color: var(--colortext3);
}

.dlul-tit::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: var(--colortext3);
}

.dlul-text p {
    margin-top: 10px;
    font-size: var(--font18);
    line-height: var(--line16);
    opacity: 0.8;
    color: var(--colortext3);
}

.deve-action {
    margin-top: 585px;
    position: relative;
    overflow: visible;
}

.deve-acti-bj {
    position: absolute;
    left: 0;
    top: 102px;
    width: 31.4%;
}

.deve-acti-bj img {
    width: 100%;
}

.deve-acti-warp {
    display: flex;
    padding-left: calc(50% - 700px);
    padding-right: 4.270833%;
    position: relative;
    z-index: 10;
}

.deve-acti-warp-tit {
    margin-right: 4.791666%;
    flex-shrink: 0;
}

.deve-acti-warp-cont {
    flex: 1;
}

.deve-acti-warp-ul {
    display: flex;
    margin: 0 -20px;
}

.dawu-li {
    width: 33.333333%;
    padding: 0 20px;
}

.dawu-li-box {
    height: 100%;
    background: #F8F8F9;
    padding: 51px 38px 54px;
}

.dawu-li-box-img {
    width: 64%;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.dawu-li-box-icon {
    width: 50px;
}

.dawu-li-box-icon img {
    width: 100%;
}

.dawu-li-box-tit {
    margin-top: 16px;
    font-size: var(--font24);
}

.dawu-li-box-text {
    margin-top: 10px;
}

.dawu-li-box-text p {
    opacity: 0.8;
}

.deve-train {
    padding-top: 275px;
    position: relative;
    padding-bottom: 127px;
}

.deve-train-bj {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

.deve-train-bj img {
    width: 100%;
}

.dtlu-li:nth-child(n+2) {
    margin-top: 30px;
}

.deve-train-warp {
    display: flex;
    justify-content: space-between;
}

.deve-train-warp-le {
    width: 22.5%;
}

.deve-train-warp-mid {
    width: 51.5%;
    padding-left: 55px;
}

.deve-train-warp-ri {
    width: 26%;
    padding-left: 71px;
    padding-top: 65px;
}

.dtwl-tags-tit {
    opacity: 0.8;
}

.dtwl-tags {
    display: flex;
    justify-content: space-between;
    padding-bottom: 11px;
    border-bottom: 1px solid #c4c8cc;
}

.dtwm-img-li {
    border-radius: 100%;
    overflow: hidden;
}

.dtwl-tit {
    padding-right: 40px;
    padding-top: 84px;
}

.dtwl-tit-li {
    font-size: var(--font48);
    line-height: var(--line13);
    color: var(--colortext1);
}

.dtlu-li-tit {
    font-size: var(--font24);
    color: var(--colortext1);
    opacity: 0.8;
    line-height: var(--line11);
    position: relative;
    padding-left: 16px;
}

.dtlu-li-tit::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #E60012;
}

.dtwr-btn {
    width: fit-content;
    margin: 0 43px 0 auto;
}

.dtwr-btn .mod-btn-item {
    width: 70px;
}

.dtlu-li-text {
    margin-top: 10px;
}

.dtlu-li-text p {
    opacity: 0.8;
}

.dtlu-li:nth-child(n+2) {
    margin-top: 30px;
}

.dtwr-text {
    margin-top: 219px;
}

.tech-word-swiper {
    margin-top: 22px;
}

.serv-plan {
    position: relative;
}

.serv-plan::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 25%;
    z-index: 10;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}

.serv-plan-bj {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.serv-plan-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.serv-plan .ys-cont1400 {
    z-index: 10;
    position: relative;
}

.serv-plan-cry {
    padding-top: 46px;
    padding-bottom: 78px;
    display: flex;
}

.serv-plan-le {
    width: 38.5%;
    padding-right: 20px;
    padding-top: 23px;
}

.serv-plan-ri {
    width: 61.5%;
}

.serv-plan-le-tit p {
    font-size: var(--font48);
    color: var(--colortext1);
    line-height: var(--line13);
}

.serv-plan-ri-from {
    border-radius: 20px;
    background: #FFF;
    padding: 51px 70px 41px;
}

.sprf-tit {
    font-size: 28px;
    color: var(--colortext1);
    text-align: center;
    line-height: var(--line14);
    padding-bottom: 33px;
}

.sprf-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    position: relative;
    z-index: 10;
}

.sprf-ul-li {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 13px !important;
    position: relative;
}

.plan-form .ys-form-inof-item {
    padding: 0 10px;
}

.sprf-ul-li2 {
    width: 100%;
}

.sulb-top {
    font-size: var(--font16);
    color: var(--colortext1);
    line-height: 1.7;
}

.sulb-top span {
    color: #E60012;
}

.sulb-input {
    height: 40px;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    position: relative;
}

.sulb-input input {
    padding: 0 16px;
    width: 100%;
    line-height: 40px;
    color: var(--colortext1);
    font-size: var(--font16);
}

.sulb-input input::placeholder {
    line-height: 40px;
    color: var(--colortext1);
    font-size: var(--font16);
    opacity: 0.5;
}

.sulb-input {
    position: relative;
}

.sulb-input .ys-select-hd {
    line-height: 40px;
}

.sulb-input .mCSB_outside+.mCSB_scrollTools {
    right: 2px;
}

.sulb-input .ys-select {
    padding-right: 16px;
}

.sulb-input .suli-textarea {
    padding: 4px 16px;
    overflow: hidden;
}

.sulb-input .suli-textarea textarea {
    width: 100%;
    line-height: 1.7;
    font-size: var(--font16);
    overflow: hidden;
    font-family: "PingFang SC", "Microsoft YaHei" !important;
}

.ys-fii-name {
    margin-bottom: 3px;
}

.ys-form-inof-text .ys-fii-input {
    height: 68px;
}

.ys-form-inof-text .ys-fii-input {
    padding: 4px 16px;
    overflow: hidden;
    border: 1px solid #D9D9D9;
}

.ys-form-inof-text .ys-fii-input textarea {
    padding: 0;
    width: 100%;
    line-height: 1.7;
    font-size: var(--font16);
    overflow: hidden;
    font-family: "PingFang SC", "Microsoft YaHei" !important;
}

.ys-form-inof-text .sulb-input textarea::placeholder {
    font-family: "PingFang SC", "Microsoft YaHei" !important;
}

.yfii-code {
    position: relative;
}

.sprf-ul-li3 .sulb-input input {
    width: 50%;
}

.sulb-input-code {
    position: absolute;
    right: 2px;
    top: 0;
    height: calc(100% - 2px);
}

.sulb-input-code img {
    height: 100%;
    cursor: pointer;
}

.sprf-ul-li-box {
    display: flex;
    align-items: center;
}

.sprf-ul-li-box1 {
    padding: 0 4px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--colortext1);
    transition: all .4s;
}

.sprf-ul-li-box1 .sulb-box {
    margin-right: 48px;
    transition: all .4s;
    border: 1px solid var(--colortext1);
    border-radius: 4px;
}

.sprf-ul-li-box1 .sulb-box-img {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    background: #E0E0E8;
    opacity: 0;
    cursor: pointer;
    transition: all .4s;
}

.sulb-box img {
    width: 100%;
}

.sprf-ul-li-box1 .sulb-text p {
    line-height: 40px;
    color: var(--colortext1);
    transition: all .4s;
}

.sprf-ul-li.act .sulb-box {
    border: 1px solid #E0E0E8;
}

.ys-form-inof-item .icon-arrow-down:before {
    width: 32px;
    height: 32px;
    content: "";
    display: block;
    background: url(../images/c3_icon14.svg) center / cover no-repeat;
}

.ys-fia-text-btn::after {
    width: 100%;
    height: 100%;
    background: url(../images/c3_icon13.svg) center / cover no-repeat;
}

.ys-form-inof-item.act .sprf-ul-li-box1 {
    border: 1px solid #0F1D96;
}

.ys-form-inof-item.act .sulb-box-img {
    opacity: 1;
}

.ys-form-inof-item.act .sulb-text p {
    color: #0F1D96;
}

.sprf-ul-li-box2 {
    display: flex;
    align-items: center;
}

.sprf-ul-li-box2 .sulb-box {
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    margin-right: 11px;
    cursor: pointer;
}

.sulb-text p {
    font-size: var(--font16);
    line-height: 1.7;
    color: var(--colortext1);
}

.sulb-text p a {
    color: #0F1D96;
}

.sprf-ul-li-box2 {
    padding-top: 5px;
}

.sprf-ul-li-box2 .sulb-box {
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
}

.sprf-ul-li-box2 .sulb-box img {
    width: 100%;
    transition: all .4s;
    opacity: 0;
}

.sprf-ul-li.form_agree.on .sulb-box img {
    opacity: 1;
}

.sulb-cue {
    color: #FF3232;
    font-size: var(--font14);
    line-height: var(--line175);
    margin-top: 2px;
    position: relative;
    transition: all .4s;
    display: none;
}

.empty .sulb-cue {
    display: block;
}

.sprf-btn {
    margin-top: 17px;
    position: relative;
    z-index: 1;
}

.rela-ceo {
    padding-top: var(--space100);
    overflow: visible;
    position: relative;
    z-index: 20;
}

.rela-ceo .ys-cont1400 {
    display: flex;
    align-items: center;
}

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

.rela-ceo-le-renwu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px;
}

.rela-ceo-ri {
    width: 59%;
    padding-left: 115px;
    position: relative;
}

.rela-ceo-ri-tit {
    display: flex;
    align-items: end;
    margin-top: 45px;
}

.rela-ceo-ri-tit span:nth-child(1) {
    font-size: var(--font32);
    font-weight: 700;
    line-height: var(--line13);
    color: var(--colortext1);
    margin-right: 22px;
}

.rela-ceo-ri-tit span:nth-child(2) {
    font-size: var(--font18);
    line-height: 1.7;
    color: var(--colortext1);
}

.rela-ceo-ri-text.yxedr-active p:last-child {
    margin-bottom: 0;
}

.rela-ceo-ri-line {
    margin-top: 8px;
}

.rela-ceo-ri-line img {
    width: 44%;
    position: absolute;
    left: 0;
}

.rwul-tit {
    width: 50.7%;
    font-size: var(--font48);
    color: var(--colortext3);
    line-height: var(--line11);
}

.rwul-text {
    width: 50.7%;
    padding-top: 32px;
}

.rwul-text p {
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--colortext3);
}

.rela-way-ul-li2 .rwul-tit {
    color: var(--colortext1);
}

.rela-way-ul-li2 .rwul-text p {
    color: var(--colortext1);
}

.rela-way-ul {
    width: 100%;
    position: relative;
}

.rela-way-ul-li {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0px;
}

.rwul-cont {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 40px;
    overflow: hidden;
    z-index: 10;
}

.rwul-tit-bj {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--radius);
    overflow: hidden;
}

.rwul-tit-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rwul-cont-warp {
    width: 100%;
    position: relative;
    display: flex;
    top: 38%;
    transform: translateY(-50%);
    z-index: 10;
}

.rela-way {
    overflow: visible;
}

.rela-new {
    padding: 112px 0;
}

.rela-new-top {
    display: flex;
    align-items: center;
    margin: 0 -7px;
}

.rela-new-top-li {
    padding: 0 7px;
}

.rela-new-top-li p {
    padding: 0 24px;
    line-height: 46px;
    border-radius: 50px;
    border: 1px solid var(--colortext1);
    font-size: var(--font20);
    opacity: 0.7;
    color: var(--colortext1);
    transition: all .4s;
    cursor: pointer;
}

.rela-new-item-li:nth-child(n+2) {
    display: none;
}

.rela-new-top-li.act p {
    border: 1px solid rgb(230, 0, 18);
    color: rgb(230, 0, 18);
}

.rela-new-bom {
    margin-top: 48px;
}

.rela-new-bom-li:nth-child(n+2) {
    margin-top: 3px;
}

.rnul-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 26px 30px;
    background: #F8F8F9;
    transition: all .4s;
}

.rnul-tit p {
    font-size: var(--font18);
    line-height: var(--line14);
    color: var(--colortext1);
    transition: all .4s;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 2.8em;

}

.rnul-date {
    flex-shrink: 0;
}

.rnul-date p {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--colortext1);
    transition: all .4s;
    margin-left: 20px;
}

.rela-new-page {
    margin-top: 50px;
}

.rela-new-page .pc-fenye li {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: var(--colortext1);
}

.rela-new-page .pc-fenye li.activepage {
    color: #fff;
    background: #E60012;
}

.prev {
    margin-right: 50px;
}

.next {
    margin-left: 50px;
}

.prev li,
.first li,
.next li,
.end li {
    width: 16px !important;
}

.rela-invest {
    position: relative;
    padding-top: var(--space100);
    padding-bottom: 95px;
}

.rela-inve-bj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rela-inve-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prod-summ-cry {
    position: relative;
    overflow: visible;
}

.rela-invest .ys-cont1400 {
    position: relative;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.rela-inve-le {
    width: 44.8%;
    padding-right: 154px;
}

.rela-inve-ri {
    width: 55.2%;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(27.5px);
    padding: 59px 88px 73px;
}

.rela-inve-ri-text p {
    line-height: var(--line14);
}

.rela-inve-ri-mid {
    display: flex;
    align-items: center;
    margin-top: 49px;
}

.rirm-le {
    color: var(--colormain);
    margin-right: 12px;
}

.rirm-ri {
    display: flex;
    align-items: end;
}

.rirm-ri-img img {
    width: 34px;
    margin-right: 22px;
}

.rirm-ri-text p {
    line-height: var(--line14);
}

.rela-inve-ri-foot {
    padding-top: 36px;
}

.rirf-date p {
    line-height: var(--line14);
}

.rirf-text p {
    padding-top: 16px;
    line-height: var(--line14);
    opacity: 0.5;
}

.rela-inve-le-tit {
    font-size: var(--font48);
    line-height: var(--line14);
    color: var(--colortext1);
}

.rela-inve-le-ul {
    padding-top: 42px;
}

.rilu-li {
    display: flex;
}

.rilu-li:nth-child(n+2) {
    padding-top: 10px;
}

.rilu-li-le {
    width: 90px;
    flex-shrink: 0;
    font-size: var(--font18);
    line-height: var(--line16);
    color: #8a959e;
    margin-right: 30px;
}

.rilu-li-ri {
    font-size: var(--font18);
    line-height: var(--line16);
    color: #5e6b76;
}

.rilu-li-ri a {
    font-size: var(--font18);
    line-height: var(--line16);
    color: #5e6b76;
    transition: all .4s;
}

.rela-inve-le-website {
    padding-top: 105px;
}

.rilw-text p {
    font-size: var(--font16);
    line-height: var(--line14);
    color: var(--colortext1);
    opacity: 0.5;
}

.rilw-ul-li-text {
    margin-right: 20px;
    transition: all .4s;
}

.rilw-ul {
    margin-top: 15px !important;
    margin: 0 -11px;
    display: flex;
}

.rilw-ul-li {
    padding: 0 11px;
    display: flex;
    align-items: center;
}

.rilw-ul-li-box {
    display: flex;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #D2D5D9;
    padding: 10px 24px;
    transition: all .4s;
}

.rilw-ul-li-icon {
    position: relative;
}

.rilw-ul-li-icon img {
    width: 20px;
    transition: all .4s;
}

.rilw-ul-li-icon img:nth-child(n+2) {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.join-app-warp {
    display: flex;
}

.join-app-warp-le {
    width: 34.7%;
}

.jawl-img,
.jawr-img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.jawl-img img,
.jawr-img img {
    width: 100%;
}

.jawl-img img:nth-child(1),
.jawr-img img:nth-child(1) {
    position: relative;
    z-index: 10;
}

.jawl-img img:nth-child(2),
.jawr-img img:nth-child(2) {
    position: absolute;
    /* z-index: 10; */
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}

.join-app-warp-ri {
    width: 65.3%;
    padding-left: 6px;
    margin-top: 106px;
}

.join-apply .ys-cont1400 {
    position: relative;
}

.join-app-illu {
    z-index: 10;
    position: absolute;
    left: 18%;
    top: 80px;
    width: 34.2%;
    padding: 60px 100px 58px 80px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 23.6px 0px rgba(0, 0, 0, 0.10);
}

.join-app-illu-text p {
    opacity: 0.8;
}

.join-app-illu-text a {
    font-size: var(--font18);
    line-height: var(--line16);
    color: #2254CF;
    opacity: 0.8;
}

.join-app-illu-text {
    padding-top: 30px;
}

.join-app-illu-stext p {
    font-size: var(--font14);
    line-height: var(--line16);
    color: var(--colortext1);
    opacity: 0.8;
}

.join-app-illu-tit {
    /*padding-top: 30px; */
}

.join-app-illu-code {
    padding-top: 12px;
    width: 130px;
}

.join-app-illu-code img {
    width: 100%;
}

.join-app-illu-stext {
    padding-top: 9px;
}

.join-app-illu-text2 {
    padding-top: 37px;
}

.join-deve {
    padding-top: 172px;
    padding-bottom: 197px;
    position: relative;
}

.join-deve-warp {
    position: relative;
    z-index: 10
}

.join-deve-warp h2 {
    position: relative;
    z-index: 20;
}

.join-deve-bj {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.join-deve-bj img {
    width: 100%;
}

.join-main .ys-main h2 {
    font-size: var(--font48);
    line-height: var(--line13);
    color: var(--colortext1);
    text-align: center;
}

.join-deve-text {
    margin-top: 19px !important;
    text-align: center;
    width: 71.4%;
    margin: 0 auto;
    position: relative;
    z-index: 20;
}

.join-deve-ul {
    margin-top: 59px !important;
    display: flex;
    /* justify-content: space-between; */
    margin: 0 -20px;
    position: relative;
    z-index: 10;
}

.join-deve-ul-li {
    width: 20%;
    padding: 0 20px;
}

.jdul-icon {
    width: 104px;
    margin: 0 auto;
}

.jdul-icon img {
    width: 100%;
}

.jdul-text {
    text-align: center;
    padding-top: 21px;
}

.join-deve-text.yxedr-active p {
    opacity: 0.8;
}

.join-care {
    padding-bottom: 106px;
}

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

.join-care-ul-li {
    width: 33.333333%;
    padding: 0 20px;
    margin-top: var(--space40);
}

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

.join-care-ul .slick-dots {
    bottom: -20px;
}

.jcul-box-img {
    position: relative;
    width: 100%;
}

.jcul-box-img img {
    position: relative;
    width: 100%;
}

.jcul-box-word {
    padding: 25px 25px 35px;
}

.jcul-box-word-text {
    padding-top: 15px;
}

.jcul-box-word-text p {
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--colortext1);
    opacity: 0.8;
}

.join-post {
    position: relative;
    padding-top: 98px;
    padding-bottom: 109px;
}

.join-post-bj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.join-post-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    ;
}

.join-post .ys-cont1400 {
    position: relative;
    z-index: 10;
}

.join-post-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px;
}

.join-post-ul-li {
    width: 33.333333%;
    padding: 0 14px;
    margin-top: 32px;
}

.jpul-box {
    position: relative;
    padding: 10px 13px 11px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(10px);
    transition: all .4s;
    cursor: pointer;
}

.jpul-box::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border-radius: 10px;
    border: 1px solid #D0D4DB;
    transition: all .4s;
}

.jpul-box-addr {
    padding-left: 25px;
    position: relative;
    line-height: 1.7;
    opacity: 0.7;
    transition: all .4s;
}

.jpul-box-addr::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: var(--colormain);
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    transition: all .4s;
}

.jpul-box-tit {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 38px;
    transition: all .4s;
}

.jpul-box-btn {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    border: 1px solid var(--colortext1);
    transition: all .4s;
}

.jpul-box-btn img {
    width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s;
}

.jpul-box-btn img:nth-child(2) {
    opacity: 0;
}

.join-post-btn {
    /* display: none; */
    width: fit-content;
    margin: 0 auto;
    margin-top: 58px !important;
}

.post-modal .ys-modal-content {
    width: 1100px;
    padding: 71px 78px 65px;
    max-height: 920px;
    border-radius: 10px;
}

.post-modal-tit {
    line-height: var(--line13);
}

.post-modal-label {
    margin-top: 28px !important;
    display: flex;
    margin: 0 -24px;
}

.post-modal-label-li {
    display: flex;
    align-items: center;
    padding: 0 24px;
}

.pmll-iocn {
    width: 20px;
    margin-right: 6px;
}

.pmll-iocn img {
    width: 100%;
}

.pmll-text p {
    line-height: 1.7;
}

.post-modal-ul-li {
    margin-bottom: 42px;
}

.post-modal-ul-li:last-child {
    margin-bottom: 0;
}

.post-modal-ul {
    margin-top: 28px;
}

.pmul-text {
    padding-top: 9px;
}

.post-modal-email {
    margin-top: 25px;
}

.post-modal-email p {
    line-height: 1.7;
}

.post-modal-email p a {
    color: var(--colormain);
}

.post-modal-btn {
    margin-top: 26px;
    width: fit-content;
}

.cont-us {
    position: relative;
    padding-top: 115px;
    padding-bottom: 183px;
}

.cont-us .ys-cont1400 {
    position: relative;
    z-index: 10;
}

.cont-us-bj {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.cont-us-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cont-us-total {
    display: flex;
    margin-top: 70px !important;
}

.cont-us-total-li {
    width: 33.333333%;
    position: relative;
}

.cont-us-total-li::after {
    display: none;
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    background: url(../images/line2.svg) center / cover no-repeat;
}

.cont-us-total-li:last-child::after {
    background: 0;
}

.cont-us-ul-li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
}

.cont-us-total-li1 .cont-us-ul-li::after {
    display: none;
    background: url(../images/line1.svg) center / cover no-repeat;
}

.cont-us-total-li:nth-child(3n+1) .cont-us-ul-li {
    padding-right: 48px;
}

.cont-us-total-li:nth-child(3n+2) .cont-us-ul-li {
    border-bottom: 1px solid #C4C9CC;
    padding-left: 48px;
    padding-right: 48px;
}

.cont-us-total-li:nth-child(3n) .cont-us-ul-li {
    padding-left: 48px;
    padding-right: 48px;
}

.cont-us-total-li:nth-child(3n+2) .cont-us-ul-li:last-child {
    border-bottom: 0;
}

.cont-us-total-li:nth-child(3) .cont-us-ul-li::after {
    background: url(../images/line3.svg) center / cover no-repeat;
    display: none;
}

.cont-us-ul-li:last-child::after {
    background: 0;
}

.cont-us-total-li {
    border-right: 1px solid rgba(196, 201, 204, 0.40);
    border-bottom: 1px solid rgba(196, 201, 204, 0.40);
}

.cont-us-total-li:nth-child(3n+3) {
    border-right: 0px;
}

.cont-us-total-li:nth-last-child(-n+3) {
    border-bottom: 0px;
}

.cuul-ul-li {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(196, 201, 204, 0.00);
}

.cuul-ul-li:last-child {
    border-bottom: 0;
}

.cuul-ul {
    margin-top: 15px;
}

.cont-us-ul-li:nth-child(n+2) {
    margin-top: 36px;
}

.cuul-ul-li-le {
    margin-right: 20px;
}

.cont-us-ul-li {
    position: relative;
    padding-top: 21px;
    padding-bottom: 36px;
}

.cuul-ul-li-le {
    opacity: 0.8;
}

.cuul-ul-li-ri {
    opacity: 0.6;
}

.cuul-ul-li-ri.email {
    opacity: 1;
}

.cuul-ul-li-ri.email a {
    color: var(--colormain);
    font-size: var(--font16);
    line-height: var(--line16);
}

.cont-concern {
    padding-top: 187px;
    padding-bottom: 256px;
}

.cont-conc-warp {
    position: relative;
    margin: 0 auto;
    width: 43%;
}

.cont-conc-warp-ul {
    position: relative;
    z-index: 10;
}

.ccwl-li a {
    width: 100%;
    height: 100%;
}

@keyframes move {
    0% {
        transform: translate(0px, 0px) scale(0);
        border-radius: 50%;
    }

    80% {
        transform: translate(-5px, -5px) scale(1.05);
    }

    100% {
        transform: translate(0, 0) scale(1);
    }
}

.ccwu-li {
    transition: all .4s;
    display: none;
    padding: 78px 94px;
    border-radius: 0px 50px 50px 50px;
    background: #FFF;
    box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.10);
}

.ccwu-li.act {
    display: block;
    animation: move .4s ease-in-out;
}

.ccwu-li-box {
    display: flex;
    align-items: center;
}

.ccwu-li-le {
    width: 40%;
}

.ccwu-li-ri {
    width: 60%;
    padding-left: 60px;
}

.ccwu-li-ri-img {
    width: 67px;
}

.ccwu-li-ri-img img {
    width: 100%;
}

.ccwu-li-ri-tit {
    padding-top: 12px;
    line-height: var(--line13);
}

.ccwu-li-ri-text {
    padding-top: 12px;
}

.ccwu-li-ri-text p {
    opacity: 0.7;
    line-height: 1.7;
}

.cont-conc-warp-link {
    position: absolute;
    top: 50%;
    left: 50%;
}

.ccwl-li {
    cursor: pointer;
    width: 178px;
    height: 178px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ccwl-li-bj {
    width: 100%;
    height: 100%;
}

.ccwl-li1 .ccwl-li-bj {
    border-radius: 50px 50px 0px 50px;
    background: var(--colormain);
}

.ccwl-li1 .ccwl-li-img {
    width: 84px;
}

.ccwl-li2 .ccwl-li-img {
    width: 66px;
}

.ccwl-li3 .ccwl-li-img {
    width: 72px;
}

.ccwl-li4 .ccwl-li-img {
    width: 106px;
}

.ccwl-li5 .ccwl-li-img {
    width: 72px;
}

.ccwl-li6 .ccwl-li-img {
    width: 72px;
}

.ccwl-li2 .ccwl-li-bj {
    border-radius: 50px;
    background: #041B64;
}

.ccwl-li3 .ccwl-li-bj {
    border-radius: 50px 50px 0px 50px;
}

.ccwl-li4 .ccwl-li-bj {
    border-radius: 50px 50px 50px 0px;
    opacity: 0.1;
    background: #414EBB;
}

.ccwl-li5 .ccwl-li-bj {
    border-radius: 50px;
    background: #EBEDFB;
}

.ccwl-li6 .ccwl-li-bj {
    border-radius: 50px;
}

.ccwl-li6 .ccwl-li-img {
    border-radius: 10px;
    background: #0F1D96;
    padding: 12px 9px 9px 12px;
}

.ccwl-li-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

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


.summ-cent-top {
    background: rgba(15, 29, 150, 0.81);
    backdrop-filter: blur(22.950000762939453px);
}

.summ-cent-top .ys-cont1400 {
    padding-top: 7px;
    padding-bottom: 23px;
}

.summ-cent-top-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.sctu-li {
    width: 16.666666%;
    padding: 0 10px;
    padding-top: 14px;
}

.sctu-li p,
.sctu-li a {
    font-size: var(--font18);
    color: var(--colortext3);
    line-height: 1.7;
    cursor: pointer;
    position: relative;
    width: fit-content;
}

.sctu-li p::after,
.sctu-li a::after {
    content: "";
    position: absolute;
    width: 100%;
    width: calc(100% + 40px);
    height: calc(100% + 6px);
    border-radius: 43px;
    background: #000745;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: -1;
    transition: all .4s;
}

.sctu-li.act p::after,
.sctu-li.act a::after {
    opacity: 1;
}

.scbu-li-box {
    display: flex;
    flex-wrap: wrap;
}

.summ-warp {
    overflow: visible;
}

.scbu-li-box-le {
    width: 25.4%;
    background: #000745;
    margin: 4px 0;
    padding-top: 35px;
    position: sticky;
    top: calc(var(--line80) + var(--height));
    height: fit-content;
}

.slbl-box {
    padding-left: 18.8%;
}

.scbu-li-box-ri {
    width: 74.6%;
    padding-left: 62px;
    padding-right: 98px;
    padding-top: 9px;
    padding-bottom: 20px;
}

.summ-cent-top {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.slbl-tit {
    width: 71.7%;
    font-size: 36px;
    line-height: var(--line13);
    color: var(--colortext3);
}

.slbl-img {
    margin-top: 7px;
    width: 100%;
}

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

.slbr-ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px !important;
    margin: 0 -28px;
}

.slbr-ul-li {
    width: 33.333333%;
    padding: 0 28px;
    margin-bottom: 38px;
}

.slbr-ul-li-top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.sult-tit {
    font-size: var(--font24);
    line-height: var(--line13);
    color: var(--colortext1);
    transition: all .4s;
}

.sult-icon {
    width: 30px;
    position: relative;
    margin-right: 5px;
}

.sult-icon img {
    transition: all .4s;
    width: 100%;
    opacity: 0;
}

.sulb-li {
    display: flex;
    align-items: center;
    padding-top: 11px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.sulb-li-le {
    flex-shrink: 0;
    font-size: var(--font16);
    opacity: 0.5;
    color: var(--colormain);
    color: var(--colortext1);
    line-height: var(--line16);
    margin-right: 15px;
    transition: all .4s;
}

.sulb-li-ri {
    font-size: var(--font16);
    opacity: 0.7;
    color: var(--colormain);
    color: var(--colortext1);
    line-height: var(--line16);
    transition: all .4s;
}

.product-summary .ys-nybanner {
    overflow: visible;
}

.summ-cent-top.fixed {
    position: fixed;
    top: var(--line80);
    height: fit-content;
    z-index: 50;
}

.case-more .list-cry-bom .slick-dots {
    bottom: -20px;
}

.serv-qual-ul-li.show .squl-box-hocry {
    clip-path: inset(0 0 0 0);
}

.serv-qual-ul-li.show .squl-box-icon {
    background: transparent;
}

.serv-qual-ul-li.show .squl-box-icon img:nth-child(1) {
    opacity: 0;
}

.serv-qual-ul-li.show .squl-box-icon img:nth-child(2) {
    opacity: 1;
}

.serv-qual-ul-li.show .squl-box-tit {
    color: var(--colortext3);
}

.serv-qual-ul-li.show .squl-box-text p {
    color: var(--colortext3);
    opacity: 0.7;
}

.yftr-btn .std-btn1-box {
    padding: 14px 26px;
}

.yftr-btn {
    position: relative;
    margin: 0 0 0 auto;
}

.yftr-btn-code {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + 10px);
    opacity: 0;
    transition: all .4s;
}

.ys-share-box {
    position: relative;
}

.ys-share-code {
    position: absolute;
    width: 100px;
    left: 50%;
    bottom: 100%;
    transition: all .4s;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
}

.ys-share-code img {
    transform: scale(0.5);
    transition: all .4s;
}

.ys-share-list.act .ys-share-code {
    opacity: 1;
    transform: translateX(-50%) translateY(-10px);
}

.ys-share-list.act .ys-share-code img {
    transform: scale(1);
}





.ys_event3_cont {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.yecb_left {
    width: 48%;
    height: calc(100vh - 300px);
    position: relative;
}

.yecb_list {
    padding: 100px 0;
}

.yecb_right {
    width: 52%;
    padding-left: 100px;
}

.yecb_left_numnr {
    position: relative;
    top: 0;
    left: 0;
    width: 540px;
    height: 200px;
    transform: translate(0, 0);
}

.yecb_left_numnr_yuan {
    position: absolute;
    z-index: 1;
    width: 480px;
    height: 480px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    right: -60px
}

.ylny_circle2 {
    stroke-dasharray: var(--stroke-xian), var(--stroke-dashoffset);
    transition: all 0.36s cubic-bezier(.25, .74, .22, .99);
}

.yecb_left_numnr_year {
    height: 200px;
    position: relative;
    z-index: 10;
}

.ylny_text {
    height: 200px;
    position: relative;
}

.ylny_text_qian,
.ylny_text_span_hou {
    color: #4a6cf7;
    font-size: 220px;
    font-weight: bold;
}

.yecb_right_ul_li:first-child .trul_ul_li:first-child {
    padding-top: 0;
}

.trul_ul_li {
    margin-bottom: 40px;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(153, 153, 153, .2);
    padding: 0 20px 30px;
}

.tult_date {
    color: #333;
    opacity: .5;
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 8px;
}

.tult_word p {
    font-size: 16px;
    line-height: 1.75;
    color: #333;
}

.ylny_text_span {
    position: relative;
    transition: all .36s;
}

.ylny_text_span_hou.prev1 {
    display: block;
}

.ylny_text_span_hou.next1 {
    display: block;
}

.ylny_text_span_hou.act {
    display: block;
    color: #4a6cf7;
    opacity: 1;
    transition: all .36s;
}

.ylny_text_span_hou {
    display: none;
    opacity: .1;
    color: #333;
    transition: all .36s;
}

.dtwl-tags-label-prev,
.dtwl-tags-label-next,
.dtwl-tags-label-rob {
    font-size: var(--font18);
    color: var(--colortext1);
    line-height: var(--line16);
    opacity: 0.8;
}

.ys-ban-link.fixed {
    position: fixed;
    top: var(--line80);
    background: var(--colortext3);
    box-shadow: 0 0px 10px 0px rgb(0 0 0 / 5%);
}

.ys-ban-link.fixed .yblu-li a,
.ys-ban-link.fixed .yblu-li p {
    color: var(--colortext1);
}

.yblu-li.act a,
.yblu-li.act p {
    color: var(--colortext3) !important;
}

.ys-hd-pc.active {
    transform: translateY(-80px) translateX(0%);
}

.ys-hd-pc.active .head-nav-item-down {
    transform: translateX(150%);
}

.ys-ban-link.on {
    transform: translateY(-80px);
}

.rela-list .rela-new {
    padding: 63px 0 129px;
}

.dpwu-li-howarp .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #EEE;
    border-radius: 50px;
}

.dpwu-li-howarp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger_bar {
    background-color: var(--colortext1) !important;
    opacity: 0.7;
}

.ys-ban-model-cry .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #EEE;
    border-radius: 50px;
}

.ys-ban-model-cry .mCS-dark-2.mCSB_scrollTools .mCSB_dragger_bar {
    background-color: var(--colortext1) !important;
    opacity: 0.7;
}

.hpul-hocry .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #EEE;
    border-radius: 50px;
}

.hpul-hocry .mCS-dark-2.mCSB_scrollTools .mCSB_dragger_bar {
    background-color: var(--colortext1) !important;
    opacity: 0.7;
}

.dpwu-li-warp-tit {
    width: max-content;
}

.ys-main {
    position: relative;
}

.ys-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.49);
    z-index: 90;
    opacity: 1;
    transition: all .4s;
    pointer-events: none;
    opacity: 0;
}

.ys-main.mask::before {
    opacity: 1;
}

.solve-plan-bj-img img:nth-child(2) {
    display: none;
}

.ccwu-li-ri-btn a {
    display: flex;
    width: 167px;
    height: 53.1px;
    padding: 19px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    background: var(--colormain);
    border-radius: 43px;
}

.ccwu-li-ri-btn {
    margin-top: 26px;
}

.ccwu-li-ri-btn p {
    font-size: var(--font16);
    color: var(--colortext3);
    line-height: var(--line16);
}

.sulb-input-sele-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.sulb-input-sele-bom {
    max-height: 314px;
    display: none;
    padding: 16px 0px 14px 18px;
    position: absolute;
    width: 100%;
    z-index: 10;
    top: calc(100% + 1px);
    border-radius: 0px 0px 3px 3px;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    background: #FFF;
    box-shadow: 0px 16px 17.8px 0px rgba(0, 0, 0, 0.14);
}

.sulb-input-sele-bom2 {
    max-height: 314px;
    padding: 16px 0px 14px 18px;
    position: absolute;
    width: 100%;
    z-index: 10;
    top: calc(100% + 1px);
    border-radius: 0px 0px 3px 3px;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    background: #FFF;
    box-shadow: 0px 16px 17.8px 0px rgba(0, 0, 0, 0.14);
}

.ys-form-inof-item {
    margin-bottom: 13px;
}

.ys-form-inof-item .ys-select-bd {
    padding: 6px 0;
    border-radius: 0px 0px 3px 3px;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    background: #FFF;
    box-shadow: 0px 16px 17.8px 0px rgba(0, 0, 0, 0.14);
}

.ys-form-inof-item .ys-select-li {
    padding-left: 50px;
    position: relative;
}

.ys-form-inof-item .ys-select-li::before {
    content: "";
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid #D9D9D9;
}

.ys-form-inof-item .ys-select-li::after {
    transition: all .4s;
    opacity: 0;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 18px;
    width: 20px;
    height: 20px;
    background: url(../images/c3_icon13.svg) center / cover no-repeat;
}

.ys-form-inof-item .ys-select-li {
    font-size: var(--size14);
    line-height: 1.7;
    color: var(--colortext1);
    padding: 6px 47px;
    transition: all .4s ease;
}

.ys-form-inof-item .ys-select-li.on::after {
    opacity: 1;
}

.ys-form-inof-item.ys-form-third-country .ys-fii-input,
.ys-form-inof-item.ys-form-third-state .ys-fii-input,
.ys-form-inof-item.ys-form-third-city .ys-fii-input {
    border: 1px solid #D9D9D9;
}

.ys-select-li.act::after {
    opacity: 1;
}

.ys-select-li-box {
    display: flex;
}

.sist-icon {
    width: 32px;
    margin-right: 3px;
}

.sist-icon img {
    width: 100%;
    transition: all .4s;
}

.sisb-ul-li-box {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.sisb-ul-li:nth-child(n+2) {
    margin-top: 13px;
}

.yslb-icon {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    margin-right: 9px;
}

.yslb-icon img {
    width: 100%;
    opacity: 0;
    transition: all .4s;
}

.sulb-input-sele-top .sist-input {
    width: 100%;
}

.sist-input {
    pointer-events: none;
}

.ys-form-inof-item.on .sist-icon img {
    transform: rotate(180deg);
}


.sisb-ul-li.on .yslb-icon img {
    opacity: 1;
}

.sprf-ul-li.box .sulb-top {
    opacity: 0;
}

.contact-main .serv-plan-ri {
    margin: 0 0 0 auto;
}

.contact-main .serv-plan .ys-cont1400 {
    z-index: 10;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 128px;
}

.contact-main .serv-plan-bj {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
}

.contact-main .ys-bread-list a {
    color: var(--colortext1);
}

.contact-main .ys-bread-list a {
    color: var(--colortext1);
}

.contact-main .banner-mbx .ys-bread-list::before {
    color: var(--colortext1);
}

.ys-page-wrap.act .ys-hd-pc {
    box-shadow: none;
}

.sprf-ul-li4 {
    width: 33.333333%;
}

.slbr-search {
    position: relative;
    width: 404px;
}

.slbr-sear-top {
    cursor: pointer;
    display: flex;
    width: 404px;
    border: 1px solid rgba(57, 72, 84, 0.20);
    background: #EFF0F5;
}

.slbr-sear-bom {
    display: none;
    z-index: 10;
    position: absolute;
    top: calc(100% + 0px);
    width: 100%;
    padding: 21px 120px 59px 28px;
    border-radius: 0px 0px 10px 10px;
    background: #FFF;
    box-shadow: -8px 13px 19.6px 0px rgba(0, 0, 0, 0.25);
}

.slbr-sear-bom-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}

.ssbu-li {
    margin-top: 14px;
    padding: 0 6px;
}

.ssbu-li p {
    cursor: pointer;
    line-height: 1.7;
    border-radius: 50px;
    background: rgba(57, 72, 84, 0.10);
    transition: all .4s;
    opacity: 0.8;
    color: var(--colortext1);
    padding: 2px 8px;
}

.slbr-sear-top-icon {
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    background: var(--colormain);
}

.slbr-sear-top-icon img {
    width: 100%;
    padding: 4px;
}

.slbr-sear-top-input {
    width: 100%;
    padding-left: 23px;
}

.slbr-sear-top-input input {
    cursor: pointer;
    width: 100%;
    font-size: var(--font16);
    line-height: 46px;
    color: var(--colortext1);
}

.slbr-sear-top-input input::placeholder {
    width: 100%;
    font-size: var(--font16);
    line-height: 40px;
    color: var(--colortext1);
}

.ys-fii-input {
    height: 40px;
}

.ys_text16_effect .text16_word {
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin: -15px 0 -5px;
    padding: 15px 0 5px;
}

.ys_text16_effect .text16_word_wrap {
    display: inline-block;
    margin-left: -5px;
    padding-left: 5px;
}

.ys_text16_effect .text16_word,
.ys_text16_effect .text16_word_wrap {
    vertical-align: top;
}

.ys_text16_effect .text16_word_wrap {
    -webkit-animation: text16_fadeup1 800ms cubic-bezier(.25, .74, .22, .99) both;
    animation: text16_fadeup1 800ms cubic-bezier(.25, .74, .22, .99) both;
    animation-delay: calc(var(--line-index)*0.1s + 800ms);
}

.ys_text16_effect.aimated .text16_word_wrap {
    -webkit-animation: text16_fadeup1 800ms cubic-bezier(.25, .74, .22, .99) both;
    animation: text16_fadeup1 800ms cubic-bezier(.25, .74, .22, .99) both;
    animation-delay: calc(var(--line-index)*0.1s);
}

@keyframes text16_fadeup1 {
    0% {
        -webkit-transform: translate3d(0, 120%, 0);
        transform: translate3d(0, 120%, 0);
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0);
    }
}

/* .ys-ban-title p  span:nth-child(2){
    animation-delay: .3;
} */

.ys-ban-title p span {
    display: inline-block;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.5s, opacity 0.5s;
}

.home-deve-tit p span {
    display: inline-block;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.8s, opacity 0.8s;
}

.ys-phnav-header-le,
.ys-phnav-header-ri {
    display: flex;
    align-items: center;
}

.ys-phnav-logo {
    margin-left: 20px;
}

.ys-phnav-header-ri .ys-phnav-btn {
    margin-right: 20px;
}

.ys-phnav-search .ys-modal-wrap {
    align-items: baseline;
}

.ys-ph-navbar4 .ys-phnav-menu {
    background: var(--colormain);
}

/* .ys-ph-navbar4 .ys-ph-nav .ys-phnav-header-font, .ys-ph-navbar4 .ys-ph-nav a {
    color: var(--colortext3);
}
.ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a, .ys-ph-navbar4 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-navbar4 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {
    color: var(--colortext3);
} */
.ypll-box {
    background: #000D7D;
}

.ypll-text p {
    color: var(--colortext3);
}

.yspc-wrap-sear {
    height: 100%;
    background: var(--colormain);
    padding-top: 40px;
}

.ys-phnav-search .ys-modal-container {
    height: 100%;
}

.yspc-wrap-sear-tit {
    font-size: 42px;
    color: var(--colortext3) !important;
}

.ywsu-li a {
    font-size: 42px;
    color: var(--colortext3) !important;
}

.ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
.ys-ph-navbar4 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-navbar4 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {
    font-size: var(--font20);
}

.ys-ph-nav>li>div>a>div {
    font-size: var(--font48);
}

.ys-ph-nav>li {
    border-bottom: 1px solid #858abb;
}

.ys-fii-submit {
    height: fit-content;
    line-height: normal;
    text-align: center;
    background: transparent;
    color: #fff;
    font-weight: 700;
    font-size: var(--size16);
    cursor: pointer;
}

.serv-plan .ys-form-inof-submit {
    width: 100%;
    margin-left: 0%;
}

.yx_sidebar1_list_nub.act .ysln_tan {
    pointer-events: inherit;
    opacity: 1;
    transform: translateX(-82px) translateY(-50%);
}

.yx_sidebar1_list_nub.act .ysln_tan_cry {
    pointer-events: inherit;
}

.join-deve-bj img {
    width: 100%;
}

.contact-main .serv-plan {
    overflow: visible;
}

.contact-main .serv-plan .ys-cont1400 {
    top: 128px;
    position: relative;
    left: 0;
    transform: translateY(0);
}

.contact-main .serv-plan-bj {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.contact-main .serv-plan-cry {
    padding-top: 0px;
    padding-bottom: 0px;
}

.summ-cent-bomph-search {
    z-index: 10;
    padding: 17px 0;
    background: #FFF;
    box-shadow: 0px 4px 11.3px 0px rgba(0, 0, 0, 0.07);
}

.scbs-box {
    width: 60%;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.scbs-input {
    border-radius: 10px;
    background: #EEE;
    width: calc(100% - 47px);
}

.scbs-input input {
    padding: 0 10px;
    width: 100%;
    font-size: var(--font16);
    color: var(--colortext1);
    line-height: 46px;
}

.scbs-iocn {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background: var(--colormain);
    padding: 9px;
    margin-left: 6px;
}

.scbs-iocn img {
    width: 100%;
}

.summ-cent-bomph {
    position: sticky;
    top: 0;
    display: none;
}

.summ-cent-bomph-box {
    display: flex;
}

.scbu-li-box-phle {
    width: 25%;
    background: var(--colortext3);
}

.scbu-li-box-phri {
    width: 75%;
    padding: 36px 44px;
    background: #F8F8F8;
}

.scph-ul-li a {
    width: 100%;
    font-size: var(--font24);
    line-height: var(--line14);
    color: var(--colortext1);
    position: relative;
    padding: 21px 27px 24px 33px;
    transition: all .4s;
}

.scph-ul-li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 7px;
    background: var(--colormain);
    transition: all .4s;
    opacity: 0;
}

.scph-ul-li.act a::before {
    opacity: 1;
}

.scph-ul-li.act a {
    color: var(--colormain);
    background: #e9eefa;
}

.scbu-li-box-phle {
    overflow-y: auto;
    /* 允许纵向滚动 */
    box-sizing: border-box;
}

.scbu-li-box-phle {
    height: calc(100vh - 56px);
}

.scbu-li-box-phle::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}

.post-modal .ys-modal-close {
    position: absolute;
    right: 37px;
    top: 36px;
    font-size: 30px;
    font-weight: 700;
    cursor: pointer;
    z-index: 10;
}

.post-modal .ys-modal-close .iconfont {
    font-size: 30px;
}

.post-modal .ys-modal-content {
    padding: 71px 45px 65px 78px;
}

.pmul-text.yxedr-active p {
    margin-bottom: 0;
}

.list-new .lcbl-box-bom {
    background: #F8F8F9;
    padding: 37px 25px 26px;
}

.lcbl-box-date {
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--colortext1);
    margin-top: var(--space40);
}

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

.lcbl-box-bom {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.lcbl-box-text {
    flex: 1;
}

.slbr-btn {
    text-align: center;
    padding-bottom: 59px !important;
}

.slbr-btn a {
    margin: 0 auto;
    opacity: 0.7;
    color: var(--colormain);
    font-size: var(--font18);
    line-height: var(--line16);
    transition: all .4s;
}

.xunjia .ys-fii-name {
    opacity: 0;
    pointer-events: none;
}

.cont-us-total {
    display: flex;
    flex-wrap: wrap;
}

.cont-us-total-li {
    width: 33.333333%;
    height: fit-content;
}

@keyframes fadeInUpimg {
    0% {
        transform: scale(1.5);
    }

    100% {
        transform: none;
    }
}

.yx-case8-fadeInUpimg {
    animation: fadeInUpimg 2.4s ease 1;
}

.yftr-btn .std-btn1-box {
    border: 1px solid #fff;
}

.solve-main .ys-nyban-title h1 {
    width: 36.4%;
}

.solve-main .ys-nyban-title p {
    width: 36.4%;
    opacity: 0.6 !important;
}

.ccwl-text.yxedr-active p.highlight {
    opacity: 1;
}

.case-details.new-details .case-cry-warp {
    padding-top: 0;
}

.join-post-btn .std-btn1-box {
    padding: 13px 45px;
}

.ys-nyban-title-btn .std-btn1-box {
    border: 1px solid #fff;
}

/* .ys-ph-navbar4 .ys-ph-nav .ys-phnav-header-font,
 .ys-ph-navbar4 .ys-ph-nav a {
    color: #fff;
} */
.ys-phnav-haschild .ys-phnav-header-font {
    color: #cfd2ea !important;
}

.ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
.ys-ph-navbar4 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-navbar4 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {
    color: #fff !important;
}

.ys-ph-nav>li>.ys-phnav-lisbox>a>.ys-phnav-header-font {
    color: #fff !important;
}

.home-plan-ri-text {
    margin-top: 14px;
}

.tech-inno-top-le .titl-tit {
    margin-top: 10px;
}

.overview-main .ys-nybanner {
    position: relative;
}

.overview-main .ys-nybanner .ys-nyban-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.overview-main .ys-nybanner .ys-nyban-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-news .ys-cont1400 {
    position: relative;
}

.hidden {
    display: inline-block;
    opacity: 0;
}


.ys-select-show {
    padding-right: 20px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    pointer-events: none;
    user-select: none;
}

.company .ys-select-show {
    pointer-events: inherit;
    user-select: inherit;
}

.comp-bj {
    padding-top: 10px;
    position: relative;
    width: 100%;
    height: 160px;
    top: 0;
    left: 0;
    background: #fff;
    height: 140px;
    opacity: 0;
}

.comp-bj-dots {
    display: flex;
    margin: 0 4px;
    padding-top: 15px;
    padding-left: 10px;
    z-index: 10;
}

.comp-bj-dots-li {
    padding: 0 4px;
}

.comp-bj-dots-li span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #0572EC;
    border-radius: 50%;
}

@keyframes dot-jump {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-15px);
    }
}

.comp-bj-dots-li.dot1 {
    -webkit-animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.comp-bj-dots-li.dot2 {
    -webkit-animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.comp-bj-dots-li.dot3 {
    -webkit-animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.company-bom {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 20;
    background: #fff;
    box-shadow: 0px 16px 17.8px 0px rgba(0, 0, 0, 0.14);
    /* position: relative; */
}

.company-bom::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 10px;
    background: red;
    opacity: 0 !important;
    transition: all .4s;
}

.company-bom.act::after {
    opacity: 1;
}

.ys-select {
    z-index: inherit;
}

.company-bom {
    height: 160px;
}

.comp-bj-circle {
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
}

/* .comp-bj .ys-select-li{
    display: none;
} */
.develop-main h1 {
    margin-top: 28px;
}

.head-logo img {
    width: 197px;
}

.join-main .ys-nyban-title.ys-pos-center {
    top: 54%;
}

.ys-phnav-header-le,
.ys-phnav-header-ri {
    display: flex;
    align-items: center;
}

.ys-ph-navbar4 .ys-phmenu-scroll {
    max-height: calc(100vh - 300px);
}

.over-miss-cry .slick-track {
    height: 100%;
}


/* e1 */
.about-banner {
    position: relative;
    overflow: inherit;
    background: var(--color4);
    margin-top: 26px;
}

.about-banner-cont {
    height: auto;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - var(--line80));
    top: var(--line80);
}

.abcw-list-bg {
    position: absolute;
    overflow: hidden;
    transform-origin: right center;
    width: 686px;
    height: 441px;
    right: 0;
}

.abcw-list-bg-imgs {
    position: relative;
    overflow: hidden;
    cursor: none;
    height: 100%;
    height: 100%;
}

.albi-bg {
    position: relative;
    z-index: 20;
    width: 100%;
    height: 100%;
}

.abcw-list-bg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    z-index: 20;
}

/* .abcw-list-sticky{
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
} */
.abcw-list-ph {
    display: none !important;
}

.altw-tit-sub {
    height: 100%;
    text-align: center;
    transition: all .36s;
    overflow: hidden;
}

.abcw-list-bg-imgs {
    height: 100%;
}

.albi-bg {
    height: 100%;
}

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

.abcw-list-texts {
    transform: translateY(0) !important;
    opacity: 1 !important;
}

.abcw-list-texts {
    will-change: transform, opacity;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.abcw-list-text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    transform-origin: left center;
}

.ban-title {
    font-size: 60px;
    line-height: 1.5;
    color: #fff;
    transition: all .36s;
    text-align: center;
}

.abcw-list-text-wrap {
    transition: none;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    position: relative;
    transform-origin: left center;
    align-items: flex-start;
    transform-origin: left 10%;
}

.altw-tit {
    position: relative;
    height: 100vh;
}

.abcw-list-text h1 {
    font-size: 60px;
    line-height: 1.5;
    color: #fff;
    transition: all .36s;
    text-align: center;
}

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

.about-banner-text {
    padding-top: 160vh;
    padding-bottom: 30vh;
    overflow: hidden;
}

.yx-cont1400 {
    width: 85vw;
    max-width: 1400px;
    margin: auto;
}

.sticky-body,
.sticky-html {
    overflow: visible !important;
}

.abcw-list-bg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    z-index: 20;
}

.abcw-list-bg-imgs img {
    width: 100%;
    z-index: 4;
}

.abcw-list-bg-imgs video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.albi-bg {
    position: relative;
    z-index: 20;
}

.albi-bg.act {
    z-index: 10;
}

.abcw-list-bg-icon {
    pointer-events: none;
}

.abcw-list-bg-imgs {
    position: relative;
    overflow: hidden;
    cursor: none;
}

.abcw-list-bg-imgs video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-banner-line-warp {
    margin-top: 29px;
    background: #394854;
    height: 1px;
    margin-bottom: 29px;
}

.company-box {
    position: relative;
}

.head-nav-item-nub .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    /* background: rgba(0, 0, 0, 1); */
    width: 2px;
}

.head-nav-item-nub .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 1);
    width: 2px;
}

.banner-date {
    font-size: var(--font16);
    color: var(--colortext3);
    line-height: var(--line16);
    margin-bottom: 23px;
}

.banner-addr {
    display: flex;
    align-items: center;
    margin-top: 33px;
}

.banner-addr img {
    width: 20px;
    margin-right: 1px;
}

.banner-addr span {
    font-size: var(--font16);
    color: var(--colortext3);
    line-height: var(--line16);
}

.hnul-box-btn {
    display: none;
}

.slbr-ul-li a {
    width: 100%;
}

#text-input {
    cursor: pointer;
}


.home-about-json {
    position: relative;
}

.home-about-earth {
    position: absolute;
    top: 35%;
    left: 41.4%;
}

#earth {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    overflow: hidden;
    transition: all .4s;
    z-index: 1;
    opacity: 1;
    animation: move 4s infinite ease-in-out;
}

@keyframes move {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

.home-about-img {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.develop-main .ys-nyban-title h1 {
    font-size: 60px !important;
}

.hahb-ri-btn .std-btn1-box {
    border: 1px solid #fff;
}

.yftr-btn2.act .yftr-btn-code {
    opacity: 1;
}

.yftr-btn-code {
    width: 120px;
}

.yongsy-pc-ph-table td p {
    font-size: var(--font16);
    line-height: 1.75;
    color: var(--color1);
}

.home-about-head-bom {
    position: relative;
}

.home-about .swiper-pagination-progressbar {
    top: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}

.home-about .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgba(255, 255, 255, 0.3);
}

.over-product-le .swiper-pagination-progressbar {
    top: auto !important;
    bottom: -30px !important;
    width: 20% !important;
    height: 1px !important;
    background: rgba(255, 255, 255, 0.1);
}

.over-product-le .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgba(255, 255, 255, 0.3);
}

.over-product-le.swiper-container {
    overflow: visible !important;
}

.over-product-le .swiper-slide,
.hahb-le .swiper-slide {
    background: #000745 !important;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .ycbu-li p:hover {
        background: rgba(34, 84, 207, 0.10);
        color: var(--colormain);
    }

    .slbr-btn a:hover {
        color: var(--colormainbj);
    }

    .join-main .ys-nybanner .std-btn1-box:hover p {
        color: var(--colortext3);
    }

    .ssbu-li:hover p {
        background: #E9EEFB;
        color: #3b47aa;
    }

    .yblu-li:hover a,
    .yblu-li:hover p {
        color: var(--colortext3) !important;
    }

    .slbr-ul-li:hover .sult-icon img {
        opacity: 1;
        transform: translateX(5px);
    }

    .slbr-ul-li:hover .sulb-li-le {
        color: var(--colormain);
    }

    .slbr-ul-li:hover .sulb-li-ri {
        color: var(--colormain);
    }

    .slbr-ul-li:hover .sult-tit {
        color: var(--colormain);
    }

    .sctu-li p:hover::after,
    .sctu-li a:hover::after {
        opacity: 1;
    }

    .jpul-box:hover {
        background: #0F1D96;
    }

    .jpul-box:hover::before {
        border: 1px solid #D0D4DB;
    }

    .jpul-box:hover .jpul-box-addr::before {
        background: var(--colortext3);
        opacity: 1;
    }

    .jpul-box:hover .jpul-box-addr {
        color: var(--colortext3);
        opacity: 0.7;
    }

    .jpul-box:hover .jpul-box-tit {
        color: var(--colortext3);
    }

    .jpul-box:hover .jpul-box-btn img:nth-child(1) {
        opacity: 0;
    }

    .jpul-box:hover .jpul-box-btn img:nth-child(2) {
        opacity: 1;
    }

    .jpul-box:hover .jpul-box-btn {
        background: #E60012;
        border: 1px solid #E60012;
    }

    .rela-new-top-li p:hover {
        border: 1px solid rgb(230, 0, 18);
        color: rgb(230, 0, 18);
    }

    .rilw-ul-li-box:hover {
        border: 1px solid var(--colormain);
    }

    .rilw-ul-li-box:hover .rilw-ul-li-text {
        /* color: var(--colormain); */
        color: rgb(230, 0, 18);
    }

    .rilw-ul-li-box:hover .rilw-ul-li-icon img:nth-child(2) {
        opacity: 1;
    }

    .rilw-ul-li-box:hover .rilw-ul-li-icon img:nth-child(1) {
        opacity: 0;
    }

    .rilu-li-ri a:hover {
        color: var(--colormain);
    }

    .rela-new-bom-li:hover .rnul-box {
        background: #EFF0F5;
    }

    .rela-new-bom-li:hover .rnul-tit p {
        color: var(--colormain);
    }

    .rela-new-bom-li:hover .rnul-date p {
        color: var(--colormain);
    }

    .serv-qual-ul-li:hover .squl-box-mask {
        opacity: 1;
        clip-path: inset(0 0 0 0);
    }

    .serv-qual-ul-li:hover .squl-box-icon img:nth-child(2) {
        opacity: 1;
    }

    .serv-qual-ul-li:hover .squl-box-icon img:nth-child(1) {
        opacity: 0;
    }

    .serv-qual-ul-li:first-child:hover {
        border-left: 1px solid transparent;
    }

    .serv-qual-ul-li:hover {
        border-right: 1px solid transparent;
    }

    .scru-li-bom-li a:hover {
        color: var(--colormain);
        opacity: 1;
    }

    .pcul-prod-li-box:hover .pcul-prod-li-icon img:nth-child(1) {
        opacity: 0;
    }

    .pcul-prod-li-box:hover .pcul-prod-li-icon img:nth-child(2) {
        opacity: 1;
    }

    .pcul-prod-li-box:hover .pcul-prod-li-tit p {
        color: var(--colormain);
    }

    .pcul-prod-li-box:hover .pcul-prod-li-tit img {
        transform: translateX(5px);
    }

    .prod-cry-head-imgbtn p:hover {
        color: var(--colormainbj);
    }

    .prod-cry-head-imgbtn p::after:hover {
        color: var(--colormainbj);
    }

    .pchb-box:hover .pchb-box-iocn img:nth-child(n+2) {
        opacity: 1;
    }

    .pchb-box:hover .pchb-box-iocn img:nth-child(1) {
        opacity: 0;
    }

    .pchb-box:hover .pchb-box-le {
        color: var(--colormain);
    }

    .pchb-box:hover {
        border: 1px solid var(--colormain);
    }

    .ccwl-link a:hover span:nth-child(2) {
        color: var(--colormain);
    }

    .ccwr-info-ul-li a:hover .ciul-tit {
        color: var(--colormain);
    }

    .mod-page .pc-fenye li:hover {
        color: #fff;
        background: #E60012;
    }

    .rela-new-page .pc-fenye li:hover {
        color: #fff;
        background: #E60012;
    }

    .first li:hover,
    .prev li:hover,
    .end li:hover,
    .next li:hover {
        color: #E60012 !important;
        background: transparent !important;
    }

    .rela-new-page .first li:hover,
    .rela-new-page .prev li:hover,
    .rela-new-page .end li:hover,
    .rela-new-page .next li:hover {
        color: #E60012 !important;
        background: transparent !important;
    }

    .lchr-pull-ul-li:hover p {
        color: var(--colormain);
    }

    .list-cry-top-li a:hover {
        color: var(--colortext3);
        background: var(--colormain);
        border: 1px solid var(--colormain);
    }

    .yx_sidebar1_list_nub:hover .ysln_tan {
        pointer-events: inherit;
        opacity: 1;
        transform: translateX(-42px) translateY(-50%);
    }

    .yblu-li:hover {
        background: #0F1D96;
    }

    .yfhl-le>ul>li>ul>li>a:hover {
        opacity: 1;
    }

    .std-btn2-box:hover::after {
        width: 100%;
        left: 0;
        right: auto;
    }

    .std-btn2-box:hover img {
        transform: translateX(5px);
    }

    .std-btn1-box:hover::after,
    .std-btn3-box:hover::after {
        width: 100%;
        left: 0;
        right: auto;
    }

    .std-btn1-box:hover p,
    .std-btn3-box:hover p {
        color: var(--colortext3);
    }

    .std-btn1-box:hover .std-btn1-box-circle::before,
    .std-btn3-box:hover .std-btn3-box-circle::before {
        transform: scale(1);
    }

    .std-btn1-box:hover .sbbi1-img,
    .std-btn3-box:hover .sbbi1-img {
        transform: translateX(0px) scaleY(1);
    }

    .std-btn1-box:hover .std-btn1-box-icon::before,
    .std-btn3-box:hover .std-btn3-box-icon::before {
        transform: translate(-50%, -50%) scale(0);
    }

    .std-btn1-box:hover .std-btn1-box-icon::after,
    .std-btn3-box:hover .std-btn3-box-icon::after {
        background-color: var(--colortext3);
        transform: translate(-50%, -50%) scale(0.7);
    }

    .head-other-btn .std-btn1-box:hover .std-btn1-box-icon::after,
    .ccwr-link-btn .std-btn1-box:hover .std-btn1-box-icon::after,
    .join-post-btn .std-btn1-box:hover .std-btn1-box-icon::after,
    .post-modal-btn .std-btn1-box:hover .std-btn1-box-icon::after {
        background: var(--colormain);
    }

    /* .head-other-btn .std-btn1-box:hover p,
    .ccwr-link-btn .std-btn1-box:hover p,
    .join-post-btn .std-btn1-box:hover p,
    .post-modal-btn .std-btn1-box:hover p{
        color: var(--colormain);
    } */
    .head-other-btn .std-btn1-box:hover p,
    .ccwr-link-btn .std-btn1-box:hover p,
    .join-post-btn .std-btn1-box:hover p {
        color: var(--colormain);
    }

    .sprf-btn .std-btn1-box:hover {
        background: var(--colormainbj);
    }

    .hpru-li-box:hover .std-h8 {
        color: var(--colormain);
    }

    .hpru-li-box:hover img {
        transform: translateX(10px);
    }

    .lcbl-box:hover .lcbl-box-text p {
        color: var(--colormain);
    }
}


/* 2025.5.27 ada start*/
.over-need-warp {
    position: relative;
    overflow: hidden;
}

.over-need {
    padding-top: var(--space100);
    padding-bottom: var(--space100);
    background: #000745;
    height: 230vh;
}

.over-need-warp-text .std-h3 {
    color: var(--colortext3);
    line-height: var(--line13);
}

.over-need-warp-img {
    width: 100%;
}

.over-need-warp-img img {
    width: 100%;
}

.opwt-le .std-h3 {
    position: absolute;
    top: 30%;
    left: 34%;
    z-index: 30;
}

.opwt-ri .std-h3 {
    position: absolute;
    top: 50%;
    right: 34%;
    z-index: 30;
}

.over-need-warp-img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* background-color: #071d49; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    justify-content: center;
    position: relative;
    width: 100%;
}

.over-need-warp-img img {
    /* border-top-left-radius: 3.2rem; */
    /* border-top-right-radius: 3.2rem; */
    height: 70vh;
    -o-object-fit: cover;
    object-fit: cover;
    width: 0;
    z-index: 0;
}

.over-culture h2 {
    font-size: var(--font48);
    text-align: center;
    color: var(--colortext3);
    position: relative;
    z-index: 10;
    background: #000745;
}

.over-mission {
    padding-top: 67px;
}

.over-honor h2 {
    font-size: var(--font48);
    text-align: center;
    color: var(--colortext1);
    line-height: var(--line14);
    transform: scale();
}

/* .over-honor .swiper-slide.swiper-slide-active{
    transform: scale(2);
} */
/* .over-honor .swiper-wrapper{
    overflow: hidden;
} */
.over-globe {
    padding-top: 142px;
    background: var(--colormainbj);
    border-bottom: 1px solid var(--colortext3);
}

.over-globe-head {
    width: 61.785%;
    margin: 0 auto;
}

.over-globe-head-top {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 26px;
}

.over-globe-head-top img {
    width: 208px;
    margin-right: 25px;
}

.over-globe-head-top h2 {
    font-size: var(--font48);
    color: var(--colortext3);
    line-height: var(--line16);
}

.over-globe-head-text p {
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--colortext3);
    text-align: center;
    opacity: 0.7;
}

.over-globe-head-text {
    margin-bottom: 29px;
}

.over-globe-head-btn {
    width: fit-content;
    margin: 0 auto;
}

.over-globe-head-btn .std-btn1-box {
    padding: 14px 43.5px;
    border: 1px solid #fff;
}

.over-honor .swiper-slide.swiper-slide-active {
    transform: scale(1) !important;
}

/* .over-honor .swiper-slide{
    transform: scale(0.7) !important;
} */
.carbon-future .std-font50 {
    text-align: center;
}

.carbon-world {
    overflow: visible;
}

.carbon-future {
    padding-top: var(--space160);
}

.carbon-future .std-font50 {
    line-height: var(--line12);
    color: var(--color15);
    letter-spacing: -2px;
    width: 18em;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: var(--space160);
}

.carbon-future-box-map {
    width: 858px;
    height: 646px;
    position: relative;
    margin: 0 auto;
}

.over-globe-warp {
    margin-top: 49px;
}

.cfbm-earth {
    width: 858px;
    height: 858px;
    position: absolute;
    left: 0;
    top: 0;
}

.carbon-plant {
    position: relative;
    padding-top: calc(var(--space120) + 7px);
    padding-bottom: calc(var(--space120) + 17px);
}

.carbon-plant-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.carbon-plant-bg img {
    width: 100%;
    position: absolute;
    height: 100%;
    object-fit: cover;
}

.carbon-plant .ys-cont1600 {
    position: relative;
    z-index: 6;
}

.carbon-plant .std-font50 {
    color: #fff;
    margin-bottom: 46px;
    text-align: center;
}

.carbon-plant .std-font20 p {
    color: inherit;
    line-height: inherit;
}

.carbon-plant .std-font20,
.carbon-plant .std-font20 p {
    text-align: center;
    color: #fff;
    line-height: var(--line175);
    font-family: var(--light);
}

.carbon-plant-num {
    font-size: var(--font80);
    color: #fff;
    text-align: center;
    margin-top: 19px;
    margin-bottom: 12px;
}

.carbon-plant-dan,
.std-font20.carbon-plant-dan {
    font-family: var(--medium);
}

.carbon-plant-core {
    width: 87.375%;
    margin: 0 auto;
    position: relative;
}

.carbon-plant-core img {
    width: 100%;
}

.carbon-plant-core-img {
    width: 100%;
}

.cpci-nub {
    width: 30px;
    height: 30px;
    position: absolute;
    transform: translate(-50%, -50%);
}

.cpci-nub-btn {
    width: 100%;
    position: relative;
}

.cpci-nub-btn img {
    width: 100%;
    position: relative;
    z-index: 6;
}

.cpci-nub-btn-bg {
    position: absolute;
    width: 946%;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
}

.cpci-nub-word {
    position: absolute;
    bottom: calc(100% + 15px);
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 200px;
}

.cpci-nub .std-font20 {
    line-height: var(--line175);
    color: #fff;
    font-family: var(--light);
}

.cpci-nub .std-h2 {
    font-family: var(--medium);
    color: #fff;
    margin-top: 4px;
}

.cpci-nub .std-font16 {
    color: #fff;
    font-family: var(--medium);
    margin-top: -7px;
}

.carbon-plant-top {
    margin-bottom: 13px;
}

.carbon-future-pop {
    width: 51.125%;
    background: #2C591F;
}

.cfpi-rotate-nub:not(:first-child) {
    display: none;
}

.carbon-future-box {
    position: relative;
}

.carbon-future-pop {
    position: absolute;
    right: 0;
    top: 10px;
}

.cfpi-box {
    display: flex;
}

.cfpi-rotate {
    width: 28.98%;
}

.cfpi-rotate-nub {
    position: relative;
}

.cfpi-rotate-nub .std-font18 {
    position: absolute;
    color: #fff;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 10px 65px;
    line-height: var(--line18);
    font-family: var(--light);
}

.cfpi-rotate-nub img {
    object-fit: cover;
}

.cfpi-box-text {
    background-image: url(../images/d2_bg03.svg);
    background-size: 100% 100%;
    background-repeat: repeat;
    padding: 129px 95px 40px 96px;
}

.cfpi-box .std-font18,
.cfpi-box .std-font18 p {
    color: #fff;
    font-family: var(--light);
    line-height: var(--line18);
}

.cfpi-box-text-core {
    display: flex;
    align-items: center;
    margin-top: 29px;
    margin-bottom: 44px;
}

.cfpi-btc-img {
    width: 113px;
}

.cfpi-btc-img img {
    width: 100%;
}

.cfpi-btc-word {
    width: calc(100% - 113px);
    padding-left: 32px;
}

.cfpi-btc-word .std-h2 {
    font-family: var(--medium);
    color: #fff;
    line-height: var(--line12);
}

.cfpi-btc-word .std-font16 {
    font-family: var(--medium);
    color: #fff;
}

.cfpi-btp-icon {
    width: 30px;
}

.cfpi-btp-icon img {
    width: 100%;
}

.cfpi-box-text-pop {
    display: flex;
    align-items: center;
}

.cfpi-box-text-pop .std-font20 {
    padding-left: 8px;
    color: #fff;
    line-height: var(--line175);
    font-family: var(--light);
}

.carbon-future-pop-item:not(:first-child) {
    display: none;
}

.mod-arrows2 .slick-prev,
.mod-arrows2 .slick-next {
    width: 16px;
    height: 16px;
    z-index: 6;
}

.mod-arrows2 .slick-prev::before,
.mod-arrows2 .slick-next::before {
    content: '';
    background-image: url(../images/d2_arrow02.svg);
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

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

.carbon-future-pop.mod-arrows2 .slick-prev,
.carbon-future-pop.mod-arrows2 .slick-next {
    top: 70px;
}

.carbon-future-pop.mod-arrows2 .slick-prev {
    left: 96px;
}

.carbon-future-pop.mod-arrows2 .slick-next {
    right: auto;
    left: 136px;
}

.carbon-plant-core-img {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    -moz-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    -ms-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    -o-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.carbon-plant-core.act .carbon-plant-core-img {
    animation: pathx 1.6s .5s linear forwards;
}

.cpci-nub {
    opacity: 0;
}

.carbon-plant-core.act .cpci-nub1 {
    animation: show1 0.4s .5s linear forwards;
}

.carbon-plant-core.act .cpci-nub2 {
    animation: show1 0.4s .8s linear forwards;
}

.carbon-plant-core.act .cpci-nub3 {
    animation: show1 0.4s 1s linear forwards;
}

.carbon-plant-core.act .cpci-nub4 {
    animation: show1 0.4s 1.8s linear forwards;
}

.carbon-plant-core.act .cpci-nub5 {
    animation: show1 0.4s 2.1s linear forwards;
}

@keyframes pathx {
    0% {
        clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
        -moz-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
        -ms-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
        -o-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    }

    100% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -moz-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -ms-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -o-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}

@-webkit-keyframes pathx {
    0% {
        clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
        -moz-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
        -ms-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
        -o-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    }

    100% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -moz-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -ms-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -o-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}

@keyframes show1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes show1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.hnid-cry-img {
    position: relative;
}

.hnid-img2,
.hnid-img2-nub {
    position: relative;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    transition: all .4s ease;
}

.hnid-img2:not(:first-child),
.hnid-img2-nub:not(:first-child) {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}

.hnid-img2:first-child,
.hnid-img2.yxnav-active2 {
    opacity: 1;
    pointer-events: all;
}

.hnid-img2-nub:first-child,
.hnid-img2-nub.yxnav-active3 {
    opacity: 1;
    pointer-events: all;
}

/* 2025.04.18 - start */
.cfpi-rotate .slick-dots {
    bottom: 34px;
}

.cfpi-rotate-nub {
    width: 100%;
}

.cfpi-box-text {
    width: 71.02%;
    width: calc(100% - 237px);
    height: calc(237px / 237 * 522);
}

.cfpi-rotate {
    width: 237px;
}

.cfpi-box-text {
    padding-right: 40px;
}

.cfpi-box-text .std-font18,
.cfpi-box-text .cfpi-box-text-core,
.cfpi-box-text .cfpi-box-text-pop {
    padding-right: 55px;
}

.cfpi-box .mCSB_inside>.mCSB_container {
    margin-right: 0px;
}

.cfpi-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.cfpi-box .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
}

.cfpi-box .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, 0.2);
}

.carbon-future-pop {
    display: none;
}


.over-honor .ys-cont1400 {
    position: relative;
}

.over-honor-swiper-img {
    padding: 10px 15px 8px 12px;
    border: 1px solid #E9EAEB;
    background: #F2F4F7;
}

.over-honor .mod-btn-next,
.over-honor .mod-btn-prev {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    z-index: 10;
}

.over-honor .mod-btn-next img,
.over-honor .mod-btn-prev img {
    width: 100%;
}

.over-honor .mod-btn-prev img {
    transform: rotate(180deg);
}

.over-honor .mod-btn-prev {
    left: -70px;
}

.over-honor .mod-btn-next {
    right: -70px;
}

.over-honor .mod-btn-prev.swiper-button-disabled,
.over-honor .mod-btn-next.swiper-button-disabled {
    pointer-events: none;
    opacity: 0.6;
}

.over-honor .swiper-slide {
    transform-origin: bottom center;
}

.over-honor-swiper .swiper-slide.swiper-slide-active {
    transform: scale(1.45) !important;
    transform-origin: bottom center;
}

.over-honor-swiper .swiper-container-3d {
    padding-top: 100px;
}

.over-honor-swiper .swiper-slide-prev {
    transform-origin: bottom center;
}

.over-honor-wzswiper {
    margin-top: 86px;
}

.ohcu-li {
    padding: 0 22px !important;
}

.over-honor-cry-ul {
    margin: 0 -22px !important;
}

.ohcu-li-bj1,
.ohcu-li-bj2 {
    width: 42px !important;
}

.ohcu-li-text {
    width: 70%;
}

.ohcu-li-text {
    font-size: var(--font16);
    font-weight: 400;
    top: 42%;
}

.ytmd_li p {
    font-size: var(--font32);
    color: var(--colortext1);
    line-height: var(--line175);
}

.success-warp {
    height: 100vh;
    position: relative;
}

.succ-warp-cont {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    /* left: 50%; */
    /* transform: translate(-50%,-50%); */
}

.succ-warp-icon {
    width: 74px;
    margin: 0 auto;
}

.succ-warp-icon img {
    width: 100%;
}

.succ-warp-tit {
    text-align: center;
    font-size: 30px;
    margin-top: 7px;
    color: var(--colortext1);
    line-height: var(--line16);
}

.succ-warp-text p {
    text-align: center;
    color: var(--colortext1);
    margin-top: 10px;
    opacity: 0.7;
    line-height: var(--line16);
}

.succ-warp-jump {
    display: flex;
    justify-content: center;
    margin-top: 45px;
    align-items: end;
}

.succ-warp-jump span {
    color: #E60012;
    margin-right: 10px;
}

.succ-warp-jump p {
    margin-bottom: 5px;
}

.success-demo .ys-modal-content {
    width: 600px;
    padding: 90px 50px 91px;
    max-width: calc(100vw - 40px);
    max-height: 350px;
    overflow: hidden;
    background: var(--colortext3);
    border-radius: 10px;
}

.success-demo .ys-modal-close {
    right: 22px;
    top: 20px;
    font-size: 0px;
    width: 20px;
}

.success-demo .ys-modal-close img {
    width: 100%;
}

.over-need-warp-img {
    width: 0%;
    margin: 0 auto;
}

.myvideo {
    position: relative;
    object-fit: cover;
    height: 100vh !important;
}

.over-need-warp-img::before {
    z-index: 10;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%);
}

.over-need-warp-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.over-need-warp-btn .std-btn1-box {
    padding: 14px 42px 15px 30px;
}

.over-need-warp-btn .video-icon {
    position: relative;
    width: 40px;
    margin-right: 6px;
    flex-shrink: 0;
}

.over-need-warp-btn .video-icon img {
    width: 100%;
}

.video-icon img:nth-child(2) {
    opacity: 0;
}

.over-need-warp-btn {
    opacity: 0;
    transition: all .4s;
}

.myvideo2 {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 20;
    object-fit: cover;
}

.over-need-warp-btn.hide {
    display: none !important;
}

.over-need-phwarp {
    display: none;
}

.over-honor-swiper .swiper-pagination {
    display: none;
}

/* .over-culture,
.over-need,
.over-process{
    display: none !important;
}
.over-honor-swiper .swiper-pagination{
    display: none !important;
} */

/* earth  start */
.yx_three3d1 {
    padding-top: 5em;
    font-size: 1rem !important;
    position: relative;
}

.yx_three3d1_map {
    position: relative;
    width: 50em;
    margin: 0 auto;
    text-align: center;
    margin-bottom: -223px;
}

#yx_three3d1_map_earth {
    position: relative;
    z-index: 1;
    font-size: 10px;
    width: 85.8em;
    height: 85.8em;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.yx_three3d1_map_area {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 15px 20px;
    background: #4a6cf7;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    min-width: 8em;
    opacity: 0;
    z-index: 20;
}

.join-app-illu-tit {
    font-size: 30px !important;
}

.yx_three3d1_map_area::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right-color: #4a6cf7;
}

/* earth end */
@media screen and (min-width: 1200px) {
    .over-need-warp-btn .std-btn1-box:hover .video-icon img:nth-child(1) {
        opacity: 0;
    }

    .over-need-warp-btn .std-btn1-box:hover .video-icon img:nth-child(2) {
        opacity: 1;
    }

    .over-need-warp-btn .std-btn1-box:hover .ys-imgbox-cover img {
        transform: scale(1);
    }
}

/* 2025.5.27 ada end*/
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .slbr-btn a:hover {
        color: var(--colormainbj);
    }

    .join-main .ys-nybanner .std-btn1-box:hover p {
        color: var(--colortext3);
    }

    .ssbu-li:hover p {
        background: #E9EEFB;
        color: #3b47aa;
    }

    .yblu-li:hover a,
    .yblu-li:hover p {
        color: var(--colortext3) !important;
    }

    .slbr-ul-li:hover .sult-icon img {
        opacity: 1;
        transform: translateX(5px);
    }

    .slbr-ul-li:hover .sulb-li-le {
        color: var(--colormain);
    }

    .slbr-ul-li:hover .sulb-li-ri {
        color: var(--colormain);
    }

    .slbr-ul-li:hover .sult-tit {
        color: var(--colormain);
    }

    .sctu-li p:hover::after,
    .sctu-li a:hover::after {
        opacity: 1;
    }

    .jpul-box:hover {
        background: #0F1D96;
    }

    .jpul-box:hover::before {
        border: 1px solid #D0D4DB;
    }

    .jpul-box:hover .jpul-box-addr::before {
        background: var(--colortext3);
        opacity: 1;
    }

    .jpul-box:hover .jpul-box-addr {
        color: var(--colortext3);
        opacity: 0.7;
    }

    .jpul-box:hover .jpul-box-tit {
        color: var(--colortext3);
    }

    .jpul-box:hover .jpul-box-btn img:nth-child(1) {
        opacity: 0;
    }

    .jpul-box:hover .jpul-box-btn img:nth-child(2) {
        opacity: 1;
    }

    .jpul-box:hover .jpul-box-btn {
        background: #E60012;
        border: 1px solid #E60012;
    }

    .rela-new-top-li p:hover {
        border: 1px solid var(--colormain);
        color: var(--colormain);
    }

    .rilw-ul-li-box:hover {
        border: 1px solid var(--colormain);
    }

    .rilw-ul-li-box:hover .rilw-ul-li-text {
        color: var(--colormain);
    }

    .rilw-ul-li-box:hover .rilw-ul-li-icon img:nth-child(2) {
        opacity: 1;
    }

    .rilw-ul-li-box:hover .rilw-ul-li-icon img:nth-child(1) {
        opacity: 0;
    }

    .rilu-li-ri a:hover {
        color: var(--colormain);
    }

    .rela-new-bom-li:hover .rnul-box {
        background: #EFF0F5;
    }

    .rela-new-bom-li:hover .rnul-tit p {
        color: var(--colormain);
    }

    .rela-new-bom-li:hover .rnul-date p {
        color: var(--colormain);
    }

    .serv-qual-ul-li:hover .squl-box-mask {
        opacity: 1;
        clip-path: inset(0 0 0 0);
    }

    .serv-qual-ul-li:hover .squl-box-icon img:nth-child(2) {
        opacity: 1;
    }

    .serv-qual-ul-li:hover .squl-box-icon img:nth-child(1) {
        opacity: 0;
    }

    .serv-qual-ul-li:first-child:hover {
        border-left: 1px solid transparent;
    }

    .serv-qual-ul-li:hover {
        border-right: 1px solid transparent;
    }

    .scru-li-bom-li a:hover {
        color: var(--colormain);
    }

    .pcul-prod-li-box:hover .pcul-prod-li-icon img:nth-child(1) {
        opacity: 0;
    }

    .pcul-prod-li-box:hover .pcul-prod-li-icon img:nth-child(2) {
        opacity: 1;
    }

    .pcul-prod-li-box:hover .pcul-prod-li-tit p {
        color: var(--colormain);
    }

    .pcul-prod-li-box:hover .pcul-prod-li-tit img {
        transform: translateX(5px);
    }

    .prod-cry-head-imgbtn p:hover {
        color: var(--colormainbj);
    }

    .prod-cry-head-imgbtn p::after:hover {
        color: var(--colormainbj);
    }

    .pchb-box:hover .pchb-box-iocn img:nth-child(n+2) {
        opacity: 1;
    }

    .pchb-box:hover .pchb-box-iocn img:nth-child(1) {
        opacity: 0;
    }

    .pchb-box:hover .pchb-box-le {
        color: var(--colormain);
    }

    .pchb-box:hover {
        border: 1px solid var(--colormain);
    }

    .ccwl-link a:hover span:nth-child(2) {
        color: var(--colormain);
    }

    .ccwr-info-ul-li a:hover .ciul-tit {
        color: var(--colormain);
    }

    .mod-page .pc-fenye li:hover {
        color: #fff;
        background: #E60012;
    }

    .rela-new-page .pc-fenye li:hover {
        color: #fff;
        background: #E60012;
    }

    .first li:hover,
    .prev li:hover,
    .end li:hover,
    .next li:hover {
        color: #E60012 !important;
        background: transparent !important;
    }

    .rela-new-page .first li:hover,
    .rela-new-page .prev li:hover,
    .rela-new-page .end li:hover,
    .rela-new-page .next li:hover {
        color: #E60012 !important;
        background: transparent !important;
    }

    .lchr-pull-ul-li:hover p {
        color: var(--colormain);
    }

    .list-cry-top-li a:hover {
        color: var(--colortext3);
        background: var(--colormain);
        border: 1px solid var(--colormain);
    }

    .yx_sidebar1_list_nub:hover .ysln_tan {
        opacity: 1;
        transform: translateX(-82px) translateY(-50%);
    }

    .yblu-li:hover {
        background: #0F1D96;
    }

    .yfhl-le>ul>li>ul>li>a:hover {
        opacity: 0.7;
    }

    .std-btn2-box:hover::after {
        width: 100%;
        left: 0;
        right: auto;
    }

    .std-btn2-box:hover img {
        transform: translateX(5px);
    }

    .std-btn1-box:hover::after,
    .std-btn3-box:hover::after {
        width: 100%;
        left: 0;
        right: auto;
    }

    .std-btn1-box:hover p,
    .std-btn3-box:hover p {
        color: var(--colortext3);
    }

    .std-btn1-box:hover .std-btn1-box-circle::before,
    .std-btn3-box:hover .std-btn3-box-circle::before {
        transform: scale(1);
    }

    .std-btn1-box:hover .sbbi1-img,
    .std-btn3-box:hover .sbbi1-img {
        transform: translateX(0px) scaleY(1);
    }

    .std-btn1-box:hover .std-btn1-box-icon::before,
    .std-btn3-box:hover .std-btn3-box-icon::before {
        transform: translate(-50%, -50%) scale(0);
    }

    .std-btn1-box:hover .std-btn1-box-icon::after,
    .std-btn3-box:hover .std-btn3-box-icon::after {
        background-color: var(--colortext3);
        transform: translate(-50%, -50%) scale(0.7);
    }

    .head-other-btn .std-btn1-box:hover .std-btn1-box-icon::after,
    .ccwr-link-btn .std-btn1-box:hover .std-btn1-box-icon::after,
    .join-post-btn .std-btn1-box:hover .std-btn1-box-icon::after,
    .post-modal-btn .std-btn1-box:hover .std-btn1-box-icon::after {
        background: var(--colormain);
    }

    /* .head-other-btn .std-btn1-box:hover p,
    .ccwr-link-btn .std-btn1-box:hover p,
    .join-post-btn .std-btn1-box:hover p,
    .post-modal-btn .std-btn1-box:hover p{
        color: var(--colormain);
    } */
    .head-other-btn .std-btn1-box:hover p,
    .ccwr-link-btn .std-btn1-box:hover p,
    .join-post-btn .std-btn1-box:hover p {
        color: var(--colormain);
    }

    .sprf-btn .std-btn1-box:hover {
        background: var(--colormainbj);
    }

    .hpru-li-box:hover .std-h8 {
        color: var(--colormain);
    }

    .hpru-li-box:hover img {
        transform: translateX(10px);
    }

    .lcbl-box:hover .lcbl-box-text p {
        color: var(--colormain);
    }
}

.ys-nyban-img {
    position: relative;
}

.overview-main .ys-nybanner .ys-nyban-video::before,
.ys-nyban-img::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url('../images/0bg1.png');
    background-size: 100% 100%;
    width: 100%;
    height: 20.625vw;
}

/* .yx_three3d1_map {
    margin-bottom: 0 !important;
}

.over-globe {
    padding-bottom: var(--space100);
} */

.ys-ban-title span {
    min-width: 20px;
}

.hnid-ul {
    width: 50%;
    margin-bottom: 40px;
}

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

.home-main h1,
.home-main h2,
.home-main h3,
.home-main h4,
.home-main h5,
.home-main h6 {
    font-family: 'Outfit-Regular' !important;
}

.hnhb-ri {
    flex: none;
}

.ccwl-link a span:nth-child(1) {
    min-width: 70px;
}


.dpwu-li-warp-tit {
    width: 100%;
    text-align: center;
    padding-left:20px;
    padding-right: 20px;
}

.dtwl-tit-li {
    word-wrap: break-word;
}

.dtwl-tit {
    padding-right: 0px !important;
}


.ccwu-li-ri {
    padding-left: 45px;
}

.ccwu-li {
    padding: 78px 60px;
}
/* 2025.06.16 - tammy - start */
.ccwu-li-ri{
    flex-grow: 1;
}
.sulb-li-le,
.sulb-li-ri{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3.2em;
}
.join-post-ul{
    display: block;
}
.join-post-ul-li:not(:first-child){
    display: none;
}
.join-post-ul .slick-dots{
    bottom: 0;
}
.join-post-ul.slick-dotted{
    padding-bottom: 24px;
}
.join-post-ul .slick-dots li:not(.slick-active){
    background: #fff;
}
.summ-cent-top {
    backdrop-filter: blur(22.950000762939453px);
    -webkit-backdrop-filter: blur(22.950000762939453px);
    -moz-backdrop-filter: blur(22.950000762939453px);
    -ms-backdrop-filter: blur(22.950000762939453px);
    -o-backdrop-filter: blur(22.950000762939453px);
}
.summ-cent-top-ul{
    --jian1: 20px;
    --jian2: 14px;
    margin: 0 calc(var(--jian1) * -1)!important;
}
.sctu-li {
    padding: 0 var(--jian1)!important;
    padding-top: var(--jian2)!important;
}
.sctu-li p, .sctu-li a {
    line-height: 1.6;
}
.summ-cent-top {
    position: sticky;
    margin-top: calc(100vw / 2046 * 860 / -4);
    top: var(--line80);
    bottom: auto;
    z-index: 4;
}
.spul-cry{
    position: relative;
}
.ys-form-inof-item .ys-select-li::before,
.ys-form-inof-item .ys-select-li::after{
    display: none;
}
.ys-form-inof-item .ys-select-li {
    padding: 6px 20px;
}
/* 2025.06.16 - tammy - end */
.ys-nyban-title-top {
    width: 85%;
}
.yx_three3d1_map_area, .yx_three3d1_map_area span {
    font-size: 14px;
    line-height: 1.4;
}
.yx_three3d1_map_area, .yx_three3d1_map_area span {
    display: flex;
    justify-content: flex-start;
    text-align: left;
}
/* tammy - start - 2025.07.11 */
/* 2025.06.16 - start */
#yx_scroll1_menu {
    position: fixed;
    top: 50%;
    left: 39px;
    transform: translateY(-50%);
    z-index: 90;
}
.total-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.total-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.total-main{
    background: #000532;
}
.total-ban,
.total-anchor{
    position: relative;
    z-index: 6;
}
.total-ban .std-font48{
    font-size: var(--font48);
    color: var(--colortext3);
    line-height: 1.3125;
    margin-top: 27px;
    text-align: center;
}
.total-ban .std-h4{
    text-align: center;
    color: var(--colortext3);
    line-height: 1.3;
}
.total-anchor-inof{
    display: flex;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(0, 5, 50, 0.31);
    backdrop-filter: blur(10.699999809265137px);
    -webkit-backdrop-filter: blur(10.699999809265137px);
    -moz-backdrop-filter: blur(10.699999809265137px);
    -ms-backdrop-filter: blur(10.699999809265137px);
    -o-backdrop-filter: blur(10.699999809265137px);
}
.total-anchor-inof-nub{
    width: 25%;
    text-align: center;
    position: relative;
    padding: 25px 10px;
    cursor: pointer;
}
.total-anchor-inof-nub::before{
    content: '';
    height: var(--font24);
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--colortext3);
}
.total-anchor-inof-nub:last-child::before{
    display: none;
}
.total-anchor-inof-nub .std-h7{
    line-height: var(--line14);
    color: var(--colortext3);
    position: relative;
    z-index: 6;
}
.total-anchor-inof-nub::after{
    content: '';
    background-image: url(../images/0d1_d1_icon01.svg);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    left: 0;
    top: 0;
    opacity: .6;
    transition: all .4s ease;
}
.total-anchor{
    position: absolute;
    bottom: 83px;
    width: 100%;
}
.total-ban{
    width: 100%;
    position: absolute;
    top: 27.66vh;
}
.total-bg::before{
    content: '';
    height: 36.17%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #000532 0%, rgba(0, 5, 50, 0.00) 100%);
}
.total-bg::after{
    content: '';
    height: 36.17%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #000532 0%, rgba(0, 5, 50, 0.00) 100%);
}
.yx_scroll1_section1 .total-bg::before{
    height: 80.1%;
}
.yx_scroll1_section1 .total-bg::after{
    height: 21.91%;
}
.total-strength,
.total-pursue,
.total-apply,
.total-quality,
.total-ahead,
.total-energy,
.total-equip,
.total-bio{
    position: relative;
    z-index: 6;
}
.tain-img{
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask: url(../images/0d1_d1_icon04.svg) no-repeat center / contain!important;
    mask: url(../images/0d1_d1_icon04.svg) no-repeat center / contain!important;
    -moz-mask: url(../images/0d1_d1_icon04.svg) no-repeat center / contain!important;
    -ms-mask: url(../images/0d1_d1_icon04.svg) no-repeat center / contain!important;
    -o-mask: url(../images/0d1_d1_icon04.svg) no-repeat center / contain!important;
    position: relative;
    z-index: 10; 
    will-change: mask;
}
.total-cover{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.std-font30{
    font-size: calc(var(--font32) - 2px);
    line-height: 1.3;
    color: #fff;
}
.tain-box{
    position: relative;
}
.tain-box::before,
.tain-box::after{
    content: '';
    position: absolute;
    top: -12px;
    background-size: 100% 100%;
    width: 75px;
    height: 97px;
}
.tain-box::before{
    background-image: url(../images/0d1_d1_icon06.svg);
}
.tain-box::after{
    background-image: url(../images/0d1_d1_icon05.svg);
}
.tain-box::before{
    left: calc(var(--jian1) * -0.5);
    transform: translateX(-50%);
}
.tain-box::after{
    right: calc(var(--jian1) * -0.5);
    transform: translateX(50%);
}
.std-font22,
.std-font22 p{
    font-size: calc(var(--font24) - 2px);
    line-height: 1.7;
    color: #fff;
}
.tbct-item-icon{
    width: 32px;
}
.tbct-item-word{
    width: calc(100% - 32px);
}
.tbct-item{
    display: flex;
    align-items: flex-start;
}
.yx_scroll1_menu_title{
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    position: relative;
    padding-left: 26px;
}
#yx_scroll1_menu>li{
    padding: 8px 0px;
    cursor: pointer;
    position: relative;
}
.yx_scroll1_menu_title::before{
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    transition: all .4s ease;
    opacity: 0;
}
.yx_scroll1_menu_title::after{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--colortext3);
    transition: all .4s ease;
}
#yx_scroll1_menu>li::before{
    content: '';
    width: 1px;
    height: calc(100% - 8px);
    position: absolute;
    left: 8px;
    bottom: calc(50% + 4px);
    background: rgba(255,255,255,.3);
}
#yx_scroll1_menu>li.active+li::before{
    height: calc(100% - 11px);
}
#yx_scroll1_menu>li:first-child::before{
    display: none;
}
#yx_scroll1_menu>li.active .yx_scroll1_menu_title::before{
    opacity: 1;
}
#yx_scroll1_menu>li.active .yx_scroll1_menu_title::after{
    opacity: 0;
}
#yx_scroll1_menu>li.active::before{
    bottom: calc(50% + 8px);
} 
.total-label{
    display: flex;
    justify-content: center;
    --jian1: 11.04px;
}
.total-label,
.total-label .std-text2{
    letter-spacing: var(--jian1);
    color: var(--colortext3);
    line-height: 1.4;
    position: relative;
    text-align: center;
}
.total-label .std-text2{
    padding-bottom: 10px;
    padding-left: var(--jian1);
}
.total-label .std-text2::before{
    content: '';
    height: 4px;
    position: absolute;
    background: #E60012;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - calc(var(--jian1) * 2));
}
.total-strength .std-h2{
    text-align: center;
    color: #fff;
    margin-top: 35px;
    margin-bottom: 3px;
}
.total-ban .std-h4{
    font-family: var(--family1);
}
.total-strength .std-h2 span{
    font-family: var(--family3);
}
.total-strength .std-h2 i{
    font-family: var(--family2);
    font-style: normal;
    font-size: calc(var(--font40) - 4px);
}
.total-strength .std-h7{
    text-align: center;
    line-height: 1.4;
    color: #fff;
}
.total-strength-inof{
    display: flex;
    margin-top: 85px;
}
.total-strength-inof-nub{
    width: 20%;
    padding-left: 28px;
    padding-top: 19px;
    position: relative;
    padding-right: 20px;
}
.total-strength-inof-nub .std-text2,
.total-strength-inof-nub .std-text2 p{
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.7;
}
.total-strength-inof-nub .std-h5{
    margin-top: 7px;
    margin-bottom: 17px;
}
.total-strength-inof-nub .std-h5{
    line-height: 1.25;
    font-family: var(--family2);
    color: #fff;
    display: flex;
    align-items: center;
}
.total-strength-inof-nub .std-h5 span{
    line-height: 1.25;
}
.total-strength-inof-nub .std-h5 i{
    margin-left: 10px;
    color: #fff;
    font-style: normal;
    font-size: var(--font18);
    line-height: 1.7;
}
.total-strength-inof-nub::before{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
.total-strength-inof-nub::after{
    content: '';
    width: 1px;
    height: 241px;
    position: absolute;
    left: 5px;
    top: 0;
    border-left: 1px dashed rgba(255, 255, 255, 0.5);
}
.total-strength-inof-nub:nth-of-type(2){
    margin-top: 53px;
}
.total-strength-inof-nub:nth-of-type(3){
    margin-top: 76px;
}
.total-strength-inof-nub:nth-of-type(4){
    margin-top: 103px;
}
.total-strength-inof-nub:nth-of-type(5){
    margin-top: 15px;
}
.total-pursue-swiper{
    width: 60.15%;
    margin: 0 auto;
}
.mod-title1 .std-font48{
    font-size: var(--font48);
    text-align: center;
    line-height: 1.3125;
    margin-bottom: 14px;
    color: var(--colortext3);
}
.mod-title1 .std-text1,
.mod-title1 .std-text1 p{
    color: rgba(255,255,255,.8);
    line-height: 1.7;
    text-align: center;
}
.mod-title1{
    margin-bottom: 23px;
}
.total-pursue-swiper{
    --jian1: 18.5px;
    width: calc(60.15% + calc(var(--jian1) * 2));
}
.total-pursue-swiper .swiper-slide{
    padding: 0 var(--jian1);
}
.total-pursue-swiper .ys-imgbox-cover{
    border-radius: 10px;
}
.mod-arrows1{
    --width1: 54px;
}
.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev, 
.mod-arrows1 .slick-next{
    width: var(--width1);
    height: var(--width1);
}
.mod-arrows1 .swiper-button-next::before,
.mod-arrows1 .swiper-button-prev::before,
.mod-arrows1 .slick-prev::before, 
.mod-arrows1 .slick-next::before{
    content: '';
    background-image: url(../images/0d1_d1_icon02.svg);
    background-size: 100% 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 0;
    transition: all .4s ease;
}
.mod-arrows1 .swiper-button-next::after,
.mod-arrows1 .swiper-button-prev::after,
.mod-arrows1 .slick-prev::after, 
.mod-arrows1 .slick-next::after{
    content: '';
    background-image: url(../images/0d1_d1_icon02h.svg);
    background-size: 100% 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 0;
    opacity: 0;
    transition: all .4s ease;
}
.mod-arrows1 .swiper-button-prev::before,
.mod-arrows1 .slick-prev::before,
.mod-arrows1 .swiper-button-prev::after,
.mod-arrows1 .slick-prev::after{
    transform: translate(-50%,-50%) rotate(180deg);
}
.total-pursue-swiper{
    padding-bottom: calc(54px + 15px);
}
.total-pursue-swiper.mod-arrows1 .swiper-button-next, 
.total-pursue-swiper.mod-arrows1 .swiper-button-prev{
    top: auto;
    margin-top: auto;
    bottom: 0;
}
.total-pursue-swiper.mod-arrows1 .swiper-button-prev{
    left: calc(50% - 15px - var(--width1));
}
.total-pursue-swiper.mod-arrows1 .swiper-button-next{
    right: calc(50% - 15px - var(--width1));
}
.total-pursue-pro{
    position: absolute;
    height: 4px;
    left: 0;
    background: #fff;
    bottom: 0;
    width: 0%;
}
.total-pursue-swiper.on .swiper-slide-active .total-pursue-pro{
    animation: goto1 3s ease forwards;
}
@keyframes goto1 {
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes goto1 {
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
.total-ahead-data{
    font-size: 200px;
    font-family: var(--family4);
    color: #fff;
    text-align: center;
    position: relative;
    margin-top: 35px;
}
.total-ahead-data span{
    line-height: 1.26;
    -webkit-box-reflect: below -0.51em linear-gradient(transparent, rgba(255,255,255,0.1));
    display: block;
}
.total-ahead .total-label{
    margin-bottom: 39px;
}
.total-ahead-data i{
    font-size: var(--font20);
    font-style: normal;
    color: #fff;
    line-height: 1.7;
    position: absolute;
    bottom: 0;
    left: calc(68% + 150px);
}
.total-cover-bg{
    width: 43.7vw;
    height: 43.7vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.total-cover-bg:nth-of-type(2){
    left: 50%;
    transform: translate(-50%,-50%);
}
.total-cover-bg:nth-of-type(3){
    right: 0%;
}
.total-cover-bg img{
    width: 100%;
}
.total-cover{
    display: flex;
    align-items: center;
}
.yx_scroll1_section5 .fp-tableCell{
    position: relative;
}
.total-cover-bg img{
    transform-origin: 50% 58%;
    animation: move1 5s linear infinite;
}
@keyframes move1 {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes move1 {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.total-apply-inof{
    display: flex;
    --jian1: 24px;
    margin: 0 calc(var(--jian1) * -1);
}
.total-apply .std-font48{
    font-size: var(--font48);
    text-align: center;
    color: var(--colortext3);
    margin-bottom: calc(var(--space40) + 8px);
}
.total-apply-inof-nub{
    padding: 0 var(--jian1);
}
.tain-text{
    text-align: center;
}
.tain-text-label{
    --jian1: 2.5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 18px;
    width: 10em;
    max-width: calc(100% + calc(var(--jian1) * 2));
    margin: 0 auto;
    margin-bottom: calc(var(--jian1) * -2);
}
.tain-text-label-item{
    padding: 0 var(--jian1);
    margin-bottom: calc(var(--jian1) * 2);
}
.tain-text-label-item .std-text1{
    border-radius: 50px;
    border: 1px solid #0085FF;
    background: #081476;
    font-size: 18px;
    color: var(--colortext3);
    line-height: 1.7;
    padding: 4.5px 13px;
    box-sizing: border-box;
}
.tain-text .std-font30{
    margin-bottom: 12px;
}
.total-apply-inof-nub:nth-of-type(2n) .tain-cry{
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
    justify-content: space-between;
}
.total-apply-inof-nub:nth-of-type(2n-1) .tain-text{
    margin-top: 50px;
    padding-bottom: 30px;
}
.total-apply-inof-nub:nth-of-type(2n) .tain-text{
    padding-top: 34px;
}
.total-apply-inof-nub:nth-of-type(2n-1) .tain-box::before,
.total-apply-inof-nub:nth-of-type(2n-1) .tain-box::after{
    display: none;
}
.total-apply-inof .slick-dots{
    bottom: -30px;
}
.total-quality .mod-title1 .std-font48{
    margin-bottom: 16px;
}
.total-quality-inof{
    --jian1: 10px;
    margin: 0 calc(var(--jian1) * -1);
    display: flex;
    margin-top: 136px;
    width: 55%;
}
.total-quality-inof-nub{
    width: 25%;
    padding: 0 var(--jian1);
}
.tqin-cry{
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(20, 9, 69, 0.39);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    padding: 34px 10px 47px;
    box-sizing: border-box;
}
.tqin-cry .std-h7{
    text-align: center;
    color: var(--colortext3);
    line-height: 1.4;
    margin-bottom: 25px;
}
.tqin-cry .std-text1,
.tqin-cry .std-text1 p{
    text-align: center;
    font-size: var(--font18);
    line-height: 1.7;
    color: rgba(255,255,255,.7);
}
.total-quality-cry{
    padding-right: 33px;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 70px;
}
.total-quality .mod-title1 {
    margin-bottom: 0px;
}
.yx_scroll1_section6 .total-bg::before{
    height: 35.32%;
}
.total-energy-cry{
    position: relative;
    margin-top: 71px;
}
.total-energy-cry-img{
    width: var(--widtha);
    margin: 0 auto;
}
.total-energy-cry-img img{
    width: 100%;
}
.teci-nub{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.total-energy .total-label{
    margin-bottom: 26px;
}
.teci-nub-img-box{
    position: absolute;
    border: 1px dashed #D9D9D9;
    border-radius: 50%;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.teci-nub-img{
    width: 213px;
    height: 213px;
    border-radius: 50%;
    padding: 16px;
    box-sizing: border-box;
    position: relative;
}
.teci-nub-img .ys-imgbox-cover{
    width: 100%;
    border-radius: 50%;
}
.teci-nub .std-font22{
    width: 2em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.teci-nub:nth-of-type(2n-1) .std-font22{
    right: calc(100% + 17px);
}
.teci-nub:nth-of-type(2n) .std-font22{
    left: calc(100% + 17px);
}
.teci-nub-cry{
    transform: translate(0,0);
    opacity: 0;
    transition: all .8s .3s ease;
}
.teci-nub.on .teci-nub-cry{
    transform: translate(var(--left1),var(--top1));
    opacity: 1;
}
.total-energy-cry{
    --shu1: 66px;
    --shu2: 93px;
    --shul1: 69px;
    --shul2: 46.5px;
    --shul3: 101px;
    --shul4: 79px;
    --widtha: 375px;
}
.teci-nub1 .teci-nub-cry{
    --left1: calc(-50% - calc(var(--widtha) / 2) - var(--shul1));
    --top1: calc(-50% - var(--shu1));
}
.teci-nub2 .teci-nub-cry{
    --left1: calc(50% + calc(var(--widtha) / 2) + var(--shul2));
    --top1: calc(-50% - var(--shu1));
}
.teci-nub3 .teci-nub-cry{
    --left1: calc(-50% - calc(var(--widtha) / 2) - var(--shul3));
    --top1: calc(50% + var(--shu2));
}
.teci-nub4 .teci-nub-cry{
    --left1: calc(50% + calc(var(--widtha) / 2) + var(--shul4));
    --top1: calc(50% + var(--shu2));
}
.teci-nub-img-box::before{
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%,-50%);
    z-index: 6;
}
.teci-nub-img-box::after{
    content: '';
    background: rgba(255, 255, 255, .2);
    position: absolute;
    left: 100%;
    height: 1px;
    width: 0px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .8s .3s ease;
}
.teci-nub.on .teci-nub-img-box::after{
    width: var(--width1);
}
.teci-nub1 .teci-nub-img-box{
    transform: translate(-50%,-50%) rotate(33deg);
    --width1: 120px;
}
.teci-nub2 .teci-nub-img-box{
    transform: translate(-50%,-50%) rotate(148deg);
    --width1: 110px;
}
.teci-nub3 .teci-nub-img-box{
    transform: translate(-50%,-50%) rotate(-21deg);
    --width1: 180px;
}
.teci-nub4 .teci-nub-img-box{
    transform: translate(-50%,-50%) rotate(-158deg);
    --width1: 126px;
}
.total-equip .mod-title1 .std-font48 {
    margin-bottom: 20px;
}
.total-equip .mod-title1 {
    margin-bottom: 107px;
}
.std-font48{
    line-height: 1.3125;
}
.total-equip .std-font22 img{
    width: 46px;
    position: relative;
    top: calc(0.85em - 23px + 7px);
}
.total-bio-cry-img{
    width: 42.357%;
}
.tbci-box{
    margin-left: -103px;
    position: relative;
}
.tbci-box img{
    width: 100%;
}
.tbci-btn-nub .std-h7{
    line-height: 1.4;
    color: #fff;
    text-align: center;
    width: 7em;
    font-weight: normal;
}
.tbci-btn-nub{
    position: absolute;
    transform: translate(-50%,-50%);
}
.total-bio-cry-text{
    width: 57.643%;
    padding-left: 21px;
}
.total-bio-cry{
    display: flex;
    align-items: center;
}
.total-bio .mod-title1 {
    margin-bottom: -52px;
    position: relative;
    z-index: 6;
}
.tbct-item-word{
    padding-left: 25px;
}
.tbct-item{
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.322);
}
.tbct-item-word .std-h7{
    margin-bottom: 9px;
    color: var(--colortext3);
    line-height: 1.4;
}
.tbct-item-word .std-text1,
.tbct-item-word .std-text1 p{
    color: rgba(255,255,255,.6);
    line-height: 1.7;
}
.yx_scroll1_section9 .total-cover-bg{
    width: 69.21875vw;
    height: 69.21875vw;
    right: 18%;
    top: 26%;
    transform: translate(50%,-50%);
}
.total-bio,
.total-pursue{
    padding-top: var(--space100);
}
.total-equip{
    padding-bottom: var(--space100);
}
.total-energy{
    padding-bottom: calc(var(--space100) / 2);
}
.total-ahead{
    padding-bottom: var(--space40);
}
.yx_scroll1_section2 .total-bg::before,
.yx_scroll1_section2 .total-bg::after{
    opacity: 0;
}
/* 载入 */
.total-strength-inof-nub.ys-fadeup2{
    animation: ysfadeInUp 1s ease-in-out both;
}
.total-strength-inof-nub:nth-of-type(1){
    animation-delay: .35s;
}
.total-strength-inof-nub:nth-of-type(2){
    animation-delay: .4s;
}
.total-strength-inof-nub:nth-of-type(3){
    animation-delay: .45s;
}
.total-strength-inof-nub:nth-of-type(4){
    animation-delay: .5s;
}
.total-strength-inof-nub:nth-of-type(5){
    animation-delay: .55s;
}
.total-main .wow1,
.total-main .wow2{
    visibility: hidden;
    animation-name: none;
}
.total-main section.act .wow1{
    visibility: visible;
    animation-name: ysfadeInUp;
}
.total-main section.act .wow2{
    visibility: visible;
    animation-name: ysfadeleftUp;
}
.ys-fadeleftx{
    animation: ysfadeleftUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
.total-quality-inof-nub:nth-of-type(1) .tqin-cry{
    animation-delay: 0.3s;
}
.total-quality-inof-nub:nth-of-type(2) .tqin-cry{
    animation-delay: 0.35s;
}
.total-quality-inof-nub:nth-of-type(3) .tqin-cry{
    animation-delay: 0.4s;
}
.total-quality-inof-nub:nth-of-type(4) .tqin-cry{
    animation-delay: 0.45s;
}
@-webkit-keyframes ysfadeleftUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes ysfadeleftUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.tqin-cry{
    height: 100%;
}
.tbct-item-word{
    flex-grow: 1;
}
.total-apply-inof-nub:not(:first-child){
    display: none;
}
.total-apply-inof{
    display: block;
}
.total-apply-inof-nub{
    width: 20%;
}
@media screen and (min-width: 1200px) {
    .total-anchor-inof-nub:hover::after{
        opacity: .9;
    }
    .mod-arrows1 .swiper-button-next:hover::after,
    .mod-arrows1 .swiper-button-prev:hover::after,
    .mod-arrows1 .slick-prev:hover::after, 
    .mod-arrows1 .slick-next:hover::after{
        opacity: 1;
    }
    .mod-arrows1 .swiper-button-next:hover::before,
    .mod-arrows1 .swiper-button-prev:hover::before,
    .mod-arrows1 .slick-prev:hover::before, 
    .mod-arrows1 .slick-next:hover::before{
        opacity: 0;
    }
    .tain-cry:hover .tain-img img{
        transform: scale(1.05);
    }
}
/* 2025.06.16 - end */
.yx_scroll1_section5{
    position: relative;
    z-index: 10;
}
.total-apply-inof-nub:not(:first-child) {
    display: block;
}
.total-apply-inof {
    display: flex;
    flex-wrap: wrap;
}
.total-anchor-inof-nub::after {
    background-image: url(../images/0d1_d1_icon01.png);
    top: -1px;
}
.home-deve-cry {
    width: calc(50% - 19px);
}
.over-honor-wzswiper.swiper-container{
    overflow: visible;
}
.home-about-img{
    border-bottom: 1px solid rgba(255,255,255,.4);
}
.tqin-cry .std-h7{
    font-size: calc(var(--font24) - 2px);
}
.tqin-cry .std-text1, .tqin-cry .std-text1 p{
     font-size: calc(var(--font18) - 2px);
}
.ys-form-inof-item .sprf-ul-li{
    width: 100%;
    padding: 0;
}
.sprf-ul-li.on .sist-icon img{
    transform: rotate(180deg);
}
.sulb-input-sele-bom {
    left: 0;
}
/* tammy - end - 2025.07.11 */
/* tammy - start - 2025.07.15 */
.total-label {
    --jian1: 2px;
}
.total-apply-inof {
    --jian1: 18px;
}
.total-quality-inof {
    width: 68%;
}
.teci-nub .std-font22 {
    width: 6em;
}
.total-energy-cry {
    margin-top: 90px;
}
.total-bio .mod-title1 {
    margin-bottom: -40px;
}
.tain-text-label{
    width: 100%;
}
#yx_scroll1_menu{
    transition: all .4s ease;
}
.fp-viewing-9 #yx_scroll1_menu{
    opacity: 0;
}
/* tammy - end - 2025.07.15 */