@charset "utf-8";



/* 公共样式 - start */

body {

    font-family: "PingFang SC", "Microsoft YaHei" !important;

}



/* wow弹窗字体引入 */

.altumcode {

    --fontFamily: "PingFang SC", "Microsoft YaHei" !important;

}



@font-face {

    font-family: 'Outfit-Medium';

    src: url('../fonts/Outfit-Medium/Outfit-Medium.eot');

    src: url('../fonts/Outfit-Medium/Outfit-Medium.eot') format('embedded-opentype'),

        url('../fonts/Outfit-Medium/Outfit-Medium.woff2') format('woff2'),

        url('../fonts/Outfit-Medium/Outfit-Medium.woff') format('woff'),

        url('../fonts/Outfit-Medium/Outfit-Medium.ttf') format('truetype'),

        url('../fonts/Outfit-Medium/Outfit-Medium.svg#Outfit-Medium') format('svg');

    font-display: swap;

}



@font-face {

    font-family: 'Outfit-Bold';

    src: url('../fonts/Outfit-Bold/Outfit-Bold.eot');

    src: url('../fonts/Outfit-Bold/Outfit-Bold.eot') format('embedded-opentype'),

        url('../fonts/Outfit-Bold/Outfit-Bold.woff2') format('woff2'),

        url('../fonts/Outfit-Bold/Outfit-Bold.woff') format('woff'),

        url('../fonts/Outfit-Bold/Outfit-Bold.ttf') format('truetype'),

        url('../fonts/Outfit-Bold/Outfit-Bold.svg#Outfit-Bold') format('svg');

    font-display: swap;

}



/* 英文站换行规则 */

/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 

    word-wrap: normal; 

    word-break: keep-all; 

} */

:root {

    /* 字号 */

    --font64: 64px;

    --font48: 48px;

    --font40: 40px;

    --font32: 32px;

    --font28: 28px;

    --font24: 24px;

    --font20: 20px;

    /* 段落字号 */

    --font18: 18px;

    --font16: 16px;

    --font14: 14px;

    /* 行高 */

    --line12: 1.2;

    --line135: 1.35;

    --line14: 1.4;

    --line15: 1.5;

    --line16: 1.6;

    --line175: 1.75;

    --line18: 1.8;

    /* 导航-高度 */

    --headh: 80px;

    /* 颜色 */

    --color1: #000;

    --color2: #333;

    --color3: #666;

    --color4: #fff;

    --colormain: #00C1FF;

    --colorbj: #0A1D2F;

    /* 板块间距 */

    --space130: 130px;

    --space100: 100px;

    --space40: 40px;

    /* 段落间距 */

    --parpspace10: 10px;

    --parpspace12: 12px;

    /* 特殊字体 */

    --family1: '';

}



.std-homeh1 {

    font-size: var(--font64);

    font-weight: bold;

    color: var(--color4);

    line-height: var(--line15);

}



.std-insideh1 {

    font-size: var(--font48);

    font-weight: bold;

    color: var(--color4);

    line-height: var(--line135);

}



.std-h2,

.yxedr-active h2 {

    font-size: var(--font40);

    font-weight: bold;

    color: var(--color4);

    line-height: var(--line14);

}



.std-h3,

.yxedr-active h3 {

    font-size: var(--font32);

    font-weight: bold;

    color: var(--color4);

    line-height: var(--line14);

}



.std-h4,

.yxedr-active h4 {

    font-size: var(--font28);

    font-weight: bold;

    color: var(--color4);

    line-height: var(--line14);

}



.std-h5,

.yxedr-active h5 {

    font-size: var(--font24);

    font-weight: bold;

    color: var(--color4);

    line-height: var(--line175);

}



.std-text1,

.std-text1 p {

    font-size: var(--font18);

    color: var(--color4);

    line-height: var(--line175);

}



.std-text2,

.std-text2 p {

    font-size: var(--font16);

    color: var(--color4);

    line-height: var(--line175);

}



.std-text3,

.std-text3 p {

    font-size: var(--font14);

    color: var(--color4);

    line-height: var(--line18);

}



.yxedr-active p {

    font-size: var(--font16);

    color: var(--color2);

    line-height: var(--line175);

    margin-bottom: var(--parpspace10);

}



.std-margin {

    margin-top: var(--space130);

}



.std-margin1 {

    margin-bottom: var(--space130);

}



.std-margin2 {

    margin-bottom: var(--space100);

}



.std-margin3 {

    margin-bottom: var(--space40);

}



.std-padding {

    padding-top: var(--space130);

}



.std-padding1 {

    padding-bottom: var(--space130);

}



.std-padding2 {

    padding-bottom: var(--space100);

}



.std-padding3 {

    padding-bottom: var(--space40);

}



/*分享翻译*/

.ys-wechat-cont-parga p::before {

    content: '分享到 - 微信';

    /* content: 'Share the - weixin'; */

}



/* yongsy样式 */

a[href="https://www.yongsy.com"] {

    color: rgba(255, 255, 255, .2);

    white-space: nowrap;

}



/*导航默认选中*/

.yxnav-active1.head-nav-item .head-nav-item-title {

    color: var(--colormain);

}



.yxnav-active2.hnid-ul-li a::after {

    opacity: 1;

}



/* 轮播溢出隐藏 */

.ys-ban-li:not(:first-child) {

    display: none;

}



/* 省略号 */

.line-clamp {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



/* 过渡 */

.transition-time1 {

    transition: all .36s both;

}



.transition-time2 {

    transition: all .5s both;

}



/* 侧边锚点隐藏 */

.mod-anchor {

    opacity: 0;

    transform: translateX(-50%);

    transition: all .4s ease;

}



.mod-anchor.on1 {

    opacity: 1;

    transform: translateX(0%);

}



.mod-anchor ul {

    transition: all .4s ease;

}



.mod-anchor:not(.act) ul {

    opacity: 1;

    transform: translateX(0%);

}



.mod-anchor.act ul {

    opacity: 0;

    transform: translateX(-50%);

}



/* 轮播箭头 */

.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled,

.slick-arrow.slick-disabled {

    pointer-events: none !important;

    opacity: .5 !important;

}



.mod-arrows1 .swiper-button-next,

.mod-arrows1 .swiper-button-prev,

.mod-arrows1 .slick-prev,

.mod-arrows1 .slick-next {}



/* 公共样式 - end */

/* 规范按钮-start */

.std-btn1 {

    display: inline-block;

}



.std-btn1-box {

    display: flex;

    align-items: center;

    cursor: pointer;

    transition: all .4s;

    padding: 0 40px;

    overflow: hidden;

    position: relative;

    gap: 10px;

    z-index: 10;

    overflow: hidden;

    border-radius: 10px;

    background: linear-gradient(275deg, #00A0E9 6.93%, #7EEDA4 106.05%);

}



.std-btn1-box p {

    width: 100%;

    text-align: center;

    font-size: var(--font18);

    line-height: 60px;

    color: var(--color4);

    transition: all .4s;

    position: relative;

    z-index: 10;

}



.std-btn1-box-icon {

    width: 20px;

    transition: all .4s;

    font-size: 0;

    flex-shrink: 0;

}



.std-btn1-box-icon img {

    width: 100%;

}



.std-btn2 {

    display: inline-block;

}



.std-btn2-box {

    display: flex;

    cursor: pointer;

    transition: all .4s;

    padding: 0 20px;

    overflow: hidden;

    position: relative;

    z-index: 1;

    z-index: 10;

    border-radius: 10px;

    border: 1px solid rgba(255, 255, 255, 0.40);

}



.std-btn2-box p {

    font-size: var(--font16);

    line-height: 46px;

    color: var(--color4);

    transition: all .4s;

}



/* 规范按钮-end */

.ys-footer {

    background: var(--colorbj);

    padding-top: 70px;

}



.ys-foot-top-head {

    display: flex;

    flex-wrap: wrap;

}



.yfth-le {

    width: 44%;

}



.yfth-ri {

    width: 56%;

}



.yfth-ri>ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -20px;

}



.yfth-ri>ul>li {

    width: 14.285714%;

    padding: 0 20px;

}



.yfth-ri>ul>li>a {

    display: inline-block;

    font-size: var(--font16);

    color: var(--color4);

    line-height: var(--line12);

    margin-bottom: 34px;

    margin-top: 10px;

}



.yfth-ri>ul>li>ul>li>a {

    display: inline-block;

    margin-bottom: 24px;

    color: rgba(255, 255, 255, 0.50);

    font-size: var(--font16);

    line-height: var(--line12);

    transition: all .4s;

}



.yfth-le-logo {

    width: 335px;

    margin-top: 10px;

}



.yfth-le-logo img,

.yfth-le-code img {

    width: 100%;

}



.yfth-le-code {

    width: 160px;

    margin-top: 60px;

}



.yfth-le-code-text {

    margin-top: 12px;

}



.yfth-le-code-text p {

    text-align: center;

    font-size: var(--font16);

    color: rgba(255, 255, 255, 0.50);

    line-height: var(--line12);

}



.ys-foot-top-link {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: end;

    padding-top: 90px;

    padding-bottom: 20px;

}



.ylul-box {

    font-size: var(--font16);

    color: rgba(255, 255, 255, 0.50);

    line-height: var(--line12);

}



.yftl-le-ul-li:nth-child(n+2) {

    margin-top: 18px;

}



.yftl-ri a {

    font-size: var(--font16);

    color: rgba(255, 255, 255, 0.50);

    line-height: var(--line12);

}



.ys-foot-bom {

    padding-top: 24px;

    padding-bottom: 29px;

    border-top: 1px solid rgba(255, 255, 255, 0.20);

}



.ys-foot-bom .ys-cont1440 {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



.ys-foot-bom-ri>ul {

    display: flex;

    margin: 0 -20px;

}



.ys-foot-bom-ri>ul>li {

    padding: 0 20px;

}



.ys-foot-bom-ri>ul>li>a {

    font-size: var(--font14);

    color: rgba(255, 255, 255, 0.50);

    line-height: var(--line18);

}



.ys-foot-bom-le p span,

.ys-foot-bom-le p a {

    font-size: var(--font14);

    color: #b5bbc1;

    line-height: var(--line18);

    padding: 0 10px;

}



.ys-foot-bom-le p {

    margin: 0 -10px;

}



.ys-foot-bom-le p a:last-child {

    opacity: 0.2;

}



.ys-foot-bom-le p a img {

    width: 20px;

}



.home-main .ys-ban-imgbox {

    position: relative;

}



.home-main .ys-ban-imgbox::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    /* background: linear-gradient(180deg, rgba(11, 33, 53, 0.80) 21.12%, #0A1D2F 100%); */

}



.ys-search2-win {

    --head: 80px;

    --btn-width: 20px;

    --shadow: 0 10px 18px 3px rgb(0 0 0 / 2%);

    --widthtotal: 34%;

    --widthr: 24px;

    --input-size: 16px;

    position: relative;

}



.ys-search2-btn {

    width: var(--btn-width);

    line-height: var(--headh);

    cursor: pointer;

    display: block;

    transition: all .36s;

}



.ys-search2-btn img {

    width: 100%;

}



.ys-search2-win {

    position: absolute;

    top: calc(100% - 2px);

    left: 0;

    width: 100%;

    text-align: center;

    border-top: 1px solid rgba(255, 255, 255, 0.20);

    box-shadow: var(--shadow);

    overflow: hidden;

    display: none;

}



.ys-search2-box {

    padding: 16px 0;

    background: #0B1C2D;

}



.ys-search2-tibox {

    width: var(--widthtotal);

    margin: 0 auto;

}



.ys-search2-tbox {

    border-bottom: 1px solid rgba(255, 255, 255, 0.50);

    width: calc(100% - var(--widthr));

    padding-right: 20px;

    height: 40px;

}



.ys-search2-tbox input {

    width: 100%;

    height: 100%;

    font-size: var(--input-size);

    color: var(--color4);

}



.ys-search2-ibox {

    width: var(--widthr);

    margin-top: 10px;

}



.ys-search2-ibox img {

    width: 100%;

}



.ys-hd-pc {

    display: flex;

    align-items: center;

    padding: 0 40px;

}



.head-logo {

    width: 355px;

    margin-right: 161px;

}



.head-logo img {

    width: 100%;

}



.head-nav {

    flex: 1;

    /* padding: 0 40px; */

    /* padding-left: 19.4%; */

    margin: 0 -30px;

}



.head-nav-item-title {

    font-size: var(--font16);

    color: var(--color4);

    line-height: var(--headh);

}



.head-nav-item {

    padding: 0 30px;

}



.head-other {

    display: flex;

    align-items: center;

    border-radius: 10px;

    border: 1px solid var(--color4);

    padding: 12px 29px;

}



.head-other-sear-btn {

    width: 24px;

    margin-right: 30px;

    cursor: pointer;

}



.head-other-sear-btn img {

    width: 100%;

}



.head-other-langu a {

    font-size: var(--font16);

    color: var(--color4);

    line-height: var(--line12);

}



.ys-hd-pc.isfixed,

.ys-hd-pc.ishover,

.ys-page-wrap.act .ys-hd-pc {

    background: #0B1C2D;

    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);

}



