@charset "utf-8";

body {
    font-family: 'roaby',"PingFang SC", "Microsoft YaHei"!important;  
}
input, textarea{
    font-family: 'roaby',"PingFang SC", "Microsoft YaHei" !important;
}
.altumcode {
    --fontFamily:'roaby',"PingFang SC", "Microsoft YaHei" !important;
}
@font-face {
    font-family: 'roaby';
    src: url('../fonts/roaby/OpenSansRegular.woff2') format('woff2'),
         url('../fonts/roaby/OpenSansRegular.woff') format('woff');
}
@media print {
    .no-print, .no-print * {
      display: none !important;
    }
}
.ys-cont1060 {
    width: 85vw;
    max-width: 1060px;
    margin: auto;
}
.ys-cont1100{
    width: 85vw;
    max-width: 1100px;
    margin: auto;
}
.ys-cont1620 {
    width: 100vw;
    padding: 0 7.8125vw;
    max-width: 1920px;
    margin: auto;
}
.ys-cont1760{
    width: 100vw;
    padding: 0 4.167vw;
    max-width: 1920px;
    margin: auto;
}
:root{
    --font54: 54px;
    --font44: 44px;
    --font40: 40px;
    --font32: 32px;
    --font24: 24px;
    --font20: 20px;
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    --l1h2: 1.2;
    --l1h3: 1.3;
    --l1h4: 1.4;
    --l1h5: 1.5;
    --l1h6: 1.6;
    --l1h75: 1.75;
    --l1h8: 1.8;
    /* --l2: 2; */
    --space200: 200px;
    --space156: 156px;
    --space140: 140px;
    --space130: 130px;
    --space120: 120px;
    --space90: 90px;
    --space80: 80px;
    --space70: 70px;
    --space60: 60px;
    --space50: 50px;
    --space40: 40px;
    --colormain: #0065DD;
    --colorhover: #0C3065;
    --colorborder: #E0E1E6;
    --colorbg: #F9F9FB;
    --colortitle: #1E1F24;
    --colortext: #62636C;
    --colorinfo: #CDCED7;
    --colorfff: #fff;
    --line80: 80px;
}
.std-font54{
    font-size: var(--font54);
    line-height: var(--l1h3);
    color: var(--colortitle);
}
.std-font44,
.yxedr-active h2{
    font-size: var(--font44);
    line-height: var(--l1h3);
    color: var(--colortitle);
}
.std-font40,
.yxedr-active h3{
    font-size: var(--font40);
    line-height: var(--l1h4);
    color: var(--colortitle);
}
.std-font32,
.yxedr-active h4{
    font-size: var(--font32);
    line-height: var(--l1h4);
    color: var(--colortitle);
}
.std-font24,
.std-font24 p,
.yxedr-active h5{
    font-size: var(--font24);
    line-height: var(--l1h5);
    color: var(--colortitle);
}
.std-text14,
.std-text14 p{
    font-size: var(--font14);
    line-height: var(--l1h8);
    color: #62636D;
}
.std-text16,
.std-text16 p,
.yxedr-active p{
    font-size: var(--font16);
    line-height: var(--l1h75);
    color: var(--colortext);
}
.std-text18,
.std-text18 p{
    font-size: var(--font18);
    line-height: var(--l1h75);
    color: var(--colortext);
}
.std-text20,
.std-text20 p,
.yxedr-active h6{
    font-size: var(--font20);
    line-height: var(--l1h5);
    color: var(--colortext);
}
.ys-cont1488{
    width: 85vw;
    max-width: 1488px;
    margin: auto;
}
/* 英文站换行规则 */
/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
} */
/*分享翻译*/
.ys-wechat-cont-parga p::before{
    /*分享中文版本*/
    content: '分享到 - 微信';
    /*分享英文版本*/
    /* content: 'Share the - weixin'; */
}
/*导航默认选中*/
.yxnav-active1 {

}
.yxnav-active2 {

}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2);
}
/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child){
    display: none;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .head-other-lang-item a:hover{
        color: var(--colorfff);
    }
    .head-nav:hover .head-nav-item.yxnav-active1 .head-nav-item-title::before {
        width: 0;
        opacity: 0;
    }
    .head-nav:hover .head-nav-item:hover .head-nav-item-title::before,
    .head-nav:hover .head-nav-item.yxnav-active1:hover .head-nav-item-title::before {
        width: calc(100% - calc(var(--jian)* 2));
        opacity: 1;
    }
    .ys-hd-pc.ishover .head-nav:hover .head-nav-item.yxnav-active1 .head-nav-item-title,
    .ys-hd-pc.isfixed .head-nav:hover .head-nav-item.yxnav-active1 .head-nav-item-title,
    .inside-main.act .ys-hd-pc .head-nav:hover .head-nav-item.yxnav-active1 .head-nav-item-title {
        color: var(--colortitle);
    }
    .ys-hd-pc.ishover .head-nav:hover .head-nav-item:hover .head-nav-item-title,
    .ys-hd-pc.ishover .head-nav:hover .head-nav-item.yxnav-active1:hover .head-nav-item-title,
    .ys-hd-pc.isfixed .head-nav:hover .head-nav-item:hover .head-nav-item-title,
    .ys-hd-pc.isfixed .head-nav:hover .head-nav-item.yxnav-active1:hover .head-nav-item-title,
    .inside-main.act .ys-hd-pc .head-nav:hover .head-nav-item:hover .head-nav-item-title,
    .inside-main.act .ys-hd-pc .head-nav:hover .head-nav-item.yxnav-active1:hover .head-nav-item-title  {
        color: var(--colormain);
    }
    .ys-hd-pc.ishover .head-other-lang-item a:hover,
    .ys-hd-pc.isfixed .head-other-lang-item a:hover,
    .inside-main.act .ys-hd-pc .head-other-lang-item a:hover {
        color: var(--colormain);
    }
    .ys-hd-pc.ishover .yx-search3-btn:hover img:nth-of-type(3),
    .ys-hd-pc.isfixed .yx-search3-btn:hover img:nth-of-type(3),
    .inside-main.act .ys-hd-pc .yx-search3-btn:hover img:nth-of-type(3) {
        opacity: 1;
    }
    .ys-hd-pc.ishover .yx-search3-btn:hover img:nth-of-type(2),
    .ys-hd-pc.isfixed .yx-search3-btn:hover img:nth-of-type(2),
    .inside-main.act .ys-hd-pc .yx-search3-btn:hover img:nth-of-type(2) {
        opacity: 0;
    }
    .pici-link:hover .std-btn-link::before,
    .std-btn1 .std-btn-link:hover::before {
        background: #003169;
    }
    .pici-link:hover .std-btn-link::after,
    .std-btn1 .std-btn-link:hover::after {
        border: 1px solid #003169;
    }
    .ys-bread-list a:hover{
        color: rgba(98,99,108,1);
    }
    .pc-fenye .comp-tabli li:hover{
        color: var(--colorfff);
        background: var(--colormain);
        border: 1px solid var(--colormain);
    }
    .pc-fenye .first:hover li,
    .pc-fenye .prev:hover li,
    .pc-fenye .next:hover li,
    .pc-fenye .end:hover li{
        color: var(--colormain);
    }
    .pisi-select .ys-select-bd .ys-select-li:hover{
        color: var(--colormain);
    }
    .std-btn2 .std-btn-link:hover::before{
        border: 1px solid var(--colormain);
    }
    .std-btn2 .std-btn-link:hover .std-btn-link-font{
        color: var(--colormain);
    }
    .pcct-btn-nub .std-btn-link:hover .std-btn-link-icon img:nth-of-type(2),
    .std-btn3 .std-btn-link:hover .std-btn-link-icon img:nth-of-type(2){
        opacity: 1;
    }
    .pcct-btn-nub .std-btn-link:hover .std-btn-link-icon img:first-child,
    .std-btn3 .std-btn-link:hover .std-btn-link-icon img:first-child{
        opacity: 0;
    }
    .home-develop-btn-nub:hover .std-text18{
        color: var(--colormain);
    }
    .home-develop-btn-nub:hover .std-text18::before{
        width: 59.375%;
        opacity: 1;
    }
    .std-btn3 .std-btn-link:hover .std-btn-link-font{
        color: var(--colorhover);
    }
    .std-btn3 .std-btn-link:hover::before{
        border: 1px solid var(--colorhover);
    }
    .solution-case-inof-nub:hover .ys-imgbox-cover img{
        transform: scale(1.05);
    }
    .mod-arrows1 .swiper-button-prev:hover, 
    .mod-arrows1 .swiper-button-next:hover,
    .mod-arrows1 .slick-prev:hover, 
    .mod-arrows1 .slick-next:hover{
        background: var(--colormain);
    }
    .case-ban-goon:hover .case-ban-inof {
        animation-play-state: paused;
    }  
    .cbii-link:hover{
        --line: 46px;
    }
    .cbii-link:hover .cbii-btn::before{
        width: 100%;
        opacity: 1;
    }
    .cbii-link:hover .cbii-link-line,
    .cbii-link:hover .cbii-btn{
        opacity: 1;
        transition: all .4s ease;
    }  
    .tbbi-item-link:hover .std-text18::before{
        width: 100%;
        opacity: 1;
    }
    .total-case-btn-item .tcbi-link:hover{
        background: var(--colormain);
    }
    .total-case-btn-item .tcbi-link:hover .std-text16{
        color: var(--colorfff);
    }
    .pccl-box-inof:hover .pccl-bid-nub .ys-imgbox-cover{
        opacity: 1;
        transform: translate(-50%,0) scale(1);
    }
    .pccl-box-inof:hover .pccl-box-inof-dots{
        transform: scale(1.5);
    }
    .pccl-box-inof:hover .pccl-bid-nub::before,
    .pccl-box-inof:hover .pccl-bid-nub::after{
        opacity: 0;
    }
    .mod-arrows2.mod-arrows1 .swiper-button-prev:hover,
    .mod-arrows2.mod-arrows1 .swiper-button-next:hover,
    .mod-arrows2.mod-arrows1 .slick-prev:hover,
    .mod-arrows2.mod-arrows1 .slick-next:hover{
        background: var(--colormain);
    }
    .hnid-inof:hover .hnid-inof-item.yxnav-active2 .std-text16{
        color: #62636D;
    }
    .hnid-inof:hover .hnid-inof-item.yxnav-active2 .hnid-iil-text-icon img:nth-of-type(2){
        opacity: 0;
    }
    .hnid-inof:hover .hnid-inof-item.yxnav-active2 .hnid-iil-text-icon img:first-child{
        opacity: 1;
    }
    .hnid-inof-item-link:hover .std-text16,
    .hnid-inof:hover .hnid-inof-item.yxnav-active2:hover .std-text16{
        color: var(--colormain);
    }
    .hnid-inof-item-link:hover .hnid-iil-text-icon img:nth-of-type(2),
    .hnid-inof:hover .hnid-inof-item.yxnav-active2:hover .hnid-iil-text-icon img:nth-of-type(2){
        opacity: 1;
    }
    .hnid-inof-item-link:hover .hnid-iil-text-icon img:first-child,
    .hnid-inof:hover .hnid-inof-item.yxnav-active2:hover .hnid-iil-text-icon img:first-child{
        opacity: 0;
    }
    .peii-core:hover{
        background: var(--colormain);
    }
    .peii-core:hover .peii-core-icon-circle{
        background: var(--colorfff);
    }
    .peii-core:hover .peii-core-icon-circle::before,
    .peii-core:hover .peii-core-icon-circle::after{
        background: var(--colormain);
    }
    .peii-core:hover .peii-core-title-hover{
        opacity: 1;
        pointer-events: all;
    }
    .peii-core:hover .peii-core-title-icon,
    .peii-core:hover .peii-core-title>.std-font24{
        opacity: 0;
    }
    .ptin-link:hover .std-btn-link::before {
        border: 1px solid var(--colorhover);
    }
    .ptin-link:hover .std-btn-link .std-btn-link-font {
        color: var(--colorhover);
    }
    .ptin-link:hover .std-btn-link .std-btn-link-icon img:first-child {
        opacity: 0;
    }
    .ptin-link:hover .std-btn-link .std-btn-link-icon img:nth-of-type(2) {
        opacity: 1;
    }
    .about-develop-pic-nub:hover img{
        transform: scale(1.05);
    }
    .ncbi-link:hover .std-text16{
        color: var(--colormain);
    }
    .ncbi-link:hover .ncbi-link-icon img:nth-of-type(2){
        opacity: 1;
    }
    .ncbi-link:hover .ncbi-link-icon img:first-child{
        opacity: 0;
    }
    .ys-form-inof-item .ys-select-li:hover{
        color: var(--colormain);
    }
    .service-face-inof-nub:hover .sfin-img img{
        transform: scale(1.05);
    }
    .swiper-button-next:hover::after, 
    .swiper-button-prev:hover::after{
        opacity: 0;
    }
    .swiper-button-next:hover::before, 
    .swiper-button-prev:hover::before{
        opacity: 1;
    }
    .mod-arrows1.mod-arrows3 .swiper-button-prev:hover,
    .mod-arrows1.mod-arrows3 .swiper-button-next:hover,
    .swiper-button-prev:hover,
    .swiper-button-next:hover{
        background: var(--colormain);
    }
    .trii-cry:hover .trii-cry-bg img{
        transform: scale(1.05);
    }
    .tpcb-img:hover img{
        transform: scale(1.05);
    }   
    .tvsi-cry:hover .ys-imgbox-cover img{
        transform: scale(1.05);
    } 
    .pave-trad-inof-item:hover .ptii-img img{
        transform: scale(1.05);
    }
    .tech-multi-swipe-item:hover .tmsi-img img{
        transform: scale(1.05);
    }
    .contact-office-inof-item:hover .coii-img img{
        transform: scale(1.05);
    }
    .service-advant-box .ys-bread-list a:hover {
        color: rgba(255, 255, 255, 1);
    }
    .peli-core:hover .peli-core-img img{
        transform: scale(1.05);
    }
    .pcct-advant-inof-add .pcct-advant-inof-nub:hover .std-text16,
    .pcct-advant-inof-add .pcct-advant-inof-nub:hover .std-text16 p{
        color: #0067E5;
    }
    /* 2024.11.28 */
    .about-develop-box-text .std-btn-link:hover::after{
        opacity: 1;
    }
    .p1bin-cry:hover .p1bin-cry-img img{
        transform: scale(1.05);
    }
    .p1min-core:hover img{
        transform: scale(1.05);
    }
}
.ys-ban-slick .ys-ban-title{
    color: var(--colorfff);
    font-size: var(--font44);
    line-height: var(--l1h3);
    text-align: center;
    margin-bottom: 24px;
}
.ys-ban-slick .std-font24,
.ys-ban-slick .std-font24 p{
    color: var(--colorfff);
    text-align: center;
    line-height: var(--l1h6);
}
.ys-ban-slick .std-font24{
    margin-bottom: 60px;
}
.std-btn-link-font{
    font-size: var(--font16);
    line-height: var(--l1h8);
    color: var(--colorfff);
    text-align: center;
    position: relative;
    z-index: 6;
    transition: all .4s ease;
}
.std-btn-link{
    position: relative;
    padding: 10px 54px;
    cursor: pointer;
}
.std-btn-link::before{
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.10);
}
.ys-ban-li .std-btn-link::before{
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    -moz-backdrop-filter: none;
    -ms-backdrop-filter: none;
    -o-backdrop-filter: none;
    background: rgba(255, 255, 255, 0.20);
}
.std-btn-link::before,
.std-btn-link::after{
    content: '';
    border-radius: 80px;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.std-btn-link::after{
    border: 1px solid var(--colorfff);
    transition: all .8s ease;
}
.std-btn{
    display: flex;
    justify-content: center;
}
.mod-swiper-dots1 .swiper-pagination-bullet,
.mod-dots1 .slick-dots li{
    width: 66px;
    height: 10px;
    border-radius: 0;
    margin: 0 3px;
    background: transparent;
}
.mod-swiper-dots1 .swiper-pagination-bullet::before,
.mod-swiper-dots1 .swiper-pagination-bullet::after,
.mod-dots1 .slick-dots li::before,
.mod-dots1 .slick-dots li::after{
    content: '';
    height: 2px;
    border-radius: 1px;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.mod-dots1 .slick-dots li::before{
    background: rgba(255, 255, 255, .5);
}
.mod-dots1 .slick-dots li::after{
    background: var(--colorfff);
    opacity: 0;
}
.mod-dots1 .slick-dots li.slick-active::after{
    opacity: 1;
}
.ys-ban-slick.mod-dots1 .slick-dots{
    bottom: 36px;
}
.ys-ban-imgbox::before{
    background: rgba(1,6,12,.15);
}
.mod-arrows1 .slick-prev, 
.mod-arrows1 .slick-next,
.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.20);
    z-index: 10;
}
.ys-ban-slick.mod-arrows1 .slick-prev{
    left: 10px;
} 
.ys-ban-slick.mod-arrows1 .slick-next{
    right: 10px;
} 
.mod-arrows1 .slick-prev::before, 
.mod-arrows1 .slick-next::before,
.mod-arrows1 .swiper-button-prev::before, 
.mod-arrows1 .swiper-button-next::before{
    content: '';
    background-image: url(../images/0jian1.svg);
    background-size: 100% 100%;
    position: absolute;
    width: 50%;
    height: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.mod-arrows1 .swiper-button-prev::before, 
.mod-arrows1 .slick-prev::before{
    transform: translate(-50%,-50%) rotate(180deg);
}
.ys-hd-pc{
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    justify-content: space-between;
    padding-left: 120px;
    padding-right: 120px;
}
.head-nav{
    display: flex;
    --jian: 40px;
    margin: 0 calc(var(--jian) * -1);
}
.head-logo {
    width: 95px;
    line-height: var(--line80);
    font-size: 0;
}
.head-logo a{
    display: flex;
    align-items: center;
    height: var(--line80);
}
.head-nav-item-title{
    padding: 0 var(--jian);
    line-height: var(--line80);
    color: var(--colorfff);
    transition: all .4s ease;
    font-size: var(--font16);
    position: relative;
    display: block;
}
.head-nav-item-title::before{
    content: '';
    width: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    position: absolute;
    bottom: 15px;
    background: var(--colorfff);
    transition: all .4s ease;
    opacity: 0;
}
.head-nav-item.yxnav-active1 .head-nav-item-title::before{
    width: calc(100% - calc(var(--jian) * 2));
    opacity: 1;
}
/* search - start */
.yx-search3box{
    --btn-width: 24px;
}
.yx-search3-btn{
    width: var(--btn-width);
    margin-right: 50px;
    line-height: var(--line80);
    height: var(--line80);
    display: flex;
    align-items: center;
    position: relative;
}
.yx-search3-btn img{
    width: 100%;
    transition: all .36s;
}
.yx-search3img1{
    position: relative;
    top: 0;
    left: 0;
}
.yx-search3img2{
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(1);
    left: 0;
    opacity: 0;
}
.yx-search3xlbox{
    width: 100%;
    height: 350px;
    background:var(--colorfff);
    box-shadow:0 5px 13px rgba(35, 50, 64, 0.13);
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99;
}
.yx-search3-tbox{
    width: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: var(--head);
    border-bottom: 1px solid #666;
    display: flex;
    align-items: center;
}
.yx-search3xlbtn{
    width: 27px;
    line-height: var(--head);
}
.yx-search3xlbtn img{
    width: 100%;
    transition: all .36s;
}
.yx-search3-xls  {
    width: calc(100% - 27px);
    padding-right: 20px;
}
.yx-search3-xls input{
    font-size: 16px;
    line-height: 3.75;
    color: #666;
    width: 100%;
    transition: all .36s;
}
.yx-search3-xls input::placeholder{
    color: #666;
}
.yx-search3-btn.on .yx-search3img2{
    opacity: 1;
}
.yx-search3-btn.on .yx-search3img1{
    opacity: 0;
}
/* search - end */
.head-other{
    display: flex;
}
.head-other-lang{
    display: flex;
}
.head-other-lang-item,
.head-other-lang-item a{
    font-size: var(--font14);
    line-height: var(--line80);
}
.head-other-lang{
    --jian: 10px;
    margin: 0 calc(var(--jian) * -1);
}
.head-other-lang-item{
    padding: 0 var(--jian);
    position: relative;
}
.head-other-lang-item a{
    color: rgba(255,255,255,.5);
    transition: all .4s ease;
}
.head-other-lang-item.on a{
    color: var(--colorfff);
    transition: all .4s ease;
}
.head-other-lang-item::before{
    content: '';
    background-image: url(../images/0line.svg);
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    top: 50%;
    left: 0;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.head-other-lang-item:first-child::before{
    display: none;
}
.head-logo img:nth-of-type(2){
    opacity: 0;
}
.ys-imgbox-contain img, .ys-imgbox-cover img{
    transition: all .4s ease;
}
.ys-imgbox-cover img:nth-child(3) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.yx-search3-btn img:nth-of-type(2),
.yx-search3-btn img:nth-of-type(3){
    opacity: 0;
}
.ys-hd-pc{
    transition: all .4s ease;
}
.head-other-lang-item::after {
    content: '';
    background-image: url(../images/0line2.svg);
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
    opacity: 0;
}
.head-other-lang-item:first-child::after{
    display: none;
}
.ys-hd-pc::before{
    content: '';
    height: 150%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 100%);
    transition: all .4s ease;
    pointer-events: none;
}
.ys-hd-pc.ishover,
.ys-hd-pc.isfixed,
.inside-main.act .ys-hd-pc {
    border-bottom: 1px solid #E7E8EC;
    background: #FFF;
}
.ys-hd-pc.ishover .head-logo img:nth-of-type(2),
.ys-hd-pc.isfixed .head-logo img:nth-of-type(2),
.inside-main.act .ys-hd-pc .head-logo img:nth-of-type(2) {
    opacity: 1;
}
.ys-hd-pc.ishover .head-logo img:first-child,
.ys-hd-pc.isfixed .head-logo img:first-child,
.inside-main.act .ys-hd-pc .head-logo img:first-child {
    opacity: 0;
}
.ys-hd-pc.ishover .head-nav-item-title,
.ys-hd-pc.isfixed .head-nav-item-title,
.inside-main.act .ys-hd-pc .head-nav-item-title{
    color: var(--colortitle);
}
.ys-hd-pc.ishover .head-nav-item-title::before,
.ys-hd-pc.isfixed .head-nav-item-title::before,
.inside-main.act .ys-hd-pc .head-nav-item-title::before{
    background: var(--colormain);
}
.ys-hd-pc.ishover .yx-search3-btn img:first-child,
.ys-hd-pc.isfixed .yx-search3-btn img:first-child,
.inside-main.act .ys-hd-pc .yx-search3-btn img:first-child{
    opacity: 0;
}
.ys-hd-pc.ishover .yx-search3-btn img:nth-of-type(2),
.ys-hd-pc.isfixed .yx-search3-btn img:nth-of-type(2),
.inside-main.act .ys-hd-pc .yx-search3-btn img:nth-of-type(2){
    opacity: 1;
}
.ys-hd-pc.ishover .head-other-lang-item a,
.ys-hd-pc.isfixed .head-other-lang-item a,
.inside-main.act .ys-hd-pc .head-other-lang-item a{
    color: #B9BBC7;
}
.ys-hd-pc.ishover .head-other-lang-item::after,
.ys-hd-pc.isfixed .head-other-lang-item::after,
.inside-main.act .ys-hd-pc .head-other-lang-item::after{
    opacity: 1;
}
.ys-hd-pc.ishover .head-other-lang-item::before,
.ys-hd-pc.isfixed .head-other-lang-item::before,
.inside-main.act .ys-hd-pc .head-other-lang-item::before{
    opacity: 0;
}
.ys-hd-pc.ishover .head-other-lang-item.on a,
.ys-hd-pc.isfixed .head-other-lang-item.on a,
.inside-main.act .ys-hd-pc .head-other-lang-item.on a{
    color: var(--colormain);
}
.ys-hd-pc.ishover .head-nav-item.yxnav-active1 .head-nav-item-title,
.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title,
.inside-main.act .ys-hd-pc .head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--colormain);
}
.ys-hd-pc.ishover::before,
.ys-hd-pc.isfixed::before,
.inside-main.act .ys-hd-pc::before{
    opacity: 0;
    height: 0;
}
.ys-footer{
    background: #011732;
}
.footer-top{
    padding-top: 110px;
    display: flex;
    align-items: flex-start;
}
.footer-logo{
    width: 139px;
    margin-bottom: 37px;
}
.footer-logo img{
    width: 100%;
}
.footer-top-left .std-text20,
.footer-top-left .std-text20 p{
    color: var(--colorfff);
    line-height: var(--l1h6);
}
.footer-nav{
    display: flex;
    justify-content: space-between;
    width: 67.625%;
}
.footer-top-left{
    width: 32.375%;
    padding-right: 30px;
}
.footer-nav-first,
.footer-nav-first a{
    font-size: var(--font18);
    line-height: var(--l1h6);
    color: var(--colorfff);
    font-weight: bold;
}
.footer-nav-first{
    margin-bottom: 32px;
}
.footer-nav ul li,
.footer-nav ul li a{
    color: var(--colorfff);
    line-height: var(--l1h8);
    font-size: var(--font16);
}
.footer-nav ul li{
    margin-bottom: 1em;
}
.footer-nav ul li:last-child{
    margin-bottom: 0;
}
.footer-share{
    --jian: 30px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
}
.footer-share-item{
    padding: 0 var(--jian);
}
.footer-share-item-btn{
    width: 44px;
    cursor: pointer;
}
.footer-share-item-btn img{
    width: 100%;
}
.footer-top{
    padding-bottom: 166px;
}
.footer-middle{
    padding-bottom: 30px;
}
.footer-bot{
    border-top: 1px solid rgba(255, 255, 255, .2);
    display: flex;
    justify-content: space-between;
    padding-top: 27px;
    padding-bottom: 40px;
}
.footer-bot-inof{
    --jian: 24px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
}
.footer-bot-inof-nub{
    padding: 0 var(--jian);
    position: relative;
}
.footer-bot-inof-nub a{
    color: var(--colorfff);
    line-height: var(--l1h6);
    font-size: var(--font16);
}
.footer-bot-inof-nub::before{
    content: '';
    height: 15px;
    width: 1px;
    background: rgba(255, 255, 255, .5);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.footer-bot-inof-nub:first-child::before{
    display: none;
}
.footer-bot-text,
.footer-bot-text p,
.footer-bot-text p a{
    font-size: var(--font14);
    line-height: var(--l1h6);
    color: var(--colorfff);
}
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2)!important;
}
.mod-call{
    background: #F5F9FF;
    padding-top: var(--space70);
    padding-bottom: var(--space70);
}
.mod-call .std-font40{
    text-align: center;
    color: var(--colortitle);
    line-height: var(--l1h4);
    margin-bottom: 40px;
}
.std-btn1 {
    display: flex;
    justify-content: center;
}
.std-btn-link{
    display: flex;
    align-items: center;
    justify-content: center;
}
.std-btn1 .std-btn-link::before {
    background: var(--colormain);
}
.std-btn1 .std-btn-link::after {
    border: 1px solid var(--colormain);
}
.std-btn-link-icon{
    width: 24px;
    margin-left: 16px;
    position: relative;
    z-index: 6;
}
.mod-call .std-btn-link-icon{
    margin-left: 20px;
}
.std-btn-link-icon img{
    width: 100%;
}
.std-btn1 .std-btn-link{
    padding: 10px 40px;
}
.mod-call .std-btn1 .std-btn-link{
    padding: 16px 64px;
}
.ys-phnav-logo {
    width: 80px;
}
.ys-nyban-img::before{
    content: '';
    background: rgba(1,53,102,.2);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.ys-nyban-title{
    z-index: 6;
}
.ys-nyban-title h1{
    font-size: var(--font54);
    line-height: var(--l1h3);
    text-align: center;
    color: var(--colorfff);
}
.ys-nyban-title p{
    line-height: var(--l1h75);
    text-align: center;
    color: var(--colorfff);
    margin-top: 32px;
    font-size: var(--font18);
}
.ys-nyban-title.ys-pos-center{
    top: calc(calc(100% + var(--line80)) / 2);
}
.ys-bread-list a{
    line-height: var(--l1h8);
    color: rgba(98,99,108,.5);
    transition: all .4s ease;
    font-size: var(--font14);
    display: inline-block;
}
.ys-bread-list {
    padding: 0 16px;
}
.ys-bread {
    margin: 0 -16px;
    padding-top: 16px;
}
.ys-bread-list::before {
    content: '';
    background-image: url(../images/0bread1.svg);
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    opacity: .5;
    top: 50%;
    right: -8px;
    transform: translateY(-50%);
}
.product-inof{
    position: relative;
    padding-top: var(--space120);
    padding-bottom: var(--space40);
}
.mod-bread{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
}
.product-inof-core{
    --jian1: 18px;
    --jian2: 40px;
    margin: 0 calc(var(--jian1) * -1) calc(var(--jian2) * -1);
    display: flex;
    flex-wrap: wrap;
}
.product-inof-core-item{
    width: 33.333333%;
    padding: 0 var(--jian1);
    margin-bottom: var(--jian2);
}
.pici-link{
    display: flex;
    border-radius: 10px;
    border: 1px solid rgba(112, 106, 108, 0.20);
    background: var(--colorfff);
    box-shadow: 0px 14.848px 20.5px 0px rgba(0, 68, 148, 0.06), 0px 8.766px 8.515px 0px rgba(0, 68, 148, 0.04), 0px 4.461px 3.08px 0px rgba(0, 68, 148, 0.03);
    padding: 16px 24px 40px;
    flex-direction: column;
}
.pici-link-img{
    width: 100%;
    margin-bottom: 20px;
}
.pici-link .std-text20{
    text-align: center;
    line-height: var(--l1h6);
    color: var(--colortitle);
    margin-bottom: 20px;
}
.pici-link-data{
    --jian3: 30px;
    margin: 0 calc(var(--jian3) * -1);
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
}
.pici-link-data-nub{
    padding: 0 var(--jian3);
    width: 50%;
    flex-grow: 1;
}
.pici-ldn-name,
.pici-ldn-data{
    text-align: center;
    color: var(--colormain);
    line-height: var(--l1h8);
}
.pici-link-data{
    margin-bottom: 44px;
}
.mod-page{
    margin-top: var(--space60);
}
.mod-page .pc-fenye li{
    width: 34px;
    height: 34px;
    font-family: "PingFang SC", "Microsoft YaHei";  
    font-size: 14px;
    line-height: 32px;
    color: #62636D;
    text-align: center;
    margin: 0 16px;
    border-radius: 50%;
    transition: .4s ease;
}
.pc-fenye .comp-tabli li {
    border: 1px solid rgba(112, 106, 108, 0.20);
}
.pc-fenye li.activepage {
    color: var(--colorfff);
    background: var(--colormain);
    border: 1px solid var(--colormain);
}
.product-inof-screen{
    display: flex;
    --jian1: 20px;
    margin: 0 calc(var(--jian1) * -1);
    margin-bottom: 88px;
}
.product-inof-screen-item{
    padding: 0 var(--jian1);
}
.product-inof-screen-item1{
    width: 33.24%;
}
.product-inof-screen-item2{
    width: 35.68%;
}
.product-inof-screen-item3{
    width: 31.08%;
}
.pisi-select,
.pisi-core{
    height: 50px;
    border-radius: 80px;
    background: rgba(112, 106, 108, 0.05);
}
.pisi-select .ys-select-hd{
    padding: 0 12px 0 24px;
}
.pisi-select .ys-select-xtbbox{
    right: 12px;
    width: 24px;
    font-size: 0;
}
.pisi-select .ys-select-xtbbox img{
    width: 100%;
}
.pisi-select .ys-select-show{
    color: var(--colortitle);
    font-size: var(--font16);
}
.pisi-select .ys-select-show::placeholder{
    color: var(--colortitle);
}
.pisi-select .ys-select-bd{
    border-radius: 25px;
    background: rgba(248, 247, 248, 1);
    font-size: var(--font16);
    padding: 1em 0;
    height: 10em;
}
.pisi-select .ys-select-bd .ys-select-li{
    font-size: var(--font16);
    line-height: 2;
    padding: 0 24px;
    transition: all .4s ease;
}
.pisi-select .mCSB_outside+.mCSB_scrollTools {
    right: 16px;
}
.pisi-select .mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
}
.pisi-select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 1px;
}
.pisi-select .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colortitle);
}
.pisi-select .mCSB_scrollTools{
    top: 1em;
    bottom: 1em;
}
.pisi-core{
    padding: 0 24px;
    display: flex;
    align-items: center;
}
.pisi-core .std-text16{
    color: var(--colortitle);
    line-height: var(--l1h8);
}
.pisi3-btn{
    --jian2: 10px; 
    margin: 0 calc(var(--jian2) * -1);
    display: flex;
}
.pisi3-btn-nub{
    padding: 0 var(--jian2);
    width: 50%;
}
.pisi3-btn-nub .std-btn-link{
    width: 100%;
}
.std-btn2 .std-btn-link::before {
    background: transparent;
}
.std-btn2 .std-btn-link::after {
    border: 1px solid #62636E;
}
.std-btn2 .std-btn-link-font{
    color: #62636E;
}
.product-support{
    padding-top: var(--space130);
    padding-bottom: var(--space156);
}
.case-client .std-font40,
.case-part .std-font40,
.product-support .std-font40{
    color: var(--colortitle);
    line-height: var(--l1h4);
    text-align: center;
    margin-bottom: 24px;
}
.product-support .std-text18,
.product-support .std-text18 p{
    color: #62636D;
    text-align: center;
    line-height: var(--l1h6);
}
.product-support .std-text18{
    margin-bottom: var(--space60);
}
.product-support-inof{
    --jian: 18px;
    margin: 0 calc(var(--jian) * -1);
}
.product-support-inof-nub{
    width: 33.333333%;
    padding: 0 var(--jian);
}
.psin-link{
    border-radius: 5px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.psin-link-top{
    padding: 50px 58px 0;
    position: relative;
    z-index: 6;
    flex-grow: 1;
}
.psin-link-top .std-font24{
    line-height: var(--l1h5);
    color: var(--colortitle);
    margin-bottom: 20px;
    text-align: center;
}
.psin-link-top .psin-link-text,
.psin-link-top .psin-link-text p{
    color: #62636D;
    font-size: 14px;
    line-height: var(--l1h8);
    text-align: center;
}
.psin-link-top .psin-link-text{
    margin-bottom: 20px;
}
.psin-link-link{
    display: flex;
    align-items: center;
    justify-content: center;
}
.psin-link-link .std-text16{
    color: var(--colormain);
    line-height: var(--l1h75);
}
.psin-link-link .psin-link-link-icon{
    width: 24px;
    margin-left: 12px;
}
.psin-link-link .psin-link-link-icon img{
    width: 100%;
}
.product-support-inof-nub .psin-link::before{
    content: '';
    background: linear-gradient(180deg, var(--color1) var(--pos1), var(--color2) var(--pos2), transparent 92.58%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.psin-link .psin-link-img{
    margin-top: -26px;
}
.product-support-inof .slick-track{
    display: flex;
}
.product-support-inof-nub{
    height: auto;
}
.product-support-inof-nub:not(:first-child){
    display: none;
}
.prodet-core{
    position: relative;
    --top1: 75px;
    padding-top: var(--top1);
    padding-bottom: var(--space120);
}
.inside-main.act .ys-main{
    margin-top: var(--line80);
}
.prodet-core-cry{
    display: flex;
    align-items: flex-start;
}
.sticky-html,
.sticky-body{
    overflow: visible;
}
.prodet-core-cry-left{
    width: 48.5%;
    position: sticky;
    top: calc(var(--line80) + var(--top1));
}
.prodet-core-cry-text{
    width: 51.5%;
    padding-left: 40px;
}
.pccl-box{
    position: relative;
    width: 100%;
}
.pcct-label{
    border-radius: 80px;
    background: rgba(0, 114, 255, 0.05);
    padding: 2px 16px;
    font-size: var(--font14);
    line-height: var(--l1h8);
    color: var(--colormain);
    margin-bottom: 12px;
    display: inline-block;
}
.prodet-core-cry-text .std-font32{
    line-height: var(--l1h4);
    color: var(--colortitle);
    padding-right: 74px;
    margin-bottom: 40px;
}
.pcct-inof{
    --jian1: 20px;
    --jian2: 20px;
    margin: 0 calc(var(--jian1) * -1) calc(var(--jian2) * -1);
    display: flex;
    flex-wrap: wrap;
}
.pcct-inof-item{
    width: 50%;
    padding: 0 var(--jian1);
    margin-bottom: var(--jian2);
}
.pcct-inof-item .std-font24{
    color: var(--colormain);
    line-height: var(--l1h5);
    margin-bottom: 4px;
}
.pcct-inof-item-text{
    color: #62636D;
    line-height: var(--l1h8);
    font-size: var(--font14);
}
.pcct-advant{
    padding-top: var(--space50);
}
.pcct-advant .std-font24{
    line-height: var(--l1h5);
    color: var(--colortitle);
    margin-bottom: 20px;
}
.pcct-advant-box{
    border-radius: 5px;
    background: #F9F9FB;
    padding: 24px;
}
.pcct-advant-box .std-text20{
    margin-bottom: 16px;
    color: var(--colortitle);
    line-height: var(--l1h5);
}
.pcct-advant-box .std-text16,
.pcct-advant-box .std-text16 p{
    line-height: var(--l1h75);
    color: #62636D;
}
.pcct-advant-inof{
    background: var(--colorbg);
}
.pcct-advant-inof-nub{
    padding: 24px;
    position: relative;
}
.pcct-advant-inof-nub::before{
    content: '';
    height: 1px;
    width: calc(100% - 48px);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(98,99,108,.2);
    position: absolute;
}
.pcct-advant-inof-nub:last-child::before{
    display: none;
}
.pcct-ain-top-icon{
    width: 24px;
}
.pcct-ain-top-icon img{
    width: 100%;
}
.pcct-ain-top{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.pcct-ain-top .std-text20{
    width: calc(100% - 24px);
    flex-grow: 1;
    padding-left: 12px;
    color: var(--colortitle);
}
.pcct-btn{
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}
.pcct-btn-nub{
    width: 50%;
    padding: 0 var(--jian);
}
.pcct-btn-nub .std-btn-link{
    width: 100%;
}
.std-btn-link-icon img{
    transform: scale(1)!important;
    transition: all .4s ease;
}
.std-btn-link-icon img:nth-of-type(2){
    opacity: 0;
}
.pccl-box{
    border-radius: 10px;
    border: 1px solid rgba(112, 106, 108, 0.20);
    background: var(--colorfff);
    box-shadow: 0px 14.848px 20.5px 0px rgba(0, 68, 148, 0.06), 0px 8.766px 8.515px 0px rgba(0, 68, 148, 0.04), 0px 4.461px 3.08px 0px rgba(0, 68, 148, 0.03);
    margin-bottom: 24px;
}
.pccl-btn{
    --jian: 9px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
    justify-content: center;
}
.pccl-btn-item{
    padding: 0 var(--jian);
}
.pccl-bil-icon{
    width: 20px;
}
.pccl-btn-item-link .pccl-bil-font{
    color: var(--colortitle);
    margin-left: 12px;
    line-height: var(--l1h8);
    transition: all .4s ease;
}
.pccl-btn-item-link {
    padding: 4px 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 80px;
    background: var(--colorbg);
    transition: all .4s ease;
}
.pccl-bil-icon img:nth-of-type(2){
    opacity: 0;
}
.pccl-btn-item.on .pccl-btn-item-link{
    background: var(--colormain);
}
.pccl-btn-item.on .pccl-btn-item-link .pccl-bil-font{
    color: var(--colorfff);
}
.pccl-btn-item.on .pccl-btn-item-link .pccl-bil-icon img:nth-of-type(2){
    opacity: 1;
}
.pccl-btn-item.on .pccl-btn-item-link .pccl-bil-icon img:first-child{
    opacity: 0;
}
.pccl-box-inof-nub,
.pccl-box-inof-nub .ys-imgbox-cover{
    width: 100%;
}
.pccl-box-inof{
    position: relative;
}
.pccl-box-inof-nub:not(:first-child){
    display: none;
}
.inside-rotate.mod-dots1 .slick-dots li::before {
    background: rgba(0, 101, 221, .3);
}
.inside-rotate.mod-dots1 .slick-dots li::after {
    background: var(--colormain);
}
.inside-rotate.mod-dots1 .slick-dots li {
    width: 32px;
}
.mod-arrows1.inside-rotate .slick-prev, 
.mod-arrows1.inside-rotate .slick-next {
    width: 36px;
    height: 36px;
}
.mod-arrows1.inside-rotate .slick-prev{
    left: 8px;
}
.mod-arrows1.inside-rotate .slick-next{
    right: 8px;
}
.pccl-box-inof-nub video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: transparent;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}
.pccl-box-inof{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.pccl-box-inof:first-child{
    position: relative;
}
.pccl-box-inof.act{
    opacity: 1;
    pointer-events: all;
}
.prodet-service{
    background: #F5F9FF;
    padding-top: 82px;
    padding-bottom: 82px;
}
.prodet-service-inof{
    --jian: 60px;
    margin: 0 calc(var(--jian) * -1);
}
.prodet-service-inof .slick-track{
    display: flex;
}
.prodet-service-inof-nub{
    width: 33.333333%;
    padding: 0 var(--jian);
}
.psin-icon{
    width: 60px;
    margin: 0 auto;
    margin-bottom: 32px;
}
.prodet-service-inof-nub .std-font24{
    text-align: center;
    color: var(--colortitle);
    line-height: var(--l1h4);
    margin-bottom: 16px;
}
.prodet-service-inof-nub .psin-text,
.prodet-service-inof-nub .psin-text p{
    text-align: center;
    color: #62636D;
    line-height: var(--l1h8);
}
.prodet-service-inof-nub .psin-text{
    margin-bottom: 16px;
}
.prodet-service-inof-nub:not(:first-child){
    display: none;
}
.prodet-core .mod-bread .ys-cont1440 {
    max-width: 1200px;
}
.home-news{
    padding-top: var(--space140);
    padding-bottom: var(--space140);
    --jian: 12px;
}
.home-news-title{
    margin-bottom: var(--space60);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.home-news-top-nub1{
    width: 66.666667%;
}
.home-news-top-nub2{
    width: 33.333333%;
}
.home-news-top-nub{
    padding: 0 var(--jian);
}
.home-news-top{
    margin: 0 calc(var(--jian) * -1);
    display: flex;
    margin-bottom: calc(var(--jian) * 2);
}
.hntn-link{
    border-radius: 5px;
    overflow: hidden;
    display: block;
    position: relative;
    height: 100%;
}
.hntn-link-img{
    width: 100%;
    height: 100%;
}
.hntn-link-img img{
    object-fit: cover;
}
.hntn-link-img::before{
    content: '';
    height: 50%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent 0%, #111F36 100%);
    z-index: 3;
}
.home-news-top-nub2 .std-text18{
    padding: 0 36px 32px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 6;
}
.home-news-top-nub2 .std-text18,
.home-news-top-nub2 .std-text18 p{
    line-height: var(--l1h6);
    color: var(--colorfff);
}
.hntn-link-text{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 40px 32px;
}
.hntn-link-text-box{
    --jian: 16px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
    font-size: var(--font14);
}
.hntn-link-text-box li{
    padding: 0 var(--jian);
    position: relative;
    color: var(--colorfff);
    line-height: var(--l1h8);
}
.hntn-link-text-box li::before{
    content: '';
    height: calc(var(--font14) - 2px);
    width: 1px;
    position: absolute;
    background: var(--colorfff);
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.hntn-link-text-box li:last-child::before{
    display: none;
}
.hntn-link-text .std-font24{
    margin-top: 12px;
}
.hntn-link-text .std-font24,
.hntn-link-text .std-font24 p{
    color: var(--colorfff);
    line-height: var(--l1h4);
}
.home-news-inof{
    margin: 0 calc(var(--jian) * -1);
}
.home-news-inof-nub{
    width: 33.333333%;
    padding: 0 var(--jian);
}
.hnin-link{
    background: var(--colorbg);
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
}
.hnin-link-text{
    padding: 12px 32px 32px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.hnin-link-text .hntn-link-text-box li{
    color: #62636D;
}
.home-news-inof-nub .hntn-link-text-box li::before{
    background: rgba(98,99,108,.2);
}
.hnin-link-text .std-text18,
.hnin-link-text .std-text18 p{
    color: var(--colortitle);
}
.hnin-link-text .psin-link-link{
    justify-content: flex-start;
}
.home-news-inof-nub:not(:first-child){
    display: none;
}
.hnin-link .hntn-link-text-box{
    margin-bottom: 12px;
}
.hnin-link-text .std-text18{
    margin-bottom: 47px;
    flex-grow: 1;
}
.home-news-inof .slick-track{
    display: flex;
}
.home-news-inof-nub.slick-slide{
    height: auto;
}
.home-develop .std-font44,
.home-tech .std-font44,
.solution-challenge .std-font44{
    text-align: center;
    line-height: var(--l1h3);
    margin-bottom: 24px;
}
.home-develop-text,
.home-develop-text p{
    text-align: center;
    line-height: var(--l1h6);
    color: #62636D;
}
.home-develop-text{
    margin-bottom: var(--space80);
}
.home-develop-rotate-nub:not(:first-child){
    display: none;
}
.home-develop{
    padding-top: var(--space90);
}
.home-develop-rotate-nub{
    position: relative;
}
.home-develop-rotate-nub img{
    width: 100%;
}
.home-develop-rotate-nub video{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.home-develop-rotate-nub::before{
    content: '';
    height: 27.03%;
    width: 100%;
    position: absolute;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFF 100%);
    bottom: -3px;
    left: 0;
    z-index: 3;
}
.home-develop-btn{
    display: flex;
    --jian: 12px;
    margin: 0 calc(var(--jian) * -1);
    position: relative;
}
.home-develop-btn-nub{
    width: 33.333333%;
    padding: 0 var(--jian);
    cursor: pointer;
    flex-grow: 1;
}
.home-develop-btn-nub .std-text18{
    text-align: center;
    line-height: 1.65;
    padding-bottom: 12px;
    padding-top: 40px;
    position: relative;
    color: #62636D;
    transition: all .4s ease;
}
.home-develop-btn::before{
    content: '';
    width: calc(100% - calc(var(--jian) * 2));
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #E0E1E7;
}
.home-develop-btn-nub .std-text18::before{
    content: '';
    background: var(--colormain);
    height: 2px;
    bottom: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    opacity: 0;
    transition: all .4s ease;
}
.home-develop-btn-nub.on .std-text18{
    color: var(--colormain);
}
.home-develop-btn-nub.on .std-text18::before{
    width: 59.375%;
    opacity: 1;
}
.home-develop-text .std-text18:not(:first-child){
    display: none;
}
.home-develop-text .std-text18{
    padding-top: 32px;
}
.home-develop-text .std-text18,
.home-develop-text .std-text18 p{
    color: var(--colortitle);
    line-height: var(--l1h75);
}
.home-develop-text .std-text18 span{
    font-weight: bold;
    color: var(--colormain);
}
.home-tech{
    padding-top: var(--space120);
    padding-bottom: calc(var(--space120) - 10px);
}
.home-tech-core,
.home-tech-core img{
    width: 100%;
}
.home-tech-core{
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.home-tech-core-btn{
    width: 44px;
    height: 44px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid var(--colorfff);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
}
.home-tech-core-btn img{
    width: 54.545455%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.home-tech-core-btn img:first-child{
    opacity: 0;
}
.home-tech-core.on .home-tech-core-btn img:first-child{
    opacity: 1;
}
.home-tech-core.on .home-tech-core-btn img:nth-of-type(2){
    opacity: 0;
}
.solution-challenge .home-develop-text,
.home-tech .home-develop-text {
    margin-bottom: var(--space60);
}
.psin-link .psin-link-img {
    margin-top: 0;
}
.psin-link-top{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.home-tech-data{
    --jian: 30px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--jian) * -1);
    margin-top: var(--space50);
}
.home-tech-data-nub{
    width: 20%;
    padding: 0 var(--jian);
}
.home-tech-data-nub .std-font44{
    margin-bottom: 0!important;
    line-height: var(--l1h3);
    text-align: center;
    color: var(--colormain);
}
.home-tech-data-nub .std-text16{
    margin-top: 8px;
    text-align: center;
}
.home-tech-data-nub .std-text16,
.home-tech-data-nub .std-text16 p{
    line-height: var(--l1h75);
    color: var(--colortitle);
}
.home-company-bg{
    position: relative;
}
.home-company{
    position: relative;
}
.home-company-bg{
    width: 100%;
    position: relative;
}
.home-company-bg img{
    width: 100%;
}
.home-company-bg2{
    position: absolute;
    bottom: 0;
    right: 0;
}
.home-company-bg1::before{
    content: '';
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.80) 26.5%, rgba(255,255,255,0) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: -1px;
    right: 0;
}
.home-company .ys-cont1440{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-top: calc(var(--space90) + 11px);
}
.home-company .std-font44,
.home-company .std-text20{
    width: 54.17%;
}
.home-company .std-font44{
    margin-bottom: var(--space40);
}
.home-company .std-text20,
.home-company .std-text20 p{
    line-height: var(--l1h6);
    color: var(--colortitle);
}
.home-company .std-text20{
    margin-bottom: var(--space80);
}
.std-btn3{
    display: flex;
    justify-content: flex-start;
}
.std-btn3 .std-btn-link::before {
    background: transparent;
}
.std-btn3 .std-btn-link::after {
    border: 1px solid var(--colormain);
}
.std-btn3 .std-btn-link-font{
    color: var(--colormain);
}
.home-solution-inof-nub:not(:first-child){
    display: none;
}
.hsin-box{
    position: relative;
}
.hsin-box img{
    width: 100%;
}
.hsin-box video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.home-tech-core video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.hsin-box::before,
.smin-box::before{
    content: '';
    background: linear-gradient(180deg,#FFF 10.08%, rgba(255,255,255,0) 29.15%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: -1px;
    left: 0;
    z-index: 3;
}
.hsin-box::after,
.smin-box::after{
    content: '';
    background: linear-gradient(180deg, rgba(255,255,255,0) 70.69%, #FFF 92.92%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 1px;
    left: 0;
    z-index: 3;
}
.home-solution{
    padding-top: var(--space50);
    padding-bottom: var(--space80);
    position: relative;
}
.hsin-bin-link{
    display: block;
}
.hsin-bin-link-icon{
    width: 24px;
    position: relative;
    z-index: 6;
}
.hsin-bin-link-icon img{
    width: 100%;
}
.hsin-bin-link .std-text16{
    white-space: nowrap;
    color: var(--colortitle);
    line-height: var(--l1h5);
    padding: 8px;
    padding-left: 16px;
    padding-right: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
}
.hsin-bin-link .std-text16 span{
    position: relative;
    z-index: 2;
}
.hsin-box-inof-nub{
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: 10;
}
.hsin-bin-link .std-text16::before{
    content: '';
    width: calc(100% + 32px);
    height: 100%;
    border-radius: 30px;
    border: 1px solid var(--colormain);
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -32px;
}
.home-solution-title .std-font44{
    text-align: center;
    margin-bottom: 24px;
}
.home-solution-title .std-text18,
.home-solution-title .std-text18 p{
    color: #62636D;
    line-height: var(--l1h75);
    text-align: center;
}
.home-solution-title{
    width: 926px;
    max-width: 85vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(var(--space130) + var(--space40));
    z-index: 11;
}
.home-solution-bot{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: var(--space200);
}
.hsdi-btn{
    width: 9px;
    height: 9px;
    position: relative;
}
.hsdi-btn span{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid var(--colormain);
    background: var(--colorfff);
    transition: all .4s ease;
    z-index: 10;
}
.home-solution-dots{
    display: flex;
    justify-content: center;
    --width1: 300px;
}
.home-solution-dots-item{
    width: var(--width1);
    justify-content: center;
    display: flex;
    position: relative;
    padding: 42px 0;
    cursor: pointer;
}
.home-solution-dots-item .std-text18{
    position: absolute;
    white-space: nowrap;
    color: #62636D;
    line-height: 1.65;
    transition: all .4s ease;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.home-solution-dots-item.on .std-text18{
    color: var(--colormain);
}
.hsdi-btn-line{
    content: '';
    height: 1px;
    position: absolute;
    width: var(--width1);
    left: 100%;
    top: 4px;
}
.hsdi-btn-line::before,
.hsdi-btn-line::after{
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0%;
    top: 0px;
}
.hsdi-btn-line::before{
    background: var(--colorfff);
}
.hsdi-btn-line::after{
    background: var(--colormain);
    width: 0;
}
.home-solution-dots-item:last-child .hsdi-btn-line::before,
.home-solution-dots-item:last-child .hsdi-btn-line::after{
    display: none;
}
.home-solution-dots-item.on .hsdi-btn span{
    background: var(--colormain);
}
.home-solution-dots-item.act .hsdi-btn-line::after{
    animation: width_move 20s linear forwards;
}
.home-solution-dots-item .hsdi-btn-line::after{
    width: var(--widthx);
}
@keyframes width_move {
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes width_move {
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
} 
.ys-nyban-title .std-btn{
    margin-top: var(--space60);
}
.solution-challenge{
    position: relative;
    padding-top: var(--space140);
    padding-bottom: var(--space156);
}
.solution-challenge .home-develop-text{
    padding-left: 20px;
    padding-right: 20px;
}
.solution-challenge-inof{
    --jian: 18px;
    margin: 0 calc(var(--jian) * -1);
}
.solution-challenge-inof-item{
    width: 33.333333%;
    padding: 0 var(--jian);
}
.scii-core{
    position: relative;
    display: flex;
    flex-direction: column;
}
.scii-core-text{
    padding: 50px 30px 0;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 6;
}
.scii-core-text .std-font24{
    text-align: center;
    margin-bottom: 20px;
    line-height: var(--l1h5);
}
.scii-core-text .std-text14,
.scii-core-text .std-text14 p{
    text-align: center;
}
.solution-challenge-inof-item:not(:first-child){
    display: none;
}
.solution-case{
    padding-top: var(--space120);
    padding-bottom: var(--space50);
}
.solution-case .std-font40{
    margin-bottom: var(--space70);
    text-align: center;
    line-height: var(--l1h4);
}
.scin-link{
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    display: block;
}
.scin-link-img{
    position: relative;
}
.scin-link-img::before{
    content: '';
    background: linear-gradient(180deg, transparent 0%, #00628D 100%);
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 40.54%;
    z-index: 3;
}
.scin-link-text{
    padding: 0 50px 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.scin-link-text .std-font24{
    margin-bottom: 12px;
    line-height: var(--l1h5);
    color: var(--colorfff);
}
.scin-link-text .std-text14,
.scin-link-text .std-text14 p{
    color: var(--colorfff);
}
.scin-link-text-word{
    width: 72.73%;
}
.scin-link-text-icon{
    width: 44px;
}
.scin-link-text-icon img{
    width: 100%;
}
.solution-case-inof-nub:not(:first-child){
    display: none;
}
.solution-case-inof .slick-list{
    overflow: visible;
}
.solution-case-inof{
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
}
.solution-case-inof-nub{
    padding: 0 var(--jian);
}
.scin-link{
    pointer-events: none;
}
.scin-link-text{
    opacity: 0;
    transform: translateY(50px);
}
.solution-case-inof-nub.slick-active .scin-link-text{
    opacity: 1;
    transform: translateY(0px);
    transition: all .4s .3s ease;
}
.solution-case-inof-nub.slick-active .scin-link{
    pointer-events: all;
}
.solution-case-inof .slick-prev{
    left: calc(var(--jian) - 123px);
}   
.solution-case-inof .slick-next{
    right: calc(var(--jian) - 123px);
}   
.mod-arrows1 .slick-prev, .mod-arrows1 .slick-next{
    transition: all .4s ease;
}
.solution-case .std-btn3{
    margin-top: var(--space50);
    justify-content: center;
}
.solution-modal{
    position: relative;
}
.hsin-bin-link{
    cursor: pointer;
}
.slick-slider{
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.solution-modal-inof-nub{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
}
.smin-box{
    position: relative;
    width: 100%;
}
.smin-box-pic{
    width: 100%;
}
.smin-box-enter,
.smin-box-leave{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}
/* .solution-modal-inof-nub,
.smin-box-enter,
.smin-box-leave{
    transition: all .1s ease;
} */
.solution-modal-inof-nub.on{
    opacity: 1;
}
.solution-modal-inof-nub.on1 .smin-box-enter{
    opacity: 1;
    pointer-events: all;
}
.solution-modal-inof-nub.on2 .smin-box-leave{
    opacity: 1;
    pointer-events: all;
}
.solution-modal-inof-nub .hsin-box-inof{
    opacity: 0;
    pointer-events: none;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transition: all 1s ease;
}
.solution-modal-inof-nub.on:not(.on1,.on2) .hsin-box-inof{
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    pointer-events: all;
}
.solution-modal-default .hsin-box-inof{
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    pointer-events: all;
    transition: all .8s ease;
}
.solution-modal.act .solution-modal-default .hsin-box-inof {
    opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    pointer-events: none;
    /* transition: all .4s ease; */
}
.hsin-box-inof{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
.smin-pop{
    opacity: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    pointer-events: none;
    transition: all 1s ease;
}
.solution-modal.show-pop .solution-modal-inof-nub.on:not(.on1,.on2) .smin-pop{
    opacity: 1;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    pointer-events: all;
}
.solution-modal.act .solution-modal-default .hsin-box-inof{
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.solution-modal-default .hsin-box-inof{
    transition: all .2s ease;
}
.solution-modal-inof .hsin-bin-link .std-text16::before{
    background: var(--colormain);
}
.solution-modal-inof .hsin-bin-link .std-text16{
    color: var(--colorfff);
}
.solution-modal-inof .hsin-bin-link-icon img{
    transform: scale(1.42);
}
/* .solution-modal-inof-nub{
    opacity: 1;
    pointer-events: all;
} */
.smin-pop{
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 20px;
    border: 1px solid rgba(112, 106, 108, 0.20);
    background: var(--colorfff);
    box-shadow: 0px 36px 68px 0px rgba(0, 68, 148, 0.11), 0px 14.848px 20.5px 0px rgba(0, 68, 148, 0.06), 0px 8.766px 8.515px 0px rgba(0, 68, 148, 0.04), 0px 4.461px 3.08px 0px rgba(0, 68, 148, 0.03);
    z-index: 10;
    width: 480px;
    padding: var(--space80) var(--space70);
}
.smin-pri-link-img{
    width: 100%;
    margin-bottom: 20px;
}
.smin-pri-link .std-text18,
.smin-pri-link .std-text18 p{
    text-align: center;
    line-height: var(--l1h8);
}
.smin-pri-link .std-text18{
    margin-bottom: 20px;
}
.solution-modal .home-solution-title {
    top: calc(var(--space90) + 10px);
}
.smin-pop-rotate-item:not(:first-child){
    display: none;
}
.smin-pop-rotate.mod-arrows1 .slick-prev, 
.smin-pop-rotate.mod-arrows1 .slick-next{
    width: 36px;
    height: 36px;
    top: 96px;
}
.smin-pop-rotate.mod-arrows1 .slick-prev{
    left: -50px;
}
.smin-pop-rotate.mod-arrows1 .slick-next{
    right: -50px;
}
.smin-pop .std-btn1 .std-btn-link {
    padding: 4px 32px;
}
.smin-pop-inof-nub{
    margin-bottom: 24px;
}
.smin-pop-inof-nub:last-child{
    margin-bottom: 0;
}
.smin-pin-link-img{
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 14px;
}
.smin-pop-rotate{
    padding-bottom: var(--space70);
}
.smin-pin-link-bot{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.smin-pinlb-icon{
    width: 24px;
}
.smin-pinlb-icon img{
    width: 100%;
}
.smin-pin-link-bot .std-text16{
    width: calc(100% - 24px);
    padding-right: 10px;
    line-height: var(--l1h8);
    color: var(--colortitle);
}
.smin-pop-inof{
    height: var(--heightx);
}
.smin-pop-inof.mCustomScrollbar {
    margin-right: calc(var(--space70) * -1);
}
.smin-pop-inof .mCSB_inside>.mCSB_container {
    margin-right: var(--space70);
}
.smin-pop-inof .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{
    background: rgba(112, 106, 108, 0.20);
}
.smin-pop-inof .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.smin-pop-inof .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colormain);
}
.smin-pop-inof .mCSB_scrollTools{
    top: 25%;
    bottom: 10%;
}
.smin-pop-close{
    position: absolute;
    width: 32px;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.smin-pop-close img{
    width: 100%;
}
.case-ban-goon{
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0;
    z-index: 10;
    --jian: 44px;
    --width: 248px;
}
.case-ban-inof-item{
    width: var(--width);
    padding: 0 var(--jian);
    display: flex;
    align-items: flex-end;
}
.cbii-link{
    display: flex;
    align-items: flex-end;
    position: relative;
    padding-top: 8px;
}
.case-ban-inof{
    white-space: nowrap;
    display: flex;
}
.cbii-img,
.cbii-img img{
    width: 100%;
}
.case-main .ys-nybanner::before{
    content: '';
    width: 100%;
    height: 1px;
    background: var(--colorfff);
    bottom: 40px;
    left: 0;
    position: absolute;
}
.cbii-link{
    --line: 46px;
    transition: all .4s ease;
}
.cbii-link-line{
    width: 11px;
    height: var(--line);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.cbii-link-line::before{
    content: '';
    width: 1px;
    height: calc(100% - 6px);
    background: var(--colorfff);
    position: absolute;
    bottom: 6px;
    left: 5px;
}
.cbii-link-line::after{
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    background: var(--colorfff);
}
.cbii-link-line-span{
    width: 11px;
    height: 11px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.cbii-link-line-span::before,
.cbii-link-line-span::after{
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--colorfff);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(0);
    animation: cbii_span 4s linear infinite;
}
.cbii-link-line-span::after{
    animation-delay: 1s;
}
@keyframes cbii_span {
    0%{
        opacity: 0;
        transform: translate(-50%,-50%) scale(0);
    }
    5%{
        opacity: 1;
        transform: translate(-50%,-50%) scale(0);
    }
    95%{
        opacity: 0;
        transform: translate(-50%,-50%) scale(1.2);
    }
    100%{
        opacity: 0;
        transform: translate(-50%,-50%) scale(0);
    }
}
@-webkit-keyframes cbii_span {
    0%{
        opacity: 0;
        transform: translate(-50%,-50%) scale(0);
    }
    5%{
        opacity: 1;
        transform: translate(-50%,-50%) scale(0);
    }
    95%{
        opacity: 0;
        transform: translate(-50%,-50%) scale(1.2);
    }
    100%{
        opacity: 0;
        transform: translate(-50%,-50%) scale(0);
    }
}
.cbii-btn-icon{
    width: 24px;
    position: relative;
    z-index: 6;
}
.cbii-btn-icon img{
    width: 100%;
}
.cbii-btn{
    display: flex;
    align-items: center;
    padding: 8px 24px;
    position: absolute;
    bottom: calc(100% + var(--line));
    left: calc(50% - 26px);
}
.cbii-btn .std-text16{
    white-space: nowrap;
    color: var(--colortitle);
    line-height: var(--l1h2);
    padding-right: 16px;
    position: relative;
    z-index: 6;
}
.cbii-btn::before{
    content: '';
    border-radius: 80px;
    border: 1px solid var(--colorfff);
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}
.cbii-btn::after{
    content: '';
    height: var(--line);
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
}
.case-ban-inof{
    width: calc(var(--width) * var(--width-shu));
} 
.case-ban-inof2{
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
}
.case-ban-inof3{
    transform: translateX(200%);
    position: absolute;
    top: 0;
    left: 0;
}
.case-ban-inof1 {
    transform: translateX(0);
}
.case-ban-inof1{
    animation: donghua calc(3s * var(--width-shu)) linear infinite;
}
.case-ban-inof2 {
    animation: donghua2 calc(3s * var(--width-shu)) linear infinite;
}
.case-ban-inof3 {
    animation: donghua3 calc(3s * var(--width-shu)) linear infinite;
}
@keyframes donghua {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
@-webkit-keyframes donghua {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes donghua2 {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}
@-webkit-keyframes donghua2 {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}
@keyframes donghua3 {
    from {
        transform: translateX(200%);
    }
    to {
        transform: translateX(100%);
    }
}
@-webkit-keyframes donghua3 {
    from {
        transform: translateX(200%);
    }
    to {
        transform: translateX(100%);
    }
}
.cbii-link-line,
.cbii-btn{
    transition: all .4s ease;
}
.cbii-link{
    --line: 0px;
}
.cbii-btn::before{
    width: 0;
    opacity: 0;
    transition: all .4s ease;
}
.cbii-link-line,
.cbii-btn{
    opacity: 0;
    transition: all .2s ease;
}
.case-main .ys-nyban-img::after {
    content: '';
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    position: absolute;
    width: 100%;
    height: 32.63%;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.case-main .ys-nyban-title.ys-pos-center {
    top: 45.8%;
}
.case-part{
    padding-top: var(--space140);
    position: relative;
}
.solution-main .mod-bread .ys-cont1440,
.case-main .mod-bread .ys-cont1440{
    max-width: 1600px;
}
.case-part-text,
.case-part-text p{
    color: #62636D;
    line-height: var(--l1h75);
    text-align: center;
}
.case-part-text{
    margin-bottom: var(--space60);
}
.case-part-inof{
    --jian: 10px;
    margin: 0 calc(var(--jian) * -1) calc(var(--jian) * -2);
    display: flex;
    flex-wrap: wrap;
}
.case-part-inof-nub{
    width: 25%;
    padding: 0 var(--jian);
    margin-bottom: calc(var(--jian) * 2);
}
.cpin-link{
    position: relative;
    display: block;
    border-radius: 5px;
    overflow: hidden;
}
.cpin-link-bg{
    width: 100%;
}
.cpin-link-text{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 6;
    padding: 0 20px 20px;
}
.cpin-link-text .std-text20{
    line-height: var(--l1h5);
    text-align: center;
    color: var(--colorfff);
}
.cpin-link-text .std-text16{
    line-height: var(--l1h75);
    text-align: center;
    color: var(--colorfff);
}
.case-part .std-btn3,
.case-client .std-btn3{
    justify-content: center;
    margin-top: var(--space50);
}
.case-client{
    padding-top: var(--space140);
    padding-bottom: var(--space130);
}
.case-client .case-part-text{
    padding-left: 50px;
    padding-right: 50px;
}
.case-client .ys-cont1440{
    position: relative;
}
.case-client-swiper .swiper-slide{
    width: 20%;
}
.swiper-slide-shadow-left,
.swiper-slide-shadow-right{
    opacity: 0;
    display: none;
}
.case-client-swiper.swiper{
    padding-bottom: var(--space130);
    margin-bottom: calc(var(--space130) * -1);
}
/* .case-client-swiper{
    -webkit-box-reflect: below -5px linear-gradient(transparent 60%, rgba(0,0,0,0.3) 100%);
} */
.case-client-swiper .ys-imgbox-cover{
    -webkit-box-reflect: below -5px linear-gradient(transparent 60%, rgba(0,0,0,0.3) 100%);
}
.swiper-slide-duplicate .ys-imgbox-cover{
    width: 100%;
}
.total-ban-box{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.total-ban-box::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: rgba(11, 11, 11, 0.20);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -ms-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
}
.total-ban-box-inof{
    --jian: 40px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
}
.tbbi-item{
    padding: 0 var(--jian);
    width: 20%;
    flex-grow: 1;
}
.tbbi-item-link .std-text18{
    text-align: center;
    color: var(--colorfff);
    line-height: var(--l1h75);
    padding: 6px 0;
    position: relative;
}
.total-ban-box .ys-cont1200{
    position: relative;
    z-index: 6;
}
.tbbi-item-link{
    padding: 16px 0;
    display: block;
}
.tbbi-item-link .std-text18::before{
    content: '';
    height: 1px;
    width: 0%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--colorfff);
    position: absolute;
    opacity: 0;
    transition: all .4s ease;
}
.tbbi-item.on .tbbi-item-link .std-text18::before{
    width: 100%;
    opacity: 1;
}
.total-case{
    padding-top: var(--space60);
    padding-bottom: var(--space120);
}
.total-case-btn{
    --jian: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 calc(var(--jian) * -1) calc(var(--jian) * -2);
}
.total-case-btn-item{
    padding: 0 var(--jian);
    margin-bottom: calc(var(--jian) * 2);
}
.tcbi-link{
    min-width: 180px;
    display: flex;
    justify-content: center;
    padding: 8px 24px;
    transition: all .4s ease;
    background: rgba(112, 106, 108, 0.05);
    border-radius: 23px;
}
.tcbi-link .std-text16{
    color: #62636D;
    line-height: var(--l1h8);
    transition: all .4s ease;
}
.total-case-btn-item.on .tcbi-link{
    background: var(--colormain);
}
.total-case-btn-item.on .tcbi-link .std-text16{
    color: var(--colorfff);
}
.total-case-inof{
    --jian1: 15px;
    --jian2: 64px;
    margin: 0 calc(var(--jian1) * -1) calc(var(--jian2) * -1);
    display: flex;
    flex-wrap: wrap;
    padding-top: calc(var(--space90) + 10px);
}
.total-case-inof-item{
    width: 33.333333%;
    padding: 0 var(--jian1);
    margin-bottom: var(--jian2);
}
.tcii-link-img{
    width: 100%;
    border-radius: 5px;
}
.tcii-link-text{
    padding-top: 18px;
    padding-bottom: 18px;
}
.tcii-link-text .std-font24{
    color: var(--colortitle);
    line-height: var(--l1h4);
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(98,99,108,.3);
    margin-bottom: 10px;
}
.tcii-ltc-nub-icon{
    width: 24px;
    margin-bottom: 2px;
}
.tcii-link-text-char{
    display: flex;
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
}
.tcii-ltc-nub{
    width: 33.333333%;
    padding: 0 var(--jian);
}
.tcii-ltc-nub-icon img{
    transform: scale(1)!important;
}
.tcii-ltc-nub:nth-of-type(3n-1) .std-text14{
    margin-right: calc(var(--jian) * -1.5);
}
.tcii-ltc-nub:nth-of-type(3n-1) {
    padding-left: calc(var(--jian) * 0.6);
}
.footer-share-item{
    position: relative;
}
.footer-share-item-code{
    position: absolute;
    width: 110px;
    bottom: calc(100% + 14px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--colorfff);
    border-radius: 5px;
    padding: 3px;
    z-index: 10;
    display: none;
}
.footer-share-item-code img{
    width: 100%;
}
.footer-share-item-code::before{
    content: '';
    height: 14px;
    width: 100%;
    position: absolute;
    bottom: -14px;
    left: 0;
}
.footer-share-item-code::after{
    content: '';
    border-top: 8px solid var(--colorfff);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
}
.pisi-core-range{
    flex-grow: 1;
    padding-left: 76px;
    padding-right: 26px;
    display: flex;
    flex-direction: column;
    height: 50px;
    justify-content: space-between;
}
.pisi-core-range-top{
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 10px;
}
.pisi-core-range-pro{
    width: 100%;
    position: relative;
}
.pisi-core-range-pro::before{
    content: '';
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    background: #62636D;
}
.pisi-core-range-pro::after{
    content: '';
    height: 1px;
    width: var(--pro);
    bottom: 0;
    left: 0;
    position: absolute;
    background: var(--colormain);
}
.pisi-core-range-pro input{
    width: 100%;
    transform: translateY(50%);
    z-index: 2;
    position: relative;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 17px;
    width: 17px;
    border: 6px solid var(--colormain);
    background: var(--colorfff); 
    border-radius: 50%;
    cursor: pointer;
}
.pisi-crt-value{
    font-size: var(--font16);
    color: var(--colormain);
    line-height: var(--l1h8);
}
.pisi-crt-pos{
    font-size: var(--font16);
    color: #62636D;
    line-height: var(--l1h8);
}
.pccl-bid-nub {
    width: 32px;
    height: 10px;
    border-radius: 0;
    margin: 0 3px;
    background: transparent;
    position: relative;
    cursor: pointer;
}
.pccl-box-inof-dots{
    position: absolute;
    bottom: 15px;
    display: flex;
    justify-content: center;
    width: 100%;
    transition: all .4s ease;
    transform-origin: center bottom;
}
.pccl-bid-nub::before, 
.pccl-bid-nub::after {
    content: '';
    height: 2px;
    border-radius: 1px;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
}
.pccl-bid-nub::before {
    background: rgba(0, 101, 221, .3);
}
.pccl-bid-nub.act::after {
    background: var(--colormain);
    opacity: 1;
}
.pccl-bid-nub .ys-imgbox-cover{
    bottom: 0%;
    left: 50%;
    transform: translate(-50%,0) scale(0);
    opacity: 0;
    border: 1px solid rgba(0,0,0,.15);
    background: rgba(255,255,255,.8);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    -moz-backdrop-filter: blur(16px);
    -ms-backdrop-filter: blur(16px);
    -o-backdrop-filter: blur(16px);
    border-radius: 5px;
    transition: all .4s ease;
    transform-origin: center bottom;
    position: absolute;
    width: 100%;
}
.pccl-bid-nub.act .ys-imgbox-cover{
    border: 1px solid var(--colormain);
}
/* ban-start */
/* 图片缩放 */
.ys-ban-imgbox img {
    transform: scale(1.2);
}
.ys-ban-li.slick-current .ys-ban-imgbox img {
    animation: banimgscale 6s ease-out both;
}
@keyframes banimgscale {
    100% {
        transform: scale(1);
    }
}
/* 视频缩放 */
.ys-ban-imgbox .ys-ban-video {
    transform: translate(-50%,-50%) scale(1.2);
}
.ys-ban-li.slick-current .ys-ban-imgbox .ys-ban-video {
    animation: banvideoscale 6s ease-out both;
}
@keyframes banvideoscale {
    100% {
        transform: translate(-50%,-50%) scale(1);
    }
}
.ys-nyban-img{
    overflow: hidden;
}
.ys-nyban-img img{
    transform: scale(1.2);
}
.ys-nyban-img.act img{
    animation: banimgscale 3s ease-out .1s both;
}
/* ban-end */
.ys-ban-li .ys-ban-title,
.ys-ban-li .std-font24{
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
}
.ys-ban-li .std-btn{
    /* display: none; */
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    transition: all .8s .8s ease-in-out;
}
.std-btn-link::before{
    transition: all 0s;
}

.ys-ban-li.slick-active .std-btn{
    display: flex;
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .8s;
    /* opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0) scale(1);
    transform: translate3d(0, 0px, 0) scale(1); */
}
.ys-ban-li.slick-active .ys-ban-title,
.ys-ban-li.slick-active .std-font24{
/* .ys-ban-li.slick-active .std-btn{ */
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .8s;
}
.home-solution .hsin-box img,
.home-solution .hsin-box video{
    transform: scale(1.1);
}
.home-solution .home-solution-inof.act .hsin-box img,
.home-solution .home-solution-inof.act .hsin-box video{
    animation: ysscale 1.4s ease-in-out both;
}
.home-solution .hsin-box-inof{
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    transition: all 1s ease 1.4s;
}
.home-solution .home-solution-inof.act .hsin-box-inof{
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.ys-ysscale {
    transform: scale(1.1);
    animation: ysscale 1.6s ease-in-out both;
    animation-delay: 0s;
}
@keyframes ysscale {
    0%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes ysscale {
    0%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.solution-modal-default img,
.solution-modal-default video{
    transform: scale(1.1);
}
.solution-modal-default.act img,
.solution-modal-default.act video{
    animation: ysscale 1.4s ease-in-out both;
}
.solution-modal-default .hsin-box-inof{
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    transition: all 1s ease 1.4s;
}
.solution-modal-default.act .hsin-box-inof{
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.home-develop-rotate-nub:not(.slick-active){
    opacity: 0;
} 
.solution-modal{
    overflow: hidden;
}
/* .scii-core-text{
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    transition: all .8s ease-in-out .3s;
}
.solution-challenge-inof.act .scii-core-text{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
} */
.product-inof-screen {
    position: relative;
    z-index: 6;
}
.product-inof-core-item:nth-of-type(3n-1){
    animation-delay: .5s;
}
.product-inof-core-item:nth-of-type(3n){
    animation-delay: .6s;
}
.case-part-inof-nub:nth-of-type(4n-2){
    animation-delay: .45s;
}
.case-part-inof-nub:nth-of-type(4n-1){
    animation-delay: .5s;
}
.case-part-inof-nub:nth-of-type(4n){
    animation-delay: .55s;
}
.total-case-inof-item:nth-of-type(3n-1){
    animation-delay: .5s;
}
.total-case-inof-item:nth-of-type(3n){
    animation-delay: .6s;
}
.pcct-inof-item .std-font24,
.home-tech-data-nub .std-font44,
.home-tech-data-nub .std-font44 span{
    font-family: 'roaby'!important;
    font-weight: bold;
}
.hntn-link-text-box li{
    font-family: 'roaby'!important;
}
.smin-pop .std-font24{
    margin-bottom: calc(var(--space40) / 2);
}
.home-develop-rotate-nub video{
    background: transparent;
}
.hsin-bin-link .std-text16 span{
    line-height: inherit;
}
.home-develop-rotate .slick-list {
    overflow: visible;
}
.mod-dots2 .slick-dots li{
    width: 10px;
    height: 10px;
    background: var(--colorborder);
}
.mod-dots2 .slick-dots li.slick-active{
    background: var(--colormain);
}
.footer-bot-text p a{
    white-space: nowrap;
}
.pici-link{
    height: 100%;
}
.mod-arrows2.mod-arrows1 .swiper-button-prev,
.mod-arrows2.mod-arrows1 .swiper-button-next,
.mod-arrows2.mod-arrows1 .slick-prev,
.mod-arrows2.mod-arrows1 .slick-next{
    background: rgba(38, 31, 33, 0.20);
}
.slick-arrow.slick-disabled{
    pointer-events: none;
}
.head-nav-item-down{
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    top: calc(100% + 1px);
    box-shadow: 0 5px 13px rgba(35, 50, 64, 0.13);
}
.hnid-iil-text-icon{
    width: 24px;
}
.hnid-iil-text-icon img{
    width: 100%;
}
.hnid-iil-text{
    display: flex;
    align-items: center;
}
.hnid-inof-item-link .hnid-iil-img{
    margin-bottom: 12px;
    width: 100%;
    border-radius: 5px;
}
.hnid-iil-text .std-text16{
    width: calc(100% - 24px);
    color: #62636D;
    line-height: var(--l1h75);
    transition: all .4s ease;
    flex-grow: 1;
}
.hnid-inof{
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
}
.hnid-inof-item{
    width: 25%;
    flex-grow: 1;
    padding: 0 var(--jian);
}
.head-nav-item {
    position: static;
}
.ys-hd-pc {
    border-bottom: 1px solid transparent;
}
.hnid-iil-text-icon img{
    transform: scale(1)!important;
}
.hnid-iil-text-icon img:nth-of-type(2){
    opacity: 0;
}
.hnid-inof-item.yxnav-active2 .std-text16{
    color: var(--colormain);
}
.hnid-inof-item.yxnav-active2 .hnid-iil-text-icon img:nth-of-type(2){
    opacity: 1;
}
.hnid-inof-item.yxnav-active2 .hnid-iil-text-icon img:first-child{
    opacity: 0;
}
.ys-phnav-icon::after, .ys-phnav-icon::before{
    background: var(--colortitle);
}
.bridge-operate{
    position: relative;
    padding-top: var(--space130);
    padding-bottom: var(--space120);
}
.bridge-operate-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.bridge-operate-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bridge-operate .ys-cont1440{
    position: relative;
    z-index: 6;
}
.bridge-operate-inof{
    --widthx: 280px;
    --radius1: 5px;
}
.boii-img{
    width: var(--widthx);
    border-radius: var(--radius1);
}
.bridge-operate-inof-item{
    display: flex;
}
.boii-box{
    width: var(--widthx);
    position: relative;
    border-radius: var(--radius1);
}
.boii-box-bg{
    position: relative;
}
.boii-box-core{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
    background: var(--colorfff);
    box-shadow: 0px 246px 69px 0px transparent, 0px 157px 63px 0px transparent, 0px 88px 53px 0px rgba(0, 50, 133, 0.02), 0px 39px 39px 0px rgba(0, 50, 133, 0.03), 0px 10px 22px 0px rgba(0, 50, 133, 0.03);
}
.boii-box-core-icon{
    width: 50px;
    margin: 0 auto;
    margin-bottom: 24px;
}
.boii-box-core .std-text20{
    color: #031223;
    text-align: center;
    line-height: var(--l1h5);
    margin-bottom: 12px;
}
.boii-box-core .std-text14,
.boii-box-core .std-text14 p{
    color: #7B7B7B;
    text-align: center;
}
.bridge-operate-inof-item:nth-of-type(2n) .boii-box-core{
    background: var(--colormain);
}
.bridge-operate-inof-item:nth-of-type(2n) .boii-box-core .std-text20{
    color: var(--colorfff);
}
.bridge-operate-inof-item:nth-of-type(2n) .boii-box-core .std-text14, 
.bridge-operate-inof-item:nth-of-type(2n) .boii-box-core .std-text14 p{
    color: var(--colorfff);
}
.bridge-operate .ys-cont1440{
    position: relative;
}
.bridge-operate-text{
    width: 42.23%;
    padding-top: var(--space50);
    position: absolute;
    top: 0;
    left: 0;
}
.bridge-operate-inof1{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.bridge-operate-inof2{
    display: flex;
    justify-content: space-between;
}
.bridge-operate-inof1 .bridge-operate-inof-item:nth-of-type(2n){
    margin-right: var(--widthx);
}
.bridge-operate-text .std-font40{
    margin-bottom: var(--space40);
}
.bridge-operate-text .std-text18,
.bridge-operate-text .std-text18 p{
    color: #62636D;
}
.boii-box {
    transform: translateX(100%);
}
.boii-box{
    animation: ysgoleft1 .8s ease-in-out both;
    animation-delay: 0.2s;
}
.bridge-operate-inof1 .bridge-operate-inof-item:first-child .boii-box{
    animation-delay: 0.35s;
}
.bridge-operate-inof1 .bridge-operate-inof-item:nth-of-type(2) .boii-box{
    animation-delay: 0.4s;
}
.bridge-operate-inof2 .bridge-operate-inof-item:first-child .boii-box{
    animation-delay: 0.45s;
}
.bridge-operate-inof2 .bridge-operate-inof-item:nth-of-type(2) .boii-box{
    animation-delay: 0.5s;
}
@keyframes ysgoleft1 {
    0%{
        opacity: 0;
        -webkit-transform: translate3d(100%, 0px, 0);
        transform: translate3d(100%, 0px, 0);
    }
    100%{
        opacity: 1;
        -webkit-transform: translate3d(0%, 0px, 0);
        transform: translate3d(0%, 0px, 0);
    }
}
@-webkit-keyframes ysgoleft1 {
    0%{
        opacity: 0;
        -webkit-transform: translate3d(100%, 0px, 0);
        transform: translate3d(100%, 0px, 0);
    }
    100%{
        opacity: 1;
        -webkit-transform: translate3d(0%, 0px, 0);
        transform: translate3d(0%, 0px, 0);
    }
}
.bridge-intel{
    padding-top: var(--space120);
    padding-bottom: calc(var(--space120) - 16px);
}
.bridge-intel .std-font40{
    text-align: center;
    margin-bottom: 24px;
}
.bridge-intel-text,
.bridge-intel-text p{
    color: #62636D;
    text-align: center;
}
.bridge-intel-text{
    margin-bottom: var(--space60);
}
.bridge-intel-inof{
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
}
.bridge-intel-inof-item{
    width: 50%;
    padding: 0 var(--jian);
}
.biii-core{
    width: 100%;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.biii-core-img{
    width: 100%;
}
.biii-core-text{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    z-index: 6;
}
.biii-core-text-core{
    border-radius: 5px;
    background: var(--colorfff);
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}
.std-link-add-icon{
    width: 24px;
    margin-left: 16px;
}
.std-link-add-icon img{
    width: 100%;
}
.std-link-add .std-text16{
    color: var(--colormain);
    line-height: var(--l1h75);
}
.std-link-add{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.biii-core-text-core .std-text20{
    line-height: var(--l1h5);
    color: #031223;
    width: 50%;
    flex-grow: 1;
}
.bridge-intel-inof-item {
    perspective: 1000px;
    position: relative;
}
.biii-core {
    will-change: transform;
    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);;
    transform-style: preserve-3d;
}
.bridge-intel-inof-item .biii-core {
    transform: rotateY(0deg);
}
.biii-core-box{
    position: absolute;
    /* width: 100%;
    height: 100%; */
    border-radius: 5px;
    border: 1px solid #CDCED9;
    background: var(--colorfff);
    z-index: 10;
    top: 0;
    /* transform: translateY(100%); */
    left: 0;
    padding: 60px 40px;
    transition: all .4s ease;
}
.biii-core-box {
    opacity: 0;
    /* transform: rotateY(180deg) translate(100%, 0); */
    transform: rotateY(0deg) translate(0%, 0);
    pointer-events: none;
}

.biii-core-box-btn{
    width: 44px;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    left: 40px;
}
.biii-core-box-btn img{
    width: 100%;
}
.biii-core-box .std-font24{
    line-height: var(--l1h5);
    color: #061122;
    margin-bottom: 16px;
}
.biii-core-box .std-text18,
.biii-core-box .std-text18 p{
    color: var(--colormain);
    line-height: var(--l1h75);
}
.biii-core-box .std-text18{
    margin-bottom: 30px;
}
.biii-core-box .std-text16 p{
    margin-bottom: 0;
}
.biii-core-box .std-text16,
.biii-core-box .std-text16 p{
    line-height: 2;
    color: #62636D;
}
.biii-core-box .yxedr-active ul {
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 24px;
}
.bridge-intel-inof-item.on .biii-core-img{
    opacity: 1;
    transition: all .4s .2s ease;
}
.bridge-intel-inof-item.on .biii-core {
    transform: rotateY(180deg);
}
.biii-core-box{
    transition: opacity 0s,transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.bridge-intel-inof-item.on .biii-core-box {
    opacity: 1;
    transform: rotateY(180deg) translate(0%, 0);
    pointer-events: all;
}
.bridge-intel-inof .slick-list{
    overflow: visible;
}
.bridge-intel-inof-item:not(:first-child){
    display: none;
}
.bridge-main .solution-case{
    background: #F5F9FF;
}
.bridge-case.solution-case .std-font40{
    margin-bottom: var(--space60);
} 
.bridge-case.solution-case {
    padding-top: var(--space130);
    padding-bottom: var(--space140);
}
.bridge-deploy{
    padding-top: var(--space140);
}
.bridge-deploy-text .std-font40{
    text-align: center;
    margin-bottom: 24px;
}
.bridge-deploy-text .std-text18,
.bridge-deploy-text .std-text18 p{
    text-align: center;
    color: #62636D;
}
.bridge-deploy-text .std-text18{
    margin-bottom: 48px;
}
.three-wai .threebox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.bridge-deploy-cry-left,
.bridge-deploy-cry-right{
    width: 50%;
    position: relative;
}
.bdcl-inof-nub:not(:first-child){
    display: none;
}
.bridge-deploy-cry{
    display: flex;
}
.bdcl-text{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: var(--space140) calc(var(--space80) * 2) var(--space80);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.bdcl-text .std-font40{
    color: var(--colorfff);
    line-height: var(--l1h4);
}
.bdcl-tii-link-icon{
    width: 48px;
}
.bdcl-tii-link-icon img{
    width: 100%;
}
.bdcl-tii-link{
    display: flex;
    align-items: center;
    padding: 24px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
}
.bdcl-tii-link .std-font24{
    color: var(--colorfff);
    line-height: var(--l1h5);
    width: calc(100% - 48px);
    flex-grow: 1;
}
.bdcl-text-inof{
    border-top: 1px solid rgba(255, 255, 255, 0.40);
}
.bdcl-inof-nub .ys-imgbox-cover,
.bdcr-link .ys-imgbox-cover{
    position: relative;
}
.bdcl-inof-nub .ys-imgbox-cover::before,
.bdcr-link>.ys-imgbox-cover::before{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(6,16,51,.6);
    position: absolute;
    z-index: 2;
}
.bdcr-link{
    position: relative;
    display: block;
    height: 100%;
}
.bdcl-text-xia .std-font32{
    color: #00FAD7;
    line-height: var(--l1h4);
    margin-bottom: 32px;
}
.bdcl-text-xia .std-text20,
.bdcl-text-xia .std-text20 p{
    color: var(--colorfff);
    line-height: var(--l1h5);
}
.bdcl-text-xia .std-text20{
    margin-bottom: 80px;
}
.bdcl-text-xia .std-btn{
    justify-content: flex-start;
}
.bridge-deploy-cry-right .bdcl-text {
    padding-left: calc(var(--space80) * 2 - 30px);
}
.bridge-opinion{
    padding-top: var(--space140);
    padding-bottom: var(--space140);
}
.bridge-opinion .std-font40{
    text-align: center;
    margin-bottom: var(--space50);
}
.support-pro{
    position: relative;
    padding-top: var(--space120);
    padding-bottom: var(--space40);
}
.support-pro-inof{
    --jian1: 18px;
    --jian2: 40px;
    margin: 0 calc(var(--jian1) * -1) calc(var(--jian2) * -1);
    display: flex;
    flex-wrap: wrap;
}
.support-pro-inof-item{
    width: 33.33333%;
    padding: 0 var(--jian1);
    margin-bottom: var(--jian2);
}
.spii-link{
    border-radius: 10px;
    border: 1px solid rgba(112, 106, 108, 0.20);
    background: var(--colorfff);
    box-shadow: 0px 14.848px 20.5px 0px rgba(0, 68, 148, 0.06), 0px 8.766px 8.515px 0px rgba(0, 68, 148, 0.04), 0px 4.461px 3.08px 0px rgba(0, 68, 148, 0.03);
    transition: all .4s ease;
    padding: 16px 24px 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.spii-link-img{
    width: 100%;
    margin-bottom: 20px;
}
.spii-link-text{
    --jian:10px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
}
.spii-link-text-nub{
    padding: 0 var(--jian);
    text-align: center;
    flex-grow: 1;
}
.spii-link .std-text20{
    text-align: center;
}
.spii-link .std-text20{
    color: var(--colortitle);
    line-height: var(--l1h6);
    margin-bottom: 20px;
}
.spii-link-text-nub .std-text14:first-child{
    margin-bottom: 4px;
    color: var(--colortext);
}
.spii-link-text-nub .std-text14:nth-of-type(2){
    color: var(--colormain);
}
.spii-link-text{
    margin-bottom: 44px;
}
.support-pro-inof{
    margin-top: var(--space60);
}
.support-pro-inof-item:nth-of-type(3n-1) {
    animation-delay: .5s;
}
.support-pro-inof-item:nth-of-type(3n) {
    animation-delay: .6s;
}
.support-main .ys-nyban-title p,
.traffic-main .ys-nyban-title p{
    width: 47.5%;
}
.ys-nyban-title{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pave-trad{
    position: relative;
    padding-top: calc(var(--space140) + 10px);
    padding-bottom: var(--space50);
}
.pave-trad-inof{
    --jian: 18px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--jian) * -1) calc(var(--jian) * -2);
}
.pave-trad-inof-item{
    width: 33.333333%;
    padding: 0 var(--jian);
    margin-bottom: calc(var(--jian) * 2);
    display: flex;
    flex-direction: column;
}
.mod-title1{
    margin-bottom: var(--space60);
    text-align: center;
}
.mod-title1 .std-font40{
    margin-bottom: 24px;
    color: var(--colortitle);
    line-height: var(--l1h4);
}
.mod-title1 .std-text18,
.mod-title1 .std-text18 p{
    line-height: var(--l1h75);
    color: #62636D;
}
.pave-trad .mod-title1 .std-text18{
    width: 65%;
    margin: 0 auto;
}
.ptii-img{
    border-radius: 5px;
    width: 100%;
}
.ptii-text{
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    -moz-backdrop-filter: blur(12px);
    -ms-backdrop-filter: blur(12px);
    -o-backdrop-filter: blur(12px);
    margin-top: -125px;
    width: 89.7%;
    padding: 24px 24px 29px;
    flex-grow: 1;
    min-height: 135px;
}
.ptii-text .std-text20{
    color: var(--colortitle);
    line-height: var(--l1h5);
    margin-bottom: 20px;
}
.ptii-text .std-text16,
.ptii-text .std-text16 p{
    color: #62636D;
}
.ptii-text .std-text16 p,
.psbi-item-core .std-text16 p{
    margin-bottom: 0;
}
.psbi-item-core .yxedr-active ul,
.ptii-text .yxedr-active ul {
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 24px;
}
.pave-trad-inof-item:nth-of-type(2n){
    transform: translateY(75px);
}
.pave-trad{
    --xia: 75px;
    padding-bottom: calc(var(--space50) + var(--xia));
}
.pave-struct{
    background: #F6F9FF;
    padding-top: calc(var(--space90) + 5px);
    padding-bottom: calc(var(--space120) - 5px);
}
.pave-struct .std-text18{
    width: 80.6%;
    margin: 0 auto;
}
.pave-struct .mod-title1 {
    margin-bottom: calc(var(--space40) - 10px);
}
.pave-struct-img{
    width: 58.1%;
    margin: 0 auto;
    position: relative;
    margin-bottom: var(--space50);
}
.psii-nub:not(:first-child){
    display: none;
}
.pave-struct-img-inof{
    width: 100%;
}
.psib-item-icon{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--colormain);
    position: relative;
    transform-origin: left;
    transition: all .4s ease;
}
.psib-item-icon::before,
.psib-item-icon::after{
    content: '';
    height: 2px;
    width: 59%;
    position: absolute;
    background: var(--colorfff);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 1px;
    transition: all .4s ease;
}
.psib-item-icon::after{
    transform: translate(-50%,-50%) rotate(90deg);
}
.psib-item .std-text16{
    color: var(--colortitle);
    padding-left: 16px;
    position: relative;
    z-index: 6;
    transition: all .4s ease;
}
.psib-item{
    display: flex;
    align-items: center;
    position: absolute;
    transform: translate(-50%,-50%);
    padding: 6px 24px 6px 8px;
    cursor: pointer;
}
.psib-item::before{
    content: '';
    border-radius: 80px;
    border: 1px solid var(--colormain);
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    position: absolute;
    width: 100%;
    height: calc(100% - 2px);
    left: 0;
    top: 0;
    transition: all .4s ease;
}
.psib-item.on::before{
    background: var(--colormain);
} 
.psib-item.on .psib-item-icon{
    transform: scale(1.25);
    background: var(--colorfff);
}
.psib-item.on .psib-item-icon::before,
.psib-item.on .psib-item-icon::after{
    background: var(--colormain);
}
.psib-item.on .std-text16{
    color: var(--colorfff);
}
.pave-struct-box{
    --jian: 10px;
}
.psbi-item{
    padding: 0 var(--jian);
    margin-bottom: calc(var(--jian) * 2);
    width: 50%;
}
.pave-struct-box-inof{
    margin: 0 calc(var(--jian) * -1);
    margin-bottom: calc(var(--jian) * -2);
    display: flex;
    flex-wrap: wrap;
}
.psbi-item-core{
    border-radius: 5px;
    background: var(--colorfff);
    box-shadow: 0px 4px 9px 0px rgba(0, 89, 168, 0.10);
    padding: 32px 40px;
    height: 100%;
}
.psbi-item-core .std-font24{
    margin-bottom: 16px;
}
.ptii-text .std-text16 p, .psbi-item-core .std-text16 p{
    color: #62636D;
    line-height: var(--l1h75);
}
.pave-struct-box{
    position: relative;
}
.pave-struct-box-inof{
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + calc(var(--jian) * 2));
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.pave-struct-box-inof.act{
    opacity: 1;
    pointer-events: all;
    position: relative;
}
.pave-innovate{
    padding-top: var(--space130);
    padding-bottom: calc(var(--space50) + 3px);
}
.pave-innovate-img,
.pave-innovate-img img{
    width: 100%;
}
.pave-innovate-other{
    width: calc(100% - 160px);
    margin: 0 auto;
    /* margin-top: -50%; */
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    -moz-backdrop-filter: blur(12px);
    -ms-backdrop-filter: blur(12px);
    -o-backdrop-filter: blur(12px);
    padding: 20px 32px;
    margin-top: -103px;
}
.pave-innovate-other-inof{
    --jian: 28px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
}
.pioi-nub{
    width: 25%;
    padding: 0 var(--jian);
}
.pioi-nub .std-text18 span{
    margin-right: 8px;
    font-family: 'roaby'!important;
    font-size: 48px;
    line-height: var(--l1h2);
}
.pioi-nub .std-text18{
    color: var(--colormain);
    line-height: var(--l1h75);
    margin-bottom: 12px;
}
.pioi-nub .std-text16,
.pioi-nub .std-text16 p{
    color: #62636D;
    line-height: var(--l1h75);
}
.pioi-nub .std-text18 i{
    margin-right: 8px;
    font-style: normal;
}
.pave-innovate-img{
    border-radius: 5px;
    overflow: hidden;
}
.pave-trait{
    padding-top: calc(var(--space70) - 3px);
    padding-bottom: calc(var(--space156) - 6px);
}
.pave-trait-swipe{
    margin-right: -80px;
}
.pave-trait-swipe-item{
    width: 33.333333%;
}
.ptsi-core{
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
}
.ptsi-core .ys-imgbox-cover{
    width: 100%;
    position: relative;
}
.ptsi-core .ys-imgbox-cover::before{
    content: '';
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #011832 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 34.375%;
    z-index: 3;
}
.ptsi-core-text{
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 6;
    left: 0;
    padding: 0 40px 30px;
    display: flex;
    align-items: flex-end;
}
.ptsi-core-text-btn{
    width: 48px;
    height: 48px;
    border: 1px solid var(--colorfff);
    border-radius: 50%;
    position: relative;
}
.ptsi-core-text-btn::before,
.ptsi-core-text-btn::after{
    content: '';
    height: 1px;
    width: 13px;
    background: var(--colorfff);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ptsi-core-text-btn::after{
    transform: translate(-50%,-50%) rotate(90deg);
}
.ptsi-core-text-box{
    width: calc(100% - 48px);
    flex-grow: 1;
    padding-right: 40px;
}
.ptsi-core-text-box .std-font24{
    margin-bottom: 16px;
    color: var(--colorfff);
    line-height: var(--l1h5);
}
.ptsi-core-text-box .std-text14,
.ptsi-core-text-box .std-text14 p{
    color: var(--colorfff);
}
.ptsi-core-text-box .std-text14{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3.6em;
}
.pave-trait-swipe.swiper{
    overflow: visible;
}
.pave-trait-rotate{
    --jian: 80px;
    margin-right: calc(var(--jian) * -1);
    position: relative;
}
.pave-trait-swipe{
    padding-bottom: 53px!important;
}
.pave-trait-rotate .swiper-horizontal>.swiper-pagination-progressbar, 
.pave-trait-rotate .swiper-pagination-progressbar.swiper-pagination-horizontal, 
.pave-trait-rotate .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, 
.pave-trait-rotate .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.pave-trait-rotate .swiper-pagination-progressbar,
.pave-trait-rotate .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    top: auto;
    bottom: 0;
    width: calc(100% - var(--jian));
}
.tech-multi-swipe .swiper-pagination-progressbar,
.pave-trait-rotate .swiper-pagination-progressbar {
    background: #E0E1E7;
}
.pave-trait-rotate .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: var(--colormain);
}
.trait-pop .ys-modal-content {
    width: 900px;
    border-radius: 10px;
    padding: 0;
}
.trait-pop-core{
    padding: 60px 70px;
}
.ys-modal {
    background: rgba(0, 0, 0, .4);
}
.trait-pop .std-font32{
    color: var(--colortitle);
    line-height: var(--l1h4);
    margin-bottom: 48px;
}
.trait-pop .yxedr-active h6{
    color: var(--colortitle);
    line-height: var(--l1h5);
    margin-bottom: 10px;
}
.trait-pop .ys-modal-close{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(38, 31, 33, 0.20);
    top: 16px;
    right: 16px;
}
.trait-pop .ys-modal-close::before{
    content: '';
    background-image: url(../images/c3_icon03.svg);
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}
.trait-pop .ys-modal-close .iconfont{
    opacity: 0;
}
.trait-pop .mCSB_scrollTools {
    top: 168px;
    right: 40px;
    bottom: 50px;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #E0E1E8;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color: var(--colormain);
}
.pave-mold{
    padding-top: var(--space130);
    padding-bottom: var(--space130);
    background: #F5F9FF;
}
.pave-mold-box-swipe{
    width: 79%;
}
.pmbs-item-img{
    width: 100%;
    border-radius: 5px;
    margin-bottom: 20px;
}
.pmbs-item .std-text20{
    color: var(--colortitle);
    margin-bottom: 16px;
}
.pmbs-item .std-text14,
.pmbs-item .std-text14 p{
    color: var(--colortext);
    line-height: var(--l1h8);
}
.pave-mold-box .swiper{
    overflow: visible;
}
.pmbs-item-img video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 6;
    object-fit: cover;
}
.pmbt-inof{
    display: flex;
    padding-top: 34px;
}
.pmbt-inof-nub{
    width: 20%;
    flex-grow: 1;
    text-align: center;
}
.pmbt-inof-nub .std-text18{
    color: #62636C;
    line-height: var(--l1h75);
    transition: all .4s ease;
}
.pmbt-inof-nub.on .std-text18{
    color: var(--colormain);
}
.pave-mold-box-text{
    position: relative;
    margin-bottom: var(--space60);
}
.pave-mold-box-text::before{
    content: '';
    background: #E0E1E6;
    height: 2px;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.pave-mold-box-text::after{
    content: '';
    background: var(--colormain);
    height: 2px;
    width: 20%;
    top: 0;
    left: 0;
    position: absolute;
}
.pave-mold .swiper-scrollbar-drag,
.pmbt-circle{
    width: 64px!important;
    height: 64px;
    border-radius: 50%;
    background: var(--colorfff);
    box-shadow: 0px 4px 9px 0px rgba(0, 89, 168, 0.10);
    padding: 8px;
    cursor: pointer;
    top: 0;
    transform: translate(-50%,-50%);
    position: absolute;
    z-index: 6;
}
.pmbt-circle img{
    width: 100%;
}
.pave-mold-box-text .swiper-scrollbar{
    height: 2px;
    position: absolute;
    top: 0;
    width: calc(100% - calc(100% / var(--length1)) + 64px);
    left: calc(100% / var(--length1) / 2 - 32px);
    background: transparent;
}
.pave-mold .swiper-scrollbar-drag::before{
    content: '';
    background-image: url(../images/c3_icon04.svg);
    width: 75%;
    height: 75%;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pave-mold .swiper-scrollbar-drag{
    top: -32px;
    left: 0;
}
.pmbt-inof-nub{
    cursor: pointer;
}
.pave-mold-box-text::after{
    width: var(--left1);
}
.pave-mold-box-text::after{
    transition: all ease var(--time);
}
.pave-easy{
    padding-top: var(--space130);
    padding-bottom: calc(var(--space120) - 10px);
}
.pave-easy-inof{
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
}
.pave-easy-inof-item{
    padding: 0 var(--jian);
    width: 33.333333%;
}
.pave-easy-inof-item:not(:first-child){
    display: none;
}
.peii-core{
    border-radius: 5px;
    background: var(--colorfff);
    box-shadow: 0px 4px 9px 0px rgba(0, 89, 168, 0.10);
    padding: 32px 30px 30px 32px;
    cursor: pointer;
    position: relative;
}
.peii-core-title-icon{
    width: 54px;
    margin-bottom: 20px;
}
.peii-core-title .std-font24{
    color: var(--colortitle);
    line-height: var(--l1h5);
}
.peii-core-title{
    margin-bottom: 20px;
    position: relative;
}
.peii-core-icon{
    display: flex;
    justify-content: flex-end;
}
.peii-core-icon-circle{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--colormain);
    position: relative;
    transition: all .4s ease;
}
.peii-core-icon-circle::before,
.peii-core-icon-circle::after{
    content: '';
    width: 42%;
    height: 1px;
    position: absolute;
    background: var(--colorfff);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.peii-core-icon-circle::after{
    transform: translate(-50%,-50%) rotate(90deg);
}
.pave-easy-inof .slick-list{
    padding: 30px 0;
    margin: -30px 0;
}
.peii-core{
    transition: all .4s ease;
}
.peii-core-title-icon,
.peii-core-title>.std-font24{
    transition: all .4s ease;
}
.peii-core-title-hover{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.peii-core-title-hover .std-font24{
    color: var(--colorfff);
    margin-bottom: 20px;
}
.peii-core-title-hover .std-text16{
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3.5em;
}
.peii-core-title-hover .std-text16,
.peii-core-title-hover .std-text16 p{
    color: var(--colorfff);
}
.pave-green{
    position: relative;
    /* padding-top: var(--space50); */
}
.pave-green-img{
    position: relative;
    width: 100%;
}
.pave-green-img img{
    width: 100%;
}
.pave-green-core{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding-top: calc(var(--space120) - 20px);
    z-index: 6;
}
.pave-type,
.solution-case.pave-type{
    padding-top: var(--space140);
    padding-bottom: var(--space130);
}
.pave-green-core-inof{
    display: flex;
    justify-content: space-between;
}
.pgci-item{
    width: 197px;
}
.pgci-item-bg{
    position: relative;
}
.pgci-item-text{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    padding: 40% 4px 0;
}
.pgci-item-text .std-font32{
    font-family: 'roaby'!important;
    line-height: var(--l1h4);
    color: var(--colortitle);
}
.pgci-item-text .std-text16{
    color: var(--colortitle);
    line-height: var(--l1h75);
}
.pgci-item-text .std-font32 i{
    font-style: normal;
    font-size: var(--font16);
}
.green-btn{
    margin-top: 20px;
    display: flex;
    justify-content: center;
}
.green-btn-link{
    display: block;
    background: var(--colorfff);
    border-radius: 80px;
    padding: 6px 49px;
}
.green-btn-link .std-text16{
    color: var(--colortitle);
    line-height: var(--l1h75);
}
.pave-type-inof{
    --jian: 18px;
    margin: 0 calc(var(--jian) * -1);
}
.pave-type-inof-nub{
    width: 33.333333%;
    padding: 0 var(--jian);
}
.ptin-link{
    display: block;
    border-radius: 5px;
    background: #FAFAFA;
    position: relative;
    overflow: hidden;
}
.ptin-link-bg {
    width: 100%;
}
.ptin-link-text{
    position: absolute;
    padding: var(--space50) 20px 0;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6;
}
.ptin-link-text .std-font24{
    text-align: center;
    margin-bottom: var(--space40);
}
.ptin-link-text .std-btn3{
    justify-content: center;
    margin-bottom: var(--space40);
}
.ptin-link-bg img{
    transform: scale(1)!important;
}
.ptin-link .std-btn-link {
    padding: 10px 40px;
}
.ptin-link .std-btn-link-font{
    line-height: var(--l1h75);
}
.pave-type-inof-nub:not(:first-child){
    display: none;
}
.pave-type-inof.mod-arrows1 .slick-prev{
    left: calc(var(--jian) - 84px);
}
.pave-type-inof.mod-arrows1 .slick-next{
    right: calc(var(--jian) - 84px);
}
.casedet-core{
    position: relative;
    padding-top: calc(var(--space140) + 10px);
    padding-bottom: var(--space120);
}
.casedet-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D8D9E0;
    padding-bottom: 32px;
}
.casedet-title .std-font40{
    width: 50%;
    flex-grow: 1;
}
.casedet-title-share{
    width: 180px;
    position: relative;
}
.casedet-title-share-top{
    width: 100%;
    border-radius: 50px;
    border: 1px solid var(--colormain);
    color: var(--colormain);
    text-align: center;
    padding: 10px;
    cursor: pointer;
}
.casedet-title-share-top .std-text16{
    color: var(--colormain);
    line-height: var(--l1h75);
}
.casedet-title-share-bot{
    position: absolute;
    top: calc(100% + 14px);
    width: 100%;
    border-radius: 50px;
    background: var(--colormain);
    padding: 2px;
    --jian: 8px;
    display: flex;
    justify-content: center;
    display: none;
}
.casedet-title-share-bot .ys-share{
    display: flex;
    justify-content: center;
    width: 100%;
}
.casedet-title-share-bot::before{
    content: '';
    height: 14px;
    position: absolute;
    top: -14px;
    left: 0;
    width: 100%;
}
.casedet-title-share-bot .ys-share-list{
    padding: 0 var(--jian);
}
.casedet-title-share-bot .ys-share-img {
    width: 44px;
}
.casedet-title-share-bot .ys-share-img img{
    width: 100%;
}
.casedet-message-nub-icon{
    width: 24px;
}
.casedet-message-nub .std-text16{
    padding-left: 12px;
    color: var(--colormain);
    line-height: var(--l1h75);
    min-width: 9.5em;
}
.casedet-message{
    padding-top: var(--space40);
    --jian: 30px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--jian) * -1);
    margin-bottom: var(--space40);
}
.casedet-message-nub{
    display: flex;
    align-items: center;
    padding: 0 var(--jian);
}
.casedet-core .std-text18 p{
    color: #62636D;
    line-height: var(--l1h75);
    margin-bottom: 2.2em;
}
.casedet-core .std-text18>p:last-child{
    margin-bottom: 0;
}
.casedet-relate{
    padding-bottom: var(--space140);
}
.casedet-relate .std-font40{
    padding-bottom: var(--space40);
    line-height: var(--l1h4);
    color: var(--colortitle);
}
.casedet-relate-inof{
    --jian: 18px;
    margin: 0 calc(var(--jian) * -1);
}
.casedet-relate-inof-item{
    padding: 0 var(--jian);
    width: 50%;
}
.casedet-relate-core{
    margin-right: calc(720px - 50vw);
}
.crii-link{
    overflow: hidden;
    border-radius: 10px;
    background: var(--colorfff);
    box-shadow: 0px 14.848px 20.5px 0px rgba(0, 68, 148, 0.06), 0px 8.766px 8.515px 0px rgba(0, 68, 148, 0.04), 0px 4.461px 3.08px 0px rgba(0, 68, 148, 0.03);
    padding: 10px;
    display: flex;
    align-items: center;
}
.crii-link-img{
    width: 310px;
}
.crii-link-text{
    width: calc(100% - 310px);
    padding-left: var(--space40);
    padding-right: var(--space50);
}
.crii-link-text .std-text20{
    line-height: var(--l1h5);
    color: var(--colortitle);
    margin-bottom: 25px;
}
.crii-link-text-trait{
    --jian: 30px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
}
.crii-ltt-nub{
    width: 50%;
    padding: 0 var(--jian);
}
.crii-ltt-nub-box{
    border-top: 1px solid #E0E1E6;
    padding-top: 12px;
}
.crii-ltt-nub-box .std-text18{
    color: var(--colormain);
    line-height: var(--l1h75);
    font-family: 'roaby'!important;
}
.crii-ltt-nub-box .std-text14{
    line-height: var(--l1h8);
    color: #62636D;
}
.casedet-relate-inof .slick-list{
    padding: 30px 0;
    margin: -30px 0;
}
.casedet-relate-inof-item:not(:first-child){
    display: none;
}
.crii-link-text .std-text20{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3em;
}
.casedet-case{
    background: #F5F9FF;
    padding-top: calc(var(--space120) - 10px);
    padding-bottom: calc(var(--space120) - 20px);
}
.casedet-case .std-font40{
    text-align: center;
    margin-bottom: var(--space50);
}
.total-case-inof.casedet-case-inof{
    padding-top: 0;
    --jian2: 0px;
    display: block;
}
.casedet-case-cry{
    width: 66.666667%;
    margin: 0 auto;
}
.casedet-case-inof .slick-list{
    overflow: visible;
}
.casedet-case-inof .total-case-inof-item:not(:first-child){
    display: none;
}
.total-case-inof.casedet-case-inof .total-case-inof-item{
    width: 50%;
}
.eradet-main .ys-nyban-title{
    width: 85vw;
    max-width: 1000px;
    margin: auto;
}
.eradet-main .ys-nyban-title .std-btn-link::before {
    background: var(--colorfff);
}
.eradet-main .ys-nyban-title .std-btn-link::after {
    border: 1px solid var(--colorfff);
}
.eradet-main .ys-nyban-title .std-btn-link {
    padding: 10px 74px;
}
.eradet-main .ys-nyban-title .std-btn-link-font{
    color: var(--colormain);
}
.eradet-core{
    position: relative;
    padding-top: calc(var(--space120) - 10px);
    padding-bottom: var(--space120);
}
.eradet-core .std-text18 h4{
    color: var(--colormain);
    margin-bottom: 20px;
}
.casedet-relate-core{
    overflow: hidden;
    padding: 30px 0 30px 18px;
    margin-top: -30px;
    margin-bottom: -30px;
    margin-left: -18px;
}
.casedet-relate1 .casedet-relate-core{
    margin-right: calc(600px - 50vw);
}
.casedet-relate-core .casedet-relate-inof{
    width: calc(825px + calc(var(--jian) * 2));
}
.casedet-relate-inof .slick-list{
    overflow: visible;
    padding: 30px 0;
    margin: -30px 0;
}
.casedet-relate-inof-item{
    width: 100%;
}
.eradet-more{
    background: #F5F9FF;
    padding-top: var(--space120);
    padding-bottom: var(--space120);
}
.eradet-more .std-font40{
    text-align: center;
    margin-bottom: var(--space50);
}
.case-part-inof.eradet-more-inof{
    display: block;
}
.eradet-more-box{
    margin-right: calc(720px - 50vw);
    padding-right: calc(50vw - 720px);
    overflow: hidden;
}
.eradet-more-box .slick-list{
    overflow: visible;
}
.eradet-more-inof .case-part-inof-nub:not(:first-child){
    display: none;
}
.about-service{
    padding-top: var(--space156);
    padding-bottom: 30px;
}
.about-service-title{
    margin-bottom: var(--space50);
    display: flex;
    align-items: flex-start;
}
.about-service-title .std-text18{
    width: 63.125%;
}
.about-service-title .std-font40{
    width: 36.875%;
}
.about-service-title .std-font40{
    color: var(--colortitle);
}
.about-service-title .std-text18,
.about-service-title .std-text18 p{
    color: #62636D;
    line-height: var(--l1h75);
}
.about-service-img{
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.about-service-img img{
    width: 100%;
}
.about-service-img::before{
    content: '';
    height: 17.65%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: linear-gradient(180deg, rgba(26,76,135,0) 0%, rgba(26,76,135,0.6) 100%);
}
.about-service-img .std-btn{
    position: absolute;
    bottom: 30px;
    right: 30px;
}
.std-btn-link{
    cursor: pointer;
}
.about-speech{
    padding-top: var(--space200);
    padding-bottom: var(--space156);
}
.about-speech-cry{
    display: flex;
    align-items: center;
}
.about-speech-cry-img{
    width: 47.22%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.about-speech-cry-img img{
    width: 100%;
}
.about-speech-cry-text{
    width: 52.78%;
    padding-right: calc(var(--space90) + 10px);
}
.about-speech-cry-text .std-font40{
    margin-bottom: 74px;
}
.about-speech-cry-text .std-text16{
    margin-bottom: 16px;
    position: relative;
}
.asct-icon{
    width: 120px;
}
.asct-icon img{
    width: 100%;
}
.about-speech-cry-text .std-text16::before{
    content: '';
    background-image: url(../images/yin.svg);
    background-size: 100% 100%;
    position: absolute;
    width: 87px;
    height: 52px;
    left: -26px;
    top: -32px;
}
.about-speech-cry-img video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    object-fit: cover;
}
.about-honor{
    padding-top: var(--space70);
    position: relative;
    z-index: 6;
    padding-bottom: var(--space50);
}
.about-honor .mod-title1 .std-text16{
    width: 77.8%;
    margin: 0 auto;
}
.about-honor .mod-title1 .std-text16,
.about-honor .mod-title1 .std-text16 p{
    color: var(--colortext);
}
.join-value .mod-title1,
.about-honor .mod-title1 {
    margin-bottom: var(--space50);
}
.about-honor-img{
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    /* margin: 0 auto; */
    margin-bottom: var(--space40);
}
.about-honor-img img{
    width: 100%;
}
.about-honor-inof{
    --jian: 16px;
    margin: 0 calc(var(--jian) * -1);
    --jianli: 12px;
    --border: 1px;
    --width: 318px;
    --bili: calc(11 / 19);
}
.about-honor-inof-item{
    padding: 0 var(--jian);
}
.ahii-img{
    /* height: 256px; */
    padding: var(--jianli);
    border: var(--border) solid var(--colorfff);
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0px 113px 32px 0px rgba(0, 41, 80, 0), 0px 73px 29px 0px rgba(0, 41, 80, 0.01), 0px 41px 25px 0px rgba(0, 41, 80, 0.02), 0px 18px 18px 0px rgba(0, 41, 80, 0.03), 0px 5px 10px 0px rgba(0, 41, 80, 0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
    -ms-backdrop-filter: blur(8px);
}
.ahii-img img{
    height: 100%;
}
.about-honor-inof-item .std-text16{
    text-align: center;
    margin-top: 8px;
    color: var(--colortitle);
    line-height: var(--l1h75);
}
.about-honor-inof-item.swiper-slide{
    width: calc(var(--width) + calc(calc(var(--jian) + var(--jianli) + var(--border)) * 2));
}
.about-honor-inof-item.on.swiper-slide{
    width: calc(var(--width) * var(--bili) + calc(calc(var(--jian) + var(--jianli) + var(--border)) * 2));
}
.ahii-img,
.ahii-img .ys-imgbox-cover{
    width: 100%;
}
.mod-swiper-dots1 .swiper-pagination-bullet{
    position: relative;
}
.mod-swiper-dots1 .swiper-pagination-bullet::before{
    background: rgba(98, 99, 108, .4)
}
.mod-swiper-dots1 .swiper-pagination-bullet::after{
    background: rgba(0, 101, 221, 1);
    opacity: 0;
}
.mod-swiper-dots1 .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
    opacity: 1;
}
.about-honor-inof .swiper-horizontal>.swiper-pagination-bullets, 
.about-honor-inof .swiper-pagination-bullets.swiper-pagination-horizontal, 
.about-honor-inof .swiper-pagination-custom, 
.about-honor-inof .swiper-pagination-fraction{
    bottom: 0;
}
.about-honor-inof{
    padding-bottom: var(--space50)!important;
}
.ahii-img{
    -webkit-box-reflect: below 8px linear-gradient(transparent,transparent, rgba(0,0,0,0.1));
}
.about-honor .swiper{
    overflow: visible;
}
.about-progress{
    position: relative;
}
.about-progress-bg-nub.about-progress-bg-nub1{
    position: relative;
}
.about-progress-bg-nub{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.about-progress-bg-nub img{
    width: 100%;
}
.about-progress .ys-cont1440{
    position: absolute;
    top: 51.3%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.about-progress .std-font44{
    font-size: calc(var(--font44) + 4px);
    color: var(--colortitle);
    line-height: var(--l1h3);
    text-align: center;
    position: relative;
    /* -webkit-box-reflect: below -0.1em linear-gradient(transparent, rgba(0,0,0,1));
    -webkit-box-reflect: below -0.1em linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); */
}
.pcct-text1 p{
    margin-bottom: 0;
}
.pcct-text1,
.pcct-text1 p{
    color: #62636D;
    line-height: var(--l1h75);
    font-size: var(--font16);
}
.prodet-core-cry-text .std-font32{
    margin-bottom: 24px;
}
.prodet-core-cry-text .pcct-text1{
    margin-bottom: var(--space40);
}
.about-progress .std-font44::after {
    content: attr(data-text);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleY(-1);
    font-size: calc(var(--font44) + 4px);
    line-height: var(--l1h3);
    color: white; /* 设置倒影文字颜色为白色 */
    mask: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    height: 1.3em;
    opacity: .3;
}
.about-culture{
    overflow: hidden;
}
.about-culture .std-font40{
    line-height: var(--l1h4);
    text-align: center;
}
.about-culture-top{
    padding-bottom: var(--space60);
}
.about-culture-bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.about-culture-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ys-nybanner{
    z-index: 2;
}
.about-service,
.about-speech,
.about-honor,
.about-progress,
.about-develop{
    background: var(--colorfff);
    position: relative;
}
.about-service,
.about-speech,
.about-progress,
.about-develop{
    z-index: 2;
}
.ys-footer,
.mod-call{
    position: relative;
    z-index: 6;
}
.about-culture-top{
    position: relative;
    padding-top: var(--space200);
    background: var(--colorfff);
    z-index: 6;
}
.about-culture-box{
    position: relative;
    display: flex;
    height: 960px;
    z-index: 6;
}
.about-culture-box-item{
    position: relative;
    width: 25%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
.about-culture-box-item .std-text16{
    margin-bottom: 12px;
    color: var(--colorfff);
    text-align: center;
}
.about-culture-box-item .std-font24,
.about-culture-box-item .std-font24 p{
    line-height: var(--l1h5);
    text-align: center;
    color: var(--colorfff);
}
.about-culture-box-item::before{
    content: '';
    height: 100%;
    width: 1px;
    position: absolute;
    background: rgba(255,255,255,.5);
    right: 0;
    top: 0;
}
.about-culture-box-item:last-child::before{
    display: none;
}
.about-culture-box-item .std-font24{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3em;
}
.about-culture-bg::before{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 37, 82, 0.40) 0%, rgba(0, 37, 82, 0.40) 100%);
}
.about-develop{
    padding-top: var(--space200);
}
.about-develop-box{
    background: #F6F2EF;
    position: relative;
    padding-top: var(--space130);
    padding-bottom: var(--space130);
    overflow: hidden;
}
.about-develop-box-bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.about-develop-box-bg img{
    width: 100%;
}
.about-develop-box-text{
    width: 666px;
    margin: 0 auto;
    position: relative;
    z-index: 7;
}
.about-develop-box-text .std-font24 img{
    height: 44px;
    margin-right: 24px;
}
.about-develop-box-text .std-font24{
    color: #B6804F;
    letter-spacing: 1.44px;
    line-height: var(--l1h3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: calc(var(--space70) - 1px);
}
.about-develop-box-text .std-font44{
    text-align: center;
    letter-spacing: 2.64px;
    line-height: var(--l1h3);
    margin-bottom: 24px;
}
.about-develop-box-text .std-text16,
.about-develop-box-text .std-text16 p{
    color: #666;
    line-height: var(--l1h75);
}
.about-develop-pic{
    position: relative;
    z-index: 6;
    display: flex;
    justify-content: space-between;
}
.about-develop-pic1 .about-develop-pic-nub1{
    width: 27.08%;
    margin-left: -21px;
}
.about-develop-pic-nub{
    overflow: hidden;
}
.about-develop-pic-nub img{
    width: 100%;
    transition: all .4s ease;
}
.about-develop-pic1 .about-develop-pic-nub2{
    width: 15.68%;
    margin-right: 15.2%;
}
.about-develop-pic1{
    margin-bottom: -204px;
}
.about-develop-pic2{
    display: flex;
    align-items: flex-end;
    margin-top: -118px;
}
.about-develop-pic2 .about-develop-pic-nub1{
    width: 12.5%;
    margin-left: 17.97%;
}
.about-develop-pic2 .about-develop-pic-nub2{
    width: 10.42%;
    margin-left: 23.02%;
}
.about-develop-pic2 .about-develop-pic-nub3{
    width: 26.042%;
    margin-right: -7.55%;
}
.about-history{
    position: relative;
    background: rgba(0,29,63,1);
    height: calc(100vh - var(--line80));
}
.about-history-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.about-history-bg img,
.about-history-bg video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-history-bg video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pave-mold .swiper-scrollbar-drag::after{
    content: '';
    background: var(--colormain);
    height: 2px;
    width: 1200px;
    top: calc(50% + 1px);
    transform: translateY(-50%);
    right: 100%;
    position: absolute;
}
.pave-mold-box-text{
    overflow: hidden;
    padding-top: 50px;
    margin-top: -50px;
}
.pave-mold-box-text .swiper-scrollbar,
.pave-mold-box-text::before{
    top: 50px;
}
.pave-mold-box-text::after{
    display: none;
}
.about-history .std-font40{
    line-height: var(--l1h4);
    color: var(--colorfff);
    margin-bottom: 20px;
}
.about-history-swiper-item .std-text16 p{
    position: relative;
    padding-left: 24px;
}
.about-history-swiper-item .std-text16{
    margin-top: 20px;
}
.about-history-swiper-item .std-text16,
.about-history-swiper-item .std-text16 p{
    color: var(--colorfff);
}
.about-history-swiper-item .std-text16 p::before{
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    border-radius: 50%;
    left: 9px;
    top: calc(0.875em - 2px);
    background: var(--colorfff);
}
.ahsi-btn{
    width: 24px;
    height: 24px;
    position: relative;
}
.ahsi-btn::before{
    content: '';
    background: var(--colorfff);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
}
.ahsi-btn::after{
    content: '';
    width: 41.7%;
    height: 41.7%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background: var(--colormain);
}
.about-history-swiper-item.swiper-slide{
    width: 440px;
}
.about-history-swiper{
    overflow: hidden;
}
.about-history-wai{
    padding-left: 202px;
    position: relative;
    width: 100%;
    padding-right: 78px;
}
.about-history-wai::before{
    content: '';
    height: 2px;
    width: 100%;
    background: rgba(255,255,255,.5);
    position: absolute;
    left: 0;
    top: calc(var(--font40) * var(--l1h4) + 20px + 12px);
}
.about-history-wai::after{
    content: '';
    height: 2px;
    width: 202px;
    background: var(--colorfff);
    position: absolute;
    left: 0;
    top: calc(var(--font40) * var(--l1h4) + 20px + 12px);
}
.about-history{
    display: flex;
    align-items: center;
}
.about-history-swiper-controls{
    position: absolute;
    width: 53.65%;
    max-width: 1200px;
    bottom: var(--space80);
    left: 50%;
    transform: translateX(-50%);
    height: 70px;
}
.news-top-link-img{
    width: 62.5%;
    border-radius: 5px;
}
.news-top-link{
    display: flex;
}
.news-top-link-text{
    width: 37.5%;
    padding-left: 32px;
}
.ntlt-core{
    width: 100%;
    border-radius: 5px;
    background: var(--colorfff);
    box-shadow: 0px 14.848px 20.5px 0px rgba(0, 68, 148, 0.06), 0px 8.766px 8.515px 0px rgba(0, 68, 148, 0.04), 0px 4.461px 3.08px 0px rgba(0, 68, 148, 0.03);
    height: 100%;
    padding: 50px 30px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ntlt-core-date{
    line-height: var(--l1h8);
    margin-bottom: 8px;
    font-family: 'roaby'!important;
    color: var(--colormain);
}
.ntlt-core .std-text20{
    color: var(--colortitle);
    line-height: var(--l1h5);
    margin-bottom: 24px;
}
.ntlt-core-word,
.ntlt-core-word p{
    color: #62636D;
    line-height: var(--l1h8);
}
.ntlt-core-word{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 5.4em;
}
.ntlt-core .psin-link-link{
    justify-content: flex-start;
}
.news-top{
    margin-top: var(--space60);
}
.news-inof{
    --jian: 24px;
    --jian2: 60px;
    margin: 0 calc(var(--jian) * -1) calc(var(--jian2) * -1);
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--space60);
}
.news-inof-item{
    padding: 0 var(--jian);
    margin-bottom: var(--jian2);
    width: 33.333333%;
}
.niil-img{
    border-radius: 5px;
    width: 100%;
    margin-bottom: 16px;
}
.news-inof-item-link .std-text14{
    color: #62636D;
    line-height: var(--l1h8);
    margin-bottom: 8px;
}
.news-inof-item-link .std-text20{
    margin-bottom: 40px;
    color: var(--colortitle);
    line-height: var(--l1h5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3em;
}
.news-inof-item-link .psin-link-link{
    justify-content: flex-start;
}
.show-main .support-pro,
.news-main .support-pro{
    padding-bottom: var(--space140);
}
.show-main .mod-page,
.news-main .mod-page {
    margin-top: var(--space80);
}
.newsdet-core{
    position: relative;
    padding-top: var(--space140);
}
.newsdet-core .mod-bread .ys-cont1440{
    width: 85vw;
    max-width: 1100px;
    margin: auto;
}
.newsdet-core .std-font32{
    line-height: var(--l1h4);
    color: var(--colortitle);
    margin-bottom: var(--space40);
}
.newsdet-core-box{
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(98, 99, 108, .3);
    margin-bottom: var(--space60);
}
.newsdet-core-box-text{
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
}
.newsdet-core-box-text .std-text16{
    padding: 0 var(--jian);
    color: #62636D;
    line-height: var(--l1h75);
}
.newsdet-core-box-share{
    display: flex;
    align-items: center;
}
.ncbs-title{
    color: #62636D;
    line-height: var(--l1h75);
    margin-right: 40px;
    font-size: var(--font16);
}
.newsdet-core-box-share .ys-share{
    --jian: 10px;
    margin: 0 calc(var(--jian) * -1);
}
.newsdet-core-box-share .ys-share-list{
    padding: 0 var(--jian);
}
.newsdet-core-box-share .ys-share-img {
    width: 24px;
}
.newsdet-core-box-share .ys-share-img img{
    width: 100%;
}
.newsdet-core-text p{
    margin-bottom: var(--space50);
}
.newsdet-core-text p:last-child{
    margin-bottom: 0;
}
.newsdet-core-btn{
    margin-top: var(--space80);
    border-top: 1px solid rgba(98, 99, 108, .8);
    padding-top: 32px;
}
.ncbi-link-icon{
    width: 24px;
}
.ncbi-link{
    display: flex;
    align-items: center;
}
.ncbi-link-icon{
    width: 24px;
}
.ncbi-link-icon img{
    transform: scale(1.05);
}
.newsdet-core-btn{
    --jian: 16px;
}
.newsdet-core-btn-item.fl .ncbi-link-icon{
    margin-right: var(--jian);
}
.newsdet-core-btn-item.fr .ncbi-link-icon{
    margin-left: var(--jian);
    transform: rotate(180deg);
}
.ncbi-link-icon img:nth-of-type(2){
    opacity: 0;
    transform: scale(1)!important;
}
.ncbi-link .std-text16{
    transition: all .4s ease;
}
.newsdet-more{
    padding-top: var(--space140);
    padding-bottom: var(--space130);
}
.newsdet-more .std-font40{
    text-align: center;
    margin-bottom: var(--space60);
}
.newsdet-more-inof .slick-list{
    overflow: visible;
}
.newsdet-more-inof .news-inof-item:not(:first-child){
    display: none;
}
.newsdet-more-inof.news-inof{
    display: block;
}
.newsdet-more-inof .news-inof-item{
    width: 50%;
}
.newsdet-more-inof{
    padding-left: 78px;
    padding-right: 78px;
}
.contact-box{
    position: relative;
    padding-top: var(--space130);
}
.contact-box-inof{
    border-radius: 10px;
    background: var(--colorfff);
    box-shadow: 0px 237px 66px 0px rgba(0,0,0,0), 0px 152px 61px 0px rgba(0,0,0,0), 0px 85px 51px 0px rgba(0, 0, 0, 0.01), 0px 38px 38px 0px rgba(0, 0, 0, 0.02), 0px 9px 21px 0px rgba(0, 0, 0, 0.02);
    padding: var(--space40) 81px;
    --jian: 50px;
    display: flex;
    flex-wrap: wrap;
}
.cbii-icon{
    width: 48px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.contact-box-inof-item .std-text20{
    margin-bottom: 16px;
    line-height: var(--l1h5);
    color: var(--colortitle);
    text-align: center;
}
.contact-box-inof-item .std-text18{
    color: var(--colormain);
    line-height: var(--l1h8);
    text-align: center;
}
.contact-box-inof-item .std-text14{
    margin-top: 4px;
    text-align: center;
    line-height: var(--l1h8);
    color: var(--colormain);
}
.contact-box-inof-item a{
    color: inherit;
}
.contact-box-inof-item{
    width: 33.333333%;
    padding: 0 var(--jian);
    position: relative;
}
.contact-box-inof-item::before,
.contact-box-inof-item::after{
    content: '';
    height: 1px;
    background: rgba(0, 101, 221, .2);
    position: absolute;
    width: calc(50% - 36px - 24px);
    top: 24px;
}
.contact-box-inof-item::before{
    left: calc(50% + 24px + 36px);
}
.contact-box-inof-item::after{
    right: calc(50% + 24px + 36px);
}
.contact-box-inof-item:nth-of-type(3n-2)::after{
    opacity: 0;
}
.contact-box-inof-item:nth-of-type(3n)::before{
    opacity: 0;
}
.contact-message{
    padding-top: var(--space130);
}
.contact-message .mod-title1{
    margin-bottom: var(--space40);
}
.contact-message-cry{
    border-radius: 20px;
    background: var(--colorfff);
    box-shadow: 0px 36px 80px 0px rgba(52, 128, 225, 0.08), 0px 8.041px 17.869px 0px rgba(52, 128, 225, 0.04), 0px 2.394px 5.32px 0px rgba(52, 128, 225, 0.03);
    padding: 50px 50px 60px;
}
.ys-form{
    --space: 20px;
    --spacebot: 24px;
    --spacein: 10px;
    --height: 40px;
    --size20: 20px;
    --size18: 18px;
    --size16: 16px;
    --l1h5: 1.5;
    --l1h75: 1.75;
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colortips: #f00;
    --colormain: #0069ED;
}
.ys-form-inof{
    margin: 0 calc(var(--space) * -1) ;
    display: flex;
    flex-wrap: wrap;
}
.ys-form-inof-item{
    padding: 0 var(--space);
    margin-bottom: var(--spacebot);
    width: 100%;
}
.ys-form-inof-item3{
    width: 33.333333%;
}
.ys-form-inof-item2{
    width: 50%;
}
.ys-fii-name{
    font-size: var(--size20);
    line-height: var(--l1h75);
    color: var(--color333);
    margin-bottom: 7px;
}
.ys-fii-name span{
    color: var(--colortips);
}
.ys-fii-input {
    width: 100%;
    height: var(--height);
    border: 1px solid var(--color999);
    display: block;
}
.ys-fii-input input,
.ys-fii-input textarea{
    width: 100%;
    height: 100%;
    font-size: var(--size18);
    line-height: var(--l1h75);
    color: var(--color333);
    padding: 0 var(--spacein);
}
.ys-fii-tips{
    font-size: var(--size16);
    color: var(--colortips);
    line-height: var(--l1h5);
}
.ys-fii-tips span{
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.ys-form-inof-item .ys-select-xtbbox {
    right: 10px;
}
.ys-fii-select-search .ys-select-bd,
.ys-fii-select .ys-select-bd{
    border: 1px solid var(--color999);
    border-top: 0px;
}
.ys-fii-select-search .ys-fiiss-core,
.ys-fii-select .ys-select-bd{
    padding: 10px 0;
}
.ys-fii-select-search .ys-select-bd{
    padding-top: 0!important;
}
.ys-form-inof-item .ys-select-li {
    font-size: var(--size18);
    line-height: var(--l1h5);
    color: var(--color666);
    padding: 0.5em 20px;
    transition: all .4s ease;
}
.ys-form-inof-item .ys-select-li span{
    color: #f00;
}
.ys-form-inof-item .ys-select-li:hover{
    color: var(--color333);
}
.ys-fiiss-input{
    border: 10px solid #f2f2f7;
    width: 100%;
    display: block;
    display: flex;
    align-items: center;
}
.ys-fiiss-input input{
    width: 100%;
    border-radius: 4px;
    padding: 4px 10px;
    width: calc(100% - 30px);
    flex-grow: 1;
    font-size: var(--size16);
    line-height: var(--l1h5);
    color: var(--color666);
}
.ys-fiiss-input input::placeholder,
.ys-form-inof-item input::placeholder,
.ys-form-inof-item textarea::placeholder{
    color: var(--color999);
}
.ys-fiiss-input-close{
    width: 20px;
    margin-right: 10px;
    cursor: pointer;
    opacity: 0;
    transition: all .4s ease;
}
.ys-fiiss-input-close .iconfont{
    font-size: 14px;
}
.ys-fiiss-input.act .ys-fiiss-input-close {
    opacity: 1;
}
.ys-form-inof-text .ys-fii-input{
    height: 120px;
}
.ys-fii-input textarea{
    padding-top: 10px;
}
.ys-fiiss-core,
.ys-fii-select .ys-select-bd{
    height: calc(var(--size18) * 10 + 20px);
}
.ys-form-inof .mCSB_outside+.mCSB_scrollTools {
    right: 0;
}
.ys-form-inof .mCSB_scrollTools{
    top: 15px;
    bottom: 15px;
}
.ys-form-hide{
    opacity: 0!important;
}
.ys-fia-text{
    display: flex;
    align-items: flex-start;
}
.ys-fia-text-btn{
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: relative;
    top: 5px;
}
.ys-fia-text-btn::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 1px solid var(--color999);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.ys-fia-text-btn::after{
    content: '';
    width: 50%;
    height: 50%;
    position: absolute;
    background: var(--colormain);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all .4s ease;
}
.ys-fia-text-word{
    width: calc(100% - 18px);
    flex-grow: 1;
    padding-left: 10px;
    font-size: var(--size16);
    line-height: var(--l1h75);
    color: var(--color333);
}
.ys-fia-text-word a{
    color: var(--colormain);
}
.ys-form-inof-code{
    width: 45%;
}
.ys-fic-auth{
    display: flex;
}
.ys-fic-auth .ys-fii-input{
    width: 50%;
    flex-grow: 1;
}
.ys-fic-auth-img{
    height: var(--height);
    margin-left: var(--space);
    cursor: pointer;
}
.ys-fic-auth-img img{
    height: 100%;
}
.ys-form-inof-submit{
    width: 35%;
    margin-left: 20%;
}
.ys-fii-submit{
    height: var(--height);
    line-height: var(--height);
    text-align: center;
    background: var(--colormain);
    color: #fff;
    font-weight: bold;
    font-size: var(--size16);
    cursor: pointer;
}
.ys-form-inof-agree.on .ys-fia-text-btn::after{
    opacity: 1;
}
.ys-fii-tips{
    display: none;
}
.ys-form-required.ys-form-empty .ys-fii-tips{
    display: block;
}
.ys-form-inof-country .ys-fii-tips{
    display: none!important;
}
.iti__country-list {
    width: calc(calc(1400px - calc(var(--space) * 4)) / 3);
}
.ys-select-emptyli{
    pointer-events: none;
}
.ys-fii-input {
    border-radius: 40px;
    border: 1px solid #E0E1E8;
    padding: 8px 24px;
    display: flex;
    align-items: center;
}
.ys-fii-name,
.ys-fii-input input::placeholder,
.ys-fii-input textarea::placeholder {
    font-size: var(--font14);
    line-height: var(--l1h8);
    color: #62636D;
    margin-bottom: 0px;
}
.ys-fii-input input,
.ys-fii-input textarea{
    font-size: var(--font14);
    line-height: var(--l1h8);
}
.ys-fii-input input{
    width: 50%;
    flex-grow: 1;
}
.ys-fii-input textarea{
    padding: 0!important;
}
.ys-form-inof-text .ys-fii-input{
    border-radius: 5px;
}
.ys-fic-auth-img{
    height: 66px;
}
.ys-fic-auth{
    align-items: flex-end;
}
.ys-form-add{
    display: flex;
    width: 100%;
}
.ys-form-inof-submit {
    width: 38.8%;
    margin-left: 0;
}
.ys-form-inof-code{
    width: 61.2%;
}
.ys-fic-auth-img{
    margin-left: calc(var(--space) * 2);
}
.ys-fii-submit {
    margin-top: 14px;
    height: 52px;
    border-radius: 60px;
    line-height: var(--height);
    text-align: center;
    background: var(--colormain);
    color: #fff;
    font-weight: bold;
    font-size: var(--size16);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ys-fia-text-word {
    width: calc(100% - 24px);
    flex-grow: 1;
    padding-left: 10px;
    font-size: var(--font14);
    line-height: var(--l1h8);
    color: #62636D;
}
.ys-fia-text-btn{
    width: 24px;
    height: 24px;
    top: 1px;
}
.ys-fia-text-btn::before {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    border: 1px solid #62636C;
}
.ys-fia-text-btn::after {
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
.ys-form-inof-agree.on .ys-fia-text-btn::before {
    border: 1px solid var(--colormain);
}
.ys-fii-tips {
    font-size: 12px;
    margin-top: 4px;
    padding-left: 12px;
}
.ys-fii-name span{
    margin-left: 8px;
}
.ys-fii-select-search .ys-select-bd, 
.ys-fii-select .ys-select-bd {
    border: 1px solid #E0E1E8;
}
.ys-fiiss-input input,
.ys-form-inof-item .ys-select-li{
    font-size: var(--font14);
    padding: 0.4em 14px;
}
.ys-fiiss-core, .ys-fii-select .ys-select-bd {
    height: calc(var(--font14)* 9.2 + 20px);
}
.ys-form-inof-agree {
    margin-bottom: 0!important;
}
.contact-office{
    padding-top: var(--space156);
    padding-bottom: var(--space140);
}
.contact-office .std-font40{
    margin-bottom: var(--space50);
    text-align: center;
    line-height: var(--l1h4);
}
.contact-office-inof{
    --margin1: 106px;
}
.contact-office-inof-item{
    margin-bottom: var(--margin1);
}
.contact-office-inof-item:last-child{
    margin-bottom: 0;
}
.coii-img{
    width: 100%;
    border-radius: 10px;
}
.coii-text{
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.coii-text-core-icon{
    width: 24px;
    position: relative;
    top: 4px;
}
.coii-text-core{
    display: flex;
    align-items: flex-start;
    margin-top: 17px;
}
.coii-text-core .std-text18{
    padding-left: 16px;
    line-height: var(--l1h75);
    color: #62636D;
}
.show-inof{
    --jian1: 40px;
    --jian2: 60px;
    margin: 0 calc(var(--jian1) * -1) calc(var(--jian2) * -1);
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--space60);
}
.show-inof-item{
    padding: 0 var(--jian1);
    margin-bottom: var(--jian2);
    width: 25%;
}
.show-inof-item-img{
    margin-bottom: 20px;
}
.show-inof-item .std-font24{
    text-align: center;
    color: var(--colortitle);
    line-height: var(--l1h4);
}
.tech-main .ys-nyban-title p,
.show-main .ys-nyban-title p{
    width: 70.28%;
}
.join-advant{
    position: relative;
    padding-top: var(--space130);
}
.join-advant .mod-title1{
    width: 56.25%;
    margin: 0 auto;
    margin-bottom: var(--space50);
}
.join-main .ys-nyban-title-img{
    width: 31.32%;
    max-width: 451px;
}
.join-main .ys-nyban-title-img img{
    width: 100%;
}
.join-advant-inof{
    --jian: 5px;
}
.join-advant-inof-item{
    padding: 0 var(--jian);
}
.join-advant-inof{
    --height1: 600px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
}
.jaii-core-bg{
    height: var(--height1);
    position: relative;
    width: 100%;
}
.jaii-core-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.jaii-core{
    position: relative;
}
.join-advant-inof-item{
    width: 26.9%;
    transition: all .4s ease;
}
.join-advant-inof-item.on{
    width: 46.2%;
}
.jaii-core-bg::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(9, 46, 91, 0) 0%, rgba(9, 46, 91, 0.8) 100%);
}
.jaii-core-title,
.jaii-core-hover{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 6;
}
.jaii-core-title{
    padding: 0 32px 40px;
    text-align: center;
    transition: all .4s ease;
}
.jaii-core-title .std-font24{
    color: var(--colorfff);
    line-height: var(--l1h5);
}
.jaii-core-hover{
    padding: 0 32px 30px;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.jaii-core-hover .std-font24{
    color: var(--colorfff);
    line-height: var(--l1h5);
    margin-bottom: 20px;
}
.jaii-core-hover .std-text16 p{
    position: relative;
    padding-left: 24px;
    color: var(--colorfff);
    line-height: var(--l1h75);
}
.jaii-core-hover .std-text16 p::before{
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--colorfff);
    position: absolute;
    top: calc(0.875em - 2px);
    left: 10px;
}
.join-advant-inof-item.on .jaii-core-hover{
    opacity: 1;
    pointer-events: all;
}
.join-advant-inof-item.on .jaii-core-title{
    opacity: 0;
    pointer-events: none;
}
.join-invite{
    padding-top: var(--space130);
    --jian1: 80px;
}
.join-invite-inof-item{
    margin-bottom: calc(var(--space120) - 10px);
    display: flex;
    align-items: center;
}
.join-invite-inof-item:last-child{
    margin-bottom: 0;
}
.jiii-pic{
    width: 48.75%;
    border-radius: 5px;
}
.jiii-text{
    width: 51.25%;
    margin-right: var(--jian1);
}
.join-invite-inof-item:nth-of-type(2n) .jiii-text{
    margin-left: var(--jian1);
    margin-right: 0;
}
.join-invite-inof-item:nth-of-type(2n){
    flex-direction: row-reverse;
}
.jiii-text .std-font40{
    margin-bottom: 30px;
    line-height: var(--l1h4);
    color: var(--colortitle);
}
.jiii-text .std-font24{
    margin-bottom: 30px;
    line-height: var(--l1h5);
    color: var(--colormain);
}
.jiii-text .std-text16,
.jiii-text .std-text16 p{
    color: #62636D;
    line-height: var(--l1h75);
}
.jiii-text-btn{
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
    margin-top: var(--space70);
    display: flex;
    justify-content: flex-start;
}
.jiii-text-btn .std-btn1, 
.jiii-text-btn .std-btn3{
    padding: 0 var(--jian);
}
.jiii-text-btn .std-btn-link,
.jiii-text-btn .std-btn1 .std-btn-link {
    padding: 10px 40px;
    min-width: 220px;
}
.join-value{
    padding-top: var(--space156);
}
.jvsi-img{
    width: 100%;
    border-radius: 5px;
}
.join-value-swiper{
    width: 70.84%;
    margin: 0 auto;
    position: relative;
}
.swiper.join-value-swiper{
    overflow: visible;
}
.join-value-btn{
    display: flex;
    position: relative;
    padding-top: var(--space40);
}
.join-value-btn::before{
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #E0E1E6;
}
.join-value-btn-item{
    width: 25%;
    flex-grow: 1;
    text-align: center;
    position: relative;
    cursor: pointer;
    padding-bottom: 12px;
}
.join-value-btn-item::before{
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--colormain);
    transition: all .4s ease;
    opacity: 0;
    width: 0;
}
.join-value-btn-item .std-text18{
    line-height: 1.65;
    transition: all .4s ease;
}
.join-value-btn-item.on::before{
    width: 100%;
    opacity: 1;
}
.join-value-btn-item.on .std-text18{
    color: var(--colormain);
}
.join-value-text-item{
    padding-top: 32px;
    text-align: center;
}
.join-value-text-item:not(:first-child){
    display: none;
}
.join-life-inof{
    --jian1: 9px;
    --width1: 274px;
    margin: 0 calc(var(--jian1) * -1);
    display: flex;
    width: calc((var(--width1) * var(--width-shu)) + (var(--jian1) * 2 * var(--width-shu)));
}
.join-life-inof-item{
    width: calc(var(--width1) + calc(var(--jian1) * 2));
    padding: 0 var(--jian1);
    flex-grow: 1;
}
.join-life-inof-item .ys-imgbox-cover{
    border-radius: 10px;
    margin-bottom: 20px;
}
.join-life-inof-item:nth-of-type(2n-1){
    margin-top: var(--space60);
}
.join-life{
    padding-top: var(--space156);
    padding-bottom: var(--space200);
    position: relative;
}
.join-life-inof1{
    transform: translateX(0%);
}
.join-life-inof:not(:first-child){
    position: absolute;
    top: 0;
    left: 0;
}
.join-life-inof2{
    transform: translateX(100%);
}
.join-life-inof3{
    transform: translateX(200%);
}
.join-life-inof4{
    transform: translateX(300%);
}
.join-life-box{
    position: relative;
    overflow: hidden;
}
.join-life-box.odd .join-life-inof:nth-of-type(2n) .join-life-inof-item:nth-of-type(2n){
    margin-top: var(--space60);
}
.join-life-box.odd .join-life-inof:nth-of-type(2n) .join-life-inof-item:nth-of-type(2n-1){
    margin-top: 0;
}

.join-life-bg{
    position: absolute;
    width: 100%;
    top: var(--space40);
}
.join-life-bg img{
    width: 100%;
}
.join-life .ys-cont1440{
    position: relative;
    z-index: 6;
}
.about-develop.join-develop {
    padding-top: 0;
}
.join-yun{
    position: relative;
}
.join-yun-bg{
    position: relative;
    width: 100%;
}
.join-yun-bg img{
    width: 100%;
}
.join-yun .std-font44{
    position: absolute;
    width: 100%;
    text-align: center;
    top: var(--space120);
    color: var(--colorfff);
    padding: 0 15px;
}
.join-yun .std-btn{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(var(--space90) + 10px);
}
.join-yun-bg iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    transition: all .2s ease;
}
.join-yun.on .join-yun-bg iframe{
    display: block;
    opacity: 1;
}
.join-yun .std-font44,
.join-yun .std-btn{
    transition: all .4s ease;
}
.join-yun.on .std-font44,
.join-yun.on .std-btn{
    opacity: 0;
    pointer-events: none;
}
.service-advant-box{
    position: relative;
    overflow: hidden;
}
.service-advant-box{
    border-radius: 10px;
    position: relative;
}
.service-advant-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-advant-box video{
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.service-advant-box .mod-title1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.service-advant .std-font40{
    text-align: center;
    margin-bottom: var(--space50);
}
.ervice-advant-box1 .std-font40{
    color: var(--colorfff);
    margin-bottom: var(--space40);
}
.ervice-advant-box1 .std-text18,
.ervice-advant-box1 .std-text18 p{
    color: var(--colorfff);
}
.service-advant-wai{
    position: relative;
    z-index: 2;
}
.service-advant-wai img{
    width: 100%;
}
.service-advant-box{
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.service-advant{
    position: relative;
    z-index: 2;
}
.service-advant{
    height: calc(100vh - var(--line80));
}
.service-advant-wai{
    height: calc(100vh - var(--line80) - var(--space130) - var(--space50) - calc(var(--font40) * var(--l1h4)));
}
.service-advant-title2{
    transform: translateY(calc(var(--cha) * -1));
}
.service-advant{
    padding-top: var(--space130);
}
.ervice-advant-box1{
    position: absolute;
    width: 100vw;
    height: calc(100vh - var(--line80));
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ervice-advant-box1 .mod-title1{
    margin-bottom: 0;
    padding: 0 20px;
}
.ervice-advant-box1 .std-text18{
    opacity: 0;
    transition: all .4s ease;
}
.service-advant-box-btn{
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background:rgba(0, 0, 0, 0.20);
    cursor: pointer;
}
.service-system{
    padding-top: var(--space140);
}
.service-system-inof-item:first-child{
    margin-top: 0;
}
.service-system-inof-item{
    border-radius: 10px;
    background: var(--colorfff);
    border: 1px solid #E0E1E8;
    margin-top: var(--space40);
    display: flex;
    overflow: hidden;
}
.ssii-img{
    width: 44.5%;
}
.ssii-text{
    width: 55.5%;
    padding: 52px 80px;
    padding-right: 40px;
}
.ssii-text-active{
    padding-right: 40px;
}
.ssii-text .mCSB_inside>.mCSB_container {
    margin-right: 0;
}
.ssii-img img{
    object-fit: cover;
}
.ssii-text .std-font32{
    line-height: var(--l1h4);
    color: var(--colortitle);
    margin-bottom: 20px;
}
.ssii-text-active h6{
    color: var(--colormain);
    line-height: var(--l1h75);
    margin-bottom: 4px;
    font-size: var(--font16);
}
.ssii-text-active ul,
.ssii-text-active li,
.ssii-text-active p{
    font-size: var(--font14);
    line-height: var(--l1h8);
    color: #62636D;
}
.ssii-text-active p{
    margin-bottom: 0!important;
}
.ssii-text-active.yxedr-active ul {
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 20px;
    margin-bottom: 20px;
}
.ssii-text-active.yxedr-active ul:last-child{
    margin-bottom: 0;
}
.ssii-text{
    height: calc(85vw * 0.445 / 4 * 3);
    max-height: calc(1440px * 0.445 / 4 * 3);
}
.service-advant-box-btn img:nth-of-type(2){
    opacity: 0;
}
.service-advant-box-btn.on img:nth-of-type(2){
    opacity: 1;
}
.service-advant-box-btn.on img:first-child{
    opacity: 0;
}
.service-face{
    padding-top: var(--space130);
    padding-bottom: var(--space130);
}
.service-face .std-font40{
    text-align: center;
    margin-bottom: var(--space60);
}
.service-system-inof-item{
    position: sticky;
    top: calc(var(--line80) + var(--space130) + calc(var(--index1) * 20px));
    transform-origin: center top;
}
.service-face-inof{
    --jian: 24px;
    margin: 0 calc(var(--jian) * -1);
}
.service-face-inof-nub{
    padding: 0 var(--jian);
    width: 33.333333%;
}
.sfin-img{
    width: 100%;
    border-radius: 5px;
    margin-bottom: 32px;
}
.service-face-inof-nub:not(:first-child){
    display: none;
}
.service-face-inof-nub .std-text20{
    color: var(--colortitle);
    margin-bottom: 12px;
    line-height: var(--l1h5);
}
.service-face-inof-nub .std-text16 p{
    position: relative;
    padding-left: 20px;
    color: var(--colortext);
    line-height: var(--l1h75);
}
.service-face-inof-nub .std-text16 p::before{
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--colortext);
    position: absolute;
    top: calc(0.875em - 2px);
    left: 4px;
}
.scii-text,
.scii-img{
    width: 50%;
}
.service-column-inof-item{
    display: flex;
}
.scii-text .std-text20{
    color: #62636C;
    line-height: var(--l1h5);
}
.scii-text .std-font40{
    line-height: var(--l1h4);
    color: var(--colortitle);
    margin-bottom: var(--space40);
    margin-top: var(--space140);
}
.scii-text-word,
.scii-text-word p{
    color: #62636D;
    line-height: var(--l1h75);
}
.scii-text-word p{
    margin-bottom: 12px;
    position: relative;
    padding-left: 24px;
}
.scii-text-word p:last-child{
    margin-bottom: 0;
}
.scii-text-word p::before{
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #62636D;
    position: absolute;
    top: calc(0.875em - 2.5px);
    left: 8px;
}
.scii-text-data{
    --xjian: 30px;
    margin: 0 calc(var(--xjian) * -1);
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--space90) + 10px);
}
.scii-text-data-nub{
    width: 50%;
    padding: 0 var(--xjian);
    position: relative;
    padding-top: 16px;
}
.scii-text-data-nub::before{
    content: '';
    height: 1px;
    width: calc(100% - calc(var(--xjian) * 2));
    left: var(--xjian);
    top: 0;
    background: var(--colormain);
    position: absolute;
}
.scii-text-data-nub .std-text16{
    margin-bottom: 20px;
}
.scii-text-data-nub .std-font44{
    color: var(--colormain);
}
.scii-text-data-nub i{
    font-style: normal;
    margin-left: 12px;
    font-size: var(--font16);
    color: #62636D;
    line-height: var(--l1h75);
}
.service-column{
    background: #F5F9FF;
}
.service-column-inof-item:nth-of-type(2n){
    flex-direction: row-reverse;
}
.service-column{
    --heightx: calc(100vh - var(--line80));
    --jianx: 180px; 
    --jianx2: 90px;
}
.scii-img img{
    object-fit: cover;
}
.service-column-inof-item{
    height: var(--heightx);
}
.scii-img .ys-imgbox-cover{
    height: 100%;
}
.scii-text{
    padding: 60px var(--jianx2) 70px var(--jianx);
}
.service-column-inof-item:nth-of-type(2n) .scii-text{
    padding-left: var(--jianx);
    padding-right: var(--jianx2);
}
.service-partner{
    padding-top: var(--space156);
    padding-bottom: var(--space140);
}
.service-partner-all{
    --width1: 240px;
    --jian: 20px;
}
.spab-inof-item{
    width: var(--width1);
    padding: var(--jian);
}
.spab-inof-item .ys-imgbox-cover{
    width: 100%;
}
.spab-inof{
    display: flex;
    width: calc(var(--width1) * var(--width-shu));
}
.service-partner-all-box{
    position: relative;
}
.spab-inof:not(:first-child){
    position: absolute;
    top: 0;
    left: 0;
}
.spab-inof2{
    transform: translateX(100%);
}
.spab-inof3{
    transform: translateX(200%);
}
.service-partner-all-box:nth-of-type(2n) .spab-inof2{
    transform: translateX(100%);
}
.service-partner-all-box:nth-of-type(2n) .spab-inof3{
    transform: translateX(-100%);
}
.service-partner-all{
    border-top: 1px solid #E0E1E8;
}
.service-partner-all-box{
    border-bottom: 1px solid #E0E1E8;
}
.service-custom{
    position: relative;
}
.service-custom-bg,
.service-custom-bg img{
    width: 100%;
}
.service-custom-text{
    position: absolute;
    width: 48%;
    height: 100%;
    right: 0;
    top: 0;
    padding: 40px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.service-custom-text::before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    -moz-backdrop-filter: blur(12px);
    -ms-backdrop-filter: blur(12px);
    -o-backdrop-filter: blur(12px);
    top: 0;
    left: 0;
}
.service-custom-text .std-font40{
    color: var(--colorfff);
    margin-bottom: 24px;
    line-height: var(--l1h4);
    position: relative;
    z-index: 6;
}
.service-custom-text .std-text18,
.service-custom-text .std-text18 p{
    color: var(--colorfff);
    line-height: var(--l1h75);
}
.service-custom-text .std-text18{
    margin-bottom: var(--space60);
    position: relative;
    z-index: 6;
}
.service-custom-text .std-btn1{
    justify-content: flex-start;
}
.service-partner{
    overflow: hidden;
}
.tech-main .ptii-text{
    padding-top: 54px;
    padding-bottom: 54px;
}
.tech-main .pave-trad .mod-title1 .std-text18 {
    width: 69.5%;
}
.tech-main .pave-trad {
    padding-bottom: calc(var(--space80) + var(--xia));
}
.tech-multi{
    padding-top: var(--space120);
    padding-bottom: var(--space120);
    background: #F5F9FF;
}
.tech-multi .mod-title1{
    text-align: left;
    margin-bottom: var(--space80);
    width: 58.4%;
}
.tech-multi-swipe-item.swiper-slide,
.tech-multi-swipe-item{
    width: calc(85vw * 0.85);
    max-width: calc(1440px * 0.85);
}
.tmsi-img{
    width: 48.05%;
    border-radius: 5px;
}
.tmsi-text{
    width: 51.95%;
    padding: 70px 80px 0;
}
.tmsi-text .std-font32{
    margin-bottom: 12px;
}
.tech-multi-swipe-item{
    display: flex;
    align-items: flex-start;
}
.tmsi-text-word{
    margin-bottom: var(--space80);
}
.tmsi-text-box-nub .std-text20{
    color: var(--colormain);
    margin-bottom: 12px;
}
.tmsi-text-box-nub{
    margin-bottom: 32px;
}
.tmsi-text-box-nub:last-child{
    margin-bottom: 0;
}
.tmsi-text-box-nub .std-text16,
.tmsi-text-box-nub .std-text16 p{
    color: var(--colortitle);
}
.swiper.tech-multi-swipe{
    overflow: visible;
}
.tech-multi-swipe {
    padding-bottom: calc(var(--space60) + 2px)!important;
}
.tech-multi-swipe .swiper-horizontal>.swiper-pagination-progressbar,
.tech-multi-swipe .swiper-pagination-progressbar.swiper-pagination-horizontal, 
.tech-multi-swipe .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, 
.tech-multi-swipe .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    top: auto;
    bottom: 0px;
}
.swiper-pagination-progressbar{
    background: #E0E1E6;
}
.tech-witness{
    position: relative;
}
.tech-witness-bg{
    position: relative;
    width: 100%;
}
.tech-witness-bg img{
    width: 100%;
}
.tech-witness .ys-cont1400{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 6;
}
.tech-witness .std-font40{
    color: var(--colorfff);
}
.tech-witness .std-text18,
.tech-witness .std-text18 p{
    color: var(--colorfff);
}
.tech-witness-inof-item{
    width: 33.333333%;
    text-align: center;
}
.tech-witness-inof{
    display: flex;
}
.tech-witness-inof-item .scroll-data{
    font-size: var(--font54);
    line-height: var(--l1h4);
    color: var(--colorfff);
    font-weight: bold;
}
.tech-witness-inof-item .std-font32{
    color: var(--colorfff);
    margin-bottom: 16px;
}
.tech-witness-inof-item .std-text16{
    color: var(--colorfff);
}
.tech-witness-bg-line{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 85vw;
    max-width: 1400px;
    height: 100%;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
}
.tech-witness-bg-line li{
    width: 1px;
    height: 100%;
    top: 0;
    background: rgba(255, 255, 255, 0.20);
}
.tech-research{
    padding-top: var(--space140);
    padding-bottom: var(--space130);
}
.tech-research .mod-title1{
    margin-bottom: var(--space70);
}
.tech-research-inof.swiper,
.tech-research-inof{
    --jian: 30px;
    margin: 0 calc(var(--jian) * -1);
}
.tech-research-inof-item{
    padding: 0 var(--jian);
}
.tech-research-inof-item,
.tech-research-inof-item.swiper-slide{
    width: 25%;
}
.trii-cry{
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.trii-cry-bg{
    width: 100%;
}
.trii-cry-bg::before{
    content: '';
    background: linear-gradient(180deg, rgba(1, 12, 28, 0) 0%, rgba(1, 12, 28, .8) 100%);
    position: absolute;
    width: 100%;
    height: 31.82%;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.trii-cry .std-text20{
    color: var(--colorfff);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 6;
    text-align: center;
    padding: 0 20px 20px;
    line-height: var(--l1h5);
    width: 100%;
}
.tech-research-inof .slick-list,
.tech-research-inof.swiper{
    overflow: visible;
}
.swiper-button-next,
.swiper-button-prev{
    transition: all .4s ease;
}
.mod-arrows1.mod-arrows3 .swiper-button-prev,
.mod-arrows1.mod-arrows3 .swiper-button-next{
    background: #F5F9FF;
}
.swiper-button-next:after, .swiper-button-prev:after{
    content: ''!important;
    background-image: url(../images/0jian1h.svg);
    background-size: 100% 100%;
    position: absolute;
    width: 50%;
    height: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0;
    transition: all .4s ease;
}
.swiper-button-prev:after{
    transform: translate(-50%, -50%) rotate(180deg);
}
.swiper-button-next::before, .swiper-button-prev::before{
    opacity: 0;
    transition: all .4s ease;
}
.swiper-controls{
    position: relative;
    display: flex;
    justify-content: center;
}
.swiper-controls .swiper-button-next,
.swiper-controls .swiper-button-prev{
    position: relative;
    margin-top: 0;
    margin-top: var(--space50);
}
.swiper-controls .swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: -32px;
}
.swiper-controls .swiper-button-next, .swiper-rtl .swiper-button-prev{
    right: -32px;
}
.tech-plat{
    padding-top: var(--space60);
    padding-bottom: var(--space60); 
    position: relative;  
}
.tech-plat-cry{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tech-plat-cry .mod-title1{
    margin-bottom: 0;
    width: 36.12%;
    text-align: left;
}
.tech-plat-cry-box{
    width: 51.12%;
    --jian: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.tpcb-img1{
    width: 78.8%;
    margin-bottom: calc(var(--jian) * 2);
}
.tpcb-img{
    border-radius: 5px;
    overflow: hidden;
}
.tpcb-img img{
    width: 100%;
    transition: all .4s ease;
}
.tpcb-img2{
    width: calc(52.72% - var(--jian));
}
.tpcb-img3{
    width: calc(47.28% - var(--jian));
}
.tpcb-total{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.tech-plat-letter{
    font-size: 288px;
    color: transparent;
    -webkit-text-stroke: 2px var(--colormain);
    line-height: var(--l1h2);
    opacity: 0.1;
    position: absolute;
    right: 0;
    bottom: 25px;
}
.tech-plat-cry{
    position: relative;
    z-index: 6;
}
.tech-industry{
    padding-top: calc(var(--space90) + 10px);
    padding-bottom: calc(var(--space90) + 10px);
}
.tech-industry .mod-title1{
    margin-bottom: var(--space50);
}
.tech-industry-cry{
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.tech-industry-cry img{
    width: 100%;
}
.tech-industry-cry::before{
    content: '';
    position: absolute;
    background: rgba(0, 37, 80, .6);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.tech-industry-cry .mod-title1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-bottom: 0;
    z-index: 10;
    color: var(--colorfff);
    width: 70%;
}
.tech-industry-cry .mod-title1 .std-font40, 
.tech-industry-cry .mod-title1 .std-text18,
.tech-industry-cry .mod-title1 .std-text18 p{
    color: var(--colorfff);
}
.tech-coop{
    position: relative;
}
.tech-coop-bg,
.tech-coop-bg img{
    width: 100%;
}
.tech-coop .ys-cont1760{
    position: absolute;
    top: var(--space140);
    left: 50%;
    transform: translateX(-50%);
}
.tech-coop .std-font40{
    text-align: center;
    /* margin-bottom: calc(var(--space90) + 10px); */
    color: var(--colortitle);
}
.tech-coop-inof,
.swiper.tech-coop-inof{
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
}
.tech-coop-inof-item{
    padding: 0 var(--jian);
}
.tech-coop-inof-item.swiper-slide,
.tech-coop-inof-item{
    width: 20%;
}
.tcii-cry{
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.tcii-cry::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(34, 55, 88, 0.30);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
}
.tcii-cry-top{
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
    padding: var(--space40);
    position: relative;
    z-index: 6;
}
.tcii-cry-top-icon{
    width: 140px!important;
    margin: 0 auto;
}
.tcii-cry-bot{
    padding: var(--space40);
    position: relative;
    z-index: 6;
}
.tcii-cry-bot .std-text20{
    margin-bottom: 16px;
    color: var(--colorfff);
    text-align: center;
}
.tcii-cry-bot .std-text14,
.tcii-cry-bot .std-text14 p{
    color: var(--colorfff);
    line-height: var(--l1h8);
    text-align: center;
}
.tech-value{
    padding-top: var(--space156);
    padding-bottom: var(--space156);
}
.tech-value-title{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: var(--space70);
}
.tech-value-title .std-font40{
    margin-bottom: 0;
}
.tech-value-title .std-text18{
    width: 40.3%;
}
.tech-value-swiper.swiper,
.tech-value-swiper{
    --jian: 10px;
    margin: 0 calc(var(--jian) * -1);
}
.tech-value-swiper-item,
.tech-value-swiper-item.swiper-slide {
    width: 33.333333%;
    padding: 0 var(--jian);
}
.tvsi-cry{
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.tvsi-cry .ys-imgbox-cover{
    width: 100%;
}
.tvsi-cry .std-text20{
    position: absolute;
    bottom: 12px;
    width: calc(100% - 96px);
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    -moz-backdrop-filter: blur(6px);
    -ms-backdrop-filter: blur(6px);
    -o-backdrop-filter: blur(6px);
    padding: 12px;
    text-align: center;
    color: rgba(6, 17, 34, 1);
    line-height: var(--l1h5);
}
.tech-value-swiper.swiper{
    overflow: visible;
}
.net-core{
    position: relative;
    padding-top: calc(var(--space90) + 10px);
    padding-bottom: var(--space60);
}
.net-core .std-text20,
.net-core .std-text20 p{
    color: #62636D;
    line-height: var(--l1h5);
    text-align: center;
}
.net-core .std-text20{
    margin-top: var(--space50);
}
.net-core-map{
    width: 80%;
    position: relative;
    margin: 0 auto;
    margin-top: var(--space50);
}
.net-core-map-di,
.net-core-map-di img{
    width: 100%;
}
.net-core-map-pic{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ncmp-item{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.ncmp-item img{
    width: 100%;
    height: 100%;
}
.ncmp-item.on{
    opacity: 1;
    pointer-events: all;
}
.net-core-map-dots{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
}
.net-core{
    --widthx: 40px;
}
.ncmd-nub-circle{
    width: var(--widthx);
    height: var(--widthx);
    position: relative;
    z-index: 6;
}
.ncmd-nub-circle::before{
    content: '';
    width: 60%;
    height: 60%;
    position: absolute;
    background: var(--colormain);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    transition: all .4s ease;
}
.ncmd-nub-circle img{
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.ncmd-nub:first-child .ncmd-nub-circle::before{
    width: 75%;
    height: 75%;
}
.ncmd-nub:first-child .ncmd-nub-circle img{
    width: 75%;
}
.ncmd-nub{
    position: absolute;
    transform: translate(-50%,-50%);
    /* cursor: pointer; */
}
.ncmd-nub .std-text16{
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    padding-left: 8px;
    transition: all .4s ease;
}
.ncmd-nub:first-child .std-text16{
    padding-left: 11px;
}
.ncmd-nub .std-text16::before{
    content: '';
    width: calc(100% + var(--widthx) + 24px);
    height: var(--widthx);
    border-radius: 80px;
    border: 1px solid var(--colormain);
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    position: absolute;
    left: calc(var(--widthx) * -1);
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    transition: all .4s ease;
}
.net-core-map-di{
    transition: all .4s ease;
}
.net-core-map.act .net-core-map-di{
    opacity: 0;
}
.ncmd-nub-circle img:nth-of-type(2){
    opacity: 0;
}
.ncmd-nub.on .ncmd-nub-circle img:nth-of-type(2){
    opacity: 1;
}
.ncmd-nub.on .ncmd-nub-circle img:first-child{
    opacity: 0;
}
.ncmd-nub.on .ncmd-nub-circle::before{
    background: var(--colorfff);
}
.ncmd-nub.on .std-text16{
    color: var(--colorfff);
}
.ncmd-nub.on .std-text16::before{
    background: var(--colormain);
}
.ncmd-nub:first-child{
    z-index: 10;
}
.pave-trad-inof.slick-dotted{
    padding-bottom: calc(0px + 75px);
}
.pave-trad-inof .slick-dots{
    bottom: 0;
}
.pave-trad-inof-item:not(:first-child){
    display: none;
}
.swiper-slide{
    height: auto!important;
}
.tcii-cry{
    height: 100%;
}
.ys-faderightx {
    animation: ysfadeRightx .8s ease-in-out both;
    animation-delay: 0.2s;
}
@-webkit-keyframes ysfadeRightx {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, -60px, 0);
        transform: translate3d(60px, -60px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes ysfadeRightx {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, -60px, 0);
        transform: translate3d(60px, -60px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.service-column-inof{
    position: relative;
    z-index: 10;
}
.service-column{
    height: calc(var(--heightx) * var(--total));
    position: relative;
}
.service-column-inof{
    position: sticky;
    top: var(--line80);
}
.service-column-inof-item{
    position: relative;
}
.service-column-inof-item:not(:first-child){
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.scii-text {
    background: #F5F9FF;
}
.service-column-count{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.service-column-count li{
    height: var(--heightx);
    width: 100%;
}
.scii-text{
    clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%);
    -webkit-clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%);
    -moz-clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%);
    -ms-clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%);
    -o-clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%);
}
.scii-img{
    clip-path: polygon(0% 100%,100% 100%,100% 100%,0% 100%);
    -webkit-clip-path: polygon(0% 100%,100% 100%,100% 100%,0% 100%);
    -moz-clip-path: polygon(0% 100%,100% 100%,100% 100%,0% 100%);
    -ms-clip-path: polygon(0% 100%,100% 100%,100% 100%,0% 100%);
    -o-clip-path: polygon(0% 100%,100% 100%,100% 100%,0% 100%);
}
.service-column-inof-item:first-child .scii-text{
    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%);
}
.service-column-inof-item:first-child .scii-img{
    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%);
}
.scii-text,.scii-img{
    transition: all .8s ease;
}
.service-column-inof-item.on .scii-text,
.service-column-inof-item.on .scii-img{
    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%);
}
.service-column-inof-item.on .std-text20{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.3s;
}
.service-column-inof-item.on .std-font40{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.35s;
}
.service-column-inof-item.on .scii-text-word{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}
.service-column-inof-item.on .scii-text-data{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.45s;
}
.scii-img img{
    transform: scale(1.2);
}
.service-column-inof-item.on .scii-img img{
    animation: scale_column .8s ease-in-out both;
    animation-delay: 0.45s;
}
@keyframes scale_column {
    0%{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
    100%{
        transform: scale(1);
        -webkit-ransform: scale(1);
    }
}
@-webkit-keyframes scale_column {
    0%{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
    100%{
        transform: scale(1);
        -webkit-ransform: scale(1);
    }
}
.service-column-inof-tips{
    position: absolute;
    width: 2px;
    height: 100%;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 20;
}
.service-column-inof-tips li{
    height: 66px;
    width: 2px;
    border-radius: 1px;
    margin: 3px 0;
    background: rgba(255, 255, 255, .5);
    transition: all .4s ease;
}
.service-column-inof-tips li.on{
    background: var(--colorfff);
}
.service-column-inof-tips.mod-even li{
    background: #E0E1E7;
}
.service-column-inof-tips.mod-even li.on{
    background: var(--colormain);
}
.service-column-inof-item{
    pointer-events: none;
}
.service-column-inof-item.on{
    pointer-events: all;
}
.service-advant-box .mod-title1{
    width: 80%;
}
.service-face-inof .slick-dots{
    bottom: 0;
}
.service-face-inof.slick-dotted{
    padding-bottom: var(--space40);
}
.scii-text .mCSB_inside>.mCSB_container {
    margin-right: 0;
}
.service-column {
    --jianx: 160px;
    --jianx2: 45px;
}
.scii-text-add{
    padding-right: 45px;
}
.ssii-text .mCSB_scrollTools .mCSB_draggerContainer,
.scii-text .mCSB_scrollTools .mCSB_draggerContainer{
    top: 40%;
    bottom: 40%;
}
.about-develop-pic-nub{
    opacity: 0;
    transition: all .8s ease-in-out;
}
.about-develop.on .about-develop-pic-nub{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0)!important;
    transform: translate3d(0,0,0)!important;
}
.about-develop-pic1 .about-develop-pic-nub1{
    -webkit-transform: translate3d(-100px,-100px,0);
    transform: translate3d(-100px,-100px,0);
}
.about-develop-pic1 .about-develop-pic-nub2{
    -webkit-transform: translate3d(100px,-100px,0);
    transform: translate3d(100px,-100px,0);
}
.about-develop-pic2 .about-develop-pic-nub1{
    -webkit-transform: translate3d(-100px,100px,0);
    transform: translate3d(-100px,100px,0);
}
.about-develop-pic2 .about-develop-pic-nub2{
    -webkit-transform: translate3d(30px,100px,0);
    transform: translate3d(30px,100px,0);
}
.about-develop-pic2 .about-develop-pic-nub3{
    -webkit-transform: translate3d(100px,100px,0);
    transform: translate3d(100px,100px,0);
}
.about-develop-box-text .std-text16, .about-develop-box-text .std-text16 p{
    text-align: center;
}
.about-develop-box-text .std-btn{
    margin-top: calc(var(--space60) - 4px);
}
.about-develop-box-text .std-btn-link::after{
    border: 1px solid #B6804F;
}
.about-develop-box-text .std-btn-link-font{
    color: #B6804F;
}
.about-develop-box-text .std-font44{
    color: #B6804F;
    font-weight: bold;
}
.about-develop.join-develop{
    height: calc(100vh - var(--line80));
    display: flex;
    align-items: center;
    overflow: hidden;
}
.about-develop-box{
    min-height:calc(100vh - var(--line80));
}
.show-inof-item:nth-of-type(4n-2){
    animation-delay: .45s;
}
.show-inof-item:nth-of-type(4n-1){
    animation-delay: .5s;
}
.show-inof-item:nth-of-type(4n){
    animation-delay: .55s;
}
.ys-fii-select-search .ys-select-bd{
    border-radius: 5px;
}
.ys-fiiss-input {
    border: 10px solid #F9F9FB;
}
.newsdet-core-box-share .ys-share-img{
    display: block;
}
.news-inof-item:nth-of-type(3n-1){
    animation-delay: .5s;
}
.news-inof-item:nth-of-type(3n){
    animation-delay: .6s;
}
.news-top-link-img img{
    object-fit: cover;
}
.about-develop-title{
    position: relative;
    background: var(--colorfff);
}
.about-develop-box {
    width: 100%;
}
.about-develop-title{
    padding-bottom: 1px;
}
.fadeimg{
    transform: scale(1.2);
    animation: banimgscale 1s ease-in-out both;
    animation-delay: .4s;
}
.about-speech-cry-text .std-text16 {
    margin-bottom: 25px;
}
.about-speech-cry-img .service-advant-box-btn{
    display: none;
}
.about-honor-img-li{
    position: relative;
    width: 85vw;
    max-width: 1440px;
    left: 50%;
    transform: translateX(-50%);
}
.about-honor-img{
    width: 20%;
}
.about-honor-img{
    width: 100%;
    /* width: 0%;
    opacity: 0; */
    clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    -webkit-clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    -moz-clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    -ms-clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    -o-clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    animation: honor_width 1s ease-in-out both;
    animation-delay: 0.3s;
}
@keyframes honor_width {
    0%{
        /* width: 0%;
        opacity: 0; */
        clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
        -webkit-clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
        -moz-clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
        -ms-clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
        -o-clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    }
    100%{
        /* width: 100%;
        opacity: 1; */
        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%);
    }
}
.about-progress-bg-nub5{
    transform: translateY(50%);
}
.about-progress-bg-nub1{
    transform: translate3d(0%,-2%,0);
}
.about-progress-bg-nub3,
.about-progress-bg-nub4{
    transform: translate3d(0%,-20%,0);
}
.about-progress .std-font44{
    transform: translateY(100%);
}
.about-progress{
    overflow: hidden;
}
.about-show{
    position: relative;
}
.about-history{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.about-history{
    width: 100vw;
}
.about-history-box{
    width: 0%;
    position: relative;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    z-index: 2;
}
.about-show{
    background: rgba(0,29,63,1);
    /* display: none; */
}
.about-show .about-develop.join-develop,
.about-history-box{
    position: sticky;
    top: var(--line80);
}
.ys-nybanner{
    overflow: hidden;
}
.about-show-zhan{
    height: 500px;
}
.about-history-bg::before{
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 36, 79, .6);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.about-history-wai,
.about-history-swiper-controls{
    z-index: 6;
}
.about-history-swiper-controls .swiper-scrollbar-drag{
    width: 104px;
    height: 40px;
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.40);
    -webkit-background: rgba(255, 255, 255, 0.40);
    -moz-background: rgba(255, 255, 255, 0.40);
    -ms-background: rgba(255, 255, 255, 0.40);
    -o-background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    -moz-backdrop-filter: blur(6px);
    -ms-backdrop-filter: blur(6px);
    -o-backdrop-filter: blur(6px);
    opacity: 1!important;
    overflow: visible!important;
    display: block!important;
}
.about-history-swiper-controls .swiper-scrollbar::before{
    content: '';
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: rgba(255, 255, 255, 0.50);
    width: 100%;
    position: absolute;
}
.about-history-swiper-controls .swiper-scrollbar-drag::before{
    content: '';
    height: 2px;
    background: var(--colorfff);
    position: absolute;
    width: 1200px;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    /* border: 1px solid var(--colorfff); */
}
.about-history-swiper-controls{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 76px;
}
.about-history-swiper-controls .swiper-scrollbar-drag::after{
    content: '';
    background-image: url(../images/0e1_add.svg);
    -webkit-background-image: url(../images/0e1_add.svg);
    -moz-background-image: url(../images/0e1_add.svg);
    -ms-background-image: url(../images/0e1_add.svg);
    -o-background-image: url(../images/0e1_add.svg);
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.ahsc-top{
    display: flex;
    justify-content: space-between;
}
.ahsc-top .std-text16{
    color: var(--colorfff);
    line-height: var(--l1h75);
}
.about-history-wai::after{
    display: none;
}
.pave-innovate-img{
    transform-origin: center top;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
}
.pave-green-img img{
    animation: scale_column 1s ease-in-out both;
    animation-delay: 0.45s;
}
.pave-green-img{
    overflow: hidden;
}
.biii-core-box-all{
    height: 100%;
    margin-right: -30px;
}
.biii-core-box-all .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 30px;
}
.biii-core{
    display: flex;
}
.bridge-intel-inof-item .biii-core-box {
    transform-style: preserve-3d;
    transform: rotateY(180deg) translate(100%, 0)!important;
    transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.biii-core-img{
    min-width: 100%;
    min-height: 100%;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    overflow: hidden;
    z-index: 1;
    display: flex;
    flex-flow: column;
}
.biii-core-box {
    min-width: 100%;
    min-height: 100%;
    position: relative;
}
.about-history-bg{
    height: 100%;
}
.about-develop-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.eradet-more,
.casedet-relate{
    overflow: hidden;
}
.casedet-title-share-bot .ys-share-img{
    display: block;
}
.spii-link{
    height: 100%;
}
.spii-link-text{
    flex-grow: 1;
}
.hsin-box-inof-ph{
    display: none;
}
.home-solution{
    overflow: hidden;
}
.solution-modal .home-solution-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none;
}
.solution-modal .home-solution-title *{
    pointer-events: all;
}
.smin-pop-rotate .slick-list{
    padding: 20px 0;
    margin: -20px 0;
}
.solution-modal-inof-ph{
    display: none;
}
.solution-modal video{
    background: transparent;
}
.hsin-add-return{
    position: absolute;
    left: 50%;
    z-index: 10;
    bottom: 36px;
    display: flex;
    align-items: center;
    padding: 6px 6px 6px 22px;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%,50px);
    -webkit-transform: translate(-50%,50px);
    transition: all 1s ease;
}
.solution-modal-inof-nub.on:not(.on1,.on2) .hsin-add-return {
    opacity: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    pointer-events: all;
}
.hsin-add-return::before{
    content: '';
    border-radius: 80px;
    border: 1px solid var(--colormain);
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.hsin-add-return .std-text16{
    position: relative;
    z-index: 6;
    color: var(--colortitle);
    line-height: var(--l1h5);
    margin-right: 12px;
}
.hsin-add-return .hsin-add-return-icon{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--colormain);
    position: relative;
    z-index: 6;
}
.hsin-add-return .hsin-add-return-icon img{
    width: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.hsin-add-return{
    display: none;
}
.trait-pop .mCSB_inside>.mCSB_container {
    margin-right: 0;
}
/* 2024.11.15 */
.scin-link-text{
    width: 100%;
}
.scin-link,
.hnin-link{
    transform:rotate(0deg); 	
    -webkit-transform:rotate(0deg)
}
.product-inof-screen {
    justify-content: center;
}
.pisi3-btn,
.pisi3-btn-nub,
.pisi3-btn-nub .std-btn-link {
    height: 100%;
}
.ptin-link-text .std-font24{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3em;
}
.case-ban-goon::before{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: var(--colorfff);
}
.case-ban-goon {
    bottom: 40px;
}
.service-advant-box .ys-bread-list a {
    color: rgba(255, 255, 255, .6);
}
.service-advant-box .ys-bread-list::before {
    background-image: url(../images/0bread1h.svg);
}
.service-advant-box .mod-bread{
    top: calc(var(--cha2) * -1);
}
.service-advant>.mod-bread{
    z-index: 2;
}
.service-advant>.ys-cont1440{
    position: relative;
    z-index: 3;
}   
.service-column-inof-item:nth-of-type(2n) .scii-text {
    padding-left: var(--jianx2);
    padding-right: var(--jianx);
}
.service-column-inof-item:nth-of-type(2n) .scii-text-add {
    padding-left: 45px;
}
.service-column-inof-item:nth-of-type(2n) .scii-text{
    padding-right: calc(var(--jianx) - 45px);
}
.scii-text .std-font40 {
    margin-top: var(--space90);
}
.scii-text-data {
    margin-top: var(--space60);
}
.newsdet-core-btn-item{
    max-width: calc(50% - 5px);
}
.ncbi-link .std-text16{
    max-width: calc(100% - 24px - var(--jian));
}
.ncbi-link{
    align-items: flex-start;
}
.ncbi-link-icon{
    top: calc(var(--font16) * 0.875 - 12px);
}
.newsdet-core{
    padding-bottom: var(--space140);
}
.newsdet-core+.newsdet-more{
    padding-top: 0;
}
.tech-industry-cry::before{
    display: none;
}
.swiper-pointer-events{
    animation: none;
}
.tcii-cry::before{
    height: 101%;
}
.about-speech-cry-text .std-text16 p{
    margin-bottom: 0.75em;
}
.about-speech-cry-text .std-text16 p:last-child{
    margin-bottom: 0em;
}
.about-speech-cry-text .std-text16 {
    margin-bottom: 0px!important;
}
.asct-icon{
    margin-top: 28px;
}
.about-history-swiper-controls .swiper-scrollbar{
    background: transparent;
}
.ys-form-inof-text .ys-fii-input {
    height: 200px;
}
.ys-form {
    --space: 10px;
    --spacebot: 30px;
}
.ys-form-media{
    width: 100%;
}
.pave-type{
    position: relative;
}
.pave-type+.pave-trad{
    padding-top: 0;
}
.pgci-item-bg svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(-90deg);
    z-index: 2;
    width: 100%;
    height: 100%;
}
.pgci-item-text{
    z-index: 6;
}
.pave-trad-inof{
    display: block;
}
.pgci-circle{
    stroke-dasharray: var(--cir);
    stroke-dashoffset:var(--cir);
}
.pgci-item.on .pgci-circle{
    stroke-dashoffset:0;
    animation: stroke1 3s ease forwards;
}
@keyframes stroke1 {
    0%{
        stroke-dashoffset:var(--cir);
    }
    100%{
        stroke-dashoffset:0;
    }
}
@-webkit-keyframes stroke1 {
    0%{
        stroke-dashoffset:var(--cir);
    }
    100%{
        stroke-dashoffset:0;
    }
}
.swiper-scrollbar-drag{
    will-change: transform;
}
.about-service,
.about-honor,
.about-speech,
.about-progress,
.about-main .about-develop{
    overflow: hidden;
}
.about-main .about-show .about-develop.join-develop, 
.about-main .about-history-box{
    overflow: hidden;
}
a[href="javascript:void(0);"]{
    cursor: auto;
}
.home-tech{
    background: var(--colorfff);
    position: relative;
    z-index: 2;
}
.hdrn-play {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid var(--colorfff);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    z-index: 6;
}
.hdrn-play img {
    width: 54.545455%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
}
.hdrn-play{
    display: none;
}
.ys-nyban-img img{
    transform: scale(1.5);
}
.smin-pop{
    display: flex;
    align-items: center;
}
.smin-pop-rotate{
    width: 100%;
}
.solution-case{
    position: relative;
    z-index: 6;
}
.hsin-add.hsin-bin-link .std-text16::before{
    width: 100%!important;
    left: 0!important;
}
.hsin-add.hsin-bin-link .std-text16{
    padding-left: 24px;
    padding-right: 24px;
}
.bridge-intel-inof {
    cursor: grab;
}
.pave-wen{
    display: inline-block;
    width: 32px;
    cursor: pointer;
    position: relative;
    top: calc(var(--font18) * 0.875 - 16px);
}
.pave-wen img{
    width: 100%;
}
.pave-wen .std-text14{
    position: absolute;
    width: 532px;
    padding: 4px 16px;
    border-radius: 5px;
    background: var(--colorfff);
    box-shadow: 0px 4px 9px 0px rgba(0, 89, 168, 0.10);
    left: 50%;
    transform: translateX(-50%);
    font-style: normal;
    line-height: var(--l1h8);
    color: #62636D;
    text-align: center;
    bottom: calc(100% + 11px);
    display: none;
}
.pave-wen .std-text14::after{
    content: '';
    height: 11px;
    width: 100%;
    bottom: -11px;
    left: 0;
    position: absolute;
}
.pave-wen .std-text14::before{
    content: '';
    width: 16px;
    height: 16px;
    background: var(--colorfff);
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    bottom: -8px;
}
.pave-mold .mod-title1{
    position: relative;
    z-index: 6;
}
.pave-easy-lie{
    --jian: 16px;
    margin: 0 calc(var(--jian) * -1) calc(var(--jian) * -2);
    display: flex;
    flex-wrap: wrap;
}
.pave-easy-lie-item{
    width: 50%;
    padding: 0 var(--jian);
    margin-bottom: calc(var(--jian) * 2);
}
.peli-core{
    width: 100%;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.peli-core .peli-core-img{
    width: 100%;
    position: relative;
}
.peli-core .std-text20{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0 20px 30px;
    text-align: center;
    z-index: 6;
    color: var(--colorfff);
    line-height: var(--l1h5);
}
.peli-core .peli-core-img::before{
    content: '';
    height: 40%;
    width: 100%;
    position: absolute;
    background: linear-gradient(to bottom,rgba(1,12,28,0),rgba(1,12,28,.8));
    bottom: 0;
    left: 0;
    z-index: 3;
}
.pave-green-core-inof{
    flex-wrap: wrap;
    justify-content: center;
}
.pgci-nub{
    width: 20%;
}
.pgci-nub .pgci-item{
    margin: 0 auto;
    margin-bottom: 20px;
}
.pgci-item-img2{
    opacity: 0;
}
.pgci-nub.act .pgci-item-img2{
    opacity: 1;
}
.pgci-nub.act .pgci-item-img1{
    opacity: 0;
}
.pcct-advant-inof-add .pcct-advant-inof-nub{
    display: flex;
    position: relative;
    align-items: flex-start;
}
.pcct-advant-inof-add .pcct-advant-inof-nub::before{
    display: block;
}
.pcct-advant-inof-add:last-child .pcct-advant-inof-nub:before{
    display: none;
}
.pcct-ain-icon{
    width: 24px;
    position: relative;
    top: 2px;
}
.pcct-ain-icon img{
    transform: scale(1)!important;
}
.pcct-advant-inof-add .std-text16{
    width: calc(100% - 24px);
    padding-left: 12px;
}
.pcct-advant-inof-add .std-text16,
.pcct-advant-inof-add .std-text16 p{
    color: var(--colortitle);
    line-height: var(--l1h75);
    transition: all .4s ease;
}
.pcct-advant2 .std-text16, 
.pcct-advant2 .std-text16 p {
    color: var(--colortitle);
    line-height: var(--l1h75);
    transition: all .4s ease;
}
.pcct-advant2 .std-text16{
    padding-right: 10px;
}
.psib-item .std-text16 {
    white-space: nowrap;
}
.video-add{
    cursor: pointer;
}
.swiper-scrollbar-drag{
    box-sizing: border-box;
}
.about-honor-add{
    display: flex;
    justify-content: center;
}
.about-history-swiper-item.swiper-slide {
    width: calc(calc(100vw - 202px - 78px - 320px) / 3);
}
.ys-form-boxmult .ys-select-li span{
    width: 14px;
    height: 14px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    top: 4px;
}
.ys-form-boxmult .ys-select-li{
    display: flex;
    align-items: flex-start;
}
.ys-form-boxmult .ys-select-li i{
    width: calc(100% - 24px);
    flex-grow: 1;
    font-style: normal;
    line-height: inherit;
}
.ys-form-boxmult .ys-select-li span::before {
    content: '';
    border-radius: 0%;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #62636C;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
}
.ys-form-boxmult .ys-select-li span::after{
    content: '\e72e';
    font-family: "iconfont" !important;
    color: var(--colormain);
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
    opacity: 0;
}
.ys-form-boxmult .ys-select-li.on1 span::before{
    border: 1px solid var(--colormain);
}
.ys-form-boxmult .ys-select-li.on1 span::after{
    opacity: 1;
}
.ys-form-boxmult .ys-select-li.on1 {
    color: var(--color333);
}
.service-system-inof-item .mCustomScrollbar.mCS_no_scrollbar, 
.service-system-inof-item .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}
.pave-type-inof .slick-list{
    padding: 40px 0;
    margin: -40px 0;
}
.join-toward{
    position: relative;
}
.join-toward-bg {
    width: 100%;
}
.join-toward-bg img{
    width: 100%;
}
.join-toward-logo{
    width: 201px;
    margin: 0 auto;
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.join-toward-logo img{
    width: 100%;
}
.join-toward-logo .std-font32{
    color: var(--colorfff);
    margin-top: 10px;
}
.std-font80{
    font-size: 80px;
    color: var(--colorfff);
    line-height: 1.1;
    text-align: center;
}
.hsin-box .hsin-box-ts1{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}
.smin-box1{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.smin-box1 .hsin-box-ts1{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}
.join-toward-cry{
    display: flex;
    justify-content: center;
}
.join-toward-cry img{
    max-width: 50%;
}
.smin-box1::before{
    content: '';
    background: linear-gradient(180deg, #FFF 10.08%, rgba(255, 255, 255, 0) 29.15%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: -1px;
    left: 0;
    z-index: 3;
}
.smin-box1::after {
    content: '';
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 70.69%, #FFF 92.92%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 1px;
    left: 0;
    z-index: 3;
}
.ahsi-scroll{
    height: 24.5em;
    margin-right: -30px;
}
.ahsi-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.ahsi-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.ahsi-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, 
.ahsi-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: var(--colorfff);
}
.ahsi-scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, .5);
}
.ahsi-scroll .mCSB_scrollTools .mCSB_draggerContainer{
    top: 3%;
    bottom: 3%;
}
.ahsi-scroll .mCSB_inside>.mCSB_container {
    margin-right: 0;
}
.ahsi-scroll p{
    padding-right: 30px;
}
.ahsi-scroll .mCSB_scrollTools{
    opacity: 1;
}
.about-zhan{
    position: relative;
    z-index: 7;
    background: var(--colorfff);
}
.about-zhan .about-progress{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    background: transparent;
}
.about-zhan-img{
    width: 100%;
    position: relative;
}
.about-culture-top{
    padding-top: var(--space140);
}
.about-honor{
    padding-bottom: var(--space156);
}
.about-zhan-img-box{
    width: 100%;
    height: var(--height1);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.about-zhan-img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-scroll1{
    height: 150vh;
}
.about-zhan-img{
    position: sticky;
    top: var(--line80);
    height: calc(100vh - var(--line80) - var(--wai1));
}
.mod-title1 .std-btn3{
    margin-top: 32px;
    justify-content: center;
}
.about-develop-box-text .std-btn .std-btn-link::before {
    border: 1px solid #B6804F!important;
    background: #B6804F;
}
.about-develop-box-text .std-btn-link-font {
    color: #fff;
    font-size: var(--font18);
}
.about-develop-box-text .std-btn-link::after {
    border: 1px solid rgba(0,0,0,.1)!important;
    background: rgba(0,0,0,.1);
    opacity: 0;
}
.about-develop-box-text .std-btn {
    margin-top: var(--space50);
}
.cbii-link .cbii-btn::before {
    width: 100%;
    opacity: 1;
}
.case-ban-inof-item .cbii-btn-icon{
    display: none;
}
.cbii-link .cbii-btn {
    opacity: 1;
}
.cbii-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.cbii-link{
    flex-direction: column;
    position: relative;
    padding-bottom: 50px;
}
.cbii-link-line{
    display: none;
}
.case-ban-goon {
    bottom: 33px;
}
.cbii-btn .std-text16 {
    padding-right: 0!important;
}
.cbii-btn::before {
    background: rgba(255, 255, 255, 0.10);
}
.cbii-btn .std-text16{
    line-height: var(--l1h75);
    color: var(--colorfff);
}
.cbii-btn{
    padding-top: 6px;
    padding-bottom: 6px;
}
.case-ban-goon::before {
    bottom: 56px;
}
.ncmd-nub.ncmd-nub1 .std-text16{
    font-size: var(--font20);
    font-weight: bold;
    color: #0067E5;
}
.ncmd-nub.ncmd-nub1.on .std-text16{
    color: var(--colorfff);
}
.ncmd-nub.ncmd-nub1{
    --widthx: 46px;
}
.ncmd-nub.ncmd-nub1 .std-text16::before {
    width: calc(100% + var(--widthx) + 24px + 3px);
    height: calc(var(--widthx) + 10px);
    left: calc(var(--widthx)* -1 - 3px);
}
.ncmd-nub-circle::before{
    z-index: 2;
}
.ncmd-nub-circle img{
    z-index: 3;
}
.ncmd-nub-pop{
    position: absolute;
    top: -12px;
    --leftv: -2px;
    left: var(--leftv);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.80);
    box-shadow: 0px 4px 14.9px 0px rgba(0, 68, 148, 0.15);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    -moz-backdrop-filter: blur(40px);
    -ms-backdrop-filter: blur(40px);
    -o-backdrop-filter: blur(40px);
    width: 305px;
    --left: 11px;
    --right: 32px;
    padding: 16px var(--right) 16px var(--left);
    z-index: 10;
    display: flex;
    align-items: flex-start;
}
.ncmd-nub-pop-text .std-text18{
    color: #1E1F24;
    line-height: var(--l1h75);
    margin-bottom: 6px;
}
.ncmd-npt-area,
.ncmd-npt-area p{
    font-size: var(--font16);
    line-height: var(--l1h75);
    color: #0067E5;
}
.ncmd-npt-area{
    --jian: 12px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 6px;
}
.ncmd-npt-area p{
    padding: 0 var(--jian);
    position: relative;
}
.ncmd-npt-area p::before{
    content: '';
    height: 12px;
    width: 1px;
    position: absolute;
    background: var(--colormain);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.ncmd-npt-area p:last-child::before{
    display: none;
}
.ncmd-nub-pop-text .std-text14,
.ncmd-nub-pop-text .std-text14 p,
.ncmd-nub-pop-text .std-text14 a,
.ncmd-nub-pop-text .std-text14 span{
    line-height: var(--l1h8);
    color: #62636D;
}
.ncmd-nub-pop-text .std-text14 p{
    margin-bottom: 6px;
}
.ncmd-nub-pop-text .std-text14 p:last-child{
    margin-bottom: 0;
}
.ncmd-nub-pop-text .std-text14 span{
    padding-left: 10px;
}
.ncmd-nub-pop-close{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--colormain);
    transform: rotate(45deg);
    position: relative;
    top: 4px;
    cursor: pointer;
}
.ncmd-nub-pop-close img{
    width: 100%;
}
.ncmd-nub-pop-text{
    width: calc(100% - 24px);
    --left1: 11px;
    padding-left: var(--left1);
}
.ncmd-nub-circle{
    cursor: pointer;
}
.ncmd-nub-pop{
    transform-origin: left top;
    transform: scale(0.8);
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.ncmd-nub.act .ncmd-nub-pop{
    opacity: 1;
    transform: scale(1);
    pointer-events: all;
}
.ncmd-nub.act .ncmd-nub-circle{
    opacity: 0;
    cursor: auto;
    /* pointer-events: none; */
}
.ncmd-nub.act{
    z-index: 10;
}
.net-core{
    padding-bottom: 0!important;
}
.net-contact{
    padding-top: var(--space120);
    padding-bottom: calc(var(--space40) + var(--space60));
}
.mod-title1 .std-font44{
    margin-bottom: 32px;
}
.net-contact .mod-title1{
    margin-bottom: var(--space50);
}
.net-contact-img{
    border-radius: 10px;
    overflow: hidden;
}
.net-contact-img img{
    width: 100%;
}
.net-contact .contact-box-inof{
    width: calc(100% - 60px);
    margin: 0 auto;
    margin-top: -101px;
}
.ncmd-nub.mod-right .ncmd-nub-pop{
    flex-direction: row-reverse;
    padding-right: var(--left);
    padding-left: var(--right);
    left: auto;
    right: var(--leftv);
    transform-origin: right top;
}
.ncmd-nub.mod-right .ncmd-nub-pop-text{
    padding-left: 0;
    padding-right: var(--left1);
}
.service-advant-wai video{
    opacity: 0;
    transition: all .4s ease;
}
.service-advant-wai.no-show video{
    opacity: 1;
}
.service-advant-wai.no-show .mod-title1{
    opacity: 0;
    transition: all .4s 3s ease;
}
.about-service{
    position: relative;
}
.pave1-main .about-service .std-text14{
    text-align: right;
    color: #CDCED8;
    line-height: var(--l1h8);
    margin-bottom: 10px;
}
.pave1-main .about-service-title{
    margin-bottom: calc(var(--space40) - 10px);
}
.pave1-big-inof{
    --jian1: 24px;
    margin: 0 calc(var(--jian1) * -1);
}
.pave1-big-inof-nub{
    padding: 0 var(--jian1);
    width: 25%;
}
.p1bin-cry-img{
    width: 100%;
    border-radius: 5px;
    margin-bottom: 16px;
}
.p1bin-cry .std-text20{
    text-align: center;
    color: #1E1F24;
    line-height: var(--l1h5);
}
.pave1-big-inof-nub:not(:first-child){
    display: none;
}
.pave1-main .pave-trait{
    padding-top: var(--space200);
    padding-bottom: var(--space90);
}
.pave1-type-add{
    background: #F5F9FF;
}
.pave1-middle1-inof{
    --jian1: 16px;
    margin: 0 calc(var(--jian1) * -1);
}
.pave1-middle1-inof-nub{
    width: 50%;
    padding: 0 var(--jian1);
}
.pave1-middle1-inof-nub:not(:first-child){
    display: none;
}
.p1min-core{
    width: 100%;
    border-radius: 5px;
}
.p1min-core::before{
    content: '';
    width: 100%;
    height: 38.89%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(1,12,28,0) 0%, rgba(1,12,28,0.8) 100%);
    z-index: 3;
}
.p1min-core .std-text20{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: var(--colorfff);
    z-index: 6;
    line-height: var(--l1h5);
    padding: 0 20px 30px;
}
.pave1-middle1{
    background: #F6F9FF;
    padding-top: var(--space70);
}
.pave1-middle1-inof .slick-list{
    overflow: visible;
}
.pave1-middle1-text,
.pave1-middle1-text p{
    text-align: center;
    color: #1E1F24;
}
.pave1-middle1-text{
    margin-top: var(--space50);
}
.pave1-main .join-value{
    background: #F5F9FF;
    padding-bottom: var(--space120);
}
.casedet-case .std-font44{
    text-align: center;
    margin-bottom: var(--space50);
}
.pave1-main .casedet-case{
    background: var(--colorfff);
}
.pave1-main .casedet-case{
    padding-top: var(--space140);
    padding-bottom: var(--space130);
}
/* 2024.11.28 - start */
.smin-pop{
    position: fixed;
    height: calc(100vh - var(--line80));
    top: var(--line80);
    right: 0;
    border-radius: 0px!important;
    border: 0px;
    border-left: 1px solid rgba(112, 106, 108, 0.20);
}
.smin-box-pic{
    opacity: 0;
}
.smin-pop .hsin-add-return {
    display: flex;
    cursor: pointer;
}
.solution-modal-inof-nub.on:not(.on1,.on2) .smin-box-pic{
    opacity: 1;
}
.smin-pop .hsin-add-return{
    bottom: 80px;
}
.smin-pri-link .std-text18, .smin-pri-link .std-text18 p{
    font-size: var(--font20);
    color: #1E1F24;
}
.smin-pop .hsin-add-return .std-text16{
    font-size: var(--font20);
}
.smin-pop .hsin-add-return .hsin-add-return-icon{
    width: 32px;
    height: 32px;
}
.smin-pop .hsin-add-return .std-text16{
    margin-right: 16px;
}
.smin-pop .hsin-add-return{
    padding: 12px 12px 12px 28px;
}
.home-company{
    overflow: hidden;
}
.home-solution{
    overflow: visible;
}
.home-solution::before{
    content: '';
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    width: 100%;
    height: calc(var(--space50) + 2px);
    top: calc(100% - 2px);
    right: 0;
    z-index: 2;
}
.biii-core-text-core{
    cursor: pointer;
}
.home-solution-btn .slick-list{
    overflow: visible;
}
.home-solution-btn .std-btn3 {
    justify-content: center;
}
.home-solution-btn{
    margin-top: var(--space50);
}
.hsin-box-inof-nub.hsin-nobtn .hsin-bin-link {
    cursor: auto;
}
.hsin-box-inof-nub.hsin-nobtn .hsin-bin-link .std-text16::before {
    border: 0px;
}
.hsin-box-inof-nub.hsin-nobtn .hsin-bin-link-icon{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--colormain);
}
.hsin-box-inof-nub.hsin-nobtn .hsin-bin-link .std-text16{
    padding-top: 6px;
    padding-bottom: 6px;
}
.hsin-box-inof-nub.hsin-nobtn .hsin-bin-link .std-text16::before {
    width: calc(100% + 16px);
    left: -16px;
}
.home-solution-inof-nub{
    width: 100%;
}
.home-solution-inof{
    width: 100%;
}
.cbii-link .cbii-btn::before{
    opacity: 0;
    display: none;
}
.cbii-btn::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--colorfff);
    position: absolute;
    bottom: 48px;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
}
.cbii-btn .std-text16{
    font-size: var(--font18);
}
.cbii-btn{
    padding: 0!important;
}
.cbii-link {
    padding-bottom: 40px;
}
.case-ban-goon::before {
    bottom: 52px;
}
.about-video-pop .ys-videom-content {
    width: 90vw;
}
/* 2024.11.28 - end */
/* 24.11.28 - start grace*/
.continue-space1{
    padding-top: var(--space140);
}
.continue-space2{
    padding-bottom: var(--space140);
}
.continue-develope-cont{
    position: relative;
}
.continue-img, .continue-img img{
    width: 100%;
}
.continue-develope-cont .continue-title{
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
.continue-title{
    text-align: center;
}
.continue-title .std-font40{
    margin-bottom: 24px;
}
.continue-title .std-font24 p{
    color:#62636C;
    line-height: 1.6;
}
.continue-active{
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}
.continue-active .std-text16{
    color: #fff;
}
.continue-active::before{
    content: '';
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 57px;
    background: linear-gradient(to bottom, transparent, #fff 100%);
}
.continue-active::after{
    content: '';
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #fff;
}
.continue-manage-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
}
.continue-manage-li{
    width: 50%;
    padding: 0 18px;
    margin-bottom: 50px;
}
.continue-manage-li .ys-imgbox-cover{
    border-radius: 10px;
}
.continue-develope{
    padding-bottom: 0;
}
.continue-manage-li-text{
    margin-top: 24px;
}
.continue-manage-li-text .std-font24{
    margin-bottom: 10px;
}
.continue-report-cont{
    position: relative;
    margin-bottom: 40px;
}
.continue-report-img-play{
    position: absolute;
    bottom: 36px;
    right: 36px;
    width:64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: rgba(255,255,255, .05);
    cursor: pointer;
    backdrop-filter: blur(4px);
}
.continue-report-img-play img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.continue-report .continue-title .std-font24{
    margin-bottom: 12px;
}
.continue-report .continue-title .std-text18 p{
    color:#62636C;
    font-weight: lighter;
}
.continue-stage{
    background:#F6F9FF;
}
.continue-stage .continue-title{
    padding: 0 12%;
}
.continue-stage{
    background: #F6F9FF;
}
.continue-response{
    position: relative;
}
.continue-response-bj, .continue-response-bj img{
    width: 100%;
}
.continue-response-cont{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.continue-response .std-font40{
    color: #fff;
}
.continue-response-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.continue-response-li{
    width: 33.333333%;
    padding: 0 20px;
    margin-bottom: 40px;
}
.crli-fit{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(40px);
}
.crli-fit-img{
    border: 1px solid #fff;
    position: relative;
    z-index: 10;
    border-radius: 10px;
}
.continue-response-li-item .ys-imgbox-cover{
    opacity: 0;
    transition:  all .36s;
    border-radius: 10px;
}
.crli-cont{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.continue-response-li-item{
    position: relative;
}
.crli-cont-icon{
    margin: 0 auto 10px;
    width: 54px;
}
.crli-cont .std-font24{
    color: #fff;
}
.continue-response-cont .continue-title{
    margin-bottom:60px;
}
.crli-fit{
    border: 1px solid #fff;
}
.continue-report-img, .continue-report-img img{
    border-radius: 10px;
}
.continue-stage .std-text18 p{
    color: #62636C;
    font-weight: lighter;
}
.continue-stage .continue-title{
    margin-bottom: 50px;
}
.continue-stage-slick-li{
    padding: 0 20px;
}
.cssl-img, .cssl-img img{
    border-radius: 10px;
}
.continue-stage-slick .slick-prev,
.continue-stage-slick .slick-next{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    z-index: 10;
    transition: all .36s;
}
.continue-stage-slick .slick-prev{
    bottom: -100px;
    left: calc(50% - 55px);
    top: inherit;
    transform: translateX(-50%);
}
.continue-stage-slick .slick-next{
    bottom: -100px;
    left: calc(50% + 55px);
    top: inherit;
    transform: translateX(-50%);
}
.continue-stage-slick .slick-prev::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(180deg);
    width: 24px;
    height: 24px;
    background: url(../images/0jian1h.svg) center / cover no-repeat;
    transition: all .36s;
}
.continue-stage-slick .slick-next::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 24px;
    height: 24px;
    background: url(../images/0jian1h.svg) center / cover no-repeat;
    transition: all .36s;
}
.continue-stage-slick{
    margin-bottom: 100px;
}
.continue-manage .continue-title{
    margin-bottom: 50px;
}
.continue-report .continue-title{
    margin-bottom: 40px;
}
.continue-report-cont{
    overflow: hidden;
    border-radius: 10px;
}
.continue-manage{
    padding-bottom: var(--space80);
}
.cssl-img{
    border-radius: 10px;
    overflow: hidden;
}
.cssl-img img{
    transition: all .36s;
}
.continue-report-title{
    margin-bottom: 0 !important;
}
@media screen and (min-width: 1200px) {
    .continue-response-li-item:hover .ys-imgbox-cover{
        opacity: 1;
    }
    .continue-stage-slick .slick-next:hover,
    .continue-stage-slick .slick-prev:hover{
        background:#0065DD;
    }
    .continue-stage-slick .slick-next:hover::before{
        background: url(../images/0jian1.svg) center / cover no-repeat;
    }
    .continue-stage-slick .slick-prev:hover::before{
        background: url(../images/0jian1.svg) center / cover no-repeat;
    }
    .cssl-img:hover img,
    .continue-manage-li .ys-imgbox-cover:hover img{
        transform: scale(1.05);
    }
}
/* 24.11.28 - end grace*/
.prodet-title-ph{
    display: none;
}
.pccl-box {
    overflow: hidden;
}
.pmbs-item-video{
    display: none;
}
.pave-type-inof .slick-track{
    margin: 0 auto;
}
.pave1-main .pave-trait-swipe {
    margin-right: auto;
}
.pave-type-inof .slick-track{
    display: flex;
}
.pave-type-inof .slick-track .pave-type-inof-nub{
    height: auto;
}
.pave1-big-inof.slick-dotted{
    padding-bottom: 30px;
}
.pave1-big-inof .slick-dots,
.pave1-middle1-inof .slick-dots{
    bottom: 0;
}
.pave1-middle1-inof.slick-dotted{
    padding-bottom: 30px;
}
.ncmd-nub.font-left .std-text16{
    left: auto;
    right: 100%;
    padding-left: 0px;
    padding-right: 8px;
} 
.ncmd-nub.font-left .std-text16::before {
    left: auto;
    right: calc(var(--widthx)* -1);
}
.ncmd-nub.ncmd-nub1 .std-text16 {
    padding-left: 11px;
}
.ncmd-nub.ncmd-nub1.font-left .std-text16 {
    padding-left: 0px;
    padding-right: 11px;
}
.ncmd-nub.ncmd-nub1.font-left .std-text16::before {
    left: auto;
    right: calc(var(--widthx)* -1 - 3px);
}
.home-solution-ph{
    display: none;
}
.ptin-link-text .std-font24{
    margin-bottom: 24px;
}
.ptin-link-text .std-btn3 {
    margin-bottom: 24px;
    margin-top: 0!important;
}
.ptin-link-text {
    padding: var(--space40) 20px 0;
}
.tcii-link-text{
    display: block;
}


@media screen and (min-width: 2078px){
    .casedet-case-cry {
        width: 133.333334%;
        left: -16.666667%;
        position: relative;
    }
}
/* 2025.01.18 - start */
.tcii-ltc-nub {
    width: 50%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.tcii-link-text-char{
    flex-wrap: wrap;
}
.tcii-ltc-nub-icon {
    margin-bottom: 0;
    position: relative;
    top: 1px;
}
.tcii-ltc-nub .std-text14{
    width: calc(100% - 24px);
    padding-left: 6px;
}
.tcii-ltc-nub:nth-last-of-type(2),
.tcii-ltc-nub:last-child{
    margin-bottom: 0;
}
.tcii-ltc-nub:last-child{
    flex-grow: 1;
}
.ys-fiiss-core, .ys-fii-select .ys-select-bd {
    height: calc(var(--font14)* 11.5 + 20px);
}
.home-news-ph{
    display: none;
}
/* .std-btn-link::before {
    z-index: -1;
} */
a .std-btn-link::before{
    transition: all .4s ease;
}
.home-develop-text {
    margin-bottom: var(--space40);
}
.std-btn-link::before{
    transform: translate3d(-50%,-50%,-1px);
}
.std-btn-link-font {
    transform: translateZ(10px);
}
.home-news-inof-nub:not(:first-child) {
    display: block;
}
.home-news-inof{
    display: flex;
    flex-wrap: wrap;
}
.hdrn-ts1{
    display: none;
}
.tech-witness-bg{
    position: relative;
}
.tech-witness-bg video,
.tech-witness-bg .tech-ts{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.tech-witness-bg .tech-ts{
    opacity: 0;
    pointer-events: none;
    display: none;
}
.hsin-box{
    overflow: hidden;
}
.ban-ts{
    display: none;
}
.ys-nyban-img::before{
    z-index: 4;
}
/* 2025.01.18 - end */
.hsin-box-ts1,
.hdrn-ts1,
.ban-ts,
.tech-ts {
    filter: brightness(1.06);
}
.ervice-advant-box1 .std-font40 {
    font-size: var(--font44);
}
.ervice-advant-box1 .std-text18, .ervice-advant-box1 .std-text18 p {
    font-size: var(--font24);
}
.ervice-advant-box1{
    background: rgba(0,0,0,.2);
}
.service-advant-wai.no-show .ervice-advant-box1 {
    background: rgba(0, 0, 0, 0);
    transition: all .4s 3s ease;
}
.casedet-case{
    overflow: hidden;
}

/*2025.1.27修改-start*/
.pcct-inof{
    padding-bottom: var(--space50);
}
.pcct-advant{
    padding-top: 0 !important;
}
.pcct-btn{
    margin-bottom: var(--space50);
}
.pcct-label{
    font-size: var(--font16);
}
/*2025.1.27修改-end*/
.footer-bot-text p a {
    display: inline-block;
}
.jiii-text-btn.has-hidex{
    display: none;
}
.smin-pri-link-img img{
    object-fit: contain;
}
.crli-cont-icon img{
    width: 100%;
}
/* 2025.10.22 - start */
.pcct-advant {
    padding-top: var(--space50)!important;
}
.pcct-btn {
    margin-bottom: 0;
}
.prodet-core-cry-text .pcct-text1+.pcct-advant{
    padding-top: 0!important;
}
.pcct-inof+.pcct-advant{
    padding-top: 0!important;
}
.about-history-box{
    will-change: width,border-radius;
}
.about-history {
    left: -50vw;
    transform: translate(0);
}
/* 2025.10.22 - end */