@charset "utf-8";
body {
    font-family: 'inter', "PingFang SC", "Microsoft YaHei" !important;
}
input,
textarea {
    font-family: 'inter', "PingFang SC", "Microsoft YaHei" !important;
}
.altumcode {
    --fontFamily: 'inter', "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');
} */
@font-face {
    font-family: 'inter';
    src: url('../fonts/inter/Inter_24ptRegular.woff2') format('woff2'),
        url('../fonts/inter/Inter_24ptRegular.woff') format('woff');
}
@font-face {
    font-family: 'intersemi';
    src: url('../fonts/intersemi/Inter_24ptSemiBold.woff2') format('woff2'),
        url('../fonts/intersemi/Inter_24ptSemiBold.woff') format('woff');
}
@font-face {
    font-family: 'intermedium';
    src: url('../fonts/intermedium/Inter_24ptMedium.woff2') format('woff2'),
        url('../fonts/intermedium/Inter_24ptMedium.woff') format('woff');
}
@font-face {
    font-family: 'interlight';
    src: url('../fonts/interlight/Inter_24ptLight.woff2') format('woff2'),
        url('../fonts/interlight/Inter_24ptLight.woff') format('woff');
}
@font-face {
    font-family: 'interbold';
    src: url('../fonts/interbold/Inter_24ptBold.woff2') format('woff2'),
        url('../fonts/interbold/Inter_24ptBold.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;
    --w600:'intersemi';
    --w500:'intermedium';
    --w400:'inter';
    --w300:'interlight';
    --w700:'interbold';
}
.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) {
    /* 25.9.22 Yori start */
    .hltb-btn:hover {
        background-color: var(--colorhover);
    }
    .hlbn-box:hover .hlbn-box-content .std-text18 {
        color: var(--colormain);
    }
    .std-btn-link:hover::after {
        border: 1px solid var(--colormain);
    }
    .ys-ban-li .std-btn-link:hover::before {
        background: var(--colormain);
    }
    .hdbb-box:hover {
        background-color: var(--colormain);
        border: 1px solid var(--colormain);
    }
    .hslb-btn:hover {
        background-color: var(--colormain);
    }
    .hstb-btn:hover {
        background-color: var(--colorhover);
    }
    .hfci-nub-box:hover .hlbn-box-content-btn {
        opacity: 1;
    }
    .hfin-box:hover::after {
        width: 100%;
        opacity: 1;
        background: var(--colormain);
    }
    .hfin-box:hover .std-text18 {
        color: var(--colormain);
    }
    .hfci-nub-box:hover {
        border-radius: 10px;
        border: 1px solid rgba(112, 106, 108, 0.20);
        background: #FFF;
        box-shadow: 0 14.848px 20.5px 0 rgba(0, 68, 148, 0.048), 0 8.766px 8.515px 0 rgba(0, 68, 148, 0.032), 0 4.461px 3.08px 0 rgba(0, 68, 148, 0.024);
    }
    /* 25.9.24 Yori end */
    .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);
    }
    /* 2025.11.25 - tammy - start */
    .home-robay-box .std-btn-link:hover::after {
        border: 1px solid var(--colormain);
        background: var(--colormain);
    }
    /* 2025.11.25 - tammy - end */
}
.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 {
    background: rgba(255, 255, 255, 0.10);
}
@media screen and (min-width: 768px){
    .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);
    }
}
.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-family: var(--w700);;
}
.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-family: var(--w700);;
    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;
}
.ys-ban-li .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-family: var(--w700);;
}
.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-family: var(--w700);;
    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-family: var(--w700);;
    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-family: var(--w700);;
}
.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-family: var(--w700);;
}
.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-family: var(--w700);;
    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-family: var(--w300);
}
.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-family: var(--w300);
}
.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%;
}
/* Yori 9-22 -start */
.hstb-btn .std-text18 {
    font-family: var(--w500)!important;
    line-height: var(--l1h6);
    color: #FFFFFF;
    padding-left: 16px;
    margin-bottom: 0 !important;
}
.hstb-btn-left {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #fff;
}
.hstb-btn-left .ys-imgbox-cover {
    width: 100%;
}
.hstb-btn {
    background-color: var(--colormain);
    display: inline-flex;
    padding: 6px 24px 6px 6px;
    border-radius: 80px;
    align-items: center;
}
.home-solution-title-box {
    display: flex;
    justify-content: center;
}
.home-solution-title .std-text18 {
    margin-bottom: 50px;
}
.home-find .std-font40 {
    font-family: var(--w600);
    margin-bottom: 47px;
}
.hfin-box .std-text18 {
    line-height: var(--l1h6);
    color: var(--colortext);
    padding-left: 16px;
    transition: all .4s ease;
}
.hfin-box .ys-imgbox-cover {
    width: 32px;
}
.hfin-box {
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 9px;
    cursor: pointer;
    transition: all .4s ease;
    border-bottom: 1px solid transparent;
}
.hfin-box::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -1px;
    transition: all .4s ease;
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--colorfff);
}
.home-find-inof {
    display: flex;
    --gap1: 50px;
    margin: 0 calc(var(--gap1) * -1);
}
.home-find-cases {
    border-bottom: 1px solid var(--colorborder);
    margin-bottom: 49px;
}
.home-find-inof-nub {
    padding: 0 var(--gap1);
}
.hnbc-click-tit {
    line-height: var(--l1h6);
    color: var(--colortitle);
    margin-bottom: 12px;
}
.hnbc-click-txt {
    line-height: var(--l1h6);
    color: var(--colormain);
    margin-bottom: 22px;
    flex-grow: 1;
}
.hnbc-click .std-text16 {
    color: var(--colormain);
    line-height: var(--l1h6);
    padding-right: 6px;
}
.hfci-nub {
    width: 25%;
    padding: 0 var(--gap1);
}
.hfci-nub-box-pic {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
}
.home-find {
    background-color: #F6F9FF;
    padding-top: var(--space120);
    padding-bottom: var(--space120);
}
.hfci-nub-box-content {
    padding: 20px 8px 4px;
    display: flex;
    flex-direction: column;
}
.hnbc-click-icon {
    width: 32px;
}
.hnbc-click {
    display: flex;
    justify-content: right;
    align-items: center;
}
.home-find-case-inof {
    --gap1: 16px;
    margin: 0 calc(var(--gap1) * -1);
}
.home-robay-case img {
    width: 100%;
    height: 100%;
}
.home-robay-case video {
    width: 100%;
    height: 100%;
}
.home-robay-case {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(10vw);
    height: calc(100% + 10vw);
}
.home-robay {
    position: relative;
    height: 41.67vw;
    padding-top: var(--space60);
    overflow: hidden;
    padding-bottom: var(--space60);
}
.home-robay .ys-cont1600{
    height: 100%;
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 6;
}
.home-robay-case::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgba(1,6,12,.3);
}
.home-robay-case::before{
    content: '';
    position: absolute;
    height: 100%;
    width: 56.25%;
    left: 0;
    top: 0;
    z-index: 3;
    background: linear-gradient(to right, rgba(1,6,12,.35) 0%, transparent 100%);
}
.home-robay-box .std-font40 {
    font-family: var(--w600);
    line-height: var(--l1h3);
    margin-bottom: 20px;
    color: #fff;
}
.home-robay-box .std-text18,
.home-robay-box .std-text18 p {
    color: #fff;
}
.home-robay-box .std-text18 {
    margin-bottom: var(--space60);
}
.home-robay-box {
    width: 55%;
}
.home-robay-box-btn {
    width: 72px;
    border: 1px solid #fff;
    cursor: pointer;
    border-radius: 50%;
}
.home-solution {
    overflow: hidden;
}
.home-serving .std-font40 {
    font-family: var(--w600);
    text-align: center;
    line-height: var(--l1h3);
    margin-bottom: var(--space70);
}
.hsli-nub-box .ys-imgbox-cover {
    width: 100%;
    border-radius: 10px;
}
.hsli-nub-box-content {
    position: absolute;
    left: 50%;
    z-index: 2;
    width: 90%;
    top: 148px;
    flex-direction: column;
    height: 89%;
    display: flex;
    transform: translateX(-50%);
}
.hsli-nub-box {
    position: relative;
    pointer-events: none;
    display: block;
}
.hsli-nub-box-content .std-text16 {
    line-height: var(--l1h6);
    color: #fff;
    margin-bottom: -4px;
}
.hsli-nub-box-content .std-font24 {
    line-height: var(--l1h6);
    font-family: var(--w500);
    color: #fff;
}
.hsli-nub-box-content .std-text18,
.hsli-nub-box-content .std-text18 p {
    color: #fff;
    flex-grow: 1;
    line-height: var(--l1h6);
    opacity: 0;
}
.hbbc-bottom {
    display: flex;
    justify-content: right;
}
.home-driven-bg {
    position: relative;
    z-index: -9;
}
.home-driven-bg::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.3;
    background: #00070D;
    background: color(display-p3 0.0053 0.0251 0.0483);
    height: 100%;
    width: 100%;
}
.home-driven-swiper {
    position: relative;
}
.home-driven-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-driven .ys-cont1600 {
    position: absolute;
    z-index: 4;
    transform: translateX(-50%);
    left: 50%;
    padding-top: var(--space60);
    padding-bottom: var(--space60);
}
.home-driven-swiper{
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    left: calc(50vw - 800px - 60px);
    width: calc(1600px * 0.3375);
    height: calc(100% - calc(var(--space60) * 2));
}
.home-driven-box.home-driven-case {
    /* position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    left: calc(50vw - 800px - 60px);
    width: calc(1600px * 0.3375);
    height: calc(100% - calc(var(--space60) * 2)); */
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
}
.home-driven-swiper2-inof.swiper-wrapper {
    z-index: -9;
}
.home-driven-inof.swiper-wrapper {
    z-index: 9;
}
.home-driven-box {
    display: flex;
    position: relative;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 32px;
}
.home-driven-box-top .std-text18 {
    font-family: var(--w500);
    line-height: var(--l1h6);
    color: #Fff;
}
.home-driven-box-bottom .std-font40 {
    font-family: var(--w600);
    line-height: var(--l1h3);
    color: #fff;
    margin-bottom: 20px;
}
.hdbb-txt,
.hdbb-txt p {
    line-height: var(--l1h5);
    color: #fff;
}
.hdbb-txt{
    margin-bottom: 50px;
}
.hdbb-box-link {
    line-height: var(--l1h8);
    padding: 10px 54px;
    color: #fff;
}
.hdbb-box {
    border: 1px solid #fff;
    border-radius: 80px;
    display: inline-flex;
    transition: all .4s ease;
}
.home-driven-box-top {
    flex-grow: 1;
}
.home-serving {
    padding-top: var(--space130);
    padding-bottom: var(--space120);
    position: relative;
}
.home-latest-top .std-font40 {
    font-family: var(--w600);
    color: var(--colortitle);
}
.hltb-btn {
    background-color: var(--colormain);
    border-radius: 80px;
    display: inline-flex;
    padding: 10px 40px;
    transition: all .4s ease;
}
.hltb-btn .std-text16 {
    color: #fff;
}
.home-latest-top {
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.home-latest-bottom-nub {
    width: 33.333333%;
    padding: 0 var(--gap1);
}
.hlbn-box-content .std-text18 {
    font-family: var(--w500);
    transition: all .4s ease;
    line-height: var(--l1h6);
    color: var(--colortitle);
    margin-bottom: 40px;
    max-height: 3.2em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.hlbn-box-content .hnbc-click {
    justify-content: left;
}
.hlbn-box-content {
    padding-top: 24px;
}
.home-latest {
    padding-top: var(--space130);
    padding-bottom: var(--space130);
}
.home-latest-bottom {
    --gap1: 24px;
    margin: 0 calc(var(--gap1) * -1);
    padding-bottom: 98px;
}
.home-find-case-nub {
    display: none;
}
.home-find-inof-nub.act .hfin-box {
    border-bottom: 1px solid var(--colormain);
}
.hlbn-box-pic {
    border-radius: 10px;
}
.home-find-inof-nub.act .hfin-box .std-text18 {
    color: var(--colormain);
}
.home-find-case-inof .slick-prev {
    left: var(--gap1);
}
.home-find-case-inof .slick-prev,
.home-find-case-inof .slick-next{
    transform: translateY(0);
    bottom: 0;
    top: auto;
}
.home-find-case-inof{
    padding-bottom: 98px;
}
.home-latest-bottom .slick-prev {
    left: var(--gap1);
}
.home-find-case-inof .slick-next,
.home-latest-bottom .slick-next {
    right: auto;
    left: calc(var(--gap1) + 80px);
}
.home-latest-bottom .slick-prev,
.home-latest-bottom .slick-next {
    transform: translateY(0);
    bottom: 0;
    top: auto;
}
.hfci-nub-box {
    border: 1px solid transparent;
    transition: all .4s ease;
    cursor: pointer;
    display: block;
    padding: 16px;
}
.hlbn-box-content-btn {
    opacity: 0;
    transition: opacity .4s ease;
}
.home-find-case-inof .slick-list {
    overflow: visible;
}
.home-latest-bottom .slick-list {
    overflow: visible;
}
.home-latest-case {
    overflow: hidden;
    --place: calc(50vw - 800px);
    margin-right: calc(var(--place)* -1 + 1px);
    padding-right: calc(var(--place) - 1px + 160px);
}
.hfcn-list {
    overflow: hidden;
    --place: calc(50vw - 800px);
    margin-right: calc(var(--place)* -1 + 1px);
    padding-right: calc(var(--place) - 1px);
    margin-left: -20px;
    padding-left: 20px;
}
.hlbn-box .hlbn-box-content-btn {
    opacity: 1;
}
.home-serving-list {
    margin: 0 -20px;
}
.hsli-nub {
    padding: 0 var(--gap1);
    width: 100%;
    transition: all .4s ease;
}
.hsli-nub-box-content .home-robay-box-btn {
    width: 60px;
}
.hslb-btn {
    width: 48px;
    height: 48px;
    transition: all .4s ease;
    cursor: pointer;
    background-color: var(--colorinfo);
    border-radius: 50%;
    position: absolute;
}
.home-serving-list {
    position: relative;
    width: 564px;
    margin: 0 auto;
    --gap1: 20px;
}
.hslb-le {
    left: calc(var(--gap1) + var(--gap2));
}
.hslb-le img {
    transform: rotate(180deg);
}
.hslb-ri {
    right: calc(var(--gap1) + var(--gap2));
}
.hslb-le,.hslb-ri{
    bottom: 0;
}
.home-serving-btn{
    height: 48px;
    margin-top: 50px;
    position: relative;
    width: 100%;
    --gap2: 22px;
}
.home-serving-list .swiper-pagination.swiper-pagination-progressbar {
    width: calc(100% - var(--gap1) * 2 - var(--gap2) * 2 - 269px) !important;
    position: relative;
    height: 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 3px;
}
.home-serving-list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--colormain);
}
.home-serving-list-num .hsli-nub-box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - var(--gap1) * 2 - var(--gap2) * 2 - 201px) !important
}
.home-find-case-inof:not(:first-child) {
    display: none;
}
.home-latest-bottom:not(:first-child) {
    display: none;
}
.hsli-nub-box-left,
.hsli-nub-box-right {
    line-height: var(--l1h6);
    color: var(--colormain);
    font-family: var(--w500);
    width: 1em;
    text-align: center;
}
.hsli-nub.swiper-slide .hsli-nub-box {
    clip-path: inset(129px 0 86px 0 round 10px);
    transition: all .4s ease;
}
.hsli-nub.swiper-slide-active .hsli-nub-box {
    clip-path: inset(0 0 0 0 round 10px);
}
.hsli-nub.swiper-slide-active .hsli-nub-box {
    pointer-events: all;
}
.hsli-nub.swiper-slide-active .hsli-nub-box-content {
    top: 38px;
}
.hsli-nub.swiper-slide-active .hsli-nub-box-content .std-text16 {
    font-size: var(--font14);
    text-align: center;
    transition: all .4s ease;
}
.hsli-nub.swiper-slide-active .hsli-nub-box-content .std-font24 {
    font-size: var(--font32);
    transition: all .4s ease;
    text-align: center;
}
.hsli-nub.swiper-slide-active .hsli-nub-box-content .std-text18,
.hsli-nub.swiper-slide-active .hsli-nub-box-content .std-text18 p {
    opacity: 1;
    transition: all .4s ease;
    text-align: center;
}
.hdnb-left,
.hdnb-right {
    font-family: var(--w500);
    line-height: var(--l1h6);
    color: #fff;
}
.home-driven {
    position: relative;
}
.home-driven-loop.swiper-pagination.swiper-pagination-progressbar {
    width: 72.72%;
    left: 13.64%;
    height: 2px;
    top: calc(50% - 1px);
}
.home-driven .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #fff;
}
.home-robay .ys-cont1440 {
    position: sticky;
}
.ys-ban-li .std-btn-link::before {
    transition: all .4s ease;
}
@keyframes conkuo {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    50%{
        transform: translateY(0%);
        opacity: 1;
    }
    100% {
        transform: translateY(100%);
        opacity: 0;
    }
}
@-webkit-keyframes conkuo {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    50%{
        transform: translateY(0%);
        opacity: 1;
    }
    100% {
        transform: translateY(100%);
        opacity: 0;
    }
}
.home-robay .hrbt-icon img {
    animation: conkuo 3s linear infinite;
    animation-delay: .4s;
}
.home-robay .hrbt-icon {
    display: block;
}
.home-serving-txt {
    line-height: var(--l1h3);
    color: rgba(224, 225, 230, .3);
    font-family: var(--w500);
    font-size: 120px;
    text-transform: uppercase;
    top: 20%;
    z-index: -1;
    width: 100%;
    transform: translateX(0%);
    position: absolute;
}
/* Yori 9-24 - end */
.slick-arrow.slick-disabled {
    opacity: 0.5;
}
.ys-ban-slick .ys-ban-title{
    max-width: 1003px;
    margin: 0 auto;
    font-family: var(--w600);
    font-size: var(--font54);
    line-height: var(--l1h2);
}
.ys-ban-slick .ys-ban-title+.std-btn{
    margin-top: var(--space60);
}
.home-solution-title .std-font44{
    font-size: var(--font40);
    line-height: var(--l1h3);
    font-family: var(--w600);
}
.home-solution-title .std-text18, 
.home-solution-title .std-text18 p{
    font-family: var(--w300);
}
.home-solution-dots-item.on .std-text18{
    font-family: var(--w500);
}
.home-find-inof-nub .hfin-box .std-text18{
    font-family: var(--w500);
}
.hnbc-click-tit,
.std-btn-link-font{
    font-family: var(--w500);
}
.mod-call .std-font40{
    font-family: var(--w600);
}
.hfci-nub:not(:first-child){
    display: none;
}
.home-serving-txt{
    white-space: nowrap;
}
.home-serving-txt span{
    padding: 0 0.3em;
    left: 0;
    top: 0;
    line-height: inherit;
    position: relative;
    display: block;
}
.home-serving-txt span:not(:first-child){
    position: absolute;
}
@keyframes horse1 {
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(-100%);
    }
}
@keyframes horse2 {
    0%{
        transform: translateX(100%);
    }
    100%{
        transform: translateX(0%);
    }
}
@keyframes horse3 {
    0%{
        transform: translateX(200%);
    }
    100%{
        transform: translateX(100%);
    }
}
.home-serving-txt span:first-child{
    animation: horse1 12s linear infinite;
}
.home-serving-txt span:nth-of-type(2){
    transform: translateX(100%);
    animation: horse2 12s linear infinite;
}
.home-serving-txt span:nth-of-type(3){
    transform: translateX(200%);
    animation: horse3 12s linear infinite;
}
.home-serving-txt{
    display: flex;
    justify-content: flex-start;
}
.home-driven-num{
    position: absolute;
    top: 32px;
    right: 32px;
    height: 29px;
    width: 165px;
}
.home-driven-num-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hdsi-nub .home-driven-bg{
    transform: scale(0);
}
.home-driven-swiper2:not(.on) .hdsi-nub:first-child .home-driven-bg{
    transform: scale(1)!important;
}
.home-driven-swiper2.on .hdsi-nub.swiper-slide-active .home-driven-bg{
    animation: scale1 1s ease-out forwards;
}
.home-driven-swiper2.on .hdsi-nub.act .home-driven-bg{
    transform: scale(1)!important;
}
.hdsi-nub{
    opacity: 1!important;
}
.hdsi-nub.swiper-slide-active{
    z-index: 10;
}
@keyframes scale1 {
    0%{
        transform: scale(0);
    }
    100%{
        transform: scale(1);
    }
}
.home-driven-inof-nub .std-font40,
.home-driven-inof-nub .hdbb-txt,
.home-driven-inof-nub .hdbb-box,
.home-driven-box-top{
    opacity: 0;
}
.home-driven-inof-nub.swiper-slide-active .std-font40{
    opacity: 0;
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
.home-driven-inof-nub.swiper-slide-active .hdbb-txt{
    opacity: 0;
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.3s;
}
.home-driven-inof-nub.swiper-slide-active .hdbb-box{
    opacity: 0;
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}
.home-driven-inof-nub.swiper-slide-active .home-driven-box-top{
    opacity: 0;
    animation: fadeIn .8s ease-in-out both;
    animation-delay: 0.2s;
}
.pcct-label {
    padding: 10px 16px;
    line-height: var(--l1h3);
}
.case-main .ys-nyban-title h1,
.total-main .ys-nyban-title h1{
    font-size: calc(var(--font44) + 2px);
}
.cbii-btn .std-text16 {
    white-space: normal;
    text-align: center;
    width: 100%;
    line-height: var(--l1h5);
    padding: 0 8px!important;
}
.cbii-btn{
    width: calc(100% + var(--jian) + var(--jian));
}
.cbii-btn::after {
    bottom: 60px;
}
.case-ban-goon::before {
    bottom: 63px;
}
.cbii-link {
    padding-bottom: 68px;
}
.cbii-btn .std-text16{
    min-height: 3em;
}
/* 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);
}
.pave-innovate-other-inof {
    --jian: 20px;
}
.pioi-nub{
    flex-grow: 1;
}
.pioi-nub .std-text18{
    font-size: var(--font16);
}
.pgci-item-text .std-text16{
    font-size: var(--font14);
}
.pgci-item-text {
    padding: 40% 10px 0;
}
.about-culture-box-item .std-font24 {
    -webkit-line-clamp: 3;
    height: 4.5em;
}
.home-driven-num .swiper-button-next, 
.home-driven-num .swiper-button-prev{
    color: var(--colorfff);
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -1px;
    background: transparent!important;
}
.home-driven-num .swiper-button-next:after,
.home-driven-num .swiper-button-prev:after {
    background-image: url(../images/0jian1h2.svg);
    width: 100%;
    height: 100%;
}
.home-driven-num .swiper-button-prev, 
.home-driven-num .swiper-container-rtl .swiper-button-next {
    left: -30px;
}
.home-driven-num .swiper-button-next, 
.home-driven-num .swiper-container-rtl .swiper-button-prev{
    right: -30px;
}
.home-driven-num .swiper-button-next::before,
.home-driven-num .swiper-button-prev:before {
    content: '';
    display: block;
    background-image: url(../images/0jian1h.svg);
    width: 100%;
    height: 100%;
}
.home-driven-num .swiper-button-prev:before {
    transform: rotate(180deg);
}
.home-driven-num{
    right: 56px;
    z-index: 10;
}
.footer-nav{
    --gap1: 10px;
    margin: 0 calc(var(--gap1) * -1);
}
.footer-nav>li{
    padding: 0 var(--gap1);
}
.footer-top{
    justify-content: space-between;
}
.crli-cont-icon{
    flex-shrink: 0;
}
.continue-response-li-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.crli-cont{
    flex-grow: 1;
    text-align: center;
}
.ys-nyban-img img{
    will-change: transform;
}
/* 2025.10.22 - end */
/* 2025.11.24 - start */
.hdnb-date{
    margin-bottom: 8px;
}
.hlli-icon {
    width: 8px!important;
    height: 8px!important;
    background-color: var(--colormain);
    border-radius: 50%;
    position: relative;
    opacity: 1;
}
.hlli-icon::before {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--colormain);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s;
    overflow: visible;
    border-radius: 50%;
    animation: circleanimation 4s linear infinite 2s;
    z-index: -1;
}
.hlli-icon::after {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--colormain);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s;
    overflow: visible;
    border-radius: 50%;
    animation: circleanimation 4s linear infinite 1s;
    z-index: -1;
}
.hlli-icon span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.56);
    border-radius: 50%;
    z-index: -2;
}
@keyframes circleanimation {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.8;
    }
    100% {
        transform: translate(-50%, -50%) scale(6);
        opacity: 0;
    }
}
@-webkit-keyframes circleanimation {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.8;
    }
    100% {
        transform: translate(-50%, -50%) scale(6);
        opacity: 0;
    }
}
.psib-item-icon::before,
.psib-item-icon::after{
    display: none;
}
.psib-item-icon{
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.psib-item-icon .hlli-icon{
    z-index: 10;
}
.prodet-service-inof .slick-track {
    margin: 0 auto;
}
.std-padbot{
    padding-bottom: var(--space140);
}
.home-robay-box .std-btn{
    justify-content: flex-start;
}
.join-yun {
    z-index: 2;
}
.product-inof,
.solution-case{
    padding-bottom: var(--space120);
}
/* 2025.11.24 - end */
/* 2025.12.01 - start */
.home-driven-swiper2-arrow1 .swiper-button-next:after,
.home-driven-swiper2-arrow1 .swiper-button-prev:after {
    background-image: url(../images/0jian1.svg);
}
.news-inof.act1{
    margin-top:0!important;
}
.news-top.act1{
    margin-top:0!important; 
}
.coii-text {
    display: block;
    width: 100%;
}
.coii-text-word{
    --gap1: 20px;
    --gap2: 0px;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
}
.coii-text-core{
    width: 33.333333%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}
.coii-text-core .std-text18 a{
    color: inherit;
    line-height: inherit;
}
.coii-text-core-icon{
    flex-shrink: 0;
}
/* 2025.12.01 - end */
/* 2026.04.09 - tammy - start */
.hsin-box-inof-nub.hsin-nobtn .hsin-bin-link .std-text16::before {
    width: calc(100% + 23px);
    left: -23px;
}
.home-serving .home-solution-title-box{
    margin-top: var(--space50);
}
.solution-main .solution-case{
    padding-bottom: var(--space120);
}
/* 2026.04.09 - tammy - end */