.head-nav-item-down {

    width: max-content;

    border-radius: 0px 0px 10px 10px;

    background: #0B1C2D;

    padding: 10px 22px;

}



.hnid-ul-li a {

    width: 100%;

    font-size: var(--font16);

    color: var(--color4);

    line-height: 1.5;

    text-align: center;

    padding: 10px 41px 12px;

    position: relative;

    z-index: 10;

    margin: 0 auto;

}



.hnid-ul-li a::after {

    opacity: 0;

    transition: all .4s;

    z-index: -1;

    width: 100%;

    height: 100%;

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    border-radius: 4px;

    background: linear-gradient(275deg, #00A0E9 6.93%, #7EEDA4 106.05%);

}



.ys-ban-title {

    color: var(--color4);

}



.home-inno {

    background: #0a1d2f;

    padding-top: 157px;

    z-index: 20;

}



.home-inno-top-le h2 {

    display: inline-block;

    color: var(--color4);

}



.home-inno-top-le h2 span {

    background: linear-gradient(166deg, rgba(126, 237, 164, 1) 0.62%, rgba(0, 160, 233, 1) 98.08%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    display: inline-block;

}



.home-inno-top {

    display: flex;

    flex-wrap: wrap;

}



.home-inno-top-le {

    width: 54.375%;

    padding-right: 85px;

}



.home-inno-top-ri {

    width: 45.625%;

    position: relative;

    height: fit-content;

}



.hitl-text {

    margin-top: 52px;

}



.hitl-text p {

    text-align: justify;

    color: rgba(255, 255, 255, 0.80);

}



.hitl-text span {

    font-weight: bold;

    color: rgba(255, 255, 255, 1);

}



.hitl-btn {

    width: fit-content;

    margin-top: 48px;

}



.hitr-img {

    position: relative;

    border-radius: 10px;

    overflow: hidden;

    transform: rotate(0deg);

}



.hitr-img img,

.hitr-icon img {

    width: 100%;

}



.hitr-img::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);

}



.home-inno-top-ri .hitr-icon {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 10;

    width: 102px;

    cursor: pointer;

}



.home-inno-bom {

    padding-top: 80px;

}



.hibu-li-text p {

    margin-top: 4px;

    color: var(--color4);

}



