@charset "utf-8";
/* 公共样式 - start */
body {
    font-family: "PingFang SC", "Microsoft YaHei" !important;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "PingFang SC", "Microsoft YaHei" !important;
}
/* 英文站换行规则 */
/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
} */
@font-face {
    font-family: 'Outfit-Light';
    src: url('/Public/Cn/fonts/Outfit-Light/OutfitLight.woff2') format('woff2'),
         url('/Public/Cn/fonts/Outfit-Light/OutfitLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'Outfit-Regular';
    src: url('/Public/Cn/fonts/Outfit-Regular/OutfitRegular.woff2') format('woff2'),
         url('/Public/Cn/fonts/Outfit-Regular/OutfitRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'Outfit-Medium';
    src: url('/Public/Cn/fonts/Outfit-Medium/OutfitMedium.woff2') format('woff2'),
         url('/Public/Cn/fonts/Outfit-Medium/OutfitMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'Outfit-Bold';
    src: url('/Public/Cn/fonts/Outfit-Bold/OutfitBold.woff2') format('woff2'),
         url('/Public/Cn/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);
}
.std-h2{
    font-size: var(--font100);
    color: var(--colortext1);
    line-height: var(--line13);
}
.std-h3{
    font-size: var(--font80);
    color: var(--colortext1);
    line-height: var(--line11);
}
.std-h4,
.yxedr-active h2 {
    font-size: var(--font64);
    color: var(--colortext1);
    line-height: var(--line13);
}
.std-h5,
.yxedr-active h2 {
    font-size: var(--font40);
    color: var(--colortext1);
    line-height: var(--line14);
}
.std-h6,
.yxedr-active h2 {
    font-size: var(--font32);
    color: var(--colortext1);
    line-height: var(--line14);
}
.std-h7,
.yxedr-active h3 {
    font-size: var(--font24);
    color: var(--colortext1);
    line-height: var(--line14);
}
.std-h8,
.yxedr-active h4 {
    font-size: var(--font20);
    color: var(--colortext1);
    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: 50%;
    transform: translateY(-50%);
    width: 34.285714%;
}
.over-product-ri-img{
    width: 100%;
}
.opri-li img{
    width: 100%;
}
.oprw-tit{
    font-size: var(--font48);
    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(/Public/Cn/images/c3_icon14.svg) center / cover no-repeat;
}
.ys-fia-text-btn::after{
    width: 100%;
    height: 100%;
    background: url(/Public/Cn/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(/Public/Cn/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(/Public/Cn/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(/Public/Cn/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(/Public/Cn/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(/Public/Cn/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(/Public/Cn/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(--font20);
    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('/Public/Cn/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);*/
/*}*/
.yx_three3d1_map_area,
.yx_three3d1_map_area span{
    display: flex;
    justify-content: flex-start;
    text-align: left;
}
.yx_three3d1_map_area,
.yx_three3d1_map_area span{
    font-size: 14px;
    line-height: 1.4;
}
/* 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(/Public/Cn/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(/Public/Cn/images/0d1_d1_icon04.svg) no-repeat center / contain!important;
    mask: url(/Public/Cn/images/0d1_d1_icon04.svg) no-repeat center / contain!important;
    -moz-mask: url(/Public/Cn/images/0d1_d1_icon04.svg) no-repeat center / contain!important;
    -ms-mask: url(/Public/Cn/images/0d1_d1_icon04.svg) no-repeat center / contain!important;
    -o-mask: url(/Public/Cn/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(/Public/Cn/images/0d1_d1_icon06.svg);
}
.tain-box::after{
    background-image: url(/Public/Cn/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(/Public/Cn/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(/Public/Cn/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(/Public/Cn/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);
}



<!--耗时1753948966.3611秒-->