.hibu-li-top-num {

    font-size: 80px;

    line-height: var(--line12);

    font-weight: 500;

    font-family: "Outfit-Medium";

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.hibu-li-top-text {

    background: linear-gradient(300deg, #7EEDA4 12.54%, #00A0E9 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.hibu-li-top {

    display: flex;

    align-items: end;

}



.hibu-li-top-text {

    margin-bottom: 15px;

    margin-left: 10px;

}



.home-inno-bom-ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin: 0 -10px;

}



.hibu-li {

    /* width: 25%; */

    padding: 0 10px;

}



.home-busi {

    position: relative;

    padding-bottom: 184px;

    padding-top: 196px;

}



.home-main .std-h2 {

    color: var(--color4);

}



.home-main .std-insideh1 span {

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.home-busi-bj {

    position: absolute;

    width: 100%;

    height: 100%;

    object-fit: cover;

    top: 0;

    left: 0;

}



.home-busi-bj::before {

    z-index: 2;

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    /* background: linear-gradient(180deg, #0A1D2F 1.26%, rgba(10, 29, 47, 0.70) 40.76%, rgba(10, 29, 47, 0.70) 56.62%, #0A1D2F 100%); */

}



.home-busi-bj img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.home-busi .ys-cont1440 {

    position: relative;

    z-index: 10;

}



.hbwr-ul-li-box {

    position: relative;

}



.hbwr-ul-li-box::before {

    pointer-events: none;

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border-radius: 10px;

    background: radial-gradient(40.42% 120.54% at 1.96% 32.47%, rgba(108, 226, 174, 0.30) 0%, rgba(108, 226, 174, 0.00) 100%);

}



.hbwr-ul {

    height: 100%;

}



.hbwr-ul-li .std-h5 span {

    display: inline-block;

    background: linear-gradient(274deg, #00A0E9 5.64%, #7EEDA4 54.14%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.home-busi-warp {

    margin-top: 56px;

    display: flex;

    flex-wrap: wrap;

}



.hbwl-hover .hbwl-ri-ul {

    display: none;

}



/* 2025.4.29 ada start */

.home-busi-warp-le {

    width: 69.4%;

    border-radius: 10px;

    position: relative;

}



.hbwl-nohover {

    background: rgba(255, 255, 255, 0.10);

    backdrop-filter: blur(25px);

    padding: 50px 58px 49px 0;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    border-radius: 10px;

    overflow: hidden;

}



.hbwl-hover {

    opacity: 0;

    transition: all .4s;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 57px 115px 95px 70px;

}



.hbwl-hover-img {

    width: 112px;

}



.hbwl-hover .hbwl-le-text {

    text-align: left;

    margin-top: 23px;

}



.hbwl-le-word {

    font-size: var(--font18);

    color: rgba(255, 255, 255, 0.60);

    line-height: var(--line175);

    padding-top: 20px;

}



.hbwl-le-btn {

    padding-top: 89px;

}



.hbwl-le-btn-box {

    display: flex;

    align-items: center;

}



.hbwl-le-btn-box p {

    margin-right: 10px;

}



.hbwl-le-btn-box img {

    width: 20px;

    transition: all .4s;

}



/* 2025.4.29 ada end*/





.hbwl-le {

    width: 60.4%;

}



.hbwl-ri {

    width: 39.6%;

    position: relative;

    z-index: 10;

}



.home-busi-warp-ri {

    width: 30.6%;

    padding-left: 48px;

}



.hbwr-ul-li-box {

    border-radius: 10px;

    background: rgba(255, 255, 255, 0.10);

    backdrop-filter: blur(25px);

    padding: 41px 10px 34px;

}



.hbwr-ul-li:nth-child(n+2) {

    margin-top: 48px;

}



.hbwr-ul-li-img {

    width: 92px;

    margin: 0 auto;

}



.hbwr-ul-li-img img {

    width: 100%;

}



.hbwr-ul-li .std-h5 {

    margin-top: 29px;

    text-align: center;

}



.hbwl-le-text {

    font-size: 30px;

    color: var(--color4);

    line-height: var(--line175);

    font-weight: bold;

    margin-top: 40px;

    text-align: center;

}



.hbwl-le-img {

    width: 194px;

    margin: 0 auto;

}



.hbwl-le-text span {

    display: inline-block;

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.hbwl-ri-ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -14px;

    margin-bottom: -28px !important;

}



.hbwl-ri-ul-li {

    width: 50%;

    padding: 0 14px;

    margin-bottom: 28px;

}



.hrul-box {

    padding: 23px 20px;

    border-radius: 8px;

    background: rgba(255, 255, 255, 0.10);

}



.hrul-box-img {

    width: 40px;

    margin: 0 auto;

}



.hrul-box img {

    width: 100%;

}



.hrul-box .std-text1 {

    margin-top: 5px;

    text-align: center;

}



.hbwl-le-circle {

    pointer-events: none;

    position: absolute;

    height: 90%;

    width: 68.6%;

    top: 50%;

    transform: translateY(-50%) translateX(50%);

    border-radius: 10px;

    background: radial-gradient(37.65% 50% at 50% 50%,

            rgba(108, 226, 174, 0.50) 0%,

            rgba(108, 226, 174, 0.00) 100%);

    transition: all .4s;

}



.ys-main {

    background: #0A1D2F;

    position: relative;

}



.home-case {

    padding-top: 56px;

    padding-bottom: 238px;

}



.home-case h2 {

    text-align: center;

}



.home-case-text {

    text-align: center;

    margin-top: 26px;

}



.home-case-head {

    display: flex;

    justify-content: center;

    margin: 0 -10px;

    margin-top: 36px;

}



.home-case-head-li {

    padding: 0 10px;

}



.home-case-head p {

    font-size: var(--font20);

    color: var(--color4);

    line-height: 51px;

    padding: 0 34px;

    position: relative;

    z-index: 10;

    border-radius: 4px;

    border-radius: 4px;

    background: rgba(255, 255, 255, 0.10);

    cursor: pointer;

}



.home-case-head p::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

    border-radius: 4px;

    background: linear-gradient(276deg, #009BE1 16.37%, #59E287 103.74%);

    opacity: 0;

    z-index: -1;

    transition: all .4s;

}



.home-case-head-li.act p::before {

    opacity: 1;

}



.home-case-warp {

    margin-top: 40px;

    position: relative;

}



.hcwl-swiper {

    overflow: hidden;

    height: 400px;

}



.hcwl-box {

    position: relative;

}



.hcwl-box-img {

    border-radius: 8px;

    position: relative;

    overflow: hidden;

}



.hcwl-box-text {

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 16px 20px;

    font-size: var(--font20);

    color: var(--color4);

    line-height: var(--line175);

    opacity: 0;

    transition: all .4s;

}



.hcwl-box-img::before {

    transition: all .4s;

    opacity: 0;

    z-index: 1;

    content: "";

    position: absolute;

    width: 100%;

    height: 32%;

    left: 0;

    bottom: 0;

    border-radius: 0px 0px 8px 8px;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 7.03%, rgba(0, 0, 0, 0.80) 100%);

}



.dsct-conty-top {

    width: 620px;

}



.hcwl-swiper-warp-li.swiper-slide-active .hcwl-box-img::before {

    opacity: 1;

}



.hcwl-swiper-warp-li.swiper-slide-active .hcwl-box-text {

    opacity: 1;

}



.hcwl-swiper-warp-li {

    height: 100%;

    transition: all 0.36s;

    transition-property: all !important;

    /* cursor: pointer; */

}



.hcwl-swiper-warp-li.swiper-slide-prev {

    transform: scale(0.8);

    transform-origin: top left;

}



.hcwl-swiper-warp-li.swiper-slide-next {

    transform: scale(0.8);

    transform-origin: top right;

}



.hcwl-swiper-warp-li.swiper-slide-active {

    transform: scale(1.292);

    transform-origin: top center;

}



.home-case-warp-li {

    position: absolute;

    top: 0;

    opacity: 0;

    /* pointer-events: none; */

}



.home-case-warp-li.show {

    position: relative;

    opacity: 1;

    /* pointer-events: all; */

}



.home-web {

    padding-top: 81px;

    padding-bottom: var(--space130);

    position: relative;

}



.home-web-bj {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}



.home-web-bj::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    bottom: 0;

    background: linear-gradient(180deg, #0A1D2F -6.38%, rgba(10, 29, 47, 0.00) 41.49%, #0A1D2F 94.68%);

}



.home-web-bj img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.home-web-warp {

    position: relative;

    z-index: 10;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.home-web-warp-le {

    width: 49%;

    padding-right: 167px;

}



.home-web-warp-ri {

    width: 51%;

}



.home-web-warp-le .std-text1 {

    margin-top: 46px;

}



.home-web-warp-le .std-text1 p {

    text-align: justify;

}



.home-web-warp-le .std-text1 p:nth-child(n+2) {

    margin-top: 12px;

}



.home-web-warp-le .std-btn1 {

    margin-top: 100px;

}



.home-news {

    padding-top: 75px;

    padding-bottom: 151px;

    position: relative;

}



.home-news .ys-cont1440 {

    position: relative;

    z-index: 10;

}



.home-news-bj {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.home-news-bj::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    bottom: 0;

    z-index: 1;

    background:

        linear-gradient(0deg, rgba(10, 29, 47, 0.00) 80.23%, #0A1D2F 96.93%),

        linear-gradient(282deg, rgba(10, 29, 47, 0.90) 59.19%, rgba(10, 29, 47, 0.00) 87.53%);

}



.home-news-bj img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.home-news-warp {

    display: flex;

    flex-wrap: wrap;

}



.home-news-warp-ri {

    width: 36.25%;

}



.home-news-warp-le {

    width: 63.75%;

    display: flex;

    flex-wrap: wrap;

}



.home-news-warp {

    margin-top: 50px;

}



.hnwl-le {

    width: 59%;

}



.hnwl-ri {

    width: 41%;

    padding: 0 40px;

}



.home-news-warp-ri {

    border-left: 1px solid rgba(255, 255, 255, 0.10);

    border-right: 1px solid rgba(255, 255, 255, 0.10);

}



.hnwr-ul-li-box {

    width: 100%;

    padding: 38px 40px 39px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10);

}



.hnwr-ul-li:last-child .hnwr-ul-li-box {

    border-bottom: none;

}



.hulb-date {

    margin-top: 16px;

}



.hulb-date p {

    color: rgba(255, 255, 255, 0.60);

}



.hulb-tit p {

    transition: all .4s;

}



.hnwl-ri-ul-li:nth-child(n+2) {

    margin-top: 44px;

}



.hnwl-le-img {

    border-radius: 10px;

}



.hnwl-le-tit {

    margin-top: 16px;

}



.hnwl-le-tit p {

    transition: all .4s;

}



.hnwl-le-date {

    margin-top: 8px;

    color: rgba(255, 255, 255, 0.60);

}



.hnwl-le-box:hover .hnwl-le-tit p {

    color: var(--colormain);

}



.hnwl-le-box .std-h5 {

    margin-top: 28px;

    font-weight: 400;

    transition: all .4s;

}



.hnwl-le-box .hnwl-le-date {

    margin-top: 14px;

}



.overview-main .ys-nybanner {

    position: relative;

    height: 137vh;

    overflow: visible;

}



.overview-main .ys-nyban-img {

    position: absolute;

    width: 100%;

}



.overview-main .ys-nyban-img2 {

    position: sticky;

    bottom: 0;

    left: 0;

    z-index: 10;

    width: 100%;

    pointer-events: none;

}



.overview-main .ys-nyban-img2 img {

    width: 100%;

}



.ys-nyba-warp {

    /* position: absolute; */

    position: relative;

    /* top: var(--space100); */

    z-index: 5;

    padding-top: 100px;

    padding-bottom: 191px;

}



.ys-nyba-warp .ys-cont1440 {

    display: flex;

    flex-wrap: wrap;

}



.ys-nyba-warp-le {

    width: 52%;

}



.ys-nyba-warp-ri {

    width: 48%;

}



.ynwr-text.yxedr-active p {

    font-size: var(--font18);

    color: var(--color4);

    margin-bottom: 40px;

}



.ynwr-ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -10px;

}



.ynwr-ul-li {

    height: fit-content;

    position: relative;

    width: 50%;

    padding: 0 10px;

    margin-bottom: 20px;

}



.ynwr-ul-li-box {

    min-height: 224px;

    padding: 30px 25px;

    border-radius: 12px;

    background: rgba(255, 255, 255, 0.05);

    backdrop-filter: blur(2px);

}



.ynwr-word {

    margin-top: var(--space130);

}



.ynwr-ul-li-box .std-h4 {

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.ynwr-ul-li-box .std-text1 {

    margin-top: 15px;

}



.ynwr-ul-li:nth-child(2n) {

    top: 66px;

}



.home-inno-line p {

    background: linear-gradient(339deg, #00A0E9 29.13%, #7EEDA4 74.57%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.home-inno {

    position: relative;

    overflow: visible;

}



.home-inno-line {

    position: absolute;

    top: 0%;

    transform: translateY(-115%);

}



.home-inno-line-top {

    position: absolute;

    top: -40px;

}



.home-inno-line-top p,

.hilb-box p {

    font-size: var(--font18);

    line-height: var(--line175);

}



.home-inno-line-top p {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    width: max-content;

}



.home-inno-line-bom {

    position: absolute;

    left: calc(100% + 17px);

}



.hilb-box {

    display: flex;

    align-items: center;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: max-content;

}



.hilb-box span {

    width: 20px;

    margin-right: 6px;

}



.home-inno-line {

    /* transition: all 1s; */

    /* clip-path: inset(100% 0 0 0); */

}



.home-inno-line.show {

    /* animation: reveal .5s forwards; */

}



@keyframes reveal {

    from {

        clip-path: inset(100% 0 0 0);

        /* 从完全隐藏开始 */

    }



    to {

        clip-path: inset(-50px -200px -50px -50px);

        /* 到完全显示结束 */

    }

}



.home-inno-line-top p {

    animation: show 1s forwards;

}



.hilb-box {

    opacity: 0;

}



.hilb-box {

    animation: show 1s forwards;

    animation-delay: 3.1s;

}



@keyframes show {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



.home-busi-bj2,

.home-news-bj2 {

    top: 0;

    left: 0;

    position: absolute;

    z-index: 5;

    width: 100%;

    height: 100%;

}



.home-busi-bj2 svg,

.home-news-bj2 svg {

    width: 100%;

}



.ys-nyba-warp .ys-cont1440 {

    display: flex;

}





.over-ban {

    /* background: #0A1D2F; */

    position: relative;

    z-index: 1;

    height: 400vh;

    overflow: visible;

}



.over-ban-img {

    width: 100%;

}



.over-ban-img img {

    width: 100%;

}



.over-ban-warp {

    height: 100vh;

    position: sticky;

    top: 0;

    left: 0;

}



.over-ban h1 span {

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.over-ban-warp-cont {

    width: 100%;

    position: absolute;

    top: 120px;

    left: 0;

    z-index: 5;

}



.over-ban .ys-cont1440 {

    display: flex;

    align-items: flex-start;

    position: relative;

    z-index: 6;

}



.ys-nyba-warp-le {

    /* width: 72%; */

    /* padding-right: 230px; */

    /* transform: translateY(50px); */

    /* top: 120px;

    position: sticky;

    height: fit-content; */

}



.casedet-html {

    overflow: visible;

}



.obwc-warp {

    width: 695px;

    height: 900px;

    overflow: hidden;

    position: absolute;

    right: calc(50% - 700px) !important;

    top: 30px;

    z-index: 20;

}



.obwc-warp::before {

    opacity: 0;

    content: "";

    position: absolute;

    top: -30px;

    left: 0;

    width: 100%;

    height: 50px;

    background: linear-gradient(0deg, rgba(10, 29, 47, 0.20) -11.18%, #0A1D2F 100.37%);

    /* mask-image: linear-gradient(0deg, #205EFF 50%, rgba(32, 94, 255, 0) 93%); */

}



.obwc-img {

    width: 100%;

    position: relative;

    z-index: 30;

    pointer-events: none;

}



.obwc-img img {

    width: 100%;

}



.body-sticky {

    overflow: visible;

}



.over-process h2 {

    margin-bottom: 82px;

}



.over-process {

    background: #0A1D2F;

    overflow-x: hidden;

    position: relative;

    z-index: 10;

    padding-top: 167px;

    /* padding-bottom: 347px; */

    padding-bottom: 200px;

}



.over-process::before {

    content: "";

    position: absolute;

    left: 0;

    width: 34%;

    height: 100%;

    background: linear-gradient(270deg, rgba(10, 29, 47, 0.00) 12.41%, #0A1D2F 87.37%);

    z-index: 100;

    pointer-events: none;

}



.over-process .ys-cont1440 {

    position: relative;

    z-index: 10;

}



.over-schema-bj {

    position: absolute;

    width: 100%;

    height: 160%;

    object-fit: cover;

    bottom: 0;

    left: 0;

}



.over-schema-bj img,

.over-schema-bj video {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: relative;

}



.over-schema-bj video {

    z-index: 10;

}



.over-schema-bj2 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    object-fit: cover;

}



.over-schema-bj2 svg {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.overview-main h2 {

    text-align: center;

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.over-schema-img {

    width: 100%;

    margin: 62px auto 0;

}



.over-schema-img img {

    width: 100%;

}



.over-apti {

    padding-top: 100px;

    padding-bottom: 122px;

}



.over-apti h2 {

    margin-bottom: 70px;

}



.over-apti-ul {

    margin: 0 -35px;

    position: relative;

    z-index: 10;

}



.over-apti-ul-li {

    padding: 0 35px;

}



.oaul-box {

    position: relative;

}



.oaul-box .std-h4 {

    text-align: center;

    background: linear-gradient(275deg, #00A0E9 6.93%, #7EEDA4 106.05%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-bottom: 7px;

}



.oaul-box .std-text1 p {

    text-align: center;

    font-weight: bold;

    line-height: var(--line15);

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    height: 6em;

}



.oaul-box-word {

    width: 47%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.over-apti-warp {

    position: relative;

}



.over-apti-btn {

    position: absolute;

    width: calc(100% + 220px);

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.mod-btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.mod-btn-prev,

.mod-btn-next {

    position: relative;

    width: 48px;

    cursor: pointer;

}



.mod-btn-prev {

    margin-right: 51px;

}



.mod-btn-prev img,

.mod-btn-next img {

    width: 100%;

    transition: all .4s;

}



.over-image {

    padding-top: 74px;

    padding-bottom: 236px;

}



.over-image .std-h2 {

    margin-bottom: 70px;

}



.ys-slick-item {

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}



.ys-slick-item:not(:first-child) {

    display: none;

}



.over-image-warp {

    position: relative;

    z-index: 10;

    --jian: 10px;

    --width: 345px;

}



.over-image-warp-ul {

    white-space: nowrap;

    display: flex;

    width: calc(var(--width) * var(--width-shu));

}



.over-image-warp-ul1 {

    animation: donghua calc(3s * var(--width-shu)) linear infinite;

}



.oiwu-li {

    width: var(--width);

    padding: 0 var(--jian);

    display: flex;

    align-items: flex-end;

    flex-shrink: 0;

}



.oiwu-li-img,

.oiwu-li-img img {

    width: 100%;

    border-radius: 10px;

    transform: rotate(0deg);

}



@keyframes donghua {

    0% {

        transform: translateX(0);

    }



    100% {

        transform: translateX(-100%);

    }

}



.over-image-warp-ul2 {

    transform: translateX(100%);

    position: absolute;

    top: 0;

    left: 0;

    animation: donghua2 calc(3s * var(--width-shu)) linear infinite;

}



@keyframes donghua2 {

    0% {

        transform: translateX(100%);

    }



    100% {

        transform: translateX(0);

    }

}



.over-image-warp-bom {

    margin-top: 20px;

}



@keyframes donghua3 {

    0% {

        transform: translateX(-100%);

    }



    100% {

        transform: translateX(0%);

    }

}



@keyframes donghua4 {

    0% {

        transform: translateX(0%);

    }



    100% {

        transform: translateX(100%);

    }

}



.over-image-warp-bom {

    position: relative;

}



.over-image-warp-bom .over-image-warp-ul1 {

    animation: donghua3 calc(3s * var(--width-shu)) linear infinite;

}



.over-image-warp-bom .over-image-warp-ul2 {

    animation: donghua4 calc(3s * var(--width-shu)) linear infinite;

}



.over-image-warp {

    position: relative;

}



.over-image-warp::before {

    z-index: 10;

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 36%;

    height: 100%;

    background: linear-gradient(270deg, rgba(10, 29, 47, 0.00) 12.41%, #0A1D2F 87.37%);

}



.over-image-warp::after {

    z-index: 10;

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 36%;

    height: 100%;

    transform: rotate(180deg);

    background: linear-gradient(270deg, rgba(10, 29, 47, 0.00) 12.41%, #0A1D2F 87.37%);

}



.ossu-li-box {

    padding: 40px 40px 78px;

    border-radius: 10px;

    background: rgba(255, 255, 255, 0.05);

    backdrop-filter: blur(50px);

}



.ossu-li-box-era {

    font-weight: bold;

}



.ossu-li-box-year {

    margin-top: 4px;

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.ossu-li-box-date {

    margin-top: 9px;

    color: rgba(255, 255, 255, 0.80);

}



.ossu-li-box-text {

    margin-top: 36px;

}



.ossu-li-box-text p {

    font-weight: bold;

}



.mod-foot {

    position: absolute;

    left: 50%;

    transform: translateX(-50%) translateY(12%);

    bottom: 0;

    width: 93.385416%;

    height: 425px;

    border-radius: 10px;

    background: radial-gradient(36.7% 45.41% at 51.42% 87.29%, rgba(108, 226, 174, 0.30) 3.84%, rgba(108, 226, 174, 0.00) 100%);

}



.ys-footer {

    position: relative;

    z-index: 10;

}



.over-schema-swiper-ul {

    /* display: flex; */

}



.ossu-li {

    width: 657px !important;

    margin-right: 80px;

    flex-shrink: 0;

}



.market-main .ys-main {

    margin-top: 80px;

}



.market-warp .home-case-head p {

    padding: 0 44px;

}



.market-warp .home-case-head {

    margin-top: 80px;

}



.mwul-warp .std-h2 {

    text-align: center;

    margin-top: 80px;

}



.mwul-head .mwul-head-text {

    text-align: center;

    margin: 49px auto 0;

    width: 72%;

}



.mwul-warp-ul-li {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    margin-top: 60px;

}



.mwul-ri {

    width: 48.8%;

}



.mwul-ri-img {

    border-radius: 13px;

    overflow: hidden;

    transform: rotate(0deg);

}



.mwul-le {

    width: 51.2%;

    padding-right: 159px;

}



.mwul-le .std-text1 {

    margin-top: 20px;

}



.mwul-warp-ul-li:nth-child(2n) {

    flex-direction: row-reverse;

}



.mwul-warp-ul-li:nth-child(2n) .mwul-le {

    padding-left: 100px;

    padding-right: 59px;

}



.market-warp {

    padding-bottom: var(--space130);

    position: relative;

    z-index: 10;

}



.mwul-map {

    position: relative;

}



.mmdl-box {

    position: absolute;

    cursor: pointer;

}



.mmdl-box p {

    pointer-events: none;

    z-index: 10;

    opacity: 0;

    transition: all .4s;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: calc(100% + 15px);

    width: max-content;

    line-height: 40px;

    padding: 0 30px;

    border-radius: 4px;

    background: linear-gradient(276deg, #009BE1 16.37%, #59E287 103.74%);

}



.mwul-map-dots-li.act .mmdl-box p {

    opacity: 1;

}



.mwul-head {

    padding: 0 20px;

}



.mmdl-box img {

    width: 32px;

}



.mwul-head .std-insideh1 {

    margin-top: 40px;

    text-align: center;

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.mmtb-circle {

    flex-shrink: 0;

    width: 18px;

    height: 18px;

    border-radius: 100%;

    background: linear-gradient(310deg, #00A0E9 8.22%, #7EEDA4 70.97%), #FFF;

}



.mmtb-circle2 {

    background: #3A6291;

}



.mwul-map-text-box {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    /* right: 114px; */

    right: 8.1%;

}



.mwul-map-text-box p {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: calc(100% + 8px);

    width: max-content;

}



.market-warp-ul-li2 .mwul-map {

    width: 69.5%;

    margin: 0 auto;

}



.mwul-map-img {

    width: 100%;

}



.market-warp-ul-li2 .mwul-head-text {

    width: 78.5%;

    margin-bottom: 74px;

}



.mmtb-li {

    position: relative;

}



.mmtb-li:nth-child(n+2) {

    margin-top: 24px;

}



.market-warp-ul-li2 .mwul-map-text-box {

    right: 104px;

}



.mmal-dots {

    position: absolute;

    margin: 0 auto;

    width: 12px;

    height: 12px;

    border-radius: 100%;

    background: linear-gradient(310deg, #00A0E9 8.22%, #7EEDA4 70.97%), #FFF;

}



.mmal-box {

    position: absolute;

}



.mmal-box p {

    line-height: 1.2;

    font-size: 12px;

    color: rgba(255, 255, 255, 0.40);

}



.mmal-box.bottom .mmal-dots {

    left: 50%;

    transform: translateX(-50%);

    bottom: calc(100% + 3px);

}



.mmal-box.right .mmal-dots,

.mmal-box.left.mmal-dots {

    top: 50%;

    transform: translateY(-50%);

}



.mmal-box.right .mmal-dots {

    left: calc(100% + 5px);

}



.mmal-box.left .mmal-dots {

    right: calc(100% + 5px);

}



.mmal-box.hz .mmal-dots {

    width: 30px;

    height: 30px;

    background: transparent;

}



.mmal-box.hz p {

    color: var(--color4);

    font-weight: 700;

}



.hz .mmal-dots::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: #6181a7;

    z-index: -1;

    animation: myfirst 2s linear infinite;

    animation-delay: 0.6s;

    transform: translate(-50%, -50%) scale(1);

    transition: all .4s;

}



.hz .mmal-dots::after {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: #6181a7;

    z-index: -1;

    animation: myfirst 2s linear infinite;

    transform: translate(-50%, -50%) scale(1);

    transition: all .4s;

}



@keyframes myfirst {

    0% {

        transform: translate(-50%, -50%) scale(0.5);

        opacity: .7;

    }



    50% {

        transform: translate(-50%, -50%) scale(1);

        opacity: 0.5;

    }



    100% {

        transform: translate(-50%, -50%) scale(1.5);

        opacity: 0;

    }

}



.market-warp-ul-li:nth-child(n+2) {

    display: none;

}



.ossu-li:nth-child(2n) {

    margin-top: 100px;

}



.swiper-container.swiper-container {

    overflow: visible !important;

}



.over-process .swiper-container-horizontal>.swiper-pagination-progressbar {

    top: calc(100% + 140px) !important;

    height: 1px;

}



.over-process .swiper-pagination-progressbar {

    background: rgba(255, 255, 255, 0.20);

}



.over-process .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: #00C0FF;

    height: 1px;

}



/* .ys-modal-content {

        max-height: 300px !important;

    } */



.yx-sidebar3 {

    width: 100%;

    position: relative;

    z-index: 99;

    left: -100%;

    left: 24px;

    transition: all .4s;

}



.yx-sidebar3.show {

    left: 24px;

}



.yx-sidebar3-nav {

    position: fixed;

    top: 50%;

    left: -100%;

    left: 24px;

    transform: translateY(-50%);

    z-index: 10;

    height: 314px;

    transition: all 1s;

}



.yx-sidebar3.show .yx-sidebar3-nav {

    left: 24px;

}



.yx-sidebar3-nav ul {

    position: relative;

    z-index: 10;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.yx-sidebar3-line {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 2px;

    height: 100%;

    /* height: 95%; */

    background: rgb(219, 220, 222);

    border-radius: 20px;

    overflow: hidden;

}



.yx-sidebar3-nav li {

    cursor: pointer;

    position: relative;

    /* display: flex

    ; */

}



.yx-sidebar3-nav li span {

    width: 10px;

    height: 10px;

    display: block;

    transition: background-color .25s ease-out, border-color .25s ease-out;

    border-radius: 100%;

    background: #fff;

    position: relative;

}



.yx-sidebar3-nav li.active span {

    background: var(--colormain);

}



.yx-sidebar3-nav li span::after {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 20px;

    height: 20px;

    border-radius: 100%;

    background: rgba(255, 255, 255, 0.20);

    z-index: -1;

    transition: all .4s;

}



.yx-sidebar3-nav li i {

    font-style: normal;

    position: absolute;

    top: 0px;

    left: 20px;

    color: var(--color3);

    line-height: 1.4;

    font-size: var(--font16);

    transition: all 0.4s;

    width: 137px;

}



.yx-sidebar3-nav li.active span {

    border: 3px solid var(--colormain);

}



.yx-sidebar3-nav li.active i {

    color: var(--colormain);

}



.yx-sidebar3-line span {

    width: 100%;

    display: block;

    background: var(--colormain);

}



/* star */

.he_canvsdm {

    width: 100%;

    height: 100%;

    position: relative;

    margin: 0 auto;

}



#threebox {

    width: 100%;

    height: 100%;

    /* position: relative; */

    border-radius: 50%;

    overflow: hidden;

}



.mc_a1s1_area {

    /* color: #333; */

    padding: 0;

    /* font-size: 14px; */

    /* line-height: 1.5; */

    position: absolute;

    opacity: 0;

    /* z-index: 20; */

    z-index: 20;

    top: 50%;

    transform: translateY(-50%);

    /* background: #fff; */

    /* border-radius: 5px; */

    white-space: nowrap;

    /* padding: 2px 8px; */

    display: inline-block;

}



.mhnl_down {

    position: fixed;

    top: 80px;

    left: 50%;

    transform: translateX(-50%);

    width: 100vw;

    /* background: #fff; */

    border-top: 1px solid rgba(45, 117, 217, 0.20);

    display: none;

}



.map_wrap {

    border-radius: 10px;

    background: #FFF;

    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);

    padding: 12px 24px;

}



.map_wrap_li {

    display: flex;

    align-items: center;

    margin-bottom: 4px;

}



.map_wrap_li:last-child {

    margin-bottom: 0 !important;

}



.map_wrap_li_le {

    width: 34px;

}



.map_wrap_li_le img {

    width: 100%;

}



.map_wrap_li_ri p {

    color: 16px;

    line-height: 1.8;

    color: #333532;

}



.map_wrap_li_ri {

    padding-left: 24px;

}



#threebox {

    width: 100%;

    height: 100%;

    cursor: grab;

}



.he_canvsdm {

    width: 733px;

    height: 733px;

    position: relative;

}



.threebox canvas {

    width: 100%;

    height: 100%;

}



.home-busi-bj video,

.home-news-bj video {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.home-inno-line-mid svg {

    width: 92px;

}



.party-cont {

    padding-top: var(--space100);

    padding-bottom: 145px;

}



.ys-bread-list-pic {

    font-size: 0 !important;

}



.over-process .ys-cont1440 {

    position: relative;

    z-index: 20;

}



.over-proce-warp {

    position: relative;

}



/* end */









.home-busi-warp-le.act .hbwl-le-circle {

    transform: translateY(-50%) translateX(0%);

}



.home-busi-warp-le.act .hbwl-nohover .hbwl-le,

.home-busi-warp-le.act .hbwl-nohover .hbwl-ri {

    opacity: 0;

}



.home-busi-warp-le.act .hbwl-hover {

    opacity: 1;

}











/*鼠标效果*/

@media screen and (min-width: 1200px) {

    .hnwl-le-box:hover .std-h5 {

        color: var(--colormain);

    }



    .hnwr-ul-li-box:hover .hulb-tit p {

        color: var(--colormain);

    }



    .home-case-head-li p:hover::before {

        opacity: 1;

    }



    .yfth-ri>ul>li>ul>li>a:hover {

        color: rgba(255, 255, 255, 0.80);

    }



    .std-btn1-box:hover .std-btn1-box-icon {

        transform: translateX(10px);

    }



    .std-btn2-box:hover .std-btn2-box {

        border: 1px solid #00C1FF;

    }



    .std-btn2-box:hover {

        border: 1px solid #00C1FF;

    }



    .std-btn2-box:hover p {

        color: #00C1FF;

    }

}



/* Leo - start */

.ibfo-mian {

    background: #0A1D2F;

}



.ibfo-mian .ys-nyban-img img {

    position: relative;

    z-index: -1;

}



.icbu-li-time {

    width: 145px;

    font-size: 20px;

    line-height: var(--line12);

    color: var(--color4);

    font-weight: bold;

}



.ibfo-mian .ys-bread-list-pic img {

    margin-top: -5px;

}



.icbu-li-tit {

    flex: 1;

    font-size: 20px;

    line-height: var(--line15);

    color: var(--color4);

    padding-left: 120px;

    padding-right: 20px;

}



.icbu-li-view-par,

.icbu-li-view-par p {

    line-height: var(--line12);

}



.icbu-li-view {

    display: flex;

    align-items: center;

    width: 102px;

    flex-shrink: 0;

}



.icbu-li-view-par {

    margin-right: 8px;

}



.icbu-li-view-pic {

    width: 20px;

    margin-top: -3px;

    transition: all .36s;

}



.icbu-li a {

    display: flex;

    align-items: flex-start;

}



.icbu-li a {

    padding: 60px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.icbu-li {

    /*  */

    border-radius: 10px;

    position: relative;

    z-index: 1;

}



.icbu-li::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(277deg, rgba(0, 160, 233, 0.00) 8.16%, rgba(17, 170, 224, 0.31) 39.63%, #7EEDA4 98.06%);

    opacity: 0;

    transition: all .36s;

    z-index: -1;

    backdrop-filter: blur(7.5px);

    -webkit-backdrop-filter: blur(7.5px);

    -moz-backdrop-filter: blur(7.5px);

    -ms-backdrop-filter: blur(7.5px);

    -o-backdrop-filter: blur(7.5px);

}



.ibfo-cont-box-ul {

    margin-top: 40px;

    margin-bottom: 60px;

}



.pc-fenye li {

    float: left;

    width: 40px;

    height: 40px;

    border: 1px solid transparent;

    font-size: 16px;

    line-height: 40px;

    color: #fff;

    text-align: center;

    margin: 0 10px;

    border-radius: 50%;

    transition: .3s;

}



.pc-fenye li.activepage {

    color: #00C0FF;

    border: 1px solid #00C0FF;

    background-color: transparent;

    transition: all .36s;

}



.ys-bread-list::before {

    content: '>';

    position: absolute;

    top: 50%;

    right: -7px;

    transform: translateY(-50%);

    font-size: 16px;

    color: #fff;

    line-height: 1.75;

}



.ibfo-cont {

    padding-bottom: var(--space130);

}



.pc-fenye li {

    transition: all .36s;

}



.ibfo-mian .ys-nybanner {

    position: relative;

    z-index: 1;

}



.ibfo-mian .ys-nybanner::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 39%;

    height: 100%;

    background: linear-gradient(270deg, rgba(0, 160, 233, 0.00) 0.75%, #7EEDA4 101.23%);

    z-index: -1;

}



.ibfo-mian .ys-nybanner {

    position: relative;

}



.ibfo-mian .ys-bread {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

}



.ibfo-mian .ys-nybanner::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 141px;

    background: linear-gradient(180deg, rgba(10, 29, 47, 0.00) 18.44%, #0A1D2F 94.19%);

    z-index: 0;

}



/* h1 */

.ctus-cont-box-tit {

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    display: inline-block;

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    line-height: var(--line12);

}



.ctus-cont-box-pic {

    margin-top: 54px;

    width: 100%;

    border-radius: 16px;

    overflow: hidden;

}



.ctus-cont-box-pic img {

    width: 100%;

}



.ccbu-li-box {

    padding: 33px 40px 38px 40px;

    display: flex;

    /* align-items: center; */

    align-items: flex-start;

    border-radius: 16px;

    background: rgba(255, 255, 255, 0.85);

    backdrop-filter: blur(10px);

    -webkit-backdrop-filter: blur(10px);

    -moz-backdrop-filter: blur(10px);

    -ms-backdrop-filter: blur(10px);

    -o-backdrop-filter: blur(10px);

}



.ccbu-li-box-left {

    height: 83px;

}



.ccbu-li-box-left img {

    height: 100%;

}



.ccbu-li-box-right {

    margin-left: 34px;

    font-size: 20px;

    font-weight: bold;

    color: var(--color2);

    line-height: 1.3;

    margin-top: 26px;

}



.ctus-cont-box-ul {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    margin: 0 -15px;

    margin-top: -77px;

    padding-bottom: 227px;

    margin-bottom: -20px;



}



.ccbu-li {

    padding: 0 15px;

    width: 41.5%;

    margin-bottom: 20px;

}



.ctus-cont {

    position: relative;

    z-index: 1;

}



.ctus-cont::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 425px;

    background: radial-gradient(36.7% 45.41% at 51.42% 87.29%, rgba(108, 226, 174, 0.30) 3.84%, rgba(108, 226, 174, 0.00) 100%);

    border-radius: 10px;

    z-index: -1;

}



.ctus-cont-box {

    position: relative;

    z-index: 1;

}



.ctus-cont {

    padding-top: 120px;

    position: relative;

}



.ctus-main .ys-bread {

    position: absolute;

    left: 50%;

    top: 20px;

    transform: translateX(-50%);

}



.ys-bread {

    z-index: 50;

}



.ys-bread-list-pic {

    width: 20px;

}



.ys-bread-list-pic img {

    width: 100%;

}



.ys-bread-list a {

    font-size: var(--font14);

    line-height: var(--line175);

    color: #fff;

    z-index: 10;

}



/* e1 */

.part-main {

    background-color: #0A1D2F;

}



.pcbb-ul-li-link {

    display: block;

    position: relative;

    z-index: 1;

    width: 142px;

    line-height: 48px;

    text-align: center;

    border-radius: 4px;

    background: rgba(255, 255, 255, 0.05);

}



.ibfo-mian .ibfo-cont {

    position: relative;

    z-index: 1;

}



.ibfo-cont::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -100px;

    width: 100%;

    height: 425px;

    border-radius: 10px;

    z-index: -1;

    background: radial-gradient(36.7% 45.41% at 51.42% 87.29%, rgba(108, 226, 174, 0.30) 3.84%, rgba(108, 226, 174, 0.00) 100%);

}



.pcbb-ul-li:first-child .pcbb-ul-li-link {

    width: 116px;

}



.pcbb-ul-li-link::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    border-radius: 4px;

    background: linear-gradient(275deg, #00A0E9 6.93%, #7EEDA4 106.05%);

    z-index: -1;

    opacity: 0;

    transition: all .36s;

}



.pcbb-ul-li.on .pcbb-ul-li-link::after {

    opacity: 1;

}



.pcbb-ul {

    display: flex;

    margin: 0 -7px;

    margin-bottom: -10px;

}



.pcbb-ul-li {

    padding: 0 7px;

    margin-bottom: 10px;

}



.pcbb-detail-link {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.pcbb-detail-link-left {

    width: 43%;

}



.pcbb-detail-link-left .ys-imgbox-cover {

    border-radius: 16px;

    overflow: hidden;

}



.pcbb-detail-link-right {

    width: 49%;

}



.pcbb-detail {

    position: relative;

    margin-top: 60px;

    padding-bottom: 54px;

}



.pcbb-detail::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 1px;

    background: rgba(255, 255, 255, 0.2);

    transition: all .4s;

    opacity: 0;

}



.pdlr-tit {

    font-size: 30px;

    line-height: 1.65;

    color: var(--color4);

    font-weight: bold;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    max-height: 3.3em;

}



.pdlr-par,

.pdlr-par p {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    max-height: 3.5em;

}



.pdlr-par {

    margin-top: 20px;

}



.pdlr-but {

    margin-top: 50px;

}



.pcll-top-left-time {

    font-size: 30px;

    line-height: 1.65;

    font-weight: bold;

    color: var(--color4);

    position: absolute;

    left: 50%;

    top: 8px;

    transform: translateX(-50%);

}



.pcll-top-left-year {

    line-height: 1.65;

    font-weight: bold;

    position: absolute;

    left: 50%;

    bottom: 10px;

    transform: translateX(-50%);

    display: block;

    width: 100%;

}



.pcll-top-left {

    width: 84px;

    height: 84px;

    border-radius: 4px;

    background: #00A0E9;

    text-align: center;

    flex-shrink: 0;

    position: relative;

}



.pcbb-check-li-link {

    width: 100%;

    padding: 34px 25px 40px 23px;

    border-radius: 10px;

    background: rgba(255, 255, 255, 0.05);

    position: relative;

    z-index: 1;

}



.pcbb-check-li-link::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border-radius: 10px;

    background: radial-gradient(78% 61.84% at -17.92% 10.93%, rgba(108, 226, 174, 0.50) 0%, rgba(108, 226, 174, 0.00) 100%);

    opacity: 0;

    transition: all .36s;

    z-index: -1;

}



.pcll-top {

    display: flex;

    padding-bottom: 40px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.20);

}



.pcll-top-right {

    margin-left: 22px;

    margin-top: 4px;

}



.pcll-top-right {

    line-height: 1.65;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    max-height: 3.5em;

}



.pcbb-check-li {

    width: 33.3333%;

    padding: 0 15px;

    margin-bottom: 32px;

}



.pcbb-check {

    margin: 0 -15px;

    /* margin-bottom: -32px; */

    display: flex;

    flex-wrap: wrap;

    padding-bottom: 54px;

    margin-top: 54px;

}



.pcll-bot-right {

    padding: 0 20px;

    border-radius: 4px;

    background: rgba(255, 255, 255, 0.10);

    line-height: 36px;

}



.pcll-bot {

    display: flex;

    justify-content: space-between;

    margin-top: 50px;

}



.pcll-bot-left-par {

    line-height: 1.3;

}



.pcll-bot-left-pic {

    font-size: 0;

    width: 20px;

    margin-left: 10px;

    flex-shrink: 0;

    transition: all .36s;

}



.pcll-bot-left-pic img {

    width: 100%;

}



.pcll-bot-left {

    display: flex;

    align-items: center;

}



.part-cont {

    padding-top: var(--space100);

    padding-bottom: 145px;

    position: relative;

    z-index: 1;

}



.part-cont::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -100px;

    width: 100%;

    height: 425px;

    border-radius: 10px;

    z-index: -1;

    background: radial-gradient(36.7% 45.41% at 51.42% 87.29%, rgba(108, 226, 174, 0.30) 3.84%, rgba(108, 226, 174, 0.00) 100%);

}



.ys-nyban-title h1 {

    font-weight: bold;

}



.part-main .ys-nybanner {

    position: relative;

    z-index: 1;

}



.part-main .ys-nyban-img img {

    width: 100%;

    position: relative;

    z-index: -1;

}



.part-main .ys-nybanner::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 39%;

    height: 100%;

    background: linear-gradient(270deg, rgba(0, 160, 233, 0.00) 0.75%, #7EEDA4 101.23%);

    z-index: -1;

}



.part-main .ys-nybanner::before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 29%;

    background: linear-gradient(180deg, rgba(10, 29, 47, 0.00) 18.44%, #0A1D2F 94.19%);

    z-index: 0;

}



.part-main .ys-nybanner {

    position: relative;

}



.ys-nybanner .ys-bread {

    position: absolute;

    left: 50%;

    bottom: 19px;

    transform: translateX(-50%);

    display: flex;

    align-items: center;

}



/* g1 */

.jcbt-ul-li {

    display: flex;

    justify-content: space-between;

    margin-bottom: 40px;

}



.jcbt-ul-li:nth-child(2n) {

    flex-direction: row-reverse;

}



.jcbt-ul-li:last-child {

    margin-bottom: 0;

}



.jcbt-left {

    width: 32%;

}



.jcbt-right {

    width: 50%;

}



.jcbt-left-tale {

    line-height: 1.3;

}



.jcbt-left-tit {

    line-height: var(--line12);

    display: inline-block;

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-top: 5px;

}



.jcbt-left-par,

.jcbt-left-par p {

    color: rgba(255, 255, 255, 0.80);

}



.jcbt-left-par {

    margin-top: 54px;

}



.jcbt-left-tale {

    margin-top: 74px;

}



.jcbt-right .ys-imgbox-cover {

    border-radius: 20px;

    overflow: hidden;

}



.jion-cont {

    padding-top: 140px;

    padding-bottom: var(--space100);

}



.jion-recr-box-tit {

    line-height: var(--line12);

    display: inline-block;

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-bottom: 54px;

}



.jion-dyna .jion-recr-box-tit {

    margin-bottom: 64px;

}



.jion-recr-box-jion {

    padding: 40px 60px 62px 60px;

    border-radius: 10px;

    background: rgba(255, 255, 255, 0.05);

    max-height: 660px;

}



.jcbj-tit {

    line-height: 1.3;

    text-align: center;

    font-weight: bold;

    margin-bottom: 30px;

}



.jcbj-editor h2 {

    font-size: 20px;

    line-height: 1.3;

    color: var(--color4);

    margin-bottom: 6px;

}



.jcbj-editor p {

    font-size: var(--font16);

    line-height: 2;

    color: var(--color4);

    margin-bottom: 16px;

}



.jcbj-editor p :last-child {

    margin-bottom: 0;

}



.jcbj-editor p a {

    color: inherit;

    font-size: inherit;

    line-height: inherit;

}



.ys-nybanner .ys-nyban-img {

    position: relative;

    z-index: -1;

}



.ys-nybanner {

    position: relative;

    z-index: 1;

}



.ys-nybanner::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 141px;

    /* background: linear-gradient(180deg, rgba(10, 29, 47, 0.00) 18.44%, #0A1D2F 94.19%); */

    z-index: 0;

}



.julr-text.yxedr-active p {

    color: var(--color4);

}



.ys-nybanner::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    /* width: 39%; */

    width: 60%;

    height: 100%;

    background: linear-gradient(270deg, rgba(0, 160, 233, 0.00) 0.75%, #7EEDA4 101.23%);

    z-index: -1;

}



.jion-recr {

    padding-bottom: var(--space100);

    padding-top: var(--space100);

}



.jion-proc-box-pic {

    width: 100%;

}



.jion-proc-box-pic img {

    width: 100%;

}



.jion-proc {

    padding-bottom: var(--space100);

}



.jion-recr-box-last {

    display: flex;

    flex-wrap: wrap;

    margin-left: -26px;

    margin-right: -34px;

}



.jrbl-drop {

    display: flex;

    align-items: center;

    padding-right: 34px;

    border-right: 1px solid rgba(255, 255, 255, 0.20);

    margin-left: 26px;

}



.jion-recr-box-shrink {

    margin-top: 30px;

}



.jrbl-drop:last-child {

    border-right: none;

}



.jrbl-left {

    margin-right: 8px;

}



.jrbl-right .ys-select {

    width: 164px;

    height: 48px;

    border-radius: 10px;

    background: rgba(255, 255, 255, 0.05);



}



.jrbl-right .ys-select-xtbbox {

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translateY(-50%);

    transition: all .4s;

}



.jrbl-right input {

    font-size: var(--font18);

    line-height: var(--line175);

    color: #fff;

    padding: 0 24px;

}



.jrbl-right input::placeholder {

    font-size: var(--font18);

    line-height: var(--line175);

    color: #fff;

}



.jrbl-right .ys-select-xtbbox {

    width: 11px;

}



.jrbl-right .ys-select-xtbbox img {

    width: 100%;

}



.jrbl-right .ys-select-bd {

    border-radius: 10px;

    background: rgba(22, 41, 58, 1);

    max-height: 136px;

    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.10);

}



.jion-doub .jion-recr-box-tit {

    margin-bottom: 60px;

}



.jion-dyna {

    padding-bottom: 120px;

}



.jrbl-right .ys-select-bd .ys-select-li {

    font-size: var(--font14);

    line-height: var(--font14);

    color: var(--color4);

    padding: 10px 24px;

}



.jion-main .mCSB_scrollTools .mCSB_draggerContainer {

    position: absolute;

    top: 6px;

    left: -50px;

    bottom: 0;

    right: 0;

    height: auto;

}



.julb-cont {

    display: flex;

    width: 62%;

}



.jrbs-ul-li-box {

    padding: 33px 52px 33px 40px;

    border-radius: 10px;

    background: rgba(255, 255, 255, 0.05);

    display: flex;

    align-items: flex-start;

}



.jrbs-ul-li .jrbs-ul-li-box {

    transition: all .36s;

}



.jrbs-ul-li.on .jrbs-ul-li-box {

    background: rgba(0, 0, 0, 0.20);

    transition: all .36s;

}



.julb-left {

    width: 38%;

    padding-right: 20px;

    line-height: 1.2;

    padding-left: 16px;

    border-left: 4px solid #fff;

    font-size: 22px;

}



.julb-time {

    line-height: 1.5;

    width: 34.5%;

    padding-right: 20px;

}



.julb-numb {

    line-height: 1.5;

    padding-right: 20px;

    width: 32.5%;

}



.julb-place {

    width: 47%;

    line-height: 1.5;

    padding-right: 20px;

}



.julb-pic {

    width: 22px;

    margin-top: 6px;

}



.julb-pic img {

    width: 100%;

}



.jrbs-ul-li-recr {

    padding: 40px 60px 63px 60px;

    border-radius: 10px;

    background: rgba(255, 255, 255, 0.05);

    display: none;

}



.julr-ul-li-tit {

    line-height: var(--line15);

    font-weight: bold;

    margin-bottom: 16px;

}



.julr-ul-li-edit p {

    font-size: var(--font16);

    line-height: 2;

    color: var(--color4);

    margin-bottom: 16px;

}



.julr-ul-li-edit p a {

    font-size: inherit;

    line-height: inherit;

    color: inherit;

}



.julr-ul {

    margin-bottom: 40px;

}



.julr-ul:last-child {

    margin-bottom: 0;

}



.julr-but .std-btn1-box p {

    line-height: 46px;

}



.julr-but .std-btn1-box {

    padding: 0 32px;

}



.std-btn2 {

    margin-right: 30px;

}



.julr-but-scho {

    line-height: var(--line12);

    padding: 12px 20px;

    border: 1px solid rgba(255, 255, 255, 0.40);

    border-radius: 10px;

}



.julr-but {

    display: flex;

    flex-wrap: wrap;

    margin-top: var(--space40);

}



.std-btn1 {

    padding-right: 20px;

}



.jrbs-ul-li.on .julb-pic {

    transform: translateY(0) rotate(180deg);

    transition: all .36s;

}



.jrbs-ul-li .julb-pic {

    transition: all .36s;

}



.jrbs-ul-li {

    margin-bottom: 30px;

}



.jrbs-ul-li:last-child {

    margin-bottom: 0;

}



.jdbu-li-bj {

    padding: 35px 40px 35px 42px;

    border-radius: 10px;

    background: rgba(255, 255, 255, 0.05);

}



.jdbu-li-box-left {

    line-height: var(--line12);

    font-weight: bold;

    padding-right: 20px;

}



.jdbu-li-box {

    display: flex;

    justify-content: space-between;

}



.jdbu-li-box-righht {

    width: 20px;

    position: relative;

}



.jdbu-li-box-righht img {

    width: 100%;

}



.jlbr-minu {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    opacity: 0;

    transition: all .36s;

}



.jdbu-li-cont {

    width: 81%;

    margin-top: 21px;

    display: none;

}



.jdbu-li.act .jlbr-plus {

    opacity: 0;

    transition: all .36s;

}



.jdbu-li.act .jlbr-minu {

    opacity: 1;

    transition: all .36s;

}



.jdbu-li {

    margin-bottom: 30px;

}



.jdbu-li:last-child {

    margin-bottom: 0;

}



.jion-doub {

    padding-bottom: 155px;

    position: relative;

    z-index: 1;

}



.jion-doub::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -120px;

    width: 100%;

    height: 425px;

    border-radius: 10px;

    background: radial-gradient(36.7% 45.41% at 51.42% 87.29%, rgba(108, 226, 174, 0.30) 3.84%, rgba(108, 226, 174, 0.00) 100%);

    z-index: -1;

}



/* c4 */

.indu-cont {

    padding-top: 110px;

    padding-bottom: 120px;

    position: relative;

    z-index: 1;

}



.indu-cont::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -100px;

    width: 100%;

    height: 425px;

    border-radius: 10px;

    z-index: -1;

    background: radial-gradient(36.7% 45.41% at 51.42% 87.29%, rgba(108, 226, 174, 0.30) 3.84%, rgba(108, 226, 174, 0.00) 100%);

}



.icbl-tit {

    line-height: var(--line12);

    display: inline-block;

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.indu-cont-box-left {

    width: 52%;

}



.icbl-par {

    margin-top: 30px;

}



.icbl-par p {

    margin-bottom: 10px;

}



.icbl-par p:last-child {

    margin-bottom: 0;

}



.icbl-par p a {

    font-size: inherit;

    color: inherit;

    line-height: inherit;

}





.indu-cont-box-right {

    display: flex;

}



.icbr-lebox,

.icbr-ribox {

    transition: all .4s;

}



.icbr-lebox {

    width: 48px;

    margin-right: 20px;

}



.icbr-lebox:last-child {

    margin-right: 0;

}



.icbr-lebox img {

    width: 100%;

}



.indu-cont-box-top {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

}



.indu-cont-box .swiper-slide {

    border-radius: 20px;

    overflow: hidden;

}



.indu-cont-box .swiper-slide {

    width: 853px !important;

}



.indu-cont-box .swiper-container {

    margin-top: 70px;

}



.swiper-button-disabled.prev {

    pointer-events: none;

    background: rgba(0, 0, 0, 0.6);

    border-radius: 50%;

    transition: all .36s;

}



.swiper-button-disabled.next {

    pointer-events: none;

    background: rgba(0, 0, 0, 0.6);

    border-radius: 50%;

    transition: all .36s;

}



/* d1 */

.ncbn-le {

    width: 49%;

    position: relative;

    z-index: 20;

}



.ncbn-ri {

    width: 51%;

    position: relative;

}



.ncbn-ri-curs {

    position: absolute;

    left: -50%;

    top: 50%;

    transform: translateY(-50%) translateX(0);

    height: 120%;

    width: 60%;

    border-radius: 10px;

    background: radial-gradient(37.65% 50% at 50% 50%, rgba(108, 226, 174, 0.50) 0%, rgba(108, 226, 174, 0.00) 100%);

    transition: all .36s;

}



.ncbn-le .ys-imgbox-cover {

    border-radius: 20px;

    overflow: hidden;

}



.ncbn-ri-box {

    position: relative;

    z-index: 10;

    padding: 34px 79px 52px 105px;

}



.mCSB_horizontal.mCSB_inside>.mCSB_container {

    margin-right: 0;

    margin-bottom: 14px;

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    width: auto;

    height: 13px;

    top: auto;

    right: 0;

    bottom: 0;

    left: 0;

}



.ncbn-ri-box-tit {

    font-size: var(--font24);

    line-height: var(--line15);

    color: var(--color4);

    margin-top: 12px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    max-height: 3em;

}



.ncbn-ri-box-par p {

    line-height: inherit;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    max-height: 3.5em;

}



.ncbn-ri-box-par {

    margin-top: 30px;

}



.nece-cont-box-news {

    margin-top: 40px;

}



.ncbn-ri-box-but {

    margin-top: 30px;

}



.ncbn-ri .std-btn1-box {

    padding: 0 42px;

}



.nece-cont {

    padding-top: 60px;

    padding-bottom: var(--space100);

}



.nece-cont-box-news a {

    width: 100%;

    display: flex;

    border-radius: 20px;

    background: rgba(255, 255, 255, 0.05);

    overflow: hidden;

}



.nhbu-li-link-time,

.nhbu-li-link-time p {

    color: rgba(255, 255, 255, 0.6);

}



.nllt-ri,

.nllt-ri p {

    color: rgba(255, 255, 255, 0.6);

}



.nhbu-li-link-time {

    display: flex;

    align-items: center;

}



.nhbu-li-link-time p {

    padding: 0 4px;

    position: relative;

}



.nhbu-li-link-time {

    margin: 0 -4px;

}



.nhbu-li-link-time p::after {

    content: "";

    position: absolute;

    right: 0;

    top: 8px;

    width: 1px;

    height: 12px;

    background: rgba(255, 255, 255, 0.6);

    ;

}



.nhbu-li-link-time p:last-child::after {

    display: none;

}



.nhbu-li-link-tit {

    padding-bottom: 60px;

}



.nhbu-li-link-tit p {

    transition: all .36s;

    line-height: inherit;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    max-height: 3.5em;

}



.nhbu-li-link-time {

    padding-bottom: 20px;

}



.nhbu-li-link {

    height: 100%;

    width: 100%;

    display: block;

    padding-top: 60px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.nece-high-box-ul {

    margin: 0 -28px;

    margin-top: -60px;

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 80px;

}



.nhbu-li {

    width: 50%;

    padding: 0 28px;

}



.nece-high {

    padding-bottom: 157px;

    position: relative;

    z-index: 1;

}



.nece-high::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -120px;

    width: 100%;

    height: 425px;

    border-radius: 10px;

    z-index: -1;

    background: radial-gradient(36.7% 45.41% at 51.42% 87.29%, rgba(108, 226, 174, 0.30) 3.84%, rgba(108, 226, 174, 0.00) 100%);

}



/* d2 */

.deta-cont {

    padding-bottom: 145px;

    padding-top: 60px;

    position: relative;

    z-index: 1;

}



/* .deta-cont::after, */

.ys-main::after {

    pointer-events: none;

    content: "";

    position: absolute;

    left: 0;

    bottom: -120px;

    width: 100%;

    height: 425px;

    border-radius: 10px;

    background: radial-gradient(36.7% 45.41% at 51.42% 87.29%, rgba(108, 226, 174, 0.30) 3.84%, rgba(108, 226, 174, 0.00) 100%);

}



.deta-cont-box-bj {

    padding: 81px 120px 86px 120px;

    border-radius: 20px;

    background: rgba(255, 255, 255, 0.05);

    backdrop-filter: blur(30px);

    -webkit-backdrop-filter: blur(30px);

    -moz-backdrop-filter: blur(30px);

    -ms-backdrop-filter: blur(30px);

    -o-backdrop-filter: blur(30px);



}



.dcbj-tit {

    font-size: 30px;

    line-height: var(--line12);

    font-weight: bold;

    display: inline-block;

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-bottom: 40px;

}



.dcbj-news-share .ys-share-img {

    width: 24px;

    position: relative;

}



.dcbj-news-share .ys-share-img img {

    width: 100%;

}



.dcbj-news-pict {

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    transition: all .36s;

}



.dcbj-news-pico {

    transition: all .36s;

}



.dcbj-news {

    display: flex;

    align-items: center;

}



.dcbj-news p {

    padding-right: 40px;

    position: relative;

}



.dcbj-news p::after {

    content: "";

    position: absolute;

    right: 17px;

    top: 9px;

    width: 1px;

    height: 14px;

    background-color: #fff;

}



.dcbj-news p:last-child {

    padding-right: 15px;

}



.dcbj-news p:last-child::after {

    display: none;

}



.dcbj-box {

    display: flex;

    align-items: center;

    padding-bottom: 40px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.dcbj-editor {

    padding: 0 140px;

}



.dcbj-editor p {

    font-size: var(--font16);

    line-height: var(--line175);

    color: var(--color4);

    margin-bottom: 12px;

}



.dcbj-editor {

    padding-top: 50px;

    padding-bottom: 40px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.dcbj-page-ul-li a {

    font-size: var(--font16);

    line-height: var(--line175);

    color: var(--color4);

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    max-height: 1.75em;

    /* font-family: "Noto Serif SC" !important; */

}



.dcbj-page {

    margin-top: 38px;

}



.dcbj-page-ul-li {

    margin-bottom: 12px;

}



.dcbj-page-ul-li:last-child {

    margin-bottom: 0;

}



.dcbj-editor p span {

    font-size: inherit;

    line-height: inherit;

    color: inherit;

    font-weight: bold;

}



/* c1 */

.ys-nybanner .ys-nyban-title h1 {

    font-size: var(--font48);

}



.vend-main .ys-nybanner .ys-pos-center {

    text-align: center;

}



.vend-main .ys-nybanner .ys-pos-center p {

    text-align: center;

    margin: 0 auto;

    width: 59%;

    margin-top: 34px;

}



.vend-main .ys-nybanner .ys-pos-center h1 {

    display: inline-block;

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.vend-main .ys-nybanner::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 39%;

    height: 100%;

    background: linear-gradient(270deg, rgba(0, 160, 233, 0.00) 0.75%, #7EEDA4 101.23%);

    z-index: -1;

    opacity: 0;

}



.vend-main .ys-nybanner::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 141px;

    /* background: linear-gradient(180deg, rgba(10, 29, 47, 0.00) 18.44%, #0A1D2F 94.19%); */

    z-index: 0;

    opacity: 0;

}



.vcbl-tit {

    line-height: var(--line12);

    display: inline-block;

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-bottom: 50px;

}



.vtul-tit {

    font-size: 20px;

    line-height: var(--line175);

    color: var(--color4);

    font-weight: bold;

}



.vcbl-tit-ul-li {

    cursor: pointer;

    padding: 20px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.vcbl-tit-ul-li img {

    width: 100%;

    border-radius: 10px;

    overflow: hidden;

    margin-top: 10px;

    display: none;

}



.vcbl-tit-ul-li:first-child {

    padding-top: 0;

}



.vend-cont-box-le {

    width: 40%;

}



.vend-cont-box-ri {

    width: 54%;

    height: 479px;

    border-radius: 12px;

    overflow: hidden;

}



.vcbr-ul-li {

    width: 18%;

}



.vcbr-ul {

    display: flex;

    height: 100%;

}



.vend-cont-box {

    display: flex;

    justify-content: space-between;

}



.vtul-part {

    margin-top: 15px;

    display: none;

    padding-bottom: 10px;

}



.vend-cont-box-ri img {

    display: block;

    object-fit: cover;

    height: 100%;

    width: 100%;

}



.vcbr-ul-li {

    transition: all .36s;

}



.enlarge.vcbr-ul-li {

    width: 46%;

}



.vend-cont {

    padding-bottom: 140px;

    padding-top: 50px;

    position: relative;

    z-index: 10;

}



.vend-serve-box-titb {

    text-align: center;

}



.vsbu-li p {

    width: 180px;

    line-height: 48px;

    border-radius: 4px;

    background: rgba(255, 255, 255, 0.10);

    position: relative;

    z-index: 1;

}



.vsbu-li p::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border-radius: 4px;

    background: linear-gradient(276deg, #009BE1 16.37%, #59E287 103.74%);

    z-index: -1;

    opacity: 0;

    transition: all .36s;

}



.vsbu-li.on p::after {

    opacity: 1;

}



.vsbu-li {

    padding: 0 8px;

    margin-bottom: 16px;

    text-align: center;

}



.vend-serve-box-ul {

    display: flex;

    align-items: center;

    margin: 0 -8px;

    margin-bottom: -16px;

    justify-content: center;

}



.vsbc-ri {

    width: 60%;

}



.vsbc-ri .ys-imgbox-cover {

    width: 100%;

}



.vsbc-le {

    width: 40%;

    max-height: 620px;

}



.vsbc-le-box-tit {

    line-height: var(--line12);

}



.vsbc-le-box {

    padding: 20px 74px 20px 66px;

}



.vend-serve-box-chai {

    display: flex;

    align-items: center;

    border-radius: 26px;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.20);

    background: rgba(255, 255, 255, 0.05);

    backdrop-filter: blur(15px);

    -webkit-backdrop-filter: blur(15px);

    -moz-backdrop-filter: blur(15px);

    -ms-backdrop-filter: blur(15px);

    -o-backdrop-filter: blur(15px);



}



.vsbc-le-box-par {

    margin-top: 23px;

}



.vsbc-le-box-par p {

    font-size: var(--font18);

    line-height: var(--line175);

    color: var(--color4);

    margin-bottom: 14px;

}



.vsbc-le-box-par p:last-child {

    margin-bottom: 0;

}



.vend-serve-box-ul {

    margin-bottom: 40px;

}



.vend-serve {

    padding-bottom: var(--space100);

    position: relative;

    z-index: 10;

}



.vsbc-ri {

    position: relative;

}



.vsbc-ri-pluso {

    position: absolute;

    right: 60.5%;

    top: 57%;

    width: 48px;

    cursor: pointer;

}



.vsbc-ri-plusw {

    position: absolute;

    right: 0;

    top: 54%;

    width: 48px;

}



.vsbc-ri-plust {

    position: absolute;

    right: 0;

    top: 29%;

    width: 48px;

}



.pop.ys-modal-content .mCSB_container {

    display: flex !important;

    height: 100% !important;

}



.pop-box .ys-modal-content {

    width: 800px;

    padding: 52px 60px 42px 50px;

    max-width: calc(100vw - 40px);

    max-height: 800px;

    overflow: hidden;

    border-radius: 16px;

    /* background: rgba(255, 255, 255, 0.10); */

    position: relative;

    background: transparent;

    background: #333B45;

}



.pop-box .ys-modal-content::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border-radius: 16px;

    background: #0B1C2D;

    /* backdrop-filter: blur(29.100000381469727px); */

    opacity: 1;

    z-index: -1;

}



.ymcl-par {

    margin-top: 26px;

}



.ymcl-tit {

    line-height: var(--line12);

    margin-top: 24px;

}



.ys-modal-content-ri {

    width: 49%;

    border-radius: 12px;

    overflow: hidden;

}



.ys-modal-content-le {

    width: 51%;

    padding-right: 43px;

}



.ys-modal-content-ri img {

    width: 100%;

    height: 100%;

}



.pop-box .ys-modal-close {

    position: absolute;

    right: 16px;

    top: 16px;

    font-size: 16px;

    font-weight: 700;

    cursor: pointer;

    z-index: 10;

}



.pop-box .icon-close {

    position: relative;

}



.pop-box .icon-close:before {

    content: "\e747";

    color: #fff;

}



.swiper-slide-le {

    width: 47%;



}



.swiper-slide-le .ys-imgbox-cover {

    width: 100%;

    border-radius: 16px;

    overflow: hidden;

}



.swiper-slide-ri {

    width: 47%;

}



.vend-seca-slide {

    display: flex;

    justify-content: space-between;

}



.swiper-slide-ri-tit {

    line-height: var(--line12);

    margin-top: 30px;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    max-height: 1.2em;

}



.swiper-slide-ri-par {

    margin-top: 23px;

}



.swiper-slide-ri-but {

    margin-top: 40px;

}



.vend-seca .swiper-container-horizontal>.swiper-pagination-progressbar,

.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    width: 21%;

    height: 1px;

    left: calc(100% - 47%);

    top: auto;

    bottom: 32px;

}



.vend-seca .swiper-pagination-progressbar {

    background: rgba(255, 255, 255, 0.20);

    position: absolute;

}



.vend-seca .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: #fff;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    transform: scale(0);

    transform-origin: left top;

}



.vend-seca-swiper {

    position: relative;

}



.swiper-slide-ri-buta {

    display: flex;

    position: absolute;

    left: calc(100% - 25%);

    bottom: 11px;

    z-index: 10;

}



.vend-seca {

    padding-bottom: var(--space130);

    position: relative;

    z-index: 10;

}



.vend-bj {

    position: relative;

    z-index: 1;

}



.vend-bj::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(10, 29, 47, 0.00) 54.99%, #0A1D2F 90.83%), linear-gradient(0deg, rgba(10, 29, 47, 0.00) 0%, #0A1D2F 82.34%);

    z-index: -1;

}



.vend-bj-pic {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

}



.vend-bj-pic::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(10, 29, 47, 0.00) 54.99%, #0A1D2F 90.83%), linear-gradient(0deg, rgba(10, 29, 47, 0.00) 0%, #0A1D2F 82.34%);

}



.vend-bj-pic img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.vend-main .ys-nybanner {

    position: relative;

    z-index: 1;

}



.vend-main .ys-nybanner::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    /* background: linear-gradient(180deg, rgba(10, 29, 47, 0.00) 54.99%, #0A1D2F 90.83%), linear-gradient(0deg, rgba(10, 29, 47, 0.00) 0%, #0A1D2F 82.34%); */

    z-index: 0;

    opacity: 1;

}



.icbr-ribox {

    width: 48px;

}



.icbr-ribox img {

    width: 100%;

}



.icbr-lebox {

    width: 48px;

}



.icbr-lebox img {

    width: 100%;

}



.indu-swiper .ys-imgbox-cover {

    width: 100%;

}





.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #fff;

}



.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #fff;

}



.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #fff;

}



.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #fff;

}



.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%;

    height: 3px;

    margin: 6px auto;

}



.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #fff;

}



.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #fff;

}



.over-schema {

    position: relative;

    z-index: 20;

    padding-top: 290px;

}



.over-schema-bj::after {

    z-index: 11;

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    /* background: linear-gradient(0deg, rgba(10, 29, 47, 0.00) 0%, #0A1D2F 83.82%), linear-gradient(180deg, rgba(10, 29, 47, 0.00) 82.87%, #0A1D2F 102.91%); */

}



/* .over-schema-bj{

    position: relative;

    height: auto;

    bottom: auto;

    left: auto;

} */

/* .over-schema-bj img,

.home-busi-bj img{

    height: auto;

}

.over-schema-bj svg,

.home-busi-bj svg{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 5;

} */

/* .over-process .ys-cont1440{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateY(-50%) translateX(-50%);

    z-index: 20;

} */

.slick-dots li {

    width: 8px;

    height: 8px;

}



.slick-dots li.slick-active {

    background: #009BE1;

}



.over-apti-ul .slick-dots {

    bottom: -25px;

}



.vend-main .ys-nyban-title p {

    font-size: var(--font18);

}



.ys-slick-item {

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}



.ys-slick-item:not(:first-child) {

    display: none;

}



.gocr_list_nub {

    width: 1px;

    height: 1px;

}



.gocr_list_nub_box {

    position: relative;

}



.gocr_list_nub .std_text2 {

    position: absolute;

    white-space: nowrap;

    left: 0px;

    top: 0px;

}



.glnb_wrap img {

    width: 20px;

    position: absolute;

    bottom: 0;

    left: 0;

}



.glnb_tit,

.glnb_wrap img {

    cursor: pointer;

}



.gocr_list_nub[data-area="上海总部"] .glnb_tit {

    transform: rotate(-19deg) translateY(1px) translateX(28px);

}



.gocr_list_nub[data-area="上海总部"] .glnb-pop {

    transform: rotate(-17deg) translate(-63%, -8px);

}



.glnb-pop {

    position: absolute;

    bottom: 45px;

    left: 50%;

    transform: translateX(-50%);

    width: 235px;

    border-radius: 5px;

    background: #FFF;

    padding: 13px 19px 20px;

    /* opacity: 0; */

    pointer-events: none;

    z-index: 99;

    /* transition: all 0.36s; */

    box-shadow: 0px 0px 20.4px 0px rgba(27, 41, 78, 0.14);

}



.glnb_wrap p {

    font-size: var(--font16);

    color: var(--color4);

    line-height: 32px;

    padding: 0px 20px;

    border-radius: 10px;

    background: linear-gradient(100deg, rgba(119, 233, 168, 0.80) 13.77%, rgba(18, 171, 224, 0.80) 92.62%);

    backdrop-filter: blur(10px);

}



.ynwu-li-box:hover .ynwu-li-box-bj.ys-imgbox-cover img:nth-child(2),

.ynwu-li-box:hover .ylbb-warp.ys-imgbox-cover img:nth-child(2) {

    opacity: 1;

}



.ynwu-li-box:hover .ynwu-li-box-bj.ys-imgbox-cover img:nth-child(1),

.ynwu-li-box:hover .ylbb-warp.ys-imgbox-cover img:nth-child(1) {

    opacity: 0;

}



.ynwu-li-box:hover .ynwu-li-box-btn {

    background: #fff;

}



.vcbr-ul-li-img {

    width: 400px;

    height: 100%;

}



audio,

canvas,

progress,

video {

    display: inline-block;

    vertical-align: baseline;

}



.hulb-nohover {

    transition: all .4s;

    opacity: 1;

}



.hulb-hover {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    padding: 32px 33px 0 28px;

    transition: all .4s;

    opacity: 0;

    pointer-events: none;

}



.hulb-hover-box {

    display: flex;

}



.hulb-hover .hbwl-le-btn {

    padding-top: 39.5px;

}



.hulb-hover-le {

    width: 62px;

    flex-shrink: 0;

}



.hulb-hover-ri {

    padding-left: 22px;

}



.hulb-hover-ri-tit {

    font-size: var(--font20);

    line-height: var(--line175);

    font-weight: bold;

    color: var(--color4);

}



.hulb-hover-ri-tit span {

    background: linear-gradient(300deg, #00A0E9 12.54%, #7EEDA4 100.9%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-family: "Microsoft YaHei";

}



.hulb-hover-ri-text {

    padding-top: 12px;

}



.ys-banner-hotext {

    position: absolute;

    z-index: 20;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



/* .search-core .search-tips {

    color: var(--color4) !important;

}

.search-main{

    --colormain1: #fff !important;

}

.suy-box ul a {

    color: #fff !important;

}

.suy-box h3{

    color: #fff !important;

}

.search-right .search-right-link p{

    color: #fff!important;

} */

.circle {

    position: relative;

}



.circle::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: rgba(255, 255, 255, .15);

    animation: myfirst 2s linear infinite;

    animation-delay: 0.6s;

    transform: translate(-50%, -50%) scale(1);

    transition: all .4s;

}



.circle::after {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.08);

    animation: myfirst 2s linear infinite;

    transform: translate(-50%, -50%) scale(1);

    transition: all .4s;

}



.circle img {

    position: relative;

    z-index: 10;

}



.ys-cont {

    position: relative;

}



@keyframes myfirst {

    0% {

        transform: translate(-50%, -50%) scale(0.5);

        opacity: .7;

    }



    50% {

        transform: translate(-50%, -50%) scale(0.8);

        opacity: 0.5;

    }



    100% {

        transform: translate(-50%, -50%) scale(1.5);

        opacity: 0;

    }

}



.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,

.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a {

    color: var(--colormain);

}



.hcwl-swiper-warp-li {

    height: fit-content !important;

}



.vsbc-ri-warp {

    position: relative;

}



.nece-cont .slick-dots {

    bottom: -25px;

}



#threebox>div {

    pointer-events: none;

    overflow: visible !important;

}



.ys-ban-imgbox-ph {

    display: none;

}



.map_wrap {

    border-radius: 10px;

    background: linear-gradient(275deg, #00A0E9 6.93%, #7EEDA4 106.05%);

    display: inline-flex;

    padding: 4px 20px;

    justify-content: center;

    align-items: center;

}



.map_wrap_li_ri {

    padding-left: 0px;

    font-size: var(--font16);

    color: var(--color4);

    line-height: var(--line15);

}



.mc_a1s1_area {

    transform: translateX(-30px) translateY(-50%) !important;

}



.home-case-warp-li .mod-btn {

    margin-top: 78px;

    position: absolute;

    width: 100%;

}



.over-process .mod-btn {

    margin-top: 95px;

    /* position: absolute;

    width: 100%; */

}



.over-schema .ys-viewer-item-img img {

    width: 100%;

}



.over-schema .std-h2 {

    margin-bottom: 30px;

}



.over-process .swiper-container-horizontal>.swiper-pagination-progressbar {

    top: calc(100% + 120px) !important;

    width: 90%;

    left: 50%;

    transform: translateX(-50%);

}



.jion-recr-box-text {

    margin-top: 20px;

}



.over-ban-warp-bj {

    width: 100%;

}



.over-ban-warp-bj img {

    width: 100%;

    margin-top: -15%;

}



.party-main .ys-nybanner::after {

    display: none;

}



@media screen and (min-width: 1200px) {

    .hbwl-le-btn-box:hover img {

        transform: translateX(5px);

    }



    .hbwr-ul-li:hover .hulb-hover {

        pointer-events: all;

        opacity: 1;

    }



    .hbwr-ul-li:hover .hulb-nohover {

        opacity: 0;

    }



    /* f1 */

    .icbu-li:hover::after {

        opacity: 1;

    }



    .icbu-li:hover::after {

        opacity: 1;

    }



    .icbu-li:hover a {

        border-bottom: none;

    }



    .icbu-li:hover .icbu-li-view-pic {

        transform: translateX(10px);

    }



    .comp-tabli li:hover {

        border: 1px solid #00C0FF;

        color: #00C0FF;

    }



    .first li:hover {

        color: #00C0FF;

    }



    .prev li:hover {

        color: #00C0FF;

    }



    .next li:hover {

        color: #00C0FF;

    }



    .end li:hover {

        color: #00C0FF;

    }



    /* e1 */

    .pcbb-ul-li-link:hover::after {

        opacity: 1;

    }



    .pcbb-detail-link:hover .std-btn1-box-icon {

        transform: translateX(10px);

    }



    .pcbb-check-li-link:hover::after {

        opacity: 1;

    }



    .pcbb-check-li-link:hover .pcll-bot-left-pic {

        transform: translateX(10px);

    }



    /* g1 */

    .jrbs-ul-li-box:hover {

        cursor: pointer;

    }



    .jdbu-li-bj:hover {

        cursor: pointer;

    }



    /* c4 */

    .indu-main .swiper-container {

        margin-left: auto;

        margin-right: auto;

        position: relative;

        overflow: inherit;

        list-style: none;

        padding: 0;

        z-index: 1;

    }



    .icbr-lebox {

        cursor: pointer;

    }



    .icbr-ribox:hover {

        cursor: pointer;

    }



    /* d1 */

    .nece-cont-box-news a:hover .std-btn1-box-icon {

        transform: translateX(10px);

    }



    .nhbu-li-link:hover .nhbu-li-link-tit p {

        color: var(--colormain);

    }



    .nhbu-li-link:hover {

        border-bottom: 1px solid #fff;

    }



    .dcbj-news-share:hover .dcbj-news-pico {

        opacity: 0;

    }



    .dcbj-news-share:hover .dcbj-news-pict {

        opacity: 1;

    }



    .nece-cont-box-news a:hover .ncbn-ri-curs {

        transform: translateY(-50%) translateX(50%);

    }



    /* c1 */

    .vsbu-li:hover {

        cursor: pointer;

    }



    .vsbu-li:hover p::after {

        opacity: 1;

    }



    .vtul-tit:hover {

        cursor: pointer;

    }



    /* d2 */

    .dcbj-page-ul-li:hover a {

        color: var(--colormain);

    }



    .jcbj-editor a:hover {

        color: var(--colormain);

    }



    .pcbb-ul-li-link:hover {

        cursor: pointer;

    }



    .julr-ul-li-edit p a:hover {

        color: var(--colormain);

    }



    .icbl-par p a:hover {

        color: var(--colormain);

    }



    .pcbb-detail:hover::after {

        opacity: 1;

    }



    .indu-swiper .ys-imgbox-cover:hover img:nth-child(2) {

        transform: scale(1.05);

    }

}



/* Leo - end */

.over-ban-warp-bj {

    width: 100%;

    height: calc(100% + 100px);

}



.over-ban-warp-bj img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.over-ban-warp-bj img {

    margin-top: 0% !important;

}



.hcwl-swiper {

    position: relative;

    width: calc(calc(620px + calc(var(--jian1) * 2)) * 3);

    overflow: visible !important;

    --jian1: 13px;

    margin: 0 auto;

    left: calc(calc(620px + calc(var(--jian1) * 2)) * -1.5 + 720px);

}



.hcwl-swiper-warp-li.swiper-slide-active {

    transform: scale(1);

}



.home-case-warp {

    overflow: hidden;

}



.home-case-warp-li .mod-btn {

    position: relative;

}



.hcwl-swiper.swiper-container-horizontal>.swiper-pagination-progressbar {

    top: calc(100% - 24px) !important;

}



.hcwl-swiper-warp-li {

    padding: 0 var(--jian1);

}



.hcwl-swiper-warp-li,

.swiper-slide.hcwl-swiper-warp-li {

    width: 33.333333%;

}



.hcwl-swiper-warp-li.swiper-slide-prev {

    transform-origin: top right;

}



.hcwl-swiper-warp-li.swiper-slide-next {

    transform-origin: top left;

}



.hcwl-swiper-warp-li:not(.swiper-slide-active) {

    transform: scale(0.619);

}



.mod-btn .swiper-pagination-progressbar {

    width: calc(100% - 92px - 50px);

    height: 3px;

    left: calc(48px + 25px);

}



.home-case-warp-li .swiper-container-horizontal>.swiper-pagination-progressbar {

    height: 1px !important;

}



.home-case-warp-li .swiper-container-horizontal>.swiper-pagination-progressbar {

    top: calc(100% + 100px) !important;

    left: 50%;

    transform: translateX(-50%);

    width: 90%;

}



.home-case-warp-li .swiper-pagination-progressbar {

    background: rgba(255, 255, 255, 0.20);

    position: absolute;

}



.home-case-warp-li .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: var(--color4);

}



.home-case-warp-li .swiper-pagination-progressbar .swiper-pagination-progressbar-fill::before {

    content: "";

    position: absolute;

    right: -1px;

    top: 50%;

    transform: translateY(-50%);

    width: 8px;

    height: 8px;

    border-radius: 100%;

    background: var(--color4);

}



.home-case-warp-li {

    width: 100%;

    pointer-events: none;

}



.home-case-warp-li.show {

    pointer-events: all;

}



.hcwl-box-img::before {

    bottom: -1px !important;

    border-radius: 0px !important;

}



.three-pos {

    position: absolute;

    height: 2px;

    width: 100%;

    top: 70%;

    transform: translateY(-50%);

    left: 0;

    pointer-events: none;

}



.over-process::before {

    background: linear-gradient(270deg, rgba(10, 29, 47, 0.00) 12.41%, rgba(10, 29, 47, 0.90) 87.37%);

}



.yx-sidebar3-nav li i {

    color: #999;

}



.over-ban {

    height: 220vh;

}



.over-process::before {

    background: linear-gradient(270deg, rgba(10, 29, 47, 0.00) 0%, rgba(10, 29, 47, 0.60) 25%, rgba(10, 29, 47, 0.90) 50%);

    min-width: 7.5vw;

    width: 240px;

}



.obwc-warp {

    z-index: 31;

}



.obwc-warp {

    height: calc(100vh - 120px);

}



.obwc-img {

    position: absolute;

    width: 100%;

    height: calc(100% + 100px);

    top: 0;

    left: 0;

    z-index: 4;

}



.obwc-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.ynwr-ul-li-box {

    backdrop-filter: blur(20px);

    -webkit-backdrop-filter: blur(20px);

    -moz-backdrop-filter: blur(20px);

    -ms-backdrop-filter: blur(20px);

    -o-backdrop-filter: blur(20px);

}



.obwc-img::before {

    content: '';

    position: absolute;

    bottom: -1px;

    width: 100%;

    background: linear-gradient(to top, #0A1D2F, rgba(0, 0, 0, 0));

    left: 0;

    height: 20vh;

}



.over-schema {

    padding-top: 190px;

}



/* 2025.07.24 - start */

.swiper-button-disabled.prev,

.swiper-button-disabled.next {

    background: transparent;

    opacity: .4;

}



.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,

.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,

.ys-ph-navbar3 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,

.ys-ph-navbar3 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox a,

.ys-ph-navbar3 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font,

.ys-ph-navbar3 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox a {

    color: var(--colormain);

}



.ys-bread-list {

    display: flex;

    align-items: center;

}



.ibfo-mian .ys-bread-list-pic img {

    margin-top: 0;

}



.nece-cont-box-news a {

    height: 100%;

}



.nece-cont-box-news {

    padding: 0 10px;

}



.nece-cont-box-ul {

    margin: 0 -10px;

}



.home-case-warp-li .swiper-pagination-progressbar .swiper-pagination-progressbar-fill::before {

    transform: translateY(-50%) scaleX(var(--left1));

}



.search-core-cry .suy-box ul a.act {

    color: var(--colormain1) !important;

}

.dcbj-editor p,

.dcbj-editor p span {

    font-family: inherit !important;

}

span{

    line-height: inherit;

}

.std-insideh1 span,

.home-main .std-insideh1 span {

    line-height: inherit;

}

.vcbl-tit{

    line-height: 1.3;

}

.ys-page-wrap .ys-bread,

.ys-privacy .ys-bread,

.inside-main .ys-bread {

    position: absolute;

    left: 50%;

    top: 20px;

    transform: translateX(-50%);

}

.ys-nybanner .ys-bread{

    top: auto!important;

}
.ys-ph-navbar3 .ys-phmenu-scroll{
    width: calc(100% + 15px);
}
.ys-ph-nav,
.ys-ph-nav>li,
.ys-phnav-lisbox{
    width: 100%;
}
.ys-ph-navbar3 .ys-phmenu-scroll .mCustomScrollBox,
.ys-ph-navbar3 .ys-phmenu-scroll .mCSB_container{
    width: 100%;
}
.search-right-link-date{
    color: #fff!important;
}
.search-right .search-right-link {
    width: 100%;
}
.ys-privacy .ys-bread {
    top: calc(var(--headh) + 20px);
}