@charset "utf-8";
/* 公共样式 - start */
@font-face {
    font-family: "BlueSword-Regular";
    src: url(../fonts/OPPOSans-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "BlueSword-Medium";
    src: url(../fonts/OPPOSans-Medium.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BlueSword-Bold';
    src: url('../fonts/OPPOSans-B-2.ttf') format("truetype");
}
body {
    font-family: "BlueSword-Regular", "PingFang SC", "Microsoft YaHei" !important;
}
input,textarea{
    font-family: "BlueSword-Regular", "PingFang SC", "Microsoft YaHei" !important;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "BlueSword-Regular", "PingFang SC", "Microsoft YaHei" !important;
}
.search-main{
    --colormain1: var(--colorbj) !important;
    --color4: var(--colorfff) !important;
}
/* 英文站换行规则 */
p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: normal; 
}
:root {
    /* 字号 */
    --font44: 44px;
    --font32: 32px;
    --font28: 28px;
    --font24: 24px;
    --font20: 20px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line13: 1.3;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line17: 1.7;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 74px;
    /* 颜色 */
    --color1a1: #1A1A1A;
    --color777: #777777;
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    /* --colormain1: #00797F; */
    --colormain1: #007682;
    --colormain2: #1A1A1A;
    /* --colorbj1: #08A2AD; */
    --colorbj1: #1099A1;
    --colorbj2: #CCE3E6;
    --colorbj3: #F0F0F0;
    /* --colorbj4: linear-gradient(180deg, rgba(66, 209, 216, 1) 0%, rgba(0, 121, 127, 1) 100%); */
    --colorbj4: linear-gradient(180deg, rgba(66, 209, 216, 1) 0%, rgba(0, 118, 130, 1) 100%);
    /* 板块间距 */
    --space100: 100px;
    --space40: 40px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --bold:'BlueSword-Bold';
    --medium:'BlueSword-Medium';
    --shadow:0 0 10px 3px rgb(0 0 0 / 5%);
}
.std-h1 {
    font-size: var(--font44);
    color: var(--color1a1);
    line-height: var(--line13);
    font-family: var(--bold) !important;
}
.std-h2,
.yxedr-active h2 {
    font-size: var(--font32);
    color: var(--color1a1);
    line-height: var(--line14);
}
.std-h3,
.yxedr-active h3 {
    font-size: var(--font28);
    color: var(--color1a1);
    line-height: var(--line14);
}
.std-h4,
.yxedr-active h4 {
    font-size: var(--font24);
    color: var(--color1a1);
    line-height: var(--line14);
}
.std-h5,
.yxedr-active h5 {
    font-size: var(--font20);
    color: var(--color1a1);
    line-height: var(--line16);
}
.std-text1,
.std-text1 p {
    font-size: var(--font18);
    color: var(--color1a1);
    line-height: var(--line17);
}
.std-text2,
.std-text2 p {
    font-size: var(--font16);
    color: var(--color1a1);
    line-height: var(--line17);
}
.std-text3,
.std-text3 p {
    font-size: var(--font14);
    color: var(--color1a1);
    line-height: var(--line17);
}
.yxedr-active p {
    font-size: var(--font18);
    color: var(--color1a1);
    line-height: 2.1;
    margin-bottom: 20px;
}
.std-padd100 {
    padding: var(--space100) 0;
}
.std-padd100-top{
    padding-top: var(--space100);
}
.std-padd100-bot{
    padding-bottom: var(--space100);
}
.yxedr-active h2, .yxedr-active h3 {
    margin-bottom: var(--parpspace16);
}
.yxedr-active h4 {
    margin-bottom: var(--parpspace12);
}
.yxedr-active h5 {
    margin-bottom: var(--parpspace10);
}
.ys-cont1720{
    width: 1720px;
    max-width: 1720px;
    margin: 0 auto;
}
/*分享翻译*/
.ys-wechat-cont-parga p::before{
    /* content: '分享到 - 微信'; */
    content: 'Share the - weixin';
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color:#999 !important;
    opacity: 0.6 !important;
    white-space: nowrap;
    font-size: 12px !important;
}
/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child){
    display: none;
}
/* 侧边锚点隐藏 */
.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-disabled, 
.slick-disabled{
    pointer-events: none!important;
    opacity: .5!important;
}
/* 按钮-start */
.std-btn1{
    display: inline-block;
}
.std-btn1-box{
    display: block;
    cursor: pointer;
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--colorfff);
    transition: all .36s ease;
    padding: 14px 32px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: var(--colormain1);
    font-family: var(--bold) !important;
}
.std-btn1-box::after {
    content: "";
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: -20%;
    right: 0%;
    width: 130%;
    background: #05696E;
    transition: all .4s ease;
    z-index: -1;
    overflow: hidden;
    transform-style: preserve-3d;
    transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(45deg, 0deg);
}
.std-btn1.white .std-btn1-box{
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(15.850000381469727px);
    -webkit-backdrop-filter: blur(15.850000381469727px);
    -moz-backdrop-filter: blur(15.850000381469727px);
    -ms-backdrop-filter: blur(15.850000381469727px);
    -o-backdrop-filter: blur(15.850000381469727px);
    position: relative;
    z-index: 1;
    font-size: var(--font16);
    padding: 12px 24px;
    overflow: hidden;
    border-radius: 3px;
}
.std-btn1.white .std-btn1-box::after{
    background: var(--colormain1);
}
.std-btn1.white .std-btn1-box::before{
    content: "";
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* width: calc(100% - 2px); */
    /* height: calc(100% - 2px); */
    pointer-events: none;
    border-radius: 3px;
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 1), rgba(255, 255, 255, .2));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    transition: all .36s ease;
}
.std-btn1-icon{
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 6px;
}
.std-btn1-icon img{
    width: 100%;
}
.std-btn1.icon .std-btn1-box{
    display: flex;
    align-items: center;
    padding: 12px 24px;
}
.std-btn1.icon .std-btn1-box span{
    display: inline-block;
    font-size: var(--font16);
    line-height: var(--line13);
}
.std-btn1.white2 .std-btn1-box{
    color: var(--colormain1);
    background: var(--colorfff);
    font-size: var(--font16);
    padding: 12px 24px;
}
.std-btn2{
    display: inline-block;
}
.std-btn2-box{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.std-btn2-icon{
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 10px;
    transition: all .36s ease;
    transform: translateX(0px);
}
.std-btn2-icon img{
    width: 100%;
}
.std-btn2-box span{
    display: inline-block;
    color: var(--colormain1);
    font-size: var(--font16);
    font-family: var(--bold) !important;
    line-height: var(--line14);
}
.mod-arrows1{
    display: flex;
    align-items: center;
}
.arrows1-icon{
    width: 44px;
    height: 44px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.20);
    cursor: pointer;
    transition: all .36s ease;
}
.arrows1-icon img{
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .36s ease;
}
.arrows1-icon img:nth-child(2){
    opacity: 0;
}
.arrows1-prev, .arrows2-prev{
    margin-right: 10px;
}
.mod-arrows2{
    display: flex;
    align-items: center;
    pointer-events: none;
}
.arrows2-icon{
    width:44px;
    height: 44px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    border-radius: 3px;
    flex-shrink: 0;
    background: var(--colormain1);
    transition: all .36s ease;
}
.arrows2-icon img{
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/* 按钮-end */
.mod-bread{
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.ys-bread-list a{
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--colorfff);
    opacity: 0.6;
}
.ys-bread-list::before{
    content: "\e743";
    font-family: 'iconfont';
    font-size: 10px;
    color: rgba(255,255,255,0.6);
    line-height: inherit;
    right: -5px;
}
.ys-bread-list{
    padding: 0 12px;
}
.inside-main .ys-bread-list a{
    color: var(--color1a1);
}
.inside-main .ys-bread-list::before{
    color: var(--color1a1);
    opacity: 0.6;
}
.ys-bread{
    margin: 0 -12px;
}
.ys-nybanner .ys-pos-center{
    z-index: 9;
}
/* 顶部导航-start */
.ys-hd-pc{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: var(--color1a1) !important;
    padding: 0px !important;
}
.ys-main{
    margin-top: var(--headh);
}
.mod-nav{
    display: flex;
    justify-content: space-between;
}
.head-logo{
    width: 158px;
    flex-shrink: 0;
}
.head-logo a{
    display: block;
    width:100%;
}
.head-logo a img{
    width: 100%;
    opacity: 1 !important;
}
.head-other .std-btn1-box{
    padding: 8px 26.5px;
    font-size: var(--font16);
    line-height: var(--line17);
}
.head-nav-item-title{
    font-size: var(--font16);
    line-height: var(--headh);
    color: var(--colorfff);
    position: relative;
}
.head-nav-item-title::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0%;
    height: 2px;
    background: var(--colormain1);
    transition: all .36s ease;
}
.head-nav-item.yxnav-active1 .head-nav-item-title::after{
    width: 100%;
}
.head-nav-item-nub{
    padding: 0 25px;
}
.head-fr{
    display: flex;
    align-items: center;
}
.head-nav{
    margin: 0 -25px;
}
.head-other{
    margin-left: 180px;
}
.ys-search5-icon{
    width: 32px;
    cursor: pointer;
    line-height: var(--headh);
}
.ys-search5-icon img{
    width: 100%;
}
.ys-search5-pop{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background:var(--color1a1);
    display: none;
}
.ys-search5-pop .ys-modal-close {
    right: 6%;
    top: 4%;
    font-size: 28px;
    font-weight: 400;
}
.ys-search5-pop .ys-modal-close .iconfont {
    color: #999;
    font-size: inherit;
}
.yspc-wrap{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.yspc-wrap-tit{
    font-size: 44px;
    line-height: 1.5;
    color: var(--colorfff);
    margin-bottom: 28px;
}
.yspc-wrap-input{
    width: 100%;
    border: 1px solid #999;
    border-radius: 50px;
    padding-right: 30px;
    display: flex;
    align-items: center;
    height: 80px;
}
.yspc-wrap-input-icon{
    width: 40px;
    cursor: pointer;
    line-height: 78px;
}
.yspc-wrap-input-icon img{
    width: 100%;
}
.yspc-wrap-input-text{
    width: calc(100% - 40px);
    padding: 0 30px;
    height: 100%;
}
.yspc-wrap-input-text input{
    font-size: 24px;
    color: var(--colorfff);
    width: 100%;
    height: 100%;
}
.yspc-wrap-input-text input::placeholder{
    font-size: 24px;
    color: rgab(255,255,255,0.8) !important;
}
.ys-search5-pop-cont{
    width: 100%;
    height: 100%;
}
.head-lang-top-circle{
    width: 28px;
}
.head-nav-item{
    position: static;
}
.head-nav-item-down{
    width: 100vw;
    background: rgba(30, 31, 36, 0.80);
    backdrop-filter: blur(22.850000381469727px);
    -webkit-backdrop-filter: blur(22.850000381469727px);
    -moz-backdrop-filter: blur(22.850000381469727px);
    -ms-backdrop-filter: blur(22.850000381469727px);
    -o-backdrop-filter: blur(22.850000381469727px);
    padding: 66px 0 77px;
}
.mpwl-link .ys-imgbox-cover{
    margin-bottom: 18px;
}
.mod-pull-wrap-le{
    width: 21.8%;
    padding-right: 83px;
    border-right: rgba(255, 255, 255, 0.40) solid 1px;
}
.mpwl-word{
    margin-bottom: 22px;
}
.mpwl-word p{
    color: var(--colorfff);
    line-height: var(--line16);
    font-family: var(--medium) !important;
}
.head-nav-item-down .ys-cont1720{
    position: relative;
}
.mod-pull-bg{
    width: calc(1920px * 0.23);
    position: absolute;
    top: 50%;
    right: 100px;
    transform: translateY(-50%);
    pointer-events: none;
    overflow: hidden;
}
.mod-pull-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mod-pull-wrap-ri{
    width: 78.2%;
    padding-left:83px;
}
.mpwr-ul-li{
    padding: 0 60px;
}
.mpwr-ul{
    margin: 0 -60px;
    display: flex;
}
.mull-items{
    margin-bottom: 15px;
}
.mull-items:last-child{
    margin-bottom: 0px;
}
.mull-items-link img{
    width: 20px;
    flex-shrink: 0;
    opacity: 0;
    transition: all .36s ease;
    margin-left: 44px;
}
.mull-items-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mull-items-link span{
    white-space: nowrap;
    color: var(--colorfff);
    line-height: var(--line175);
    font-size: var(--font18);
    display: inline-block;
    transition: all .36s ease;
}
.mull-items.yxnav-active2 span{
    color: var(--colorbj1);
}
.mull-items.yxnav-active2 img{
    opacity: 1;
}
.mod-pull-wrap{
    display: flex;
    align-items: flex-start;
}
.mpwr-ul-li-tab p{
    color: var(--color777);
    line-height: var(--line175);
    font-size: var(--font20);
}
.mpwr-ul-li-tab{
    margin-bottom: 22px;
}
.mpwr-ul-li-min{
    display: flex;
}
.solu-pull .mpwr-ul-li{
    border-right: solid 1px rgba(255, 255, 255, 0.30);
}
.solu-pull .mpwr-ul-li:last-child{
    border-right: solid 1px transparent;
}
.solu-pull .mod-pull-wrap-ri{
    padding-right: 14%;
}
.solu-pull .mpwr-ul-li:first-child{
    width: 28%;
}
.solu-pull .mpwr-ul-li:last-child{
    width: 72%;
}
.solu-pull{
    overflow: hidden;
}
.mod-pull{
    overflow: hidden;
}
/* 顶部导航-end */
/* 底部导航-start */
.ys-footer{
    width: 100%;
    position: relative;
    padding-top: var(--space100);
    background: var(--colorfff);
}
.mod-foot-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mod-foot-top{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.mod-foot-top-logo{
    width: 220px;
}
.mod-foot-top-logo a{
    display: block;
    width: 100%;
}
.mod-foot-top-logo a img{
    width: 100%;
}
.mftr-ul{
    display: flex;
    justify-content: flex-end;
    margin: 0 -47px;
}
.mftr-ul-li{
    padding: 0 47px;
}
.mftr-ul-li-link a{
    color: var(--color1a1);
    line-height: var(--line175);
    font-family: var(--bold) !important;
}
.mftr-ul-li-link{
    margin-bottom: 14px;
}
.mftr-ul-li ul li p a{
    display: block;
    color: var(--color777);
    line-height: var(--line175);
    transition: all .36s ease;
    font-family: var(--medium) !important;
    font-size: var(--font16);
}
.mftr-ul-li ul li{
    margin-bottom: 10px;
}
.mftr-ul-li ul li:last-child{
    margin-bottom: 0px;
}
.mod-foot-top{
    margin-bottom: 142px;
}
.mod-foot-bot-tp{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 23px;
    border-bottom: solid 1px rgba(119,119,119,0.3);
    margin-bottom: 14px;
}
.mfbt-share, .mfbt-share-list{
    display: flex;
    align-items: center;
}
.mfbt-share-text{
    color: var(--color1a1);
    line-height: var(--line175);
    font-family: var(--medium) !important;
    margin-right: 33px;
}
.msli-link{
    width: 37px;
    flex-shrink: 0;
    display: block;
    cursor: pointer;
}
.msli-link img{
    width: 100%;
}
.mfbt-share-list-item{
    padding: 0 12px;
    position: relative;
}
.mfbt-share-list{
    margin: 0 -12px;
}
.msli-code{
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    box-shadow: var(--shadow);
    padding: 8px;
    border-radius: 10px;
    display: none;
}
.msli-code img{
    width: 100%;
}
.mfbt-lang{
    position: relative;
}
.mfbt-lang .head-lang-down{
    background: var(--colorfff);
}
.mfbt-lang .head-ldi-nub a{
    color: var(--color777);
}
.mfbt-lang{
    display: none;
}
.mod-foot-bot-bt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 22px;
}
.mfbb-le p span, .mfbb-le p a{
    color: var(--color777);
    line-height: var(--line175);
    font-size: var(--font16);
}
.mfbb-riul-li{
    padding: 0 22.5px;
}
.mfbb-riul{
    display: flex;
    margin: 0 -22.5px;
}
.mfbb-riul-li a{
    display: block;
    font-size: var(--font16);
    color: var(--color777);
    line-height: var(--line175);
    transition: all .36s ease;
}
.mod-ph{
    display: none;
}
.mftt-top{
    background: #F0F0F0;
    padding: 36px 16px 37px 37px;
}
.mftt-top-tit{
    color: var(--color1a1);
    line-height: var(--line14);
    font-family: var(--bold) !important;
    margin-bottom: 12px;
    font-size: var(--font24);
}
.mftt-top-word p{
    color: var(--color777);
    line-height: var(--line17);
    font-size: var(--font14);
}
.mftt-top-word{
    margin-bottom: 17px;
}
.mod-foot-top-touch{
    width: 25.5%;
    flex-shrink: 0;
}
.mod-foot-top-touch .std-btn1-box{
    font-size: var(--font14);
    line-height: var(--line175);
    padding: 7px 32px;
}
.mod-foot-top-right{
    width: 100%;
    padding-left: 113px;
}
.mod-foot-top-right ul{
    justify-content: space-between;
}
/* 底部导航-end */
/* 侧边-start */
.ysln-box{
    display: block;
}
.yx-sidebar1{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 99;
    width: 66px;
}
.yx-sidebar1-list {
    padding: 12px 0;
    border-radius: 35px;
    border: 0.75px solid #F4F8FA;
    background: #FFF;
    box-shadow: 0px 9px 15px 0px rgba(0, 18, 97, 0.08);
}
.yx-sidebar1-list-nub{
    position: relative;
    padding: 15px 0;
}
.yx-sidebar1-list-nub::before{
    content: '';
    width: 80%;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: #EDEDED;
}
.yx-sidebar1-list-nub:last-of-type::before{
    display: none;
}
.ysln-box-img{
    width: 26px;
    margin: 0 auto;
    margin-bottom: 2px;
}
.ysln-box-img img{
    width: 100%;
}
.ysln-box-title{
    font-size: 12px;
    color: #333;
    line-height: 1.3;
    text-align: center;
    font-family: var(--medium) !important;
}
.yx-sidebar-up .ysln-box{
    cursor: pointer;
}
/* 侧边-end */
/* 内页banner-start */
.ys-nybanner.on .ys-nyban-img::after{
    display: block;
}
.ys-nyban-img::after{
    pointer-events: none;
    z-index: 9;
    display: none;
}
.ys-nybanner .ys-pos-center{
    top: auto;
    transform: translate(-50%,0%);
    bottom: 115px;
}
.ys-nyban-title p{
    font-size: var(--font16);
    opacity: 0.8;
    color: var(--colorfff);
    line-height: var(--line175);
    margin-bottom: 10px;
}
.ys-nyban-title h1{
    font-family: var(--bold) !important;
    font-size: var(--font44);
    color: var(--colorfff);
    line-height: var(--line13);
}
.head-lang-top-jian {
    width: 12px;
    margin-left: 6px;
}
.head-lang{
    margin-left: 30px;
}
.ys-search5{
    margin-left: 42px;
}
.ys-search5-icon{
    line-height: inherit;
}
.head-lang-down{
    width: calc(100% + 30px);
    background: var(--color1a1);
    border-radius: 0 0 5px 5px;
    box-shadow: var(--shadow);
}
.head-ldi-nub a{
    color: var(--colorfff);
    opacity: 0.8;
}
.head-ldi-nub.on a{
    color: var(--colormain1);
    opacity: 1;
}
.head-lang-top-jian{
    transition: all .36s ease;
}
.head-lang.active .head-lang-top-jian{
    transform: rotate(180deg);
}
.ys-page-wrap.banner2 .ys-nybanner .ys-pos-center{
    top: 50%;
    bottom: auto;
    transform: translate(-50%,-50%);
}
/* 内页banner-end */
/* 公共样式 - end */
/* Leo--辅助--start */
.solut-plat-box {
    padding-left: 280px;
    padding-right: 28px;
}
.spbl-label,
.spbl-label p {
    font-family: var(--medium);
    color: rgba(26, 26, 26, 0.5);
}
.spbl-label {
    margin-bottom: 12px;
}
.spbl-tit {
    font-weight: var(--medium);
    color: var(--colormain1);
    font-family: var(--bold);
    padding-right: 10px;
}
.solut-plat-box-le {
    width: 41%;
}
.spbr-brief,
.spbr-brief p {
    font-family: var(--medium);
    color: rgba(26, 26, 26, 0.7);
}
.spbr-brief {
    margin-bottom: 32px;
}
.solut-plat-box-ri {
    width: 51%;
    margin-top: 23px;
}
.solut-plat-box {
    display: flex;
    justify-content: space-between;
}
.solut-toggle .solut-toggle-cont {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}
.solut-toggle .solut-plat-box {
    display: block;
}
.solut-toggle-list {
    position: relative;
}
.solut-toggle-list-ul2 {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
}
.stlu-li {
    height: 100%;
}
.stlu-li .stlu-li-box {
    padding: 35px 61px 35px 24px;
    background: var(--colorbj2);
}
.stlu-li.on .stlu-li-box {
    padding: 31px 29px 68px 23px;
    background: var(--colorbj2);
}
.stlu-li-box-tit {
    font-family: var(--bold);
}
.stlu-li-box .stlu-li-box-pic {
    margin-bottom: 54px;
    width: 56px;
}
.stlu-li-box-pic .ys-imgbox-cover {
    width: 100%;
}
.stlu-li-box-tit {
    margin-bottom: 29px;
}
.stlu-li-box-par {
    font-weight: var(--medium);
    color: rgba(26, 26, 26, 0.7);
}
.stlu-li-box-image {
    width: 60px;
}
.stlu-li-box-image .ys-imgbox-cover {
    width: 100%;
}
.stlu-li .stlu-li-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.stlu-li {
    width: 286px;
}
.stlu-li.on {
    width: 684px;
}
.solut-toggle-list-ul {
    height: 364px !important;
}
.solut-toggle-list-ul {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    position: relative;
    display: flex;
}
.stlu-li {
    height: auto;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
}
.stlu-li-cent {
    position: relative;
    width: 100%;
    height: 100%;
}
.stlu-li-box {
    height: 100%;
}
.stlu-li .stlu-li-box:last-child {
    opacity: 0;
}
.stlu-li.on .stlu-li-box:last-child {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}
.stlu-li.on .stlu-li-box:first-child {
    opacity: 1;
}
.solut-toggle-slick {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.solut-toggle-slick .slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.solut-toggle-slick-item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.slick-track .solut-toggle-slick-item {
    display: block !important;
}
.solut-down-le {
    width: 40%;
    padding-left: 66px;
}
.solut-down .solut-plat-box {
    padding-left: 230px;
}
.solut-down {
    background-color: var(--colorbj3);
}
.solut-down .solut-plat-box-top {
    justify-content: flex-start;
    align-items: center;
}
.solut-down-le img {
    width: 100%;
}
.solut-down-ri-tit {
    color: var(--colormain1);
    margin-bottom: 20px;
    font-weight: bold;
}
.solut-down-ri-par,
.solut-down-ri-par p {
    color: var(--color777);
    line-height: var(--line17);
}
.solut-down-ri-par {
    margin-bottom: 46px;
}
.solut-down-ri {
    width: 60%;
    padding-right: 67px;
}
.solut-down .solut-plat-box {
    display: block;
}
.solut-plat-box-top {
    display: flex;
    justify-content: space-between;
}
.solut-plat-box-bot {
    padding-top: 210px;
}
.solut-tions {
    background-color: var(--colorbj3);
    padding-bottom: 56px;
}
.spbb-par,
.spbb-par p {
    color: var(--color777);
}
.solut-plat-box-bot {
    width: 83.5%;
}
.solut-plat-box-bot .spbl-tit {
    margin-bottom: 20px;
}
.sdbs-item-ri-box {
    padding: 102px 100px 0 100px;
    padding-right: var(--lefts) !important;
    flex-shrink: 0;
    background-color: var(--colormain1);
    height: 100%;
}
.stlu-li-par,
.stlu-li-par p {
    color: rgba(255, 255, 255, 0.6);
}
.stlu-li-icon {
    width: 50px;
    flex-shrink: 0;
    margin-right: 20px;
}
.solut-toggle .stlu-li {
    margin-bottom: 30px;
}
.stlu-li-icon .ys-imgbox-cover {
    width: 100%;
}
.sdbs-item-box {
    display: flex;
}
.sdbs-item-le {
    width: 50%;
}
.sdbs-item-ri {
    width: 50%;
}
.sdbs-item-le .ys-imgbox-cover {
    width: 100%;
}
.sirb-tit-list {
    width: 100%;
    position: relative;
    z-index: 10;
}
.stlu-lid {
    position: relative;
}
.stlu-lid::after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    width: 1px;
    height: calc(100% + 30px);
    background-color: rgba(255, 255, 255, 0.2);
    z-index: -1;
}
.stlu-lid:last-child::after {
    display: none;
}
.sirb-tit-list-ul {
    width: 100%;
}
.stlu-lid {
    width: 100%;
    margin-bottom: 30px;
}
.stlu-li-boxs {
    display: flex;
    align-items: center;
}
.stlu-li {
    margin-bottom: 30px;
}
.stlu-li {
    padding: 0 13px;
}
.solut-toggle-list-ul {
    margin: 0 -13px;
}
.sirb-tit {
    color: var(--colorfff);
    margin-bottom: 96px;
    font-family: var(--bold);
}
.sirb-tit-list {
    margin-bottom: 56px;
}
.solut-see-box {
    padding-left: 280px;
}
.solut-see-box-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 33px;
}
.ssib-icon {
    width: 42px;
    background-color: var(--colormain1);
    padding: 6px;
}
.ssib-icon .ys-imgbox-cover {
    width: 100%;
}
.ssbb-slick-item-box {
    background-color: #F0F0F0;
    transition: all .36s;
}
.ssbb-slick-item-box2 {
    position: relative;
    transition: all .36s;
}
.ssib-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.ssbb-slick-item {
    position: relative;
}
.ssbb-slick-item-box2 {
    padding: 0 17px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.ssbb-slick-item {
    padding: 0 17px;
}
.ssbb-slick {
    margin: 0 -17px;
}
.ssbb-slick-item-tit {
    margin-top: 17px;
    transition: all .36s;
}
.ssbb-slick-item-tit {
    font-family: var(--bold);
}
.sabs-cnet-slide-box .ys-imgbox-cover {
    border: 1px solid rgba(139, 141, 152, 0.40);
}
.sabs-cnet-slide-box {
    margin-bottom: 21px;
}
.scsb-tab {
    color: var(--color777);
    margin-bottom: 7px;
}
.scsb-tit {
    line-height: var(--line14);
    color: var(--color1a1);
    margin-bottom: 14px;
    font-family: var(--bold);
    transition: all 0.36s ease;
    text-decoration-color: rgba(0, 121, 127, 0);
    text-underline-offset: 8px;
    text-decoration-thickness: 1px;
}
.ssbb-slick-item-link {
    width: 100%;
}
.scsb-label-ul-li p {
    line-height: var(--line16);
    color: var(--colormain1);
    padding: 6px 13px;
    border-radius: 3px;
    border: 1px solid #00797F;
    font-family: var(--medium);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.scsb-label-ul-li {
    margin-right: 8px;
    margin-top: 6px;
}
.scsb-label-ul-li:last-child {
    margin-right: 0;
}
.scsb-label-ul {
    display: flex;
    flex-wrap: wrap;
}
.scsb-label {
    margin-bottom: 47px;
}
.sabs-cnet-slide {
    width: 470px !important;
}
.sabs-cnet-slide-link {
    width: 100%;
}
.scsb-tit {
    position: relative;
}
.scsb-tit::after {
    content: "";
    position: absolute;
    left: 0;
    border-radius: 0;
    width: 100%;
    height: 1px;
    background-color: red;
    opacity: 0;
}
.solut-toggle-cont {
    margin-bottom: 30px;
}
.solut-toggle {
    padding: var(--space100) 0;
    position: relative;
}
.solut-see {
    position: relative;
}
.solut-see::after {
    content: "";
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    width: var(--left);
    height: 90%;
    background-color: #fff;
    z-index: 1;
}
.solut-toggle::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: var(--left);
    height: 100%;
    background-color: #fff;
}
.solut-down {
    padding-top: var(--space100);
    position: relative;
    z-index: 1;
    padding-bottom: 56px;
}
.solut-down-bj {
    width: 100%;
    position: absolute;
    left: 0;
    top: -1px;
    z-index: -1;
}
.solut-down-bj img {
    width: 100%;
}
.solut-see {
    padding-top: var(--space100);
}
.sncw-slide-box-pic {
    width: 100%;
}
.sncw-slide-box-pic .ys-imgbox-cover {
    width: 100%;
}
.sncw-slide-box-pic {
    position: relative;
}
.sncw-slide-box-tab p {
    line-height: var(--line175);
    color: var(--colorfff);
    padding: 3px 12px;
    border-radius: 3px;
    border: 1px solid var(--colorfff);
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    -moz-backdrop-filter: blur(2px);
    -ms-backdrop-filter: blur(2px);
    -o-backdrop-filter: blur(2px);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.sncw-slide-box-tab {
    position: absolute;
    left: 16px;
    top: 12px;
    z-index: 30;
}
.sncw-slide {
    width: 546px !important;
    position: relative;
}
.sncw-slide.act {
    position: relative;
    z-index: 1;
}
.sncw-slide.act::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%) !important;
    z-index: 0;
}
.ssbc-data {
    line-height: var(--line175);
    color: var(--color777);
    margin-bottom: 6px;
}
.ssbc-tit {
    line-height: var(--line14);
    margin-bottom: 16px;
    font-family: var(--bold);
    transition: all .36s;
}
.ssbc-par,
.ssbc-par p {
    font-size: var(--font16);
    color: var(--colorfff);
    line-height: var(--line16);
}
.ssbc-par {
    margin-bottom: 40px;
}
.ssbc-par p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.2em;
}
.sncw-slide-box2 {
    width: 100%;
    position: relative;
    pointer-events: none;
}
.sncw-slide.act .sncw-slide-box2 {
    pointer-events: all;
}
.sncw-slide-box2 .ys-imgbox-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prod-main .solut-see-box {
    padding: 0;
}
.sncw-slide-box2 .sncw-slide-box-cent {
    position: absolute;
    bottom: 58px;
    left: 33px;
    z-index: 66;
    right: 33px;
}
.ys-form-inof-submit.solut-book-ri-li {
    margin-bottom: 0 !important;
}
.sncw-slide-box2 .ssbc-data {
    color: var(--colorfff);
}
.sncw-slide-box2 .ssbc-tit {
    color: var(--colorfff);
    font-family: var(--bold);
}
.sncw-slide {
    position: relative;
    transition: all .36s;
}
.sncw-slide-box-pic .ys-imgbox-cover {
    margin-bottom: 20px;
}
.sncw-slide-box2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .36s;
}
.sncw-slide-box {
    transition: all .36s;
}
.act.sncw-slide .sncw-slide-box2 {
    opacity: 1;
}
.sncw-slide.act .sncw-slide-box-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.sncw-slide.act .sncw-slide-box-pic .ys-imgbox-cover {
    height: 100%;
}
.sncw-slide {
    height: auto !important;
}
.sncw-slide-link {
    height: 100%;
}
.sncw-slide.act .sncw-slide-box-cent {
    position: absolute;
    bottom: 58px;
    left: 33px;
    right: 28px;
    z-index: 66;
}
.sncw-slide.act .sncw-slide-box-cent .ssbc-data {
    color: var(--colorfff);
}
.sncw-slide.act .sncw-slide-box-cent .ssbc-tit {
    color: var(--colorfff);
}
.sncw-slide.act .sncw-slide-box-cent .ssbc-tit-par p {
    color: var(--colorfff);
}
.sncw-slide.act .sncw-slide-box-cent .std-btn2-box span {
    color: #08A2AD;
}
.ys-pos-center-box {
    position: absolute;
    bottom: 10px;
    left: 0;
}
.solut-book-le-tit {
    line-height: 1.2;
    color: var(--colormain1);
    margin-bottom: 42px;
    font-family: var(--bold);
}
.solut-book-le-par {
    margin-bottom: 17px;
}
.solut-book-le-par:first-child {
    margin-bottom: 3px;
}
.solut-book-le-par,
.solut-book-le-par p {
    font-family: var(--medium);
}
.solut-book-le-deta {
    color: var(--color777);
}
.solut-book-le {
    width: 26.5%;
}
.solut-book-ri {
    width: 66%;
}
.solut-book .ys-cont1720 {
    display: flex;
    justify-content: space-between;
}
.scesolu-main .ys-main {
    padding-bottom: var(--space100);
}
.solut-book .ys-fii-input {
    width: 100%;
    height: 40px !important;
    border: none !important;
    border-bottom: 1px solid var(--color777) !important;
    display: block;
    position: relative;
}
.solut-book-ri label {
    position: relative;
}
.solut-book-ri .ys-fii-name {
    position: absolute;
    left: 0;
    top: 0;
    font-size: var(--font18);
    color: var(--color1a1);
    line-height: var(--line16);
    font-family: var(--medium);
    transition: all .36s;
    white-space: nowrap !important;
}
.solut-book-ri-li label {
    position: relative;
}
.raas-map-bot-ri .rmtc-box-tit {
    text-align: right !important;
}
.solut-book-ri-li.on .ys-fii-name {
    top: 44px;
    font-size: 14px;
    opacity: 0.3;
}
.solut-book-ri-li .ys-select-xtbbox {
    width: 28px;
}
.solut-book-ri-li .ys-select-xtbbox img {
    width: 100%;
}
.solut-book-ri .ys-form-inof-item .ys-select-xtbbox {
    right: 14px;
}
.ys-form-inof-text.solut-book-ri-li {
    height: 121px;
}
.ys-form-inof-text.solut-book-ri-li .ys-fii-input {
    height: 121px !important;
    border-radius: 3px !important;
    border: 1px solid rgba(139, 141, 152, 0.50) !important;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.solut-book-ri .ys-form-inof-item {
    padding: 0 17px;
    margin-bottom: 35px;
}
.sbrl-par {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--color1a1);
    margin-bottom: 10px;
    margin-left: 17px;
    font-family: var(--medium);
}
.solut-book-ri-li input {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--color1a1);
    font-family: var(--bold) !important;
}
.ys-form-inof-text.solut-book-ri-li textarea {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--color1a1);
    font-family: var(--bold) !important;
}
.ys-form-inof-text.solut-book-ri-li textarea::placeholder {
    font-size: var(--font18) !important;
    line-height: var(--line16) !important;
    color: var(--color777) !important;
    font-family: var(--medium) !important;
}
.ys-form-inof-agree.solut-book-ri-li .ys-fia-text-word {
    font-size: var(--font16);
    color: var(--color777);
    line-height: var(--line16);
    font-family: var(--medium);
}
.ys-form-inof-agree.solut-book-ri-li .ys-fia-text-word a {
    color: var(--colormain1);
    position: relative;
}
.ys-form-inof-agree.solut-book-ri-li .ys-fia-text-word a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: var(--colormain1);
}
.solut-book-ri .ys-fia-text-btn::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url('../images/b1_icon06.svg') !important;
    background-size: 18px 18px !important;
    background-position: center;
    position: absolute;
    background: transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    background-color: var(--colorfff);
    transition: all .4s ease;
}
.solut-book-ri .ys-form-inof-agree.on .ys-fia-text-btn::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
}
.solut-book-ri .ys-fii-input input,
.ys-fii-input textarea {
    padding: 0;
}
.ys-form-inof-text textarea {
    padding: 6px 0 0 14px !important;
}
.solut-book-ri .ys-fia-text-btn {
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: relative;
    top: 3px;
}
.ys-form-inof-agree.solut-book-ri-li .ys-fii-tips {
    left: 17px;
}
.solut-book-ri .ys-form-inof-submit .ys-fii-submit {
    border-radius: 3px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.ys-form-inof-submit.solut-book-ri-li .ys-fii-submit {
    height: auto !important;
    text-align: center;
    background: var(--colormain1);
    color: #fff;
    font-size: var(--font18);
    cursor: pointer;
    padding: 14px 32px;
    font-weight: normal !important;
}
.solut-book-ri-li {
    position: relative;
}
.solut-book-ri-li .ys-fii-tips {
    position: absolute;
    right: 0;
    bottom: -25px;
}
.ys-form-inof-submit {
    width: auto;
    margin-left: 17px;
    padding: 0 !important;
}
.solut-book {
    padding: var(--space100) 0;
    background: var(--colorbj3);
    margin-top: var(--space100);
}
.stlu-li-box-par {
    opacity: 0;
    transition: all 0s;
}
.stlu-li.on .stlu-li-box-par {
    opacity: 1;
    transition: all .36s;
    transition-delay: .5s;
}
/* 侧边 */
.solut-side-ul-li {
    margin-bottom: 18px;
}
.solut-side-ul-li.active p {
    color: var(--colormain1);
}
.solut-side-ul-li,
.solut-side-ul-li p {
    line-height: var(--line175);
    transition: all .36s;
}
.solut-side-ul-li p {
    position: relative;
}
.solut-side-ul-li p::after {
    content: "";
    position: absolute;
    left: -21px;
    top: 10px;
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--colormain1);
    opacity: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: all .36s;
}
.solut-side-ul-li.active p::after {
    opacity: 1;
}
.solut-side {
    position: fixed;
    left: var(--space100);
    top: 50%;
    transform: translateY(-50%) translateX(-300px);
    z-index: 9;
    transition: all .36s;
}
.solut-side-ul {
    width: 130px;
}
.solut-side.start {
    transform: translateY(-50%) translateX(0px);
}
.solut-side.remove1 {
    transform: translateY(-50%) translateX(0px);
}
.solut-side.start.end {
    transform: translateY(-50%) translateX(-300px);
}
.solut-side.remove1.end {
    transform: translateY(-50%) translateX(-300px);
}
.sdcu-li,
.sdcu-li p {
    line-height: var(--line14);
    color: rgba(26, 26, 26, 0.5);
}
.sncw-slide.act .std-btn2 span {
    color: #08A2AD;
}
.sdcu-li.active p {
    color: var(--color1a1);
}
.sdcu-li {
    margin-bottom: 36px;
    width: 152px;
}
.solut-detail {
    position: relative;
}
.sdcu-li {
    position: relative;
    display: flex;
}
.solut-detail-cont {
    position: absolute;
    left: 49px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 60;
}
.sdcu-li div {
    width: 8px;
    height: 8px;
    background: var(--colormain1);
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 4px;
    margin-right: 16px;
    position: relative;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.sdcu-li div::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid var(--colormain1);
    opacity: 0;
    transition: all .36s;
}
.sdcu-li.active div::after {
    opacity: 1;
}
.ssbb-slick .slick-list {
    overflow: visible !important;
}
.solut-acse-box-swiper .swiper-container {
    overflow: visible !important;
}
.solut-news-box-news .swiper-container {
    overflow: visible !important;
}
/* c1 */
.scesolu-top-cent-tit {
    margin-bottom: 27px;
    color: var(--colormain1);
}
.scesolu-top-cent-tit1 {
    margin-bottom: 22px;
    font-family: var(--medium);
}
.scesolu-top-cent-par.scesolu-top-cent-par p {
    color: var(--color777);
}
.scesolu-top {
    padding-top: var(--space100);
}
.scesolu-top-pic-img2 {
    display: none;
}
.scesolu-top {
    position: relative;
}
.scesolu-top-pic {
    width: 100%;
    position: relative;
}
.scesolu-top-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.scesolu-top-cent {
    width: 58%;
    margin: 0 auto;
    text-align: center;
}
.scesolu-top-pic-vde {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.scesolu-top-tact-tit {
    margin-bottom: 22px;
    font-family: var(--bold);
}
.scesolu-top-tact {
    padding: 49px 0 42px 0;
    text-align: center;
    background: rgba(255, 255, 255, 0.26);
    left: 0;
    width: 100%;
    transition: all 1s;
    position: fixed;
    bottom: -300px;
}
.scesolu-top-tact.visible {
    bottom: 0px;
}
.scesolu-top-tact .std-btn1-box {
    padding: 10px 32px;
}
.strt-le-tit {
    color: var(--colormain1);
    margin-bottom: 20px;
    font-family: var(--bold);
}
.strt-le-par,
.strt-le-par p {
    color: var(--color777);
}
.scesolu-tap-ri-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.strt-le {
    width: 67.5%;
}
.saws-box {
    padding: 35px 44px 32px 44px;
    border-radius: 5px;
    background: var(--colorfff);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.saws-box {
    width: 100%;
}
.saws-box .ys-imgbox-cover {
    width: 100%;
}
.strs-arr-wrap-slide {
    height: auto !important;
}
.saws-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.saws-box-num {
    font-size: 40px;
    line-height: var(--line13);
    font-family: var(--bold);
    margin-bottom: 30px;
}
.saws-box-tit {
    color: #000;
    font-family: var(--bold);
    margin-bottom: 26px;
}
.saws-box-par,
.saws-box-par p {
    color: var(--color777);
}
.saws-box-par {
    margin-bottom: 30px;
}
.saws-box-par p a {
    font-size: inherit;
    line-height: inherit;
    color: var(--color1a1);
    text-decoration: underline;
}
.scesolu-tap {
    background-color: #F0F0F0;
}
.scesolu-tap-ri-top {
    margin-bottom: 34px;
}
.stlu-lie-box {
    border-radius: 3px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .36s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.scesolu-tap-le {
    width: 148px;
    margin-right: 95px;
    position: relative;
    z-index: 20;
}
.scesolu-tap-cont {
    width: calc(100% - 148px - 95px);
}
.scesolu-tap .ys-cont1720 {
    display: flex;
    justify-content: space-between;
}
.stlu-lie-box-tit {
    line-height: var(--line13);
    text-align: center;
    transition: all .36s;
    padding: 0 8px;
}
.srsw-slide.swiper-slide-active .sirb-tit {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
.srsw-slide.swiper-slide-active .sirb-tit-list {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.3s;
}
.srsw-slide.swiper-slide-active .std-btn1 {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}
.stlu-lie-box .ys-imgbox-cover {
    width: 52px;
    margin-bottom: 15px;
}
.stlu-lie .stlu-lie-box {
    width: 148px;
    height: 110px;
}
.stlu-lie.on .stlu-lie-box {
    width: 148px;
    height: 167px;
}
.stlu-lie {
    margin-bottom: 7px;
    transition: all .36s;
}
.stlu-lie.on .stlu-lie-box {
    background-color: var(--colormain1);
}
.stlu-lie .ys-imgbox-cover {
    display: none;
}
.stlu-lie.on .ys-imgbox-cover {
    display: block;
}
.stlu-lie.on .stlu-lie-box-tit {
    color: var(--colorfff);
}
.scesolu-tap-cont .scesolu-tap-ri:not(:first-child) {
    display: none;
}
.scesolu-tap .swiper-container {
    overflow: visible !important;
}
.swlu-li:nth-child(2n+2) {
    animation-delay: 0.3s;
}
.swlu-li:nth-child(2n+1) {
    animation-delay: 0.2s;
}
.scesolu-tap {
    position: relative;
    padding: var(--space100) 0;
}
.scesolu-tap::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: var(--left);
    height: 100%;
    background-color: #f0f0f0;
    z-index: 1;
}
.scesolu-main .solut-see-box {
    padding-left: 0;
    padding-right: 0;
}
.scesolu-list {
    position: relative;
}
.scesolu-news {
    position: relative;
}
.scesolu-news::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: var(--lefts);
    height: 100%;
    background-color: #fff;
}
.scesolu-list::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: var(--lefts);
    height: 100%;
    background-color: #fff;
    z-index: 10;
}
.slbc-par,
.slbc-par p {
    color: rgba(255, 255, 255, 0.6);
}
.ssib-link {
    width: 100%;
}
.ssib-link .ys-imgbox-cover {
    width: 100%;
}
.ssbb-slick-item-box2 {
    width: 100%;
}
.ssbb-slick-item-box2 {
    /* pointer-events: none; */
}
.ssbb-slick-item-box .ys-imgbox-cover {
    width: 100%;
}
.ssil-cent {
    padding: 49px 0 60px 0;
    width: 100%;
    background-color: #F0F0F0;
}
.scesolu-main .ssil-cent {
    padding: 49px 0 81px 0;
    width: 100%;
    background-color: #F0F0F0;
}
.scesolu-wat {
    margin-top: var(--space100);
}
.scesolu-wat {
    background-color: var(--colormain1);
    padding: var(--space100) 0;
}
.scesolu-wat-tab,
.scesolu-wat-tab p {
    line-height: var(--line17);
    color: rgba(255, 255, 255, 0.7);
}
.scesolu-wat-tab {
    margin-bottom: 12px;
}
.scesolu-wat-tit {
    line-height: var(--line14);
    font-family: var(--bold);
    color: var(--colorfff);
    margin-bottom: 39px;
}
.raas-main .scesolu-wat-tit {
    margin-bottom: 35px;
}
.raas-img-table table {
    border-collapse: collapse;
}
.raas-img-table table thead tr th:first-child {
    background-color: var(--colormain1) !important;
    color: var(--colorfff);
}
.raas-main .swlu-li-box {
    padding: 41px 49px 41px 42px;
}
.raas-img-pic {
    width: 100%;
}
.raas-img-pic img {
    width: 100%;
}
.rmtm-tit {
    font-size: var(--font44);
    color: var(--color1a1);
    line-height: var(--line13);
    font-family: var(--bold);
    text-align: center;
    padding: 108px 98px 112px 55px;
}
.raas-img-table {
    display: block;
}
.raas-img-table table thead tr th {
    width: 344px;
    padding: 19px 10px 19px 40px;
    font-size: var(--font20);
    color: var(--color1a1);
    line-height: var(--line16);
    font-family: var(--bold);
    text-align: left;
}
.raas-img-table table thead tr {
    position: relative;
}
.raas-img-table table thead tr::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 5px;
    background-color: var(--colorfff);
    z-index: 60;
}
.raas-img-table table tbody tr {
    position: relative;
}
.raas-img-table table tbody tr::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 5px;
    background-color: var(--colorfff);
    z-index: 60;
}
.raas-img-table table thead tr {
    background-color: #F0F0F0;
}
.raas-img-table table tbody tr td {
    width: 344px;
    padding: 19px 28px 19px 28px;
    font-size: var(--font18);
    color: rgba(26, 26, 26, 0.6);
    position: relative;
    line-height: var(--line17);
    font-family: var(--medium);
}
.raas-img-table table tbody tr td::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 50px;
    background-color: rgba(119, 119, 119, 0.33);
}
.raas-img-table table tbody tr td:last-child::after {
    display: none;
}
.raas-img-table table tbody tr td:first-child {
    font-size: var(--font20);
    color: var(--color1a1);
    line-height: var(--font16);
    font-family: var(--bold);
}
.raas-img-table table tbody tr {
    background-color: #F0F0F0;
    margin-top: 5px;
}
.swlu-li-box {
    padding: 38px 49px 38px 42px;
    background: #006E73;
    transition: all .36s;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.swlu-li-box-icon {
    width: 106px;
    flex-shrink: 0;
    margin-right: 49px;
}
.swlu-li-box-icon .ys-imgbox-cover {
    width: 100%;
}
.slbc-tit {
    font-family: var(--bold);
    color: var(--colorfff);
    margin-bottom: 18px;
}
.slbc-ul-li,
.slbc-ul-li p {
    color: rgba(255, 255, 255, 0.6);
}
.swlu-li {
    width: 50%;
    padding: 0 14px;
    margin-bottom: 26px;
}
.swlu-li-box {
    display: flex;
    align-items: center;
    height: 100%;
}
.scesolu-wat-list-ul {
    margin: 0 -14px;
    margin-bottom: -26px;
}
.scesolu-wat-list-ul {
    display: flex;
    flex-wrap: wrap;
}
.saws-box-pic {
    position: relative;
    z-index: 1;
}
.saws-box-pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    z-index: -1;
}
.saws-box-pic .std-btn1 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.saws-box-pic .std-btn1 span {
    margin-left: 12px;
}
.saws-box-pic .std-btn1.icon .std-btn1-box {
    display: flex;
    align-items: center;
    padding: 14px 24px;
}
.adv-intr-cont-tit {
    color: var(--colorfff);
    font-family: var(--bold);
    margin-bottom: 31px;
}
.adv-intr-cont-par,
.adv-intr-cont-par p {
    color: var(--colorfff);
    line-height: 1.8;
}
.adv-intr-cont {
    width: 48%;
}
.adv-intr-stick .ys-cont1720 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.ailu-li {
    width: 27%;
    border-left: 1px solid var(--colorfff);
}
.ailu-li:nth-child(2n) {
    transform: translateY(40px);
}
.ailu-li-box {
    padding: 10px 40px 0 40px;
}
.ailu-li-box-tit {
    margin-bottom: 34px;
    font-family: var(--bold);
    font-size: 40px;
    line-height: var(--line13);
    color: var(--colorfff);
}
.ailu-li-box-par,
.ailu-li-box-par p {
    color: var(--colorfff);
}
/* e3 */
.adv-intr {
    position: relative;
    z-index: 1;
}
.adv-bj {
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
    z-index: -1;
}
.adv-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.adv-bj::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 91.9%);
    z-index: 1;
}
.adv-intr-list-ul {
    display: flex;
    padding-bottom: 131px;
}
.adv-intr .adv-intr-stick {
    position: sticky !important;
    top: var(--headh);
    z-index: 90;
    padding-top: 140px;
    height: calc(100vh - var(--headh));
    overflow: hidden !important;
}
.adv-intr {
    overflow: visible !important;
}
.aieu-li {
    height: 100vh;
}
.adv-intr {
    overflow: visible;
}
.ys-ban-video {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prod-main .ys-pos-center {
    z-index: 3;
}
.adv-off {
    padding-top: var(--space100);
}
.adv-off-tit {
    color: var(--colormain1);
    margin-bottom: 65px;
    font-family: var(--bold);
    text-align: center;
}
.aobu-li {
    width: 100%;
}
.aobu-li-le {
    width: 50%;
}
.aobu-li-le img {
    width: 100%;
}
.aobu-li-ri {
    width: 50%;
}
.alrb-tit {
    color: var(--colormain1);
    margin-bottom: 20px;
    font-family: var(--bold);
}
.alrb-par {
    line-height: 1.8;
    color: var(--color777);
    margin-bottom: 40px;
}
.alrb-edito p {
    font-size: var(--font18);
    color: var(--color777);
    line-height: 1.8;
    margin-bottom: 14px;
}
.alrb-edito p span {
    font-size: inherit;
    line-height: inherit;
    color: var(--color1a1);
    font-family: var(--bold);
}
.aobu-li {
    display: flex;
    align-items: center;
}
.aobu-li-ri-box {
    padding: 0 7.5vw;
}
.alrb-edito {
    margin-bottom: 80px;
}
.aobu-li:nth-child(2n) {
    flex-direction: row-reverse;
}
.aobu-li:nth-child(2n) .aobu-li-ri-box {
    padding: 0 7.5vw;
}
.adv-more-tit {
    line-height: 1.2;
    color: var(--bold);
    font-family: var(--bold);
    margin-bottom: 48px;
}
.ambs-item-box {
    padding: 27px 10px 53px 10px;
    border-radius: 5px;
    background: #FFF;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.adv-more {
    background: rgba(240, 240, 240, 0.50);
    padding: var(--space100) 0;
}
.ambs-item-box-par {
    font-family: var(--medium);
    margin-top: 13px;
}
.ambs-item {
    padding: 0 20px;
}
.adv-more-box-slick {
    margin: 0 -20px;
}
.ambs-item-box-video {
    width: 100px;
}
.ambs-item-box-video img {
    width: 100%;
}
.ambs-item-box {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ambs-item-box-video {
    position: relative;
}
.solut-book-ri .ys-form-inof {
    margin: 0 -17px
}
.aibv-video {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* bsticky定位 */
.solut-detail-box {
    position: relative;
    /* height: calc(100vh - var(--headh)); */
}
/* e2 */
.raas-list-slcik-item .ys-imgbox-cover {
    width: 44px;
    margin: 0 auto;
    margin-bottom: 35px;
}
.raas-img img {
    width: 100%;
}
.rlsi-tit {
    line-height: 1.2;
    font-family: var(--bold);
    margin-bottom: 35px;
}
.rlsi-pa,
.rlsi-pa p {
    color: var(--color777);
}
.raas-list-slcik-item {
    text-align: center;
    padding: 0 72px;
}
.raas-list-slcik {
    margin: 0 -72px;
}
.slbc-ul-li p span {
    color: var(--colorfff);
}
.raas-img-tit {
    margin-bottom: 30px;
    font-family: var(--bold);
    color: var(--colormain1);
}
.raas-img {
    padding: var(--space100) 0;
}
.raas-map-ul-li.img {
    width: 25%;
    background-color: var(--colorfff);
}
.raas-map-ul-li {
    position: relative;
}
.rmul-par {
    line-height: 1.2;
    position: absolute;
    left: 35px;
    top: 35px;
    right: 35px;
}
.raas-map {
    background: #F8F8F8;
}
.raas-map-ul-li {
    width: 25%;
}
.rmul-box {
    padding: 59px 37px;
    background-color: var(--colorfff);
}
.raas-map-ul-li.pic {
    width: 50%;
    background-color: var(--colorfff);
    display: flex;
    align-items: center;
    padding: 0 66px 0 51px;
}
.raas-map-ul-li.pic .ys-imgbox-cover {
    width: 227px;
}
.raas-map-ul-li.map .ys-imgbox-cover {
    width: 500px;
    height: 227px;
}
.raas-map-ul-li.map {
    width: 50%;
    height: 227px;
    background-color: var(--colorfff);
}
.rmul-map-tit {
    position: absolute;
    left: 65px;
    top: 50%;
    transform: translateY(-50%);
}
.raas-map-ul-li .ys-imgbox-cover {
    background-color: var(--colorfff);
}
.raas-map-ul-li {
    float: left;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.raas-map-ul-li.ann {
    background-color: var(--colorfff);
}
.raas-map-ul-li.ann .rmul-box {
    text-align: center;
    padding: 32px 37px 22px 21px;
}
.rmul-box-tit {
    font-size: 70px;
    color: var(--color1a1);
    line-height: 1.2;
    font-family: var(--bold);
    margin-bottom: 8px;
}
.raas-map {
    padding: var(--space100) 0;
}
.raas-mark-tit {
    line-height: 1.2;
    color: var(--colormain1);
    margin-bottom: 49px;
    font-family: var(--bold);
    text-align: center;
}
.raas-mark-ul-li {
    width: 12.5%;
    padding: 0 8px;
    margin-bottom: 16px;
}
.rmul-img {
    padding: 15px 20px;
    border: 1px solid #E0E0E0;
}
.raas-mark-ul-li .ys-imgbox-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.raas-mark-ul-li .ys-imgbox-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.raas-mark-ul {
    margin: 0 -8px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -16px;
}
.adv-more-tit {
    color: var(--colormain1);
}
/* c2 */
.pstl-tag {
    color: var(--color777);
    margin-bottom: 13px;
    font-family: var(--medium);
}
.pstl-tit {
    font-family: var(--bold);
    color: var(--colormain1);
    margin-bottom: 12px;
}
.pstl-par,
.pstl-par p {
    color: var(--color777);
    line-height: 1.8;
    font-family: var(--medium);
}
.prod-stad .prod-stad-top-le {
    width: 43.5%;
}
.prod-stad-top-ri {
    width: 43.5%;
}
.pstr-table table tbody tr td:first-child {
    font-size: var(--font18);
    line-height: 1.2;
    margin-bottom: 4px;
    padding-right: 68px;
    padding: 12px;
    font-family: var(--medium);
}
.pstr-table table tbody tr td:last-child {
    font-size: var(--font18);
    line-height: 1.2;
    color: var(--color1a1);
    font-family: var(--bold);
    margin-bottom: 4px;
    padding: 12px;
}
.prod-stad-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 27px;
}
.prod-yot-tit {
    line-height: var(--line13);
    color: var(--colormain1);
    font-family: var(--bold);
    margin-bottom: 50px;
}
.pult-box {
    padding: 29px 44px 31px 38px;
    background: #F0F0F0;
}
.pult-box-le-par {
    line-height: var(--line14);
    margin-left: 20px;
    margin-top: 4px;
    font-family: var(--bold);
    text-align: left;
    padding-right: 10px;
}
.pult-box-le {
    display: flex;
    align-items: flex-start;
}
.pulb-cont-par {
    color: var(--color777);
}
.pulb-cont {
    display: flex;
    align-items: flex-start;
}
.pulb-ri {
    text-align: left;
}
.prod-yot .prod-yot-tit {
    text-align: left;
}
.pulb-ri p {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--color777);
    margin-bottom: 12px;
}
.pulb-ri .yxedr-active ol,
.yxedr-active ul {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 16px;
}
.pulb-ri ul li::marker {
    color: var(--colormain1);
}
.pytb-ul-li-bot {
    display: flex;
}
.pulb-le {
    margin-right: 20px;
}
.pytb-ul-li-bot {
    padding: 0 44px 38px 38px;
    background: #F0F0F0;
}
.pacb-slick-li-box {
    padding: 39px 47px 46px 38px;
    background-color: var(--colorbj2);
    height: 100%;
}
.pslb-pic {
    width: 56px;
    margin-bottom: 19px;
}
.pslb-pic .ys-imgbox-cover {
    width: 100%;
}
.pslb-tit {
    margin-bottom: 18px;
    font-family: var(--bold);
}
.pslb-par,
.pslb-par p {
    color: rgba(26, 26, 26, 0.6);
}
.pacb-slick-li {
    padding: 0 13px;
    height: auto !important;
}
.pacb-slick {
    margin: 0 -13px;
}
.prod-appa {
    padding-top: var(--space100);
}
.prod-adv {
    margin-top: var(--space100);
}
.pabs-item .pabs-item-box {
    width: 100%;
    padding-bottom: 92px;
}
.pabs-item {
    padding: 0 10px;
    border-right: 1px solid rgba(119, 119, 119, 0.3);
}
.pabs-item-cent {
    position: relative;
    padding: 0 10px;
}
.pabs-item-box-cent .ys-imgbox-cover {
    width: 60px;
    margin-bottom: 19px;
}
.pabs-item-box .ys-imgbox-cover {
    margin-top: 39px;
    margin-bottom: 19px;
}
.prod-main .pabs-item-box .ys-imgbox-cover {
    margin-top: 0px;
    margin-bottom: 19px;
}
.pabs-item-box1 .pabs-item-box1-part .ys-imgbox-cover {
    margin-bottom: 19px;
}
.pibc-tit {
    font-family: var(--bold);
    margin-bottom: 22px;
}
.pibc-edito p {
    font-size: var(--font18);
    color: var(--color1a1);
    line-height: var(--line17);
    font-family: var(--medium);
    margin-bottom: 13px;
}
.pibc-edito ul li::marker {
    color: var(--colormain1);
}
.pabs-item-box1-part {
    width: 100%;
    padding: 22px 44px 142px 44px;
}
.pabs-item-box1-part .ys-imgbox-cover {
    width: 60px;
}
.pabs-item-box1-part img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pibp-tit {
    color: var(--colorfff);
    margin-bottom: 31px;
    font-family: var(--bold);
}
.pibp-edito p {
    font-size: var(--font18);
    color: rgba(255, 255, 255, 0.7);
    line-height: var(--line17);
    font-family: var(--medium);
    margin-bottom: 13px;
}
.pabs-item-box1 {
    position: relative;
    z-index: 1;
}
.pibp-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.pibp-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pabs-item-box1 {
    position: relative;
}
.pabs-item-box1::after {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    width: calc(100% + 2px);
    height: 100%;
    background: rgba(30, 31, 36, 0.50);
    backdrop-filter: blur(25.049999237060547px);
    -webkit-backdrop-filter: blur(25.049999237060547px);
    -moz-backdrop-filter: blur(25.049999237060547px);
    -ms-backdrop-filter: blur(25.049999237060547px);
    -o-backdrop-filter: blur(25.049999237060547px);
    z-index: -1;
}
.pibp-edito ul li::marker {
    color: var(--colormain1);
}
.pibp-disc {
    max-height: 360px;
}
.prod-adv-bot .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colormain1) !important;
}
.pabs-item {
    position: relative;
    transition: all .36s;
}
.pabs-item-box1 {
    position: absolute;
    left: 10px;
    top: 0;
    width: calc(100% - 20px);
    height: 100%;
    opacity: 0;
    transition: all .36s;
}
.pabs-item-box {
    transition: all .36s;
}
.prod-adv-bot-slick {
    margin: 0 -10px;
}
.prod-adv-bot-slick .slick-list {
    overflow: visible !important;
}
.prod-adv {
    position: relative;
    background-color: var(--colorbj3);
    padding: var(--space100) 0;
}
.prod-adv::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: var(--lefts);
    height: 100%;
    background-color: var(--colorbj3);
}
.pstr-table table tbody tr td p {
    /* padding-bottom: 15px; */
    /* padding-top: 15px; */
    /* font-family: var(--bold); */
}
.prod-stad-box .prod-stad-box-block {
    /* display: none; */
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: all 0s ease;
    width: 100%;
}
.prod-stad-box-block.active {
    /* display: block !important; */
    position: relative;
    top: auto;
    left: auto;
    z-index: 66;
    opacity: 1;
    pointer-events: all;
    transition: all .36s ease;
}
.pstr-table table tbody tr {
    border-bottom: 1px solid rgba(26, 26, 26, 0.2) !important;
}
.pstr-table table {
    border-collapse: collapse;
    border-spacing: 0;
}
.psbs-item-plus {
    position: relative;
    width: 100%;
    text-align: center;
}
.psbs-item-plus .ys-imgbox-cover {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 47px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.psbs-item-plus .ys-imgbox-cover:last-child {
    width: 100%;
}
.psbs-wrapper-slide {
    transform-origin: bottom;
}
.swiper-slide-next.psbs-wrapper-slide .psbs-item-plus {
    transform: scale(1);
}
.swiper-slide-next.psbs-wrapper-slide .psbs-item-plus .ys-imgbox-cover {
    transform: scale(1);
}
.pulb-ri ul li::marker {
    font-size: 18px;
}
/*.strs-arr-wrap-slide {*/
/*    padding: 0 10px;*/
/*}*/
/*.strs-swarr {*/
/*    margin: 0 -10px;*/
/*}*/
/*.strs-swarr .strs-arr-wrap {*/
/*    margin: 0 -10px;*/
/*}*/
.psbs-item-plus {
    transform: scale(0.7);
    transform-origin: bottom;
    transition: all .36s;
}
.psbs-item-prod-tit {
    position: relative;
    display: inline-block;
}
.psbs-item-prod-tit::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background-color: var(--colormain1);
    transition: all .36s;
}
.swiper-slide-next.psbs-wrapper-slide .psbs-item-prod-tit::after {
    width: 100%;
}
.psbs-item-prod {
    width: 100%;
}
.psbs-item-prod .ys-imgbox-cover {
    width: 100%;
}
.psbs-item-prod-tit {
    font-family: var(--bold);
    line-height: 1.2;
    padding-bottom: 9px;
}
.pipv-box-le {
    width: 35px;
}
.pipv-box-le .ys-imgbox-cover {
    width: 100%;
}
.pipv-box-ri {
    line-height: 1.2;
    font-family: var(--bold);
    color: var(--colormain1);
    margin-left: 9px;
}
.pipv-box {
    display: flex;
    align-items: center;
}
.psbs-item-prod-tit {
    margin-bottom: 31px;
}
.psbs-wrapper-slide {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: width 0.5s ease;
}
.psbs-item-prod-video {
    display: flex;
    align-items: center;
    justify-content: center;
}
.psbs-item-plus {
    margin-bottom: 25px;
}
.psbs-wrapper {
    align-items: flex-end;
}
.prod-stad {
    padding-top: var(--space100);
}
.prod-yot {
    padding: var(--space100) 0;
}
.prod-stad-bot-swiper {
    position: relative;
}
.prod-stad-bot {
    position: relative;
}
.prod-stad-bot .mod-arrows2 {
    position: absolute;
    left: -5%;
    top: 50%;
    transform: translateY(-50%);
    width: 110%;
    z-index: 60;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}
.prod-stad .swiper-container {
    z-index: 666;
}
.prod-stad {
    overflow: visible;
}
.pult-box-ri {
    width: 36px;
    position: relative;
    text-align: center;
}
.pult-box-ri::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 2px;
    background-color: var(--color1a1);
}
.pult-box-ri::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2px;
    height: 30px;
    background-color: var(--color1a1);
    transition: all .36s;
}
.pult-box {
    display: flex;
    justify-content: space-between;
}
.pytb-ul-li-bot {
    display: none;
}
.pult-box-le-num {
    font-family: var(--bold);
}
.pulb-flex {
    display: flex;
}
.pytb-ul-li.act .pult-box-ri::before {
    opacity: 0;
    transform: rotate(-90deg);
    top: 0;
}
.pytb-ul-li {
    margin-bottom: 8px;
}
.ys-nyban-title-h2 {
    color: var(--colorfff);
    margin-top: 20px;
}
.prod-main .ys-nyban-title p {
    font-size: var(--font18);
    line-height: var(--line17);
    color: rgba(255, 255, 255, 0.7);
    margin-top: 10px;
}
.prod-main .ys-nyban-title-cont {
    width: 56%;
}
.prod-main .ys-nyban-title .pipv-box-le {
    width: 50px;
}
.ys-nyban-title .pipv-box-ri {
    color: var(--colorfff);
}
.ys-nyban-title-btn {
    margin-top: 36px;
    cursor: pointer;
}
.ys-video-btn {
    cursor: pointer;
}
.ys-nyban-title-pic {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: auto;
}
.ys-nyban-title-pic .ys-imgbox-cover {
    width: 50px;
}
.prod-mod-tit {
    color: var(--colorfff);
    margin-bottom: 30px;
    font-family: var(--bold);
}
.prod-mod {
    background-color: var(--color1a1);
    padding: var(--space100) 0;
}
.prod-mod-pic {
    width: 100%;
}
.prod-mod-pic img {
    width: 100%;
}
.prod-mod .ys-cont1720 {
    position: relative;
}
.prod-mod-pop {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}
.prod-mod-pop-li {
    position: absolute;
    pointer-events: all;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
.prod-mod-pop-li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(10, 197, 211, 1);
    border-radius: 50%;
    z-index: 3;
}
.pmpl-itm {
    z-index: 11;
    cursor: pointer;
    pointer-events: all;
    top: 0;
    left: 0;
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #08A2AD !important;
    transition: all .4s ease;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    z-index: 60;
}
.prod-mod-pop-li.on .pmpl-itm {
    background: #0AC5D3 !important;
}
.prod-mod-pop-li:nth-child(n) .pmpl-itm::before {
    animation: kuox 3s linear infinite;
}
.prod-mod-pop-li:nth-child(2n) .pmpl-itm::before {
    animation: kuox 3.3s linear infinite;
}
.prod-mod-pop-li:nth-child(3n) .pmpl-itm::before {
    animation: kuox 3.5s linear infinite;
}
.prod-mod-pop-li.on .pmpl-itm::before {
    background: radial-gradient(at 50% 50%, rgba(0, 0, 0, 0), rgba(10, 197, 211, 1));
}
.pmpl-itm:nth-child(n)::before {
    content: '';
    width: 150%;
    height: 150%;
    position: absolute;
    background: radial-gradient(at 50% 50%, rgba(0, 0, 0, 0), rgba(8, 162, 173, 0.5));
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: kuox 3s linear infinite;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    pointer-events: none;
}
.pmpl-itm:nth-child(2n)::before {
    animation: kuox 3.3s linear infinite;
}
.pmpl-itm:nth-child(3n)::before {
    animation: kuox 3.6s linear infinite;
}
@keyframes kuox {
    0% {
        -webkit-transform: translate(-50%,-50%) scale(1);
        -moz-transform: translate(-50%,-50%) scale(1);
        -ms-transform: translate(-50%,-50%) scale(1);
        -o-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
        opacity: 0;
    }
    
    20% {
        opacity: 1;
    }
    75% {
        -webkit-transform: translate(-50%,-50%) scale(5);
        -moz-transform: translate(-50%,-50%) scale(5);
        -ms-transform:translate(-50%,-50%)  scale(5);
        -o-transform:translate(-50%,-50%)  scale(5);
        transform: translate(-50%,-50%) scale(5);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
.pmpl-cent-box {
    width: 424px;
    padding: 36px 24px 43px 32px;
    background-color: var(--colormain1);
    position: absolute;
    left: 0;
    top: 0;
}
.prod-mod-pop-li.right .pmpl-cent-box {
    left: auto !important;
    right: 0 !important;
}
.prod-mod-pop-li.top .pmpl-cent-box {
    top: auto !important;
    bottom: 0;
}
.pmpl-cent-box-tit {
    color: var(--colorfff);
    font-family: var(--medium);
    margin-bottom: 10px;
}
.pmpl-cent-box-par,
.pmpl-cent-box-par p {
    color: rgba(255, 255, 255, 0.6);
}
.pmpl-cent {
    opacity: 0;
    pointer-events: none;
    transition: all .36s;
    transform: scale(0);
    transform-origin: left 15px;
}
.pmpl-cent {
    position: absolute;
    right: 0;
}
.prod-mod-pop-li.on .pmpl-cent {
    opacity: 1;
    pointer-events: all;
    transform: scale(1);
    position: relative;
    z-index: 30;
}
.prod-mod-pop-li.on {
    z-index: 30;
}
.prod-mod-pop-li .pmpl-cent {
    position: relative;
    z-index: 20;
}
.prod-mod-pic {
    position: relative;
}
.prod-marq {
    padding-top: var(--space100);
}

.pabs-item-box1 {
    pointer-events: none;
}

.pabs-item .pabs-item-box .pibc-edito ul li:nth-child(n+4){
    display: none !important;
}
.prod-yot-tit-box {
    margin-bottom: 43px;
}
.prod-yot {
    text-align: center;
}
.raas-list-tit-pic .ys-imgbox-cover {
    width: 60px;
}
.raas-map-box {
    display: none;
}
.raas-list-tit2 {
    font-size: 80px;
    color: #D3D2D2;
    font-family: var(--bold);
    margin-bottom: 19px;
    line-height: var(--line13);
    transform: translateX(-56%);
}
.rltp-tit {
    font-size: 90px;
    line-height: var(--line13);
    font-family: var(--bold);
    color: var(--colormain1);
    margin-left: 37px;
}
.raas-list-tit-pic {
    display: flex;
    justify-content: flex-end;
    transform: translateX(50%);
    margin-bottom: 42px;
}
.raas-list-tit {
    padding: 0 414px 0 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.rltp-par {
    font-family: var(--medium);
    width: 43%;
    transform: translateX(88%);
}
.raas-list-slcik {
    margin-top: 104px;
}
.raas-list {
    padding-top: var(--space100);
}
/* e1 */
.adv-cart-pic {
    width: 458px;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    animation: upshow 3s ease infinite;
}
@keyframes upshow {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(15px);
    }
    100% {
        transform: translateY(0px);
    }
}
.adv-cart-pic img {
    width: 100%;
}
.adv-cart-pic-nei {
    width: 315px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.acpn-img {
    width: 150px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.acpn-img img {
    width: 100%;
}
.altt-num {
    line-height: var(--line13);
    font-family: var(--bold);
    color: rgba(255, 255, 255, 0.5);
    margin-right: 14px;
}
.altt-tit {
    color: var(--colorfff);
    margin-bottom: 10px;
}
.adv-cart {
    background-color: var(--color1a1);
    padding: var(--space100);
}
.acbu-li-top-tit {
    display: flex;
    align-items: flex-start;
}
.acbu-li-top-par {
    color: rgba(255, 255, 255, 0.6);
}
.acbu-li-top-par,
.acbu-li-top-par p {
    color: rgba(255, 255, 255, 0.6);
}
.albu-li-icon {
    width: 30px;
    margin-right: 4px;
}
.albu-li-icon .ys-imgbox-cover {
    width: 100%;
}
.albu-li-par {
    color: var(--colorfff);
    font-family: var(--medium);
}
.albu-li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.acbu-li-top {
    margin-bottom: 60px;
}
.adv-cart-bot-ul {
    display: flex;
    flex-wrap: nowrap;
}
.acbu-li {
    margin-right: 169px;
    width: 65%;
}
.acbu-li:last-child {
    margin-right: 0;
}
.acbp-hold {
    height: calc(100vh - var(--headh));
}
.adv-cart-bot {
    position: relative;
}
.adv-cart-sticky {
    position: sticky !important;
    top: var(--headh);
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - var(--headh));
    overflow: hidden !important;
}
.adv-cart {
    overflow: visible !important;
}
.adv-cart-sticky-pic {
    width: 715px;
    position: absolute;
    right: -80px;
    top: -10px;
}
.adv-cart-sticky-pic img {
    width: 100%;
}
.pic {
    position: absolute;
    top: 147px;
    width: 200vw;
    transform: translateX(-50%);
}
.pic::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-image: radial-gradient(circle, var(--colormain1) 3px, transparent 3px);
    background-size: 30px 10px;
}
.acbu-li-bot {
    margin-left: 16px;
}
/* c1 */
.prod-marq .spbl-tit {
    margin-bottom: 43px;
}
.pmhu-li {
    margin-right: 237px;
}
.pmhu-li-tit {
    font-size: 100px;
    font-family: var(--bold);
    line-height: var(--line13);
    background: linear-gradient(180deg, #42D1D8 0%, #00797F 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
    /* 确保渐变效果正确应用 */
}
.pmhu-li-tit span {
    font-size: var(--font18);
    color: var(--color1a1);
    line-height: var(--line17);
}
/* 走马灯 */
.prod-marq-hores{
    display: flex;
    flex-wrap: nowrap;
}
.prod-marq-hores-ul {
    display: flex !important;
    flex-wrap: nowrap;
    flex-shrink: 0;
    /* width: calc(600px * var(--total)); */
}
.prod-marq-hores {
    position: relative;
}
.prod-marq-hores::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    z-index: 60;
}
.prod-marq-hores-ul2,
.prod-marq-hores-ul3,
.prod-marq-hores-ul4 {
    position: absolute;
    left: 0;
    top: 0;
}
.prod-marq-hores-ul1 {
    transform: translateX(0%);
}
.prod-marq-hores-ul2 {
    transform: translateX(100%);
}
.prod-marq-hores-ul3 {
    transform: translateX(200%);
}
.prod-marq-hores-ul4 {
    transform: translateX(300%);
}
/* butong  */
.ssbt-le-par {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 12px;
}
.prod-diff {
    padding: var(--space100) 0;
    background-color: var(--colormain1);
    position: relative;
}
.prod-diff::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: var(--lefts);
    height: 100%;
    background-color: var(--colormain1);
}
.prod-diff .spbl-tit {
    COLOR: var(--colorfff);
}
.prod-diff .arrows2-prev {
    border: 1PX solid rgba(255, 255, 255, 0.65);
}
.prod-diff .arrows2-next {
    border: 1PX solid rgba(255, 255, 255, 0.65);
}
.pdbs-item-box {
    padding: 75px 34px;
    padding-bottom: 44px;
    background: #006E73;
    height: 100%;
    transition: all .36s;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.pdbs-item-box .ys-imgbox-cover {
    width: 100px;
    margin-bottom: 48px;
}
.psbs-wrapper-slide {
    cursor: pointer;
}
.pdbs-item-box-tit {
    color: var(--colorfff);
    font-family: var(--bold);
    margin-bottom: 18px;
}
.pdbs-item-box-par,
.pdbs-item-box-par p {
    color: rgba(255, 255, 255, 0.6);
}
.pdbs-item {
    padding: 0 14px;
    height: auto !important;
}
.prod-diff-bot-slick {
    margin: 0 -14px;
}
.prod-diff-bot-slick .slick-list {
    overflow: visible !important;
}
/* banner蒙层 */
.ys-nyban-img {
    position: relative;
}
.ys-nyban-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    z-index: 3;
    pointer-events: none;
}
/* e2中间地图板块 */
.raas-map-top-le {
    width: 25%;
}
.solut-book-ri-li.solut-book-ri-pci img {
    width: 325px;
}
.rmtl-box {
    position: relative;
    background-color: var(--colorfff);
}
.raas-map-top-cnet {
    width: 25%;
}
.raas-map-top-ri {
    width: 50%;
}
.raas-map-top-ri .rmtr-box-le {
    position: absolute;
    left: 55px;
}
.raas-map-top-le img {
    width: 100%;
}
.rmtl-tit {
    line-height: 1.2;
    font-family: var(--bold);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3.6em;
    position: relative;
    z-index: 66;
}
.rmtl-box {
    position: relative;
    padding: 35px 35px 408px 35px;
}
.rmtl-box img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.rmtc-box {
    padding: 55px 37px 53px 37px;
    background-color: var(--colorfff);
}
.rmtc-box-tit {
    font-size: 100px;
    line-height: 1.2;
    color: var(--color1a1);
    font-family: var(--bold);
    margin-bottom: 8px;
}
.rmtc-box-tit span {
    font-size: 70px;
    line-height: 1.2;
    color: var(--color1a1);
    font-family: var(--bold);
}
.rmtr-box-le {
    width: 36%;
}
.rmtr-box-le img {
    width: 100%;
}
.rmtr-box {
    padding: 55px 66px 53px 51px;
    background-color: var(--colorfff);
    display: flex;
    gap: 52px;
    align-items: center;
    justify-content: flex-end;
}
.rmbl-box {
    padding: 71px 85px 67px 85px;
    background-color: var(--colorfff);
}
.raas-map-bot-le {
    width: 50%;
    position: relative;
}
.rmbl-box .rmtr-box-ri {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}
.raas-map-bot .rmtc-box-par {
    margin-bottom: 20px;
}
.raas-map-bot-le .rmtc-box-par {
    margin-bottom: 10px;
}
.raas-map-top-cnet .rmtc-box-par {
    margin-bottom: 0;
    font-family: var(--medium);
}
.raas-map-bot-cent {
    width: 25%;
}
.raas-map-bot-ri {
    width: 25%;
}
.rmbr-box {
    padding: 26px 37px 20px 21px;
    background-color: var(--colorfff);
    text-align: center;
}
.rmbr-box-pic {
    width: 330px;
}
.rmbr-box-pic img {
    width: 100%;
}
.raas-map-bot-ri .rmtc-box-par {
    margin-bottom: 22px;
    font-family: var(--medium);
}
.rmtc-box-par,
.rmtc-box-par p {
    font-family: var(--medium);
}
.raas-map-top-map {
    width: 50%;
}
.raas-mark {
    padding: var(--space100) 0;
}
.rmtm-box {
    position: relative;
    background-color: var(--colorfff);
}
.rmtm-img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.rmtm-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.raas-map-top-li {
    padding: 0 6px;
    margin-bottom: 12px;
    transition: all .36s;
}
.raas-map-top-li img {
    transition: all .36s;
}
.rmtl-box {
    overflow: hidden;
}
.raas-map-top {
    margin: 0 -6px;
    margin-bottom: -12px;
}
/* b1切换轮播 */
.solut-detail-box {
    width: 100%;
}
.sdbc-le {
    width: 50%;
}
.sdbc-ri {
    width: 50%;
}
.solut-detail-box-cont {
    display: flex;
}
.sdbc-ri .mod-arrows1 {
    height: 100%;
}
.solut-book-le-par,
.solut-book-le-par p {
    font-size: var(--font20);
    color: var(--color1a1);
    line-height: var(--line16);
    font-family: var(--medium);
}
/* e2 */
.rmtm-box {
    overflow: hidden;
}
.prod-mod-ph {
    display: none;
}
.pmpu-li:not(:first-child) {
    display: none;
}
.pmps-item-box {
    padding: 36px 24px 43px 32px;
    background-color: var(--colormain1);
}
.ys-fii-submit.std-btn1-box {
    padding: 0;
}
.solut-book .ys-fii-tips {
    font-size: var(--font14);
}
.solut-book .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: var(--colormain1) !important;
}
.solut-book .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colormain1) !important;
}
.ssbc-tit-par,
.ssbc-tit-par p {
    color: var(--color777);
    line-height: var(--line16);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.2em;
}
.ssbc-tit-par {
    margin-bottom: 40px;
}
.solut-detail-cont-ul {
    position: relative;
}
.sdcu-li {
    position: relative;
}
.sdcu-li::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 7px;
    width: 1px;
    height: calc(100% + 36px);
    background-color: #08A2AD;
    opacity: 0.3;
    z-index: -1;
}
.sdcu-li:last-child::after {
    display: none;
}
.slsw-slide-cnet {
    position: relative;
}
/* e2ph */
.raas-map-box-center {
    display: flex;
    align-items: stretch;
}
.raas-map-box-le {
    width: 50%;
}
.raas-map-box-ri {
    width: 50%;
}
.adv-main .solut-book {
    margin-top: 0;
}
.raas-main .solut-book {
    margin-top: 0;
}
video {
    background: transparent !important;
}
.ambs-item {
    height: auto !important;
}
.ambs-item-box {
    height: 100%;
}
/* 轮播点样式 */
.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 4px;
}
.slick-dots li.slick-active {
    background: var(--colorbj1);
}
.ys-select-li {
    transition: all .36s;
}
.hasClassyntp-dic {
    position: relative;
    z-index: 999;
}
.solut-toggle-list .slick-track {
    height: 100%;
}
.adv-bj img:last-child {
    display: none;
}
.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: #D9D9D9 !important;
    opacity: .5 !important;
}
.swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #00797F !important;
}
.none {
    display: none;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0px !important;
    left: 0;
    width: 100%;
}
.prod-mod-pic {
    padding: 0 200px;
}
.raas-list-slcik-item {
    width: 33.3333%;
}
.raas-list-slcik-item:nth-child(3n+2) {
    animation-delay: 0.3s;
}
.raas-list-slcik-item:nth-child(3n+1) {
    animation-delay: 0.2s;
}
.raas-list-slcik-item:nth-child(3n+3) {
    animation-delay: 0.4s;
}
/* Leo--辅助--end */
/* Leah--辅助--start */
/* 辅助切图 leah start */
/* f1 */
.news-main {
    padding-top: 53px;
}
.nmtc-name-link {
    font-size: var(--font24);
    line-height: var(--line14);
    color: var(--color777);
    display: block;
    font-family: var(--bold);
    transition: all 0.36s ease;
    padding: 0 10px 10px;
    position: relative;
}
.nmtc-name.act .nmtc-name-link {
    color: var(--colormain1);
}
.nmtc-name.act .nmtc-name-link::after {
    width: 100%;
}
.nmtc-name {
    padding: 0 10px;
    position: relative;
}
.nmtc-name-link::after {
    content: '';
    position: absolute;
    background-color: rgba(0, 121, 127, 1);
    width: 0%;
    height: 3px;
    bottom: -1px;
    left: 50%;
    transition: all 0.36s ease;
    transform: translateX(-50%)
}
.nmtc-name::after {
    content: '';
    position: absolute;
    background-color: rgba(119, 119, 119, 0.3);
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
}
.nmtc-name:nth-last-child(1) {
    padding-right: 0;
}
.news-main-top-card {
    display: flex;
    margin: 0 -10px;
}
.news-main-top {
    margin-bottom: 72px;
    overflow: hidden;
}
.nmtc-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.nmtc-ul-li {
    width: 100%;
    padding: 0 10px;
}
.nmtc-ul-li:not(:first-child) {
    display: none;
}
.nmtc-ul-li-link {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.nmtc-ul-li-link::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -3px;
    z-index: -1;
    width: 64.5%;
    background-image: url("../images/f1_back.png");
    background-size: 100% 100%;
    height: 110%;
}
.null-ri {
    width: 54%;
    padding: 23px 150px 20px 95px;
}
.null-ri-time {
    font-size: var(--font18);
    line-height: var(--line18);
    color: var(--color1a1);
    font-family: var(--medium);
    margin-bottom: 17px;
}
.null-ri-tit {
    font-size: var(--font28);
    line-height: var(--line13);
    color: var(--colormain1);
    font-family: var(--bold);
    margin-bottom: 38px;
    max-height: 3.9em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.null-ri-text {
    font-size: var(--font18);
    line-height: var(--line18);
    color: var(--color777);
    font-family: var(--medium);
    margin-bottom: 54px;
    width: 91%;
}
.null-ri-text p {
    font-size: var(--font18);
    line-height: var(--line18);
    color: var(--color777);
    font-family: var(--medium);
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.null-le {
    width: 46%;
}
.null-back {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.news-main-below {
    display: flex;
    flex-wrap: wrap;
}
.news-main-below-li {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.nmbl-link {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: var(--space40) 0 var(--space40);
}
.nmbl-link-ri {
    width: 36%;
}
.nmbl-link-le {
    width: 64%;
    display: flex;
    flex-wrap: wrap;
    padding-right: 74px;
}
.nmbl-link-le-time {
    width: 13%;
    padding-right: 20px;
}
.nmbl-link-le-con {
    width: 81%;
}
.nllt-day {
    font-size: var(--font44);
    line-height: var(--line13);
    color: var(--colormain1);
    font-family: var(--bold);
    margin-bottom: 4px;
}
.nllt-year {
    font-size: var(--font16);
    line-height: 1.25;
    color: var(--color1a1);
    font-family: var(--medium);
}
.nllc-tit {
    font-size: var(--font24);
    line-height: var(--line14);
    color: var(--color1a1);
    font-family: var(--bold);
    margin-bottom: 35px;
    max-height: 2.8em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s ease;
    text-decoration: underline;
    text-decoration-color: rgba(0, 121, 127, 0);
    text-underline-offset: 8px;
    text-decoration-thickness: 1px;
}
.nllc-text {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--color777);
    font-family: var(--medium);
    margin-bottom: 36px;
}
.nllc-text p {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--color777);
    font-family: var(--medium);
    max-height: 3.4em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.news-main-page {
    margin-top: 100px;
}
.news-page .news-main-page {
    margin-top: 76px;
}
.slick-dots {
    /* position: relative; */
    bottom: 0;
}
.slick-dots li.slick-active {
    background: rgba(0, 121, 127, 1);
}
.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background: rgba(217, 217, 217, 0.5);
}
.nmtc-arrow {
    position: absolute;
    right: 0;
    bottom: 50px;
}
/* .case-main .swiper-button-disabled,
.case-main .slick-disabled {
    pointer-events: none !important;
    background-color: rgba(240, 240, 240, 1);
} */
.news-main-top-caro {
    position: relative;
}
.arrows2-icon {
    width: 54px;
    height: 54px;
    pointer-events: all;
}
.arrows1-prev,
.arrows2-prev {
    margin-right: 10px;
}
.news-main .slick-list {
    padding-top: 70px;
    margin-bottom: 32px;
}
/* fenye  start*/
.pc-fenye li {
    width: 31px;
    height: 31px;
    line-height: 31px;
    border-radius: 3px;
    font-size: var(--font16);
    color: var(--color1a1);
}
.pc-fenye li.activepage {
    background: #00797F;
}
.end li::before,
.first li::before,
.next li::before,
.prev li::before {
    font-size: 11px;
}
/* fenye  end */
/* f2 */
.report-banner {
    padding-top: 33px;
    margin-bottom: 48px;
}
.report-banner-all {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid rgba(0, 0, 0, 1);
    padding-bottom: 53px;
}
.report-banner-all-le {
    width: 40%;
    padding-right: 94px;
    padding-top: 51px;
}
.report-banner-all-ri {
    width: 60%;
}
.rbal-card {
    display: flex;
    margin-bottom: 25px;
}
.rbal-card p {
    font-size: var(--font20);
    line-height: var(--line12);
    color: var(--colormain1);
    font-family: var(--bold);
    padding: 7px 17px;
    border-radius: 3px;
    border: 1px solid var(--ffb-81-c, #00797F);
}
.rbal-tit {
    font-size: var(--font32);
    line-height: var(--line13);
    color: var(--colormain1);
    font-family: var(--bold);
    margin-bottom: 25px;
}
.rbal-time {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color777);
    font-family: var(--medium);
}
.report-main-cont {
    width: 60%;
    margin: 0 auto;
}
.report-main-cont p {
    margin-bottom: 25px;
    font-family: var(--medium);
}
.report-main-oth-share {
    font-size: var(--font18);
    line-height: var(--line18);
    color: var(--color1a1);
    font-family: var(--medium);
    margin-bottom: 17px;
}
.report-main-oth-update {
    margin-bottom: 6px;
}
.report-main-oth-img {
    margin-bottom: 69px;
}
.rmof-input input {
    padding: 0 8px;
    width: 100%;
    height: 100%;
}
.rmof-input {
    height: 46px;
    border-radius: 3px;
    border: 1px solid var(--color1a1);
   width: calc(100% - 46px);
}
.rmof-button {
    width: 46px;
    cursor: pointer;
}
.rmof-button img {
    width: 100%;
}
.report-main-oth-form {
    display: flex;
}
.ys-share-img {
    width: 30px;
    position: relative;
}
.ys-share-img img:nth-last-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.36s ease;
}
.ys-share-img img {
    width: 100%;
}
.ys-share-list {
    margin-right: 30px;
}
.report-main-oth {
    position: absolute;
    left: 0;
    top: 0;
    width: 16%;
}
.report-main .ys-cont1720 {
    position: relative;
}
.report-news-all-tit {
    font-size: 40px;
    line-height: var(--line13);
    color: var(--colormain1);
    font-family: var(--bold);
    margin-bottom: 46px;
    text-align: center;
}
/* f3 */
.active-main-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 30px;
}
.active-main-ul-li {
    width: 100%;
    padding: 0 10px;
}
.active-main-ul-li:not(:first-child) {
    display: none;
}
.active-main-top {
    display: flex;
    flex-wrap: wrap
}
.active-main-top-le {
    width: 46%;
}
.active-main-top-ri {
    width: 54%;
    padding-left: 89px;
    position: relative;
    padding-top: 64px;
}
.amtr-tit {
    font-size: var(--font32);
    line-height: var(--line13);
    color: var(--colormain1);
    margin-bottom: 23px;
    font-family: var(--bold);
}
.amtr-text,
.amtr-text p {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--color777);
    font-family: var(--medium);
    margin-bottom: 33px;
}
.amtr-ul {
    display: flex;
    flex-wrap: wrap;
}
.amtr-ul-li {
    width: 100%;
    margin-bottom: 11px;
}
.amtr-ul-li-con {
    display: flex;
}
.amtr-ul-li-con p {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--color1a1);
    font-family: var(--medium);
    padding-left: 7px;
}
.amtr-ul-li-con img {
    width: 22px;
}
.active-main .std-btn2 {
    margin-top: 31px;
}
.amtr-back {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.amtr-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.active-main-below-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px -120px;
}
.active-main-below {
    overflow: hidden;
}
.ambu-li {
    width: 33.333333%;
    margin-bottom: 120px;
    padding: 0 20px;
}
.ambu-li-link {
    display: block;
    width: 100%;
    position: relative;
}
.ambu-li-link .ys-imgbox-cover {
    margin-bottom: 26px;
}
.ambu-li-link-tit {
    font-size: var(--font24);
    line-height: var(--line15);
    color: var(--color1a1);
    font-family: var(--bold);
    margin-bottom: 24px;
    transition: all 0.36s;
    max-height: 1.5em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-decoration: underline;
    text-decoration-color: rgba(0, 121, 127, 0);
    text-underline-offset: 8px;
    text-decoration-thickness: 1px;
}
.active-main-below .amtr-ul-li:nth-last-child(1) {
    margin-bottom: 0;
}
.ambu-li-link-text p {
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--color777);
    font-family: var(--medium);
    max-height: 3.2em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.ambu-li-link-text {
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--color777);
    font-family: var(--medium);
    margin-bottom: 20px;
}
.active-main-below .amtr-ul-li {
    margin-bottom: 8px;
}
.active-main-below .amtr-ul-li-con p {
    font-size: var(--font16);
    line-height: var(--line175);
    padding-left: 9px;
}
.active-main-below .amtr-ul-li-con img {
    width: 20px;
}
.ambu-li-link-icon {
    position: absolute;
    width: 38px;
    height: 38px;
    right: 3px;
    bottom: 5px;
    opacity: 0;
    transition: all 0.36s;
}
.ambu-li-link-icon img {
    width: 100%;
}
.amtr-ul-li:nth-last-child(1) {
    margin-bottom: 0;
}
.active-main-all {
    position: relative;
}
.active-main .slick-list {
    margin-bottom: 30px;
}
.active-main-below .news-main-top-card {
    margin-bottom: 32px;
}
/* f4 */
.detailact-banner-past {
    display: flex;
    margin-bottom: 13px;
}
.detailact-banner-past p {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--colormain1);
    font-family: var(--medium);
    padding: 3px 13px;
    border-radius: 3px;
    border: 1px solid var(--ffb-81-c, #00797F);
}
.detailact-banner-tit {
    font-size: 40px;
    line-height: var(--line13);
    color: var(--colormain1);
    font-family: var(--bold);
    margin-bottom: 38px;
}
.detailact-banner-all {
    display: flex;
    margin-bottom: 25px;
}
.detailact-banner-all-time {
    display: flex;
    padding-right: 132px;
}
.detailact-banner-all-time:nth-last-child(1) {
    padding-right: 0;
}
.detailact-banner-all-time p {
    font-size: var(--font18);
    line-height: var(--line18);
    color: var(--color1a1);
    font-family: var(--medium);
    padding-left: 7px;
}
.detailact-banner-all-time img {
    width: 22px;
}
.detailact-banner-con {
    display: flex;
    flex-wrap: wrap;
}
.detailact-banner-con-ri {
    width: 36%;
    padding-left: 77px;
}
.detailact-banner-con-le {
    width: 64%;
}
.dbcr-text p {
    font-size: var(--font18);
    line-height: var(--line18);
    color: var(--color1a1);
    font-family: var(--medium);
    margin-bottom: 29px;
}
.detailact-banner {
    padding-top: 60px;
}
.detailact-main-eve-tit {
    color: var(--colormain1);
    font-family: var(--bold);
    margin-bottom: 32px;
}
.detailact-main-eve-ul {
    margin: 0 -20px;
}
.dmeu-li {
    width: 33.333333%;
    padding: 0 20px;
}
.dmeu-li:not(:first-child) {
    display: none;
}
.dmeu-li-con {
    width: 100%;
}
.dmeu-li-con-time {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color777);
    font-family: var(--medium);
    margin-bottom: 6px;
    margin-top: 26px;
}
.dmeu-li-con-tit {
    font-size: var(--font18);
    line-height: var(--line14);
    color: var(--color1a1);
    font-family: var(--bold);
    margin-bottom: 30px;
    height: 2.8em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s ease;
    text-decoration: underline;
    text-decoration-color: rgba(0, 121, 127, 0);
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
}
.detailact-main-eve {
    margin-bottom: 152px;
}
.dmeu-li-con-text {
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--color777);
    font-family: var(--medium);
    margin-bottom: 40px;
}
.dmeu-li-con-text p {
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--color777);
    font-family: var(--medium);
    max-height: 3.2em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.detailact-main-new .dmeu-li-con-tit {
    margin-bottom: 16px;
}
.report-news .dmeu-li-con-tit {
    margin-bottom: 16px;
}
/* f5 */
.down-main {
    padding-top: 60px;
}
.down-main-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 54px;
    justify-content: space-between;
    overflow: hidden;
}
.down-main-top-search {
    width: 23%;
    border: 1px solid rgba(119, 119, 119, 0.4);
    border-radius: 3px;
    display: flex;
    padding-right: 20px;
}
.dmts-se {
    width: 24px;
    margin: auto;
    flex-shrink: 0;
    cursor: pointer;
}
.dmts-se img {
    width: 100%;
}
.down-main-top-search input::placeholder {
    color: var(--color777) !important;
}
.down-main-top-search input {
    font-size: var(--font18);
    line-height: var(--line17);
    font-family: var(--medium);
    color: var(--color1a1);
    width: 100%;
    padding: 0 15px;
}
.down-main-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px -40px;
}
.down-main-ul-li {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 40px;
}
.dmul-link {
    padding: 29px 65px 29px 55px;
    display: flex;
    flex-wrap: wrap;
    background-color: rgba(240, 240, 240, 0.6);
}
.dmul-link-le {
    width: 35%;
    border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 4px 19.7px 0px rgba(0, 0, 0, 0.08);
}
.dmul-link-ri {
    width: 65%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    padding: 24px 0 9px 56px;
}
.dmul-link-ri-top {
    display: flex;
    flex-wrap: wrap;
}
.down-main .std-btn1 {
    display: flex;
}
.dmul-link-ri-tit {
    font-size: var(--font24);
    line-height: var(--line14);
    color: var(--color1a1);
    font-family: var(--bold);
    margin-bottom: 17px;
    transition: all 0.36s ease;
    text-decoration: underline;
    text-decoration-color: rgba(0, 121, 127, 0);
    text-underline-offset: 8px;
    text-decoration-thickness: 1px;
    max-height: 4.2em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.dmul-link-ri-label {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 -4px;
}
.dlrl-li {
    padding: 0 4px;
    margin-top: 4px;
}
.dlrl-li p {
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--colormain1);
    font-family: var(--medium);
    padding: 6px 13px;
    border: 1px solid rgba(0, 121, 127, 1);
    border-radius: 3px;
}
.down-page .news-main-page {
    margin-top: 80px;
}
/* f6 */
.case-main {
    margin-top: 45px;
    overflow: visible;
}
.case-main-top {
    margin-bottom: 21px !important;
}
.case-main-below-ul {
    display: flex;
    flex-wrap: wrap;
}
.case-main-below {
    background-color: #F6F6F6;
    padding-top: 24px;
}
.case-main-below-select {
    margin-bottom: 33px;
    display: flex;
    align-items: flex-start;
}
.cmbu-li {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.cmbu-li-link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 71px 0 80px;
}
.cmbu-li-link-le {
    width: calc(100% - 140px);
    display: flex;
    flex-wrap: wrap;
}
.cmbu-li-link-ri {
    width: 140px;
}
.clll-le {
    width: 29%;
}
.clll-ri {
    width: 71%;
    padding: 0 167px 0 73px;
}
.clll-ri-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.case-main .clll-ri-ul {
    margin-bottom: 34px;
}
.clll-ri-ul-li {
    padding: 0 20px;
    position: relative;
}
.clll-ri-ul-li p {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--color777);
    font-family: var(--medium);
}
.clll-ri-tit {
    font-size: var(--font24);
    line-height: var(--line14);
    color: var(--color1a1);
    font-family: var(--bold);
    margin-bottom: 44px;
    text-decoration: underline;
    text-decoration-color: rgba(0, 121, 127, 0);
    text-underline-offset: 8px;
    text-decoration-thickness: 1px;
    max-height: 2.8em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s ease;
}
.E-Commerce .label-card {
    margin-right: 6px;
}
.case-page .dlrl-li {
    padding: 0 3px;
    margin-bottom: 5px;
}
.case-page .dmul-link-ri-label {
    margin: 0 -3px 0;
}
.cmti-name,
.cmbs-name {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--color777);
    font-family: var(--medium);
}
.cmbs-name {
    width:auto !important;
    flex-shrink: 0;
    margin-right: 24px;
}
.cmbs-name-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -17px;
}
.cmbs-name-ul-li {
    padding: 0 17px;
    margin-bottom: 5px;
}
.cnul-cont {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.cnul-cont p {
    padding-right: 8px;
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--color777);
    font-family: var(--medium);
}
.cnul-cont-icon {
    width: 14px;
    flex-shrink: 0;
    font-size: 0;
}
.cnul-cont-icon img {
    width: 100%;
}
.cmbs-ri-clear {
    width: auto;
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--colormain1);
    font-family: var(--medium);
    border-bottom: 2px solid rgba(0, 121, 127, 1);
    cursor: pointer;
    flex-shrink: 0;
    margin-left: 26px;
}
.cmbs-ri {
    width:100%
    display: flex;
    align-items: flex-start;
}
.clll-ri-ul-li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(119, 119, 119, 1);
    width: 1px;
    height: 17px;
}
.clll-ri-ul-li:nth-last-child(1)::after {
    width: 0;
}
.case-page .news-main-page {
    margin-top: 93px;
}
.case-main-top-industry {
    display: flex;
    /*flex-wrap: wrap;*/
    margin-bottom: 25px;
    width: 100%;
    position: relative;
}
.case-main-top-industry:nth-last-child(1) {
    margin-bottom: 0;
}
.case-main-top-ul {
    display: flex;
    flex-wrap: wrap;
}
.case-page .arrows2-icon {
    width: 32px;
    height: 32px;
}
.case-page .nmtc-arrow {
    bottom: auto;
    z-index: 2;
    flex-shrink: 0;
    right: auto;
    margin-left: 24px;
    position: relative;
}
.cmti-name {
    width: auto;
    margin-right: 30px;
    flex-shrink: 0;
}
.cmti-swiper {
    width: 100%;
    overflow: hidden;
}
.case-main-top-industry::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0, #FFF 40.65%);
    width: 8%;
    z-index: 1;
    height: 100%;
}
.cmti-ul {
    display: flex;
    margin: 0 -20px;
}
.case-main .swiper-slide {
    width: auto;
}
.cmti-ul-li {
    padding: 0 20px;
}
.cmti-ul-li-cont {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.cmti-ul-li-cont p {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--color1a1);
    font-family: var(--medium);
    padding-right: 8px;
    flex-shrink: 0;
}
.cmti-ul-li-cont span {
    border: 1px solid rgba(119, 119, 119, 1);
    height: 20px;
    width: 20px;
    transition: all .36s;
    flex-shrink: 0;
    position: relative;
}
.cmti-ul-li-cont span img {
    width: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .36s;
}
.cmti-ul-li.on .cmti-ul-li-cont span img {
    opacity: 1;
}
/* f7 */
.casedetail-banner {
    padding-top: 102px;
    padding-bottom: 70px;
    position: relative;
}
.casedetail-banner-all {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.casedetail-banner-all-le {
    width: 18%;
}
.casedetail-banner-all-ri {
    width: 82%;
    padding-left: 89px;
}
.casedetail-banner .dlrl-li {
    padding: 0 7px;
}
.casedetail-banner .dmul-link-ri-label {
    margin: 0 -7px 27px;
}
.cbar-tit {
    font-size: var(--font32);
    line-height: var(--line13);
    color: var(--colorfff);
    font-family: var(--bold);
    margin-bottom: 36px;
}
.casedetail-banner .clll-ri-ul {
    margin-bottom: 0;
}
.casedetail-banner-back {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    z-index: -1;
}
.casedetail-banner-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.casedetail-main {
    padding-top: 81px;
    padding-bottom: 129px;
}
.casedetail-main .ys-cont1720 {
    position: relative;
}
.casedetail-main-cont {
    width: 60%;
    margin: 0 auto;
}
.casedetail-main-cont-top {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 2px solid rgba(0, 0, 0, 1);
}
.cmct-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -140px;
}
.cmct-ul-li {
    padding: 0 140px;
}
.cmct-ul-li-num {
    font-size: 40px;
    line-height: var(--line13);
    color: var(--color1a1);
    font-family: var(--bold);
    margin-bottom: 2px;
}
.cmct-ul-li-text {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color1a1);
    font-family: var(--medium);
}
.casedetail-main-cont-below p {
    font-family: var(--medium);
    margin-bottom: 26px;
}
.casedetail-main-cont-below h5 {
    color: var(--colormain1);
    font-family: var(--bold);
    margin-bottom: 12px;
}
.ys-video-btn img:nth-last-child(1) {
    width: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.ys-video-btn {
    position: relative;
    padding-bottom: 42px;
}
.casedetail-caro {
    background-color: rgba(246, 246, 246, 1);
    padding: 67px 0 92px;
}
.casedetail-caro-tit {
    color: var(--colormain1);
    font-family: var(--bold);
    text-align: center;
    margin-bottom: 44px;
}
.casedetail-caro-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -35px;
}
.casedetail-caro-ul-li {
    padding: 0 35px;
    width: 33.333333%;
}
.casedetail-caro-ul-li:not(:first-child) {
    display: none;
}
.ccul-link {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.ccul-link-tit {
    font-size: var(--font20);
    line-height: var(--line14);
    color: var(--color1a1);
    font-family: var(--bold);
    height: 2.8em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
    text-decoration: underline;
    text-decoration-color: rgba(0, 121, 127, 0);
    text-underline-offset: 6px;
    text-decoration-thickness: 1px;
    transition: all 0.36s ease;
}
.ccul-link .ys-imgbox-cover {
    margin-bottom: 35px;
}
.casedetail-caro .clll-ri-ul {
    margin-bottom: 16px;
}
.casedetail-caro .dlrl-li {
    padding: 0 3px;
}
.casedetail-caro .dmul-link-ri-label {
    margin: 0 -3px 47px;
}
.casedetail-main-cont-intro {
    display: flex;
    flex-wrap: wrap;
    background-color: rgba(240, 240, 240, 1);
    padding: 50px 70px 35px 56px;
    align-items: flex-start;
}
.casedetail-main-cont-intro .ys-imgbox-cover {
    width: 13%;
    border-radius: 50%;
    background: linear-gradient(180deg, #EBEBEF 0%, #D9D8DE 100%);
}
.cmci-le {
    width: 87%;
    padding-right: 45px;
}
.cmci-le-tit {
    font-size: var(--font24);
    line-height: var(--line14);
    color: var(--color1a1);
    font-family: var(--bold);
    margin-bottom: 28px;
}
.cmci-le-text p {
    font-size: var(--font18);
    line-height: 2.1;
    color: var(--color1a1);
    font-family: var(--medium);
}
/* D */
.software-the-le {
    width: 53%;
    padding-right: 74px;
}
.software-the-le-tit {
    margin-bottom: 31px;
    color: var(--colormain1);
    font-family: var(--bold);
    width: 70%;
}
.software-the-le-text p {
    line-height: var(--line17);
    font-family: var(--medium);
    color: var(--color777);
}
.software-the-le-text p:nth-last-child(1) {
    margin-bottom: 0;
}
.software-the-le-text {
    margin-bottom: 24px;
}
.software-the-le-watch img {
    width: 35px;
}
.software-the-le-watch p {
    font-size: var(--font18);
    line-height: var(--line12);
    color: var(--colormain1);
    font-family: var(--bold);
    padding-left: 9px;
}
.software-the-ri {
    width: 47%;
    padding-top: 56px;
}
.software-the-ri img {
    width: 100%;
}
.software-the-le-watch {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.software-the .ys-cont1720 {
    display: flex;
    flex-wrap: wrap;
}
.software-why-tit {
    margin-bottom: 44px;
    color: var(--colorfff);
    font-family: var(--bold);
}
.software-why-ul {
    margin: 0 -14px;
}
.software-why-ul-li {
    width: 25%;
    padding: 0 14px;
}
.software-why-ul-li:not(:first-child) {
    display: none;
}
.swul-cont {
    padding: 72px 34px 137px;
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(17.549999237060547px);
    transition: all 0.36s ease;
    height: 100%;
}
.swul-cont-icon {
    width: 106px;
    margin-bottom: 45px;
}
.swul-cont-icon img {
    width: 100%;
}
.swul-cont-tit {
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--colorfff);
    font-family: var(--bold);
    margin-bottom: 18px;
}
.swul-cont-text,
.swul-cont-text p {
    font-size: var(--font18);
    line-height: var(--line17);
    color: rgba(255, 255, 255, 0.6);
    font-family: var(--medium);
}
.software-why {
    position: relative;
    margin-top: var(--space100);
}
.software-page .ys-main {
    padding-bottom: var(--space100);
}
.software-why-back {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    z-index: -1;
}
.software-why-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.software-why .slick-list {
    padding-bottom: 51px;
}
.software-why .slick-dots li.slick-active {
    background: rgba(8, 162, 173, 1);
}
.software-wms-ri {
    width: 60%;
    padding-right: var(--left);
    padding-left: 115px;
}
.software-wms-ri-tit {
    margin-bottom: 12px;
    color: var(--colormain1);
    font-family: var(--bold);
}
.software-wms-ri-text p {
    margin-bottom: 48px;
    color: var(--color777);
    font-family: var(--medium);
}
.software-the .std-btn1-box {
    padding: 12px 40px;
    font-family: var(--medium) !important;
}
.software-wms-ri-text ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 19px;
}
.software-wms-ri-text li {
    width: 100%;
    margin-bottom: 14px;
}
.software-wms-ri-text li:nth-last-child(1) {
    margin-bottom: 0;
}
.software-wms-ri-text ul p {
    font-size: var(--font18);
    line-height: var(--line18);
    color: var(--color1a1);
    font-family: var(--medium);
    position: relative;
    margin-bottom: 0;
}
.software-wms-ri-text {
    max-height: 500px;
    margin-bottom: 33px;
}
.software-wms-ri-text span {
    font-weight: bold;
}
.software-wms {
    background-color: rgba(240, 240, 240, 1);
    position: relative;
}
.swat-cont {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.software-wms-le {
    width: 40%;
}
.software-wms-le img {
    width: 100%;
    max-height: 866px;
    object-fit: cover;
}
.software-wms-card {
    width: 7.5%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0px 5px 5px 0px;
    background: rgba(0, 0, 0, 0.58);
    backdrop-filter: blur(27.799999237060547px);
    padding: 30px 24px 30px 50px;
}
.software-wms-top {
    display: none;
    width: 100%;
    padding: 20px 20px;
}
.software-wms-card-ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.software-wms-top .swcu-li {
    width: auto;
    margin-bottom: 10px;
}
.software-wms-top .swcu-li p {
    color: #777;
}
.software-wms-top-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.software-wms .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colormain1) !important;
}
.swcu-li {
    width: 100%;
    margin-bottom: 20px;
}
.swcu-li:nth-last-child(1) {
    margin-bottom: 0;
}
.swcu-li p {
    font-size: var(--font14);
    line-height: var(--line14);
    color: rgba(255, 255, 255, 0.6);
    font-family: var(--medium);
    position: relative;
    cursor: pointer;
}
.swcu-li.act p {
    color: var(--colorfff);
}
.software-wms-top .swcu-li.act p {
    color: var(--color1a1);
}
.swcu-li p::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--colormain1);
    left: -26px;
    top: 4px;
    opacity: 1;
}
.swcu-li p::before {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid rgba(0, 121, 127, 1);
    left: -35px;
    top: -5px;
    opacity: 0;
    transition: all 0.36s ease;
}
.swcu-li.act p::before {
    opacity: 1;
}
.software-wms-ri-text ul p::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--colormain1);
    left: -19px;
    top: 12px;
    opacity: 1;
}
.software-wms-card-ul::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 98%;
    background-color: var(--colormain1);
    left: -21px;
    top: 4px;
}
/* g4 */
.person-blue .ys-cont1720 {
    position: relative;
    padding-bottom: var(--space100);
}
.person-hi-tit {
    color: var(--colormain1);
    font-family: var(--bold);
    margin-bottom: 32px;
}
.person-hi-text p {
    color: var(--color777);
    font-family: var(--medium);
    margin-bottom: 25px;
}
.person-hi-text p:nth-last-child(1) {
    margin-bottom: 0;
}
.person-hi-text {
    padding-bottom: 103px;
}
.person-toge-all {
    background-color: rgba(240, 240, 240, 1);
    padding: 40px 140px 80px 80px;
}
.person-toge-all-icon {
    width: 31px;
    margin-bottom: 24px;
}
.person-toge-all-icon img {
    width: 100%;
}
.person-toge-all-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.ptac-tit {
    font-family: var(--bold);
    width: 37%;
}
.person-toge .std-btn1 {
    width: 19%;
}
.person-toge-back {
    position: absolute;
    bottom: 0;
    right: 31%;
    width: 23.5%;
}
.person-toge-back img {
    width: 100%;
}
.person-toge .ys-cont1720 {
    position: relative;
    padding-bottom: 116px;
}
.ptul-cont-le-tit {
    color: var(--colorfff);
    margin-bottom: 42px;
    font-family: var(--bold);
}
.person-talent-ul {
    display: flex;
    flex-wrap: wrap;
}
.person-talent-ul-li {
    width: 100%;
}
.person-talent-ul-li:nth-child(2n) .ptul-cont-le {
    padding-right: var(--left);
    padding-left: 84px;
}
.ptul-cont {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: var(--colormain1);
}
.ptul-cont-le {
    width: 50%;
    padding-left: var(--left);
    padding-right: 84px;
}
.ptul-cont-le-ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    max-height: 555px;
}
.pclu-li {
    width: 100%;
    margin-bottom: 30px;
}
.pclu-li p {
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--medium);
}
.pclu-li:nth-last-child(1) {
    margin-bottom: 0;
}
.ptul-cont-ri {
    width: 50%;
}
.pclu-li-tit {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--colorfff);
    font-family: var(--bold);
    margin-bottom: 9px;
    padding-left: 19px;
    position: relative;
}
.pclu-li-tit::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--colorfff);
    left: 0px;
    top: 10px;
}
.pclu-li-link {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line17);
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.person-talent-ul-li:nth-child(2n) .ptul-cont {
    flex-direction: row-reverse;
}
.person-work-tit {
    color: var(--colormain1);
    font-family: var(--bold);
    margin-bottom: 15px;
}
.person-work-text p {
    color: var(--color777);
    font-family: var(--medium);
}
.pwul-text p {
    color: var(--color777);
    font-family: var(--medium);
}
.person-work-text {
    margin-bottom: 92px;
}
.person-work-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -54px;
}
.person-work-ul-li {
    width: 33.333333%;
    padding: 0 54px;
    margin-bottom: 51px;
    position: relative;
}
.person-work-ul-li:not(:first-child) {
    display: none;
}
.person-work-pic {
    margin: 0 -8px;
}
.person-work-pic-li {
    width: 33.333333%;
    padding: 0 8px;
}
.person-work-pic-li:not(:first-child) {
    display: none;
}
.person-work-pic .slick-list {
    margin-bottom: 26px;
}
.person-live .slick-list {
    margin-bottom: 26px;
}
.pwul-tit {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--color1a1);
    font-family: var(--bold);
    margin-bottom: 9px;
}
.person-work-ul-li::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 74px;
    background-color: rgba(119, 119, 119, 0.5);
    right: 0px;
   top: 80px;
}
.person-work-ul-li:nth-last-child(1)::after {
    width: 0;
}
.person-live-ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.person-live-ul-li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0;
    border-bottom: 1px solid rgba(26, 26, 26, 0.3);
    align-items: center;
}
.person-live-ul-li:nth-last-child(1) {
    border-bottom: 0px;
}
.plul-le {
    width: 53%;
    padding-right: 20px;
    font-size: var(--font32);
    line-height: var(--line17);
    color: var(--color1a1);
    font-family: var(--bold);
}
.plul-ri {
    width: 47%;
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--color777);
    font-family: var(--medium);
}
.person-live-caro {
    margin: 0 -13px;
}
.person-live-caro-li {
    width: 50%;
    padding: 0 13px;
    display: flex;
    flex-direction: column;
}
.plcl-top-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -13px;
}
.plcl-top-ul-li {
    width: 50%;
    padding: 0 13px;
    margin-bottom: 25px;
}
.person-live-caro-li:nth-child(2n) {
    flex-direction: column-reverse;
}
.person-live-caro-li:nth-child(2n) .plcl-top-ul-li {
    margin-bottom: 0;
}
.person-live-caro-li:nth-child(2n) .plcl-below {
    margin-bottom: 25px;
}
.person-college-text p {
    font-family: var(--medium);
}
.person-college-text {
    margin-bottom: 80px;
    width: 68.5%;
}
.person-college-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -55px;
}
.person-college-ul-li {
    width: 33.333333%;
    padding: 0 55px;
    margin-bottom: 55px;
}
.pcul-cont {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.pcul-cont img {
    width: 60px;
    margin-bottom: 21px;
}
.pcul-cont-tit {
    margin-bottom: 9px;
    font-family: var(--bold);
}
.pcul-cont-text p {
    color: var(--color777);
    font-family: var(--medium);
}
.person-vacan {
    padding-top: var(--space100);
    margin-top: var(--space100);
    background-color: rgba(240, 240, 240, 1);
}
.person-vacan-tit {
    margin-bottom: 39px;
    font-family: var(--bold);
    color: var(--colormain1);
}
.person-vacan-ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 34px;
}
.person-vacan-ul-li {
    width: 100%;
    margin-bottom: 6px;
}
.pvul-link {
    padding: 30px 28px 30px 47px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: var(--colorfff);
    cursor: pointer;
    transition: all 0.36s ease;
}
.pvul-link-tit {
    font-family: var(--medium);
    width: 38%;
    transition: all 0.36s ease;
    padding-right: 20px;
}
.pvul-link-area {
    display: flex;
    align-items: center;
    width: 24%;
    position: relative;
}
.pvul-link-area img:nth-child(2) {
    position: absolute;
    top: 2px;
    left: 0;
    opacity: 0;
    transition: all 0.36s ease;
}
.pvul-link-area img {
    width: 29px;
}
.pvul-link-area p {
    font-size: var(--font20);
    color: var(--color1a1);
    line-height: var(--line16);
    font-family: var(--medium);
    padding-left: 15px;
    transition: all 0.36s ease;
}
.pvul-link-depart img {
    width: 40px;
    flex-shrink: 0;
    transition: all 0.36s ease;
    opacity: 0;
}
.pvul-link-depart img:nth-last-child(1) {
    display: none;
}
.pvul-link-depart p {
    font-size: var(--font20);
    color: var(--color1a1);
    line-height: var(--line16);
    font-family: var(--medium);
    transition: all 0.36s ease;
}
.pvul-link-depart span {
    color: var(--color777);
    padding-right: 26px;
    transition: all 0.36s ease;
}
.pvul-link-depart {
    display: flex;
    justify-content: space-between;
    width: 38%;
    align-items: center;
}
.person-vacan-ul-li:nth-last-child(1) {
    margin-bottom: 0;
}
.person-vacan .std-btn1 {
    display: flex;
    justify-content: center;
}
.pvpc-tit {
    font-size: var(--font24);
    color: var(--color1a1);
    line-height: var(--line14);
    font-family: var(--bold);
    margin-bottom: 40px;
}
.pvpc-text ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.pvpc-text li {
    width: 100%;
    margin-bottom: 25px;
}
.pvpc-text p {
    color: var(--color777);
    font-family: var(--medium);
    line-height: var(--line17);
    position: relative;
    padding-left: 22px;
    margin-bottom: 0;
}
.person-vacan .yxedr-active ul {
    padding-inline-start: 0px;
}
.pvpc-text li:nth-last-child(1) {
    margin-bottom: 0;
}
.person-vacan-pop-cont .std-btn1 {
    display: inline-block;
}
.person-vacan-pop .yxedr-active ul {
    margin-block-start: 0;
    padding-inline-start: 0px;
}
.person-vacan-pop .std-btn1-box {
    padding: 12px 40px;
    font-size: var(--font16);
}
.pvpc-text p::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--colormain1);
    left: 0px;
    top: 10px;
}
.person-vacan .ys-modal {
    background: rgba(0, 0, 0, 0.40);
}
.person-vacan .ys-modal-content {
    width: 780px;
    padding: 60px 67px 78px 56px;
    max-height: 592px;
}
.person-vacan .std-btn1-box {
    font-size: var(--font16);
    padding: 12px 40px;
}
.ys-modal-close img {
    width: 100%;
}
.person-live .slick-track .slick-slide {
    display: flex !important;
}
.person-vacan .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colormain1);
}
.person-vacan .mCSB_scrollTools {
    width: 14px;
    top: 20px;
    right: -6px;
}
.person-talent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .75) !important;
}
.person-talent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.ys-modal-content {
    padding: 60px 70px;
}
/* Leah--辅助--end */
/* E3技术支持单页-start */
.support-list-wrap{
    width: 100%;
    padding: 0 9px;
}
.support-list-ul{
    display: flex;
    justify-content: space-between;
    position: relative;
}
.support-list-ul-li{
    height: auto;
}
.support-list-ul-li1{
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}
.support-list-ul-li2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 37.7%;
    height: 100%;
    clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
}
.support-list-ul-li3{
    clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.support-list-ul-li1 .slul-crys-text,
.support-list-ul-li2 .slul-crys-text{
    left: 40%;
}
.slul-crys{
    width: 100%;
    height: 100%;
}
.slul-crys-img, .slul-crys-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.support-list-ul-li1, .support-list-ul-li3{
    width: 37.7%;
}
.slul-crys{
    position: relative;
}
.slul-crys-text{
    position: absolute;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    z-index: 2;
    color: var(--colorfff);
    line-height: var(--line14);
    font-family: var(--medium) !important;
}
.support-list-ul{
    border-radius: 20px;
    overflow: hidden;
}
.support-list-word{
    width: 67.07670%;
    margin: 0 auto;
    margin-top: 60px;
}
.support-list-word p{
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--color1a1);
    margin-bottom: 20px;
}
.support-list-word p:last-child{
    margin-bottom: 0px;
}
.support-alway{
    padding: 214px 0 276px;
}
.support-alway{
    margin-top: var(--space100);
}
.support-alway-crys{
    display: flex;
    align-items: flex-start;
}
.support-alway-ri{
    width: 46.5%;
}
.support-alway-le{
    width: 53.5%;
    padding-right: 219px;
}
.support-alway-le h2{
    color: var(--colorfff);
    font-family: var(--bold) !important;
    line-height: var(--line14);
}
.support-alway-le-word{
    margin-top: var(--space40);
}
.support-alway-le-word p{
    line-height: 1.8;
    color: var(--colorfff);
}
.saru-li-tp{
    padding: 30px 36px 30px 42px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-right: 24px;
    font-size: var(--font24);
    color: var(--colorfff);
    line-height: var(--line14);
    font-family: var(--medium) !important;
}
.saru-li-tp span{
    position: absolute;
    top: 50%;
    right: 36px;
    transform: translateY(-50%);
    z-index: 2;
    width: 24px;
    height: 24px;
    display: block;
}
.saru-li-tp span::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 2px;
    background: var(--colorfff);
    transition: all .36s ease;
}
.saru-li-tp span::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 2px;
    height: 100%;
    background: var(--colorfff);
    transition: all .36s ease;
}
.saru-li.active .saru-li-tp span::after{
    transform: translate(-50%,-50%) rotate(90deg);
    opacity: 0;
}
.support-alway{
    width: 100%;
    position: relative;
    z-index: 1;
}
.support-alway::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.20);
    z-index: -1;
}
.saru-li-bt p{
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--colorfff);
}
.saru-li:first-child .saru-li-bt{
    display: block;
}
.saru-li-bt{
    padding: 0 140px 25px 42px;
    display: none;
}
.saru-li{
    position: relative;
    z-index: 1;
}
.saru-li-box::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height:calc(100% - 2px);
    pointer-events: none;
    border-top: solid 1px transparent;
    border-bottom: solid 1px rgba(255, 255, 255, 0.7);
    transition: all .36s ease;
    z-index: 1;
}
.saru-li-box::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: all .36s ease;
    z-index: -1;
    opacity: 0;
}
.saru-li.active .saru-li-box::before{
    border-bottom: solid 1px transparent;
    border-top: solid 1px rgba(255, 255, 255, 0.7);
}
.saru-li.active .saru-li-box{
    backdrop-filter: blur(27.149999618530273px);
    -webkit-backdrop-filter: blur(27.149999618530273px);
    -moz-backdrop-filter: blur(27.149999618530273px);
    -ms-backdrop-filter: blur(27.149999618530273px);
    -o-backdrop-filter: blur(27.149999618530273px);
    background: rgba(0, 0, 0, 0);
}
.saru-li-box{
    overflow: hidden;
    position: relative;
    z-index: 1;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    -moz-backdrop-filter: blur(0px);
    -ms-backdrop-filter: blur(0px);
    -o-backdrop-filter: blur(0px);
    background: rgba(0, 0, 0, 0);
}
.siul-crys-ri{
    width: 50%;
}
.siul-crys-le{
    width: 50%;
    padding:  0 134px 0 var(--left);
}
.siul-crys{
    display: flex;
    align-items: center;
}
.siul-crys-le-tit{
    color: #00797F;
    line-height: var(--line14);
    font-family: var(--bold) !important;
    margin-bottom: 40px;
}
.siul-crys-le-word h3{
    font-size: var(--font24);
    line-height: var(--line14);
    color: #00797F;
    font-family: var(--bold) !important;
    margin-bottom: 15px;
}
.siul-crys-le-word p span{
    color: var(--color1a1);
    font-family: var(--bold) !important;
}
.siul-crys-le-word p{
    font-size: var(--font18);
    color: var(--color777);
    line-height:1.8;
    margin-bottom: 14px;
}
.support-item-ul-li:nth-child(2n) .siul-crys{
    flex-direction: row-reverse;
}
.support-item-ul-li:nth-child(2n) .siul-crys-le{
    padding: 0px calc(var(--left) + 57px) 0px 78px;
}
.support-info-ul-li{
    padding: 0 55px;
}
.support-info-ul{
    margin: 0 -55px;
}
.siul-boxs-tp{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-right: -25px;
}
.siul-boxs-tp-icon{
    width: 80px;
    flex-shrink: 0;
}
.siul-boxs-tp-icon img{
    width: 100%;
}
.support-info h2{
    color: #00797F;
    margin-bottom: var(--space40);
}
.support-page h2{
    font-family: var(--bold) !important;
}
.siul-boxs-tp-tit{
    width: 100%;
    padding-right: 0px;
    color:#000;
    line-height: var(--line14);
    font-family: var(--bold);
    padding-top: 9px;
}
.siul-box-bt p a{
    display: inline-block;
}
.siul-box-bt p, .siul-box-bt p a{
    color: var(--color777);
    line-height: var(--line17);
    font-family: var(--medium) !important;
}
.siul-box-bt p span{
    color: #000;
}
.support-info-ul-li{
    position: relative;
}
.support-info-ul-li::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #D7DADD;
    pointer-events: none;
    transition: all .36s ease;
    z-index: -1;
    opacity: 1;
}
.support-min{
    width: 100%;
    position: relative;
    background: var(--color1a1);
}
.support-min h2{
    color: var(--colorfff);
}
.support-min-proc-wrap{
    width: 59.89%;
    margin: 0 auto;
    position: relative;
}
.smpw-img{
    width: 100%;
    pointer-events: none;
}
.smpw-img svg{
    width: 100%;
    height: auto !important;
}
.home-serv-min {
    animation: upshow 4s ease infinite;
}
@keyframes upshow{
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(15px);
    }
    100% {
        transform: translateY(0px);
    }
}
.smpw-text {
    position: absolute;
    top: 43%;
    left: 48.5%;
    transform: translate(-50%, -50%);
    color: var(--colorfff);
    line-height: var(--line14);
    font-family: var(--bold) !important;
}
.smpw-ul{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.smpw-ul-li{
    position: absolute;
    pointer-events: all;
    transform: translate(-50%,-50%);
}
.sulb-num{
    font-size: 44px;
    line-height: var(--line13);
    font-family: var(--bold) !important;
    color: var(--colorfff);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 5px;
}
.sulb-num span{
    font-size: var(--font24);
    line-height: var(--line17);
    margin-left: 4px;
}
.sulb-word p{
    text-align: center;
    line-height: var(--line17);
    color: var(--colorfff);
}
.support-min-proc h2{
    margin-bottom: 24px;
}
.smpw-ul-li1 .sulb-word p{
    font-size: var(--font14);
}
.smpw-ul-li2 .sulb-word p, 
.smpw-ul-li3 .sulb-word p,
.smpw-ul-li4 .sulb-word p{
    font-size: var(--font18);
}
.smpw-ul-li1{
    width:13.8%;
    top: 17.5%;
    left: 16%;
}
.smpw-ul-li2 {
    width: 18.3%;
    top: 22%;
    left: 86%;
}
.smpw-ul-li3 {
    width: 18.3%;
    top: 66.5%;
    left: 9.3%;
}
.smpw-ul-li4 {
    width: 27.7%;
    top: 73%;
    left: 86.3%;
}
.smbw-porgress-bar span {
    background: var(--colorbj1);
    border-radius: 5px;
    bottom: 12px;
    left: 0;
    position: absolute;
    top: 0px;
    transition: width .8s cubic-bezier(.25,1,.55,1);
    width: 0;
    height: 100%;
    opacity: 0.4;
}
.smbw-porgress-bar {
    border-radius: 5px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
}
.smbw-porgress:before {
    background:rgba(119,119,119,0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.smbw-porgress {
    height: 2px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    width: 83%;
}
.smbw-ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0px auto;
    padding: 0;
}
.smbw-ul-li {
    width: 20%;
    cursor: pointer;
    outline: 1px solid hsla(0, 0%, 100%, 0);
    position: relative;
}
.smbw-ul-li-pointer{
    align-items: center;
    background-color: #1a1a1a;
    border: 2px solid rgba(0,121,127,0.5);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    pointer-events: none;
    position: relative;
    transition: all .36s cubic-bezier(.25,1,.55,1);
    width: 50px;
    height: 50px;
    z-index: 3;
    margin: 0 auto;
}
.smbw-ul-li-pointer:before {
    background-color: rgba(0,121,127,0.5);
    border-radius: 50%;
    content: "";
    display: block;
    transition: all .5s cubic-bezier(.25,1,.55,1) .2s;
    width: 14px;
    height: 14px;
}
.smbw-ul-li-pointer svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: auto;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s cubic-bezier(.25,1,.55,1);
    width: 50%;
}
.smbw-ul-li.active .smbw-ul-li-pointer svg {
    opacity: 1;
    transition-delay: .2s;
}
.smbw-ul-li.active .smbw-ul-li-pointer{
    background: var(--colormain1);
}
.smbw-ul-li.active .smbw-ul-li-pointer:before{
    opacity: 0;
}
.smbw-ul-li.current .smbw-ul-li-pointer{
    background: var(--colormain1);
}
.smbw-ul-li.current .smbw-ul-li-pointer:before{
    background: #fff;
}
.smbw-ul-li-min {
    left:0px;
    min-width: 100%;
    padding: 120px 25px 32px;
    position: absolute;
    top: -53px;
}
.smbw-ul-li-min:before {
    background: rgba(0,121,127,0.1);
    border-radius: 16px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .36s cubic-bezier(.25,1,.55,1);
    width: 100%;
    z-index: 1;
}
.smbw-ul-li.current .smbw-ul-li-min:before {
    opacity: 1;
}
.suml-title {
    color: var(--colorfff);
    font-size: var(--font20);
    line-height: var(--line16);
    margin: 0;
    position: relative;
    z-index: 3;
    display: flex;
    align-items: flex-start;
}
.suml-title span{
    display: inline-block;
    font-size: var(--font20);
    line-height: var(--line16);
    margin-left: 4px;
}
.smbw-ul-li-tooltip:before{
    background-image: url(../images/e3_icon001.svg);
    background-repeat: no-repeat;
    content: "";
    height: 33px;
    left: 37.5%;
    position: absolute;
    top: -16px;
    width: 33px;
    transform: rotate(26deg);
}
.smbw-ul-li-tooltip .description {
    color: #fff;
    font-size: var(--font18);
    line-height: var(--line17);
    margin: 0;
}
.smbw-ul-li-tooltip {
    background: #00797F;
    border-radius: 10px;
    left:0%;
    min-width: 432px;
    opacity: 0;
    padding: 24px 48px;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 100px);
    transform: translateY(20px);
    transition: all 0s cubic-bezier(.25,1,.55,1);
    visibility: hidden;
    z-index: 4;
}
.smbw-ul-li.current .smbw-ul-li-tooltip{
    opacity: 1;
    transform: translateY(0px);
    visibility:visible;
    transition: all .8s cubic-bezier(.25,1,.55,1);
}
.support-min-buil-wrap{
    position: relative;
    width: 100%;
    margin:0 auto;
}
.support-min-buil{
    overflow: visible;
}
.support-min-buil h2{
    margin-bottom: 158px;
}
.support-min-proc{
    padding-top: 386px;
}
.support-info-ul-li:nth-child(4n+1){
    animation-delay: 0.2s;
}
.support-info-ul-li:nth-child(4n+2){
    animation-delay: 0.3s;
}
.support-info-ul-li:nth-child(4n+3){
    animation-delay: 0.4s;
}
.support-info-ul-li:nth-child(4n+4){
    animation-delay: 0.5s;
}
.support-info-ul-li{
    width: 25%;
}
.support-info-ul-li.slick-slide:not(:first-child){
    display: none;
}
.support-info-ul{
    display: flex;
}
.support-info-ul-li{
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.mod-tab p{
    line-height: var(--line17);
    color: var(--color777);
}
.mod-tab{
    margin-bottom: 12px;
}
.support-min{
    margin-top: var(--space100);
}
.support-world h2{
    color: var(--colormain1);
}
.support-world-cont{
    width: 100%;
    position: relative;
}
.support-world-cont-list{
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.support-world-min{
    width: 81.4%;
    margin: 0 auto;
    position: relative;
}
.support-world-pic, .support-world-pic img{
    width: 100%;
}
.support-world-dots,
.support-world-icons{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.support-world-dots-li,
.support-world-icons-li{
    pointer-events: all;
    position: absolute;
}
.swdl-box{
    display: flex;
    align-items: center;
}
.swdl-box span{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--colormain1);
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-right: 10px;
}
.swdl-box span::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: var(--colormain1);
    opacity: 0.2;
    width: 120%;
    height: 120%;
    z-index: -1;
    border-radius: 50%;
}
.swdl-box p{
    font-size: var(--font18);
    color: var(--color1a1);
    line-height: var(--line14);
    font-family: var(--bold) !important;
}
.support-world-dots-li.left .swdl-box{
    flex-direction: row-reverse;
}
.support-world-dots-li.left span{
    margin-right: 0px !important;
    margin-left: 10px;
}
.support-world-dots-li.on1 p{
    display: none;
}
.support-world-dots-li.on1 span{
    /* background: #e10000; */
}
.support-world-dots-li.on1 span::after{
    /* background: #e10000; */
}
.swil-boxs-text{
    color: var(--color1a1);
    line-height: 1.4;
    font-family: var(--bold) !important;
}
.swil-boxs{
    position: relative;
}
.swil-boxs-icon{
    width: 30px;
}
.support-world-icons-li3 .swil-boxs-text {
    top: -50%;
    left: 0%;
}
.swil-boxs-icon img{
    width: 100%;
}
.swil-boxs-text{
    position: absolute;
    top: 50%;
    left: 110%;
    transform: translate(0%,-50%);
    z-index: 2;
}
.support-world-icons-li2 .swil-boxs-text{
    top: -20%;
    left: 0;
}
.support-world-icons-li3 .swil-boxs-text{
    top: 0%;
}
.support-world-icons-li.act .swil-boxs-text{
    left: 50%;
    top: 140%;
    transform: translate(-50%,-50%);
}
.support-world-icons-li.act .swil-boxs-icon{
    width: 48px;
}
.support-world-icons{
    z-index: 4;
}
.swcl-item-word{
    font-family: var(--bold);
    line-height: var(--line14);
    color: var(--color1a1);
}
.swcl-item-icon{
    width: 30px;
    flex-shrink: 0;
    margin-right: 16px;
}
.swcl-item-icon img{
    width: 100%;
}
.swcl-item{
    display: flex;
    align-items: center;
    margin-bottom: 19px;
}
.swcl-item:last-child{
    margin-bottom: 0px;
}
.sclm-ul-li{
    margin-bottom: 204px;
}
.support-chage-cont{
    display: flex;
    align-items: flex-start;
}
.support-change-le{
    display: flex;
    align-items: flex-start;
}
.support-change{
    background: var(--colormain1);
}
.support-change .mod-tab p{
    color: var(--colorfff);
}
.support-change-ri{
    width: 29%;
    height: calc(100vh - var(--headh));
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.support-change-le{
    width: 71%;
    padding-right: 128px;
}
.scru-lis{
    display: none;
}
.scru-lis:first-child{
    display: block;
}
.support-change-le-min{
    width: 62%;
    position: relative;
}
.sclm-pro{
    width: 2px;
    height: calc(100vh - var(--space100) - var(--space100));
    position: sticky;
    top: calc(var(--headh) + 50px);
    left: 31%;
    background: rgba(255,255,255,0.2);
}
.sclm-pro-line {
    width: 100%;
    height: 0%;
    display: block;
    background: #fff;
    /* position: sticky; */
    top: var(--headh);
}
.support-change-le .mod-tab{
    width: 38%;
}
.support-change-le .mod-tab p{
    color: var(--colorfff);
}
.support-chage-cont{
    position: relative;
}
.support-change h2{
    color: var(--colorfff);
    padding-left: 150px;
    margin-bottom: 130px;
}
.sclm-ul-li-box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.sclm-ul-li-num{
    flex-shrink: 0;
    width: 50px;
}
.sclm-ul-li-crys{
    width: 100%;
    padding-left: 100px;
}
.sulc-title{
    color: var(--colorfff);
    line-height: var(--line14);
    font-family: var(--bold) !important;
    margin-bottom: 28px;
}
.sclm-ul-li-num{
    color: var(--colorfff);
    line-height: var(--line13);
}
.sclm-ul-li-crys ul{
    padding-left: 18px !important;
}
.sclm-ul-li-crys ul li, .dbcr-text ul li{
    list-style-type: disc;
}
.dbcr-text ul{
    padding-left: 18px;
}
.dbcr-text ul li::marker{
    color: var(--colormain1);
}
.sclm-ul-li-crys ul li::marker{
    color:rgba(255,255,255,0.6);
}
.sclm-ul-li-crys ul li p{
    font-size: var(--font18);
    opacity: 0.6;
    color: var(--colorfff);
    line-height: var(--line17);
}
.sclm-ul-li-crys ul li{
    margin-bottom: var(--parpspace12);
}
.sclm-ul-li-crys ul li:last-child{
    margin-bottom: 0px !important;
}
.support-change{
    overflow: visible !important;
}
.support-change-ri{
    position: sticky;
    top: var(--headh);
}
/* E3技术支持单页-end */
/* G5加入我们单页-start */
.join-list-cont{
    height: 100%;
    max-width:1920px;
    margin: 0 auto;
    position: relative;
}
.join-list{
    position: relative;
    height: 360vh;
    background: rgba(26,26,26,1);
}
.join-list-ul-li{
    width: 20%;
    position: relative;
    padding-bottom: 88px;
}
.jlul-crys{
    width: 100%;
    top: 50%;
    position: relative;
}
.jlul-crys-pic {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    will-change: height, border-radius;
    transform-origin: bottom;
    position: relative;
    left: 50%;
    transform: translateX(-50%) translateY(0rem);
}
.jlul-crys-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s cubic-bezier(.455,.03,.515,.955);
}
.join-list-ul-li1 {
    left: 0%;
    z-index: 6;
    transform: translateY(1200px);
}
.join-list.animate .join-list-ul-li1 {
    animation: dataChange1 1.3s ease-out both .6s;
}
@keyframes dataChange1{
    0% {
        transform: translateY(1200px);
    }
    100% {
        transform: translateY(0px);
    }
}
.join-list.animate .join-list-ul-li2 {
    animation: dataChange2 1.3s ease-out both .2s;
}
.join-list-ul-li2 {
    left: 0%;
    transform: translateY(362px);
}
@keyframes dataChange2{
    0% {
        transform: translateY(362px);
    } 
    100% {
        transform: translateY(0);
    }
}
.join-list.animate .join-list-ul-li3 {
    animation: dataChange3 1.3s ease-out both .2s;
}
.join-list-ul-li3 {
    left: 0%;
    z-index: 4;
    transform: translateY(1052px);
}
@keyframes dataChange3{
    0% {
        transform: translateY(1000px);
    }
    100% {
        transform: translateY(0px);
    }
}
.join-list.animate .join-list-ul-li4 {
    animation: dataChange4 1.3s ease-out both .2s;
}
.join-list-ul-li4 {
    left: 0%;
    transform: translateY(120px);
}
@keyframes dataChange4{
    0% {
        transform: translateY(120px);
    }
    100% {
        transform: translateY(0px);
    }
}
.join-list.animate .join-list-ul-li5 {
    animation: dataChange5 1.3s ease-out both .2s;
}
.join-list-ul-li5 {
    left: 0%;
    transform: translateY(1032px);
}
@keyframes dataChange5{
    0% {
        transform: translateY(362px);
    } 
    100% {
        transform: translateY(0px);
    }
}

.join-list-ul-li::after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 20vh;
    background: #555;
    opacity: 0;
    transition: all .36s ease;
}
.join-list-ul-li::before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #555;
    opacity: 0;
    transition: all .36s ease;
}
.join-list-ul-li.ends::after,
.join-list-ul-li.ends::before{
    opacity: 1;
}
.jlul-crys{
    transition: top .36s ease;
}
.join-list-ul-li.ends .jlul-crys{
    top: 70%;
}
.join-list-ul-li:last-child::after{
    display: none;
}
.join-list-ul-li1 .jlul-crys-pic{
    width: 429px;
    height: 477px;
}
.join-list-ul-li2 .jlul-crys-pic{
    width: 482px;
    height: 296px;
}
.join-list-ul-li3 .jlul-crys-pic{
    width: 214px;
    height: 296px;
}
.join-list-ul-li4 .jlul-crys-pic{
    width: 332px;
    height: 357px;
}
.join-list-ul-li5 .jlul-crys-pic{
    width: 380px;
    height: 389px;
}

.join-list-ul{
    display: flex;
    width: 100%;
}
.join-list-ul-li .ys-demo-num{
    text-align: center;
    color: var(--colorfff);
    line-height: var(--line13);
    font-size: 50px;
    font-family: var(--medium) !important;
}
.join-list-cont-box {
    display: flex;
    flex-direction: row;
    position: relative;
    height: calc(100vh - var(--headh));
    width: 100%;
    max-width: 1920px;
    left: 50%;
    transform: translateX(-50%);
}
.join-list.fixed .join-list-cont-box {
    position: fixed;
    top: var(--headh);
}
.join-list.notfixed .join-list-cont-box {
    position: absolute;
    top: auto !important;
    bottom: 0;
}
.jlul-crys-pic{
    width: 100%;
    height: 350px;
    border-radius: 10px;
    overflow: hidden;
}
.jlul-crys-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.jlul-crys-word p{
    text-align: center;
    color: var(--colorfff);
    opacity: 0.5;
    font-size: var(--font18);
    line-height: var(--line17);
}
.join-page h2{
    color: var(--colormain1);
    text-align: center;
    font-family: var(--bold);
    margin-bottom: var(--space40);
    line-height: var(--line13);
}
.join-part-ul{
    display: flex;
    justify-content: center;
    margin: 0 -14px;
}
.join-part-ul-li p{
    font-size: var(--font24);
    color: var(--color777);
    opacity: 0.9;
    line-height: var(--line14);
    transition: all .36s ease;
    position: relative;
    padding: 0 15px 15px;
    font-family: var(--medium) !important;
}
.join-part-ul-li p::after{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: 2px;
    background: var(--colormain1);
    transition: all .36s ease;
}
.join-part-ul-li.act p::after{
    width: 100%;
}
.join-part-ul-li.act p{
    color: var(--color1a1);
}
.join-part-ul-li{
    padding-right: 28px;
    border-bottom: solid 1px rgba(119, 119, 119, 0.7);
}
.join-part-ul-li:last-child{
    padding-right: 0px;
}
.join-part-item{
    display: none;
    padding-bottom: 12px;
}
.join-part-item:first-child{
    display: block;
}
.join-page .support-min-buil{
    background: var(--colormain1);
    padding: 53px 0 238px;
    margin-top: var(--space100);
}
.join-page .smbw-ul-li-tooltip{
    background: #fff;
}
.join-page .description{
    color: var(--color1a1);
}
.join-page .smbw-ul{
    justify-content: center;
}
.join-page .smbw-ul-li-tooltip:before {
    background-image: url(../images/e3_icon001_1.svg);
}
.join-page .smbw-ul-li-pointer:before{
    background: rgba(255, 255, 255, 0.5);
}
.join-page .smbw-ul-li.current .smbw-ul-li-pointer:before{
    background: var(--colormain1);
}
.join-page .smbw-ul-li.current .smbw-ul-li-pointer{
    background: var(--colorfff);
    box-shadow:(0px 4px 9.6px rgba(0, 0, 0, 0.25));
}
.join-page .smbw-ul-li-pointer {
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
}
.join-page .smbw-porgress:before{
    background: rgba(255,255,255,0.2);
}
.join-page .smbw-porgress{
    width: 40%;
}
.join-page .smbw-porgress-bar span{
    background: var(--colorfff);
}
.join-page .suml-title{
    justify-content: center;
}
.join-page .solut-book{
    margin-top: 0px;
}
.join-page .solut-book h2, 
.join-page .adv-more h2{
    text-align: left;
}
.join-page .adv-more{
    background: rgba(240, 240, 240, 0.50);
}
.join-page .smbw-ul-li-tooltip{
    min-width:629px;
    left: -22%;
}
.join-page .support-min-buil h2{
    color: var(--colorfff);
    text-align: left !important;
}
.join-part-wrap{
    margin-top: 54px;
}
.join-part-ul-li p{
    cursor: pointer;
}
.person-live-ul-li{
    position: relative;
    z-index: 1;
}
.join-page .person-live-ul-li{
    padding: 78px 0;
}
.plul-imgs{
    width: 100vw;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    opacity: 0;
    transition: all .36s ease;
    z-index: -1;
}
.plul-imgs::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
}
.plul-imgs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.join-page .plul-le{
    font-size: var(--font28);
    transition: all .36s ease;
}
.join-page .plul-ri{
    transition: all .36s ease;
}
/* G5加入我们单页-end */
/* G31公司治理详情页-start */
.ys-nybanner-logo{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 2;
    transform: translateY(100%);
    transition: all .8s ease-in-out;
}
.ys-nybanner-logo img{
    width: 100%;
}
.gove-page .ys-pos-center{
    top: 50%;
    bottom: auto !important;
    transform: translate(-50%,-50%);
}
.gvlu-li-box-tit{
    color: var(--color1a1);
    font-size: 28px;
    font-family: var(--bold) !important;
    line-height: 1.2;
    margin-bottom: 16px;
}
.gvlu-li-box-icon{
    width: 52px;
    flex-shrink: 0;
    margin-bottom: 20px;
}
.gvlu-li-box-icon img{
    width: 100%;
}
.gvlu-li-box{
    height: 100%;
    background: #FFF;
    box-shadow: 0px 4px 19.7px 0px rgba(0, 0, 0, 0.08);
    padding: 27px 30px;
}
.gove-value-le-ul{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -17.5px;
}
.gvlu-li{
    width: 50%;
    padding: 0 17.5px;
    height: auto;
    margin-bottom: 34px;
}
.gvlu-li-box-word p{
    color: var(--color777);
    line-height: var(--line17);
    font-family: var(--medium) !important;
}
.gove-value-ri{
    width: 46%;
    position: relative;
}
.gove-value-ri-img{
    height: calc(100% - 34px);
}
.gove-value-ri-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}
.gove-value-le{
    width: 54%;
    padding-right: 34px;
}
.gove-value-cont{
    display: flex;
    align-items: stretch;
}
.gcrc-tit{
    color: var(--color1a1);
    font-family: var(--bold);
    margin-bottom: 24px;
}
.gove-value-ri-cry{
    position: absolute;
    top: 75px;
    left: 69px;
    z-index: 2;
}
.gove-list h2{
    color: var(--colormain1);
    margin-bottom: var(--space40);
    line-height: var(--line14);
    font-family: var(--bold) !important;
}
.gove-list-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -13.5px;
}
.gove-list-ul-li{
    width: 25%;
    margin-bottom: 54px;
    padding: 0 13.5px;
}
.gove-list-ul-li:nth-child(4n+1){
    animation-delay: .2s;
}
.gove-list-ul-li:nth-child(4n+2){
    animation-delay: 0.3s;
}
.gove-list-ul-li:nth-child(4n+3){
    animation-delay: 0.4s;
}
.gove-list-ul-li:nth-child(4n+4){
    animation-delay: 0.5s;
}
.gove-list-ul-li .ys-imgbox-cover{
    margin-bottom: 17px;
}
.glul-link-name{
    color: var(--color1a1);
    line-height: var(--line13);
    font-family: var(--bold) !important;
    margin-bottom: 14px;
    font-size: var(--font20);
}
.glul-link-post p{
    color: var(--color777);
    line-height: var(--line17);
    font-family: var(--medium) !important;
}
.ys-nybanner-logo{
    bottom: -1px;
}
.gove-page .ys-nybanner.start .ys-nybanner-logo{
    transform: translateY(0%);
}
.gove-value-cont{
    position: relative;
}
.gove-value-pop{
    display: none;
    width: 100%;
    height: calc(100% - 0px);
    position: absolute;
    top: 0;
    left: 0;
}
.gove-value-pop-img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.gove-value-pop-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gove-page .adv-more{
    background: rgba(240, 240, 240, 0.50);
}
.gove-safe{
    overflow: visible !important;
}
.gove-page .gstu-li{
    position: relative;
    top: auto;
}
.gstu-li-word ul{
    padding-left: 18px;
}
.gstu-li-word ul li{
    list-style-type: disc;
    margin-bottom: var(--parpspace12);
}
.gstu-li-word ul li:last-child{
    margin-bottom: 0px;
}
.gstu-li-word ul li::marker{
    color: var(--colorfff);
    opacity: 1;
}
.gstu-li-word ul li p{
    font-size: var(--font18);
    opacity: 0.7;
    color: var(--colorfff);
    line-height: var(--line17);
    margin-bottom: 0px;
}
.gove-safe-text-ul{
    width: 46%;
}
.gstu-li{
    display: flex;
    align-items: center;
    height: calc(100vh - var(--headh));
}
.gstu-li span{
    width: 10px;
    height: 10px;
    display: block;
    background: var(--colormain1);
    flex-shrink: 0;
    margin-right: 57px;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}
.gstu-li-box{
    width: 100%;
    border-radius: 2px;
    background: rgba(79, 74, 74, 0.50);
    backdrop-filter: blur(30.149999618530273px);
    -webkit-backdrop-filter: blur(30.149999618530273px);
    -moz-backdrop-filter: blur(30.149999618530273px);
    -ms-backdrop-filter: blur(30.149999618530273px);
    -o-backdrop-filter: blur(30.149999618530273px);
    padding: 39px 46px 46px 51px;
    overflow: hidden;
}
.gstu-li-tit{
    font-size: var(--font24);
    color: var(--colorfff);
    line-height: var(--line13);
    font-family: var(--medium) !important;
    margin-bottom: 22px;
}
.gove-safe{
    width: 100%;
    /* height: 300vh; */
    position: relative;
    margin-top: var(--space100);
}
.gove-safe-pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.gove-safe-pic-ul{
    width: 100%;
    position: sticky;
    top: var(--headh);
    overflow: hidden;
}
.gove-safe-pic-ul::after{
    content: '';
    position: absolute;
    top: 50%;
    left: calc(var(--left) + 4px);
    transform: translateY(-50%);
    width: 2px;
    height: 100%;
    background: var(--colormain1);
}
.gspu-li-img{
    height: calc(100vh - var(--headh));
}
.gspu-li-img img{
    height: 100%;
    object-fit: cover;
}
.gspu-li-img, .gspu-li-img img{
    width: 100%;
}
.gspu-li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
}
.gspu-li.act{
    position: relative;
    top: auto;
    left: auto;
    opacity: 1;
}
.gove-safe-text{
    position: relative;
}
.gove-safe-pic-arrow{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9;
}
.gspa-img{
    width: 48px;
    border-radius: 3px;
    overflow: hidden;
    transform: rotate(90deg);
    height: calc(100vh - var(--headh));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: sticky;
    top: var(--headh);
    left: calc(var(--left) - 20px);
}
.gove-safe h2{
    margin-bottom: 20px;
    color: var(--colormain1);
    font-family: var(--bold) !important;
}
.gove-safe-word{
    margin-bottom: var(--space40);
}
.gove-safe-word p{
    line-height: var(--line18);
    color: var(--color1a1);
}
.gspu-li:first-child{
    opacity: 1 !important;
}
.gove-safe-wrap{
    position: relative;
    height: 100%;
}
.gove-safe-top{
    position: relative;
    flex-shrink: 0;
}
.gove-safe{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.gove-value-pop-wrap{
    width: 80%;
    height: 100%;
    padding: 60px 70px;
    position: relative;
}
.gove-value-pop-close{
    width: 24px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 4;
    cursor: pointer;
}
.gvpw-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -60px;
}
.gvpw-box{
    max-height: 100%;
}
.gvpw-ul-li{
    width: 50%;
    padding: 0 60px;
    margin-bottom: 26px;
}
.gvpw-ul-li:last-child{
    margin-bottom: 0px;
}
.gulb-tit{
    font-family: var(--bold) !important;
    margin-bottom: 6px;
}
.gulb-word p{
    color: var(--color777);
    line-height: var(--line17);
}
/* G31公司治理详情页-end */
/* 合并-start */
.ambu-li:nth-child(3n+1){
    animation-delay: 0.2s
}
.ambu-li:nth-child(3n+2){
    animation-delay: 0.3s
}
.ambu-li:nth-child(3n+3){
    animation-delay: 0.4s
}
.down-main-ul-li:nth-child(2n+1){
    animation-delay: 0.2s;
}
.down-main-ul-li:nth-child(2n+2){
    animation-delay: 0.3s;
}
.swdl-box span::after {
    animation: kuox2 3s linear infinite;
}
.support-world-dots-li:nth-child(3n+1) .swdl-box span::after{
    animation-delay:.1s;
}
.support-world-dots-li:nth-child(3n+2) .swdl-box span::after{
    animation-delay:.6s;
}
.support-world-dots-li:nth-child(3n+3) .swdl-box span::after{
    animation-delay:1.2s;
}
@keyframes kuox2{
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
    10% {
        opacity: 0.2;
        transform: translate(-50%, -50%) scale(1);
    }
    90% {
        opacity: 0.2;
        transform: translate(-50%, -50%) scale(4);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
}
.support-item-ul-li .software-the-le-watch{
    margin-top: 47px;
}
.nmbl-link-le-time{
    width: 19%;
}
.active-main-top-ri{
    padding-bottom: 64px;
}
.amtr-tit{
    line-height: 1.5;
    height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.active-main-top img:nth-child(2){
    object-fit: cover;
}
/* 合并-end */
/* H1联系我们单页-start */
.form-page .solut-book{
    margin-top: 0px;
}
.ys-form-selc{
    position: relative;
}
.ctact-page h1{
    color: var(--color1a1);
}
.ctact-list-li-box{
    background: #DEDEDE;
    padding: 17px 28px;
}
.cllb-tp-tit{
    color: var(--color1a1);
    line-height: var(--line17);
    font-family: var(--medium) !important;
}
.cllb-tp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.cllb-tp-icon{
    width: 24px;
    flex-shrink: 0;
}
.cllb-tp-icon img{
    width: 100%;
}
.ctact-list-li .siul-box-bt p span{
    color: var(--color777);
}
.ctact-list-li .siul-box-bt p a{
    color: var(--color1a1);
}
.ctact-list-li{
    margin-bottom: 11px;
}
.ctact-list-li:last-child{
    margin-bottom: 0px;
}
.ys-form-phone .iti{
    width: calc(100% - 80px);
}
.ys-form-phone .ys-fii-input{
    display: flex;
    justify-content: flex-end;
}
.solut-book-ri .ys-fii-name{
    top: auto;
    bottom: 0;
}
.iti--inline-dropdown .iti__dropdown-content{
    z-index: 9 !important;
}
.solut-book-le-deta{
    font-family: var(--medium) !important;
}
.ys-fii-input, .solut-book .ys-fii-input{
    border-bottom: solid 1px rgba(119,119,119,0.5) !important;
}
/* H1联系我们单页-end */
/* G1公司概况汇总页-start */
.ys-nyban-pic {
    position: absolute;
    top: 20%;
    left: 99px;
    width: 51% !important;
    pointer-events: none;
    z-index: 0;
    pointer-events: none;
}
.about-page .prod-marq{
    background: var(--color1a1);
}
.alul-crys{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.alul-crys .ys-imgbox-cover{
    width: 42.3%;
}
.alul-crys-ri{
    width: 37.8%;
    position: relative;
}
.alul-crys-ri-word p{
    opacity: 0.7;
    color: var(--colorfff);
    line-height: var(--line17);
    margin-bottom: var(--parpspace12);
}
.alul-crys-ri-word p:last-child{
    margin-bottom: 0px;
}
.about-list{
    width: 100%;
    position: relative;
    background: var(--color1a1);
}
.alul-crys-ri-tit{
    color: var(--colorfff);
    font-family: var(--bold) !important;
    line-height: var(--line14);
    margin-bottom: 31px;
}
.about-list-ul-li:nth-child(2n) .alul-crys{
    flex-direction: row-reverse;
}
.about-list-ul-li{
    margin-bottom: 81px;
    opacity: 0;
    transition: all .36s ease;
}
.about-list-ul-li.start {
    opacity: 1;
}
.alul-crys-ri{
    overflow: hidden;
}
.alul-crys-ri-tit, .alul-crys-ri-word{
    opacity: 0;
}
.about-list-ul-li.start .ys-imgbox-cover{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
.about-list-ul-li.start .alul-crys-ri-tit,
.about-list-ul-li.start .alul-crys-ri-word{
    opacity: 1;
    animation: fadeInRight 1.2s ease-in-out both;
    animation-delay: 0.2s;
}
.about-list-ul-li:nth-child(2n).start .alul-crys-ri-tit,
.about-list-ul-li:nth-child(2n).start .alul-crys-ri-word{
    animation: fadeInLeft 1.2s ease-in-out both;
    animation-delay: 0.2s;
    opacity: 1;
}
.about-list-ul-li:last-child{
    margin-bottom: 0px;
}
.about-num{
    background: var(--color1a1);
}
.about-num .adv-bj{
    width: 40%;
    right: 0;
    left: auto;
}
.about-num .pmhu-li-tit{
    background: linear-gradient(194deg, #FFF 28.67%, rgba(255, 255, 255, 0.60) 78.29%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    margin-bottom: 12px;
    font-size: 150px;
}
.about-num .pmhu-li-par p{
    color: var(--colorfff);
}
.about-num .pmhu-li{
    width: 38%;
}
.about-num .adv-intr-stick{
    padding: var(--space100) 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about-num .adv-intr-stick .ys-cont1720{
    justify-content: center;
}
.about-num .adv-bj{
   z-index: 4;
}
.about-num .adv-bj::after{
    display: none;
}
.about-list .ys-cont1720{
    position: relative;
}
.about-list-line{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 1px;
    height: 0%;
    background: var(--colorbj1);
}
.about-page .solut-down{
    padding-top: 110px;
    background: #fff;
}
.about-page .solut-down-le {
    width: 48%;
    padding-left: 0;
}
.about-page .solut-down .solut-plat-box {
    padding-left: 150px;
}
.about-deve{
    margin-top: var(--space100);
    background: var(--color1a1);
}
.about-indu{
    background: var(--color1a1);
    position: relative;
    z-index: 1;
}
.about-indu::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(50% - calc(var(--space100) / 2));
    background: var(--colorfff);
    z-index: -1;
}
.about-deve h2{
    margin-bottom: 87px;
}
.ys_develop1 .std_title3 {
    font-weight: bold;
    text-align: center;
}
.ys-develop1-box {
    margin-bottom: 107px;
}
.ys-develop1-list-nub {
    padding: 0 105px;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.ys-develop1-list-nub.slick-slide:not(:first-child){
    display: none;
}
.ydln-cry {
    display: flex;
    align-items: flex-start;
}
.ydln-text {
    width: 60%;
    padding-left: 131px;
    padding-right: 138px;
    transition: all 0.36s;
}
.ydln_text_year {
    position: relative;
    margin-bottom: 42px;
}
.ydln_text_year_font1 {
    font-size: 160px;
    color: var(--colorbj1);
    line-height: var(--line13);
    font-family: var(--bold) !important;
}
.ydln_text_year_font1 {
    position: relative;
    display: inline-block;
}
.about-deve h2{
    color: var(--colorfff);
}
.about-deve .mod-tab p{
    color: var(--colorfff);
}
.ys-develop1-list-nub.swiper-slide-prev .std_text2, 
.ys-develop1-list-nub.swiper-slide-next .std_text2, 
.ys-develop1-list-nub.swiper-slide-prev .ydln-img, 
.ys-develop1-list-nub.swiper-slide-next .ydln-img {
    opacity: 0;
    pointer-events: none;
}
.ydln-text .std-h5 p {
    line-height: var(--line16);
    color: var(--colorfff);
    font-family: var(--medium) !important;
}
.ydln-img {
    width: 40%;
    transition: all 0.36s ease;
}
/* 控件 */
.mod-controls1-list-nub, .mod-controls1 {
    position: relative;
}
.mod-controls1::before {
    content: '';
    height: 2px;
    background: rgba(255, 255, 255, 0.32);
    width: calc(100% + 0px);
    position: absolute;
    left: 50%;
    top: 24px;
    transform: translate(-50%,-50%);
    z-index:-1;
}
.mod-controls1-line {
    height: 2px;
    width: calc(calc(8.333333% * var(--pro-shu)) - 4%);
    left: 0;
    position: absolute;
    top: 24px;
    transform: translateY(-50%);
    z-index:-1;
    background: var(--colormain1);
}
.mod-controls1.nomore .mod-controls1-line{
    width: 93%;
}
.about-deve-icon{
    width: 40px;
    flex-shrink: 0;
    font-size: 0;
    opacity: 0;
    transition: all .36s ease;
    margin-left: 30px;
}
.about-deve-icon img{
    width: 100%;
}
.ys-develop1-list-nub.on .about-deve-icon{
    opacity: 1;
}
.ydlntext-year{
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
}
.mod-controls1{
    overflow: hidden;
    z-index: 3;
}
/* 轮播点 */
.mod-controls1-list {
    display: flex;
}
.mod-controls1-list-nub {
    padding: 62px 0px 0px;
    width: 8.333333%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    z-index: 9;
}
.mod-controls1-list-nub .std-h5 {
    line-height: 1.75;
    color: #fff;
    transition: all 0.36s;
    z-index: 2;
    bottom: 0;
    left: 50%;
    white-space: nowrap;
}
.mod-controls1-list-nub.on .std-h5 {
    opacity: 1;
}
.mod-controls1-list-nub.on::after {
    animation: pathlu 4s linear forwards;
}
.mod-controls1-list-nub:last-child.on::after{
    animation: none;
}
.mod-controls1-list-nub::after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/g1_pro.png) center no-repeat;
    background-size: contain;
    width: 64px !important;
    height: 46px;
    opacity: 0;
    transition: all .36s ease;
}
.mod-controls1-list-nub.slick-current::after{

    opacity: 1;
}
.mod-controls1-list-nub:not(.on)::after{
    width: 100%;
}
@keyframes pathlu {
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}
.mod-controls1-list .slick-track {
    width: 100%;
    white-space: nowrap;
}
.mod-controls1-list .slick-list {
    width: 100%;
}
.mod-controls1 .mod-arrows2{
    width: 100%;
    justify-content: space-between;
    position: absolute;
    left: 50%;
    top: 82%;
    transform: translate(-50%,-50%);
}
.mod-controls1 .arrows2-icon{
    background: transparent;
    width: 28px;
    height: 28px;
    transform: rotate(180deg);
}
.mod-controls1 .arrows2-icon img{
    width: 100%;
}
.about-deve {
    direction: rtl;
}
.ydln-text .std-h5 p, 
.about-page h2, 
.about-deve .mod-tab p{
    direction: ltr;
    text-align: left !important;
}
.ys-develop1-list-nub.swiper-slide-prev .std_text2,
.ys-develop1-list-nub.swiper-slide-next .std_text2,
.ys-develop1-list-nub.swiper-slide-prev .ydln-img,
.ys-develop1-list-nub.swiper-slide-next .ydln-img{
    opacity: 0;
    pointer-events: none;
}
.mcln-icon{
    width: 18px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 14px;
    opacity: 0;
    position: absolute;
    top: -10px;
    right: 16px;
}
.mcln-icon img{
    width: 100%;
}
.mcln-box{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    position: relative;
}
.mod-controls1-list-nub.act .mcln-icon{
    opacity: 1;
}
.mod-controls1-list{
    width: calc(100% - 120px);
    margin: 0 auto;
}
/* 滚动条 */
.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color:#E6E6E6;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 2px;
}
.mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: var(--colorbj1);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: var(--colorbj1);
}

.about-indu-cont{
    border-radius: 10px;
    background: #f0f0f0;
    padding: 63px 77px 29px;
}
.aisu-li-box-tit{
    font-size: var(--font20);
    line-height: var(--line16);
    text-align: center;
    margin-top: 8px;
    font-family: var(--medium) !important;
}
.aisu-li{
    width: 25%;
    padding: 0 43px;
}
.about-indu-slide-ul{
    margin: 0 -43px;
}
.aisu-li-box .ys-imgbox-cover{
    max-width: 264px;
    margin: 0 auto;
}
.about-indu-slide{
    width: 100%;
    padding: 0 126px;
}
.about-page h2{
    font-family: var(--bold) !important;
}
.about-indu h2{
    color: var(--colormain1);
    margin-bottom: var(--space40);
}
.about-hono h2{
    color: var(--colormain1);
}
.about-indu-slide-ul .slick-list{
    padding-bottom: 30px;
}
.about-hono-slide{
    width: 81%;
}
.about-hono-slide .aisu-li-box-tit{
    font-size: var(--font20);
}
.about-hono-top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.about-hono-top .arrows2-prev{
    margin-right: 10px;
}
.about-hono-slide .aisu-li{
    padding: 0 18px;
    width: 33.333333%;
}
.about-hono-slide .about-indu-slide-ul{
    margin: 0 -18px;
}
.about-hono-slide .about-indu-slide-ul .slick-list{
    overflow: visible !important;
}
.about-hono-slide .aisu-li-box .ys-imgbox-cover{
    max-width: 100%;
}
.about-tech{
    overflow: visible !important;
}
.about-tech-bg{
    position: sticky;
    top:var(--colo);
    width: 100%;
    height: calc(100vh - var(--headh));
}
.about-tech .gspu-li-img img {
    opacity: 1 !important;
    height: 120%;
    position: absolute;
    top: 0%;
}
.about-tech .gspu-li-img{
    position: relative;
    z-index: 1;
}
.about-tech .gspu-li-img::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 55.62%, rgba(0, 0, 0, 0.40) 88.62%);
    pointer-events: none;
    z-index: 0;
}
.about-tech .gspu-li{
    position: relative;
    top: auto;
    left: auto;
}
.about-tech .gove-safe-pic-ul::after{
    display: none;
}
.about-tech-pic {
    width: 100%;
    position: sticky;
    top: var(--headh);
    overflow: hidden;
}
.about-tech .ys-cont1720{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
}
.about-tech-textbox{
    width:36%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.about-tech-textbox-top{
    position: sticky;
    top: var(--headh);
    height: calc(100vh - var(--headh));
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about-tech .mod-tab p, .about-tech h2, .about-tech .gove-safe-word p{
    color: var(--colorfff);
} 
.about-tech .gstu-li-tit{
    font-size: var(--font28);
    text-align: center;
    line-height: var(--line12);
    font-family: var(--bold);
    color: var(--color1a1);
    font-family: var(--bold) !important;
}
.about-tech .gstu-li-box{
    width: 600px;
    background: #fff;
    padding: 101px 64px 36px;
    overflow: visible;
}
.about-tech .gstu-li-word p{
    color: var(--colorfff);
    color: var(--color777);
}
.about-tech .gove-safe-text{
    width: 35%;
}
.about-tech .gove-safe-text-ul{
    width: 100%;
}
.gstu-li-icon{
    width: 144px;
    height: 144px;
    border-radius: 50%;
    background: var(--colormain1);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -72px;
}
.gstu-li-icon img{
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.gstu-li{
    position: sticky;
    top: 200px;
}
/* G1公司概况汇总页-end */
/* 首页-start */
.ys-ban-title{
    width: 100%;
    text-align: left;
    font-size: var(--font44);
    line-height: var(--line13);
    color: var(--colorfff);
    font-family: var(--bold) !important;
}
.ys-ban-btn{
    width: 100%;
    margin-top: 32px;
}
.ys-ban-word p{
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--colorfff);
    font-family: var(--medium) !important;
}
.ys-ban-word{
    width: 38%;
    margin-top: 114px;
}
.ys-ban-txtbox{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.ys-ban-slick .slick-dots{
    bottom: 37px;
    position: absolute;
}
.ys-ban-li.slick-active .ys-ban-title{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.3s;
}
.ys-ban-li.slick-active .ys-ban-btn{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}
.ys-ban-li.slick-active .ys-ban-word{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.5s;
}
.smrl-ul-li{
    width: 225px;
    margin-right: 10px;
    flex-shrink: 0;
}
.serv-media-runing-list .smrl-ul {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: calc(calc((225px * var(--width-shu))) + calc((10px * var(--width-shu))));
    animation: donghua1 linear infinite;
}
@keyframes donghua1{
    0% {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }
    
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}
.serv-media-runing-list {
    position: relative;
    overflow: hidden;
}
.serv-media-runing-list .smrl-ul2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua2 linear infinite;
}
@keyframes donghua2{
    0% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }
    
    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0%);
    }
}
.home-runing{
    width: 100%;
    background: #fff;
}
.home-page h2{
    color: var(--colormain1);
    line-height: var(--line13);
    font-family: var(--bold);
    position: relative;
    margin-bottom: var(--space40);
}
.home-page h2::after{
    content: "";
    position: absolute;
    top: -10px;
    left: -20px;
    background: url(../images/a1_icon13.svg) center no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain;
}
.hclu-li{
    display: none;
}
.hclu-li:first-child{
    display: block;
}
.home-chose-le{
    width: 55%;
}
.home-chose-ri{
    width: 45%;
    padding-left: 140px;
}
.home-chose-cry{
    display: flex;
    align-items: flex-start;
}
.hcru-li-tit{
    font-size: var(--font20);
    line-height: var(--line13);
    color: var(--color1a1);
    position: relative;
    padding: 20px 40px;
    cursor: pointer;
    font-family: var(--medium);
}
.hcru-li-tit::before{
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    background: url(../images/a1_icon14.svg) center no-repeat;
    width: 12px;
    height: 12px;
    background-size: contain;
    transition: all .36s ease;
    opacity: 0;
}
.hcru-li-tit::after{
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url(../images/a1_icon14.svg) center no-repeat;
    width: 12px;
    height: 12px;
    background-size: contain;
    transform: rotate(180deg);
    transition: all .36s ease;
}
.hcru-li{
    background: #E0E5E6;
    transition: all .36s ease;
}
.hcru-li.act .hcru-li-tit::before{
    opacity: 1;
}
.hcru-li.act .hcru-li-tit::after{
    opacity: 0;
}
.hcru-li.act {
    background: var(--colorfff);
}
.hcru-li-word{
    display: none;
    padding: 0px 40px 20px;
}
.hcru-li-word p{
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--color777);
}
.hcru-li:first-child .hcru-li-word{
    display: block;
}
.hcru-li{
    margin-bottom: 10px;
}
.hcru-li:last-child{
    margin-bottom: 0px;
}
.home-chose{
    background: rgba(238,238,238,1);
    position: relative;
    z-index: 1;
    overflow: visible !important;
}
.home-chose-anim{
    width: 53%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.home-chose-anim img{
    width: 100%;
}
.home-chose-anim-line, .home-chose-anim-line img{
    width: 100%;
}
.home-chose-anim-prod{
    width: 223px;
    position: absolute;
    top: -104px;
    right: 183px;
}
.home-chose-anim-prod img{
    width: 100%;
}
.home-chose-line{
    width: 24%;
    position: absolute;
    top: 100%;
    left: 60%;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.home-solut-pop {
    position: fixed;
    top: var(--headh);
    /* position: absolute; */
    width: 680px;
    background: #FFF;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    height: calc(100vh - var(--headh));
    /* top: 50%; */
    right: 0;
    /* transform: translateY(-50%); */
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    transition: all 0.36s;
    z-index: 15;
    padding: 73px 40px;
}
.home-solut-btm{
    position: relative;
}
.home-solut-pop.on {
    opacity: 1;
    pointer-events: all;
}
.home-solut-pop-top {
    width: 100%;
    margin-bottom: 30px;
}
.hspt-ul-li-media{
    margin-bottom: 16px;
}
.hulb-info{
    margin-bottom: 37px;
}
.hspt-clost{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.hspt-ul-li-media{
    position: relative;
}
.hulm-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    cursor: pointer;
    width: 50px;
}
.hulm-btn img{
    width: 100%;
}
.home-solut-word{
    width: 58%;
}
.home-solut-word p{
    color: var(--color777);
    line-height: var(--line18);
}
.home-solut h2{
    margin-bottom: 20px;
}
.ys-banner-arrow{
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}
.ys-banner-arrow img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-solut-btm, .home-solut-btm-video, .home-solut-btm-video img{
    width: 100%;
}
.home-solut{
    position: relative;
    z-index: 2;
}
.home-solut-btm-ul{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 4;
}
.hsbu-li{
    position: absolute;
    pointer-events: all;
}
.hulb-tit p{
    color: var(--colormain1);
    font-family: var(--medium) !important;
    line-height: var(--line14);
    margin-bottom: 19px;
}
.hcru-li-ph{
    display: none;
}
.home-case{
    background: var(--colormain1);
}
.home-case .mod-tab p{
    opacity: 0.6;
    color: var(--colorfff);
}
.home-innov-logo{
    width: 100%;
}
.home-innov-logo img{
    width: 100%;
}
.home-innov-word{
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--color1a1);
    text-align: center;
}
.home-innov h2{
    text-align: center;
    margin-bottom: 12px;
}
.home-innov h2::before, .home-innov h2::after{
    display: none;
}
.home-innov-icon{
    width: 400px;
    margin: 0 auto 60px;
}
.home-innov-icon img{
    width: 100%;
}
.home-ctact{
    position: relative;
    margin-top: var(--space100);
}
.home-ctact-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.home-ctact-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-ctact h2::after, .home-case h2::after{
    content: "";
    position: absolute;
    top: -10px;
    left: -20px;
    background: url(../images/a1_icon15.svg) center no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain;
}
.home-case h2{
    color: var(--colorfff);
}
.home-ctact-cont{
    position: relative;
}
.home-ctact h2{
    color: var(--colorfff);
    position: relative;
    margin-bottom: 18px;
}
.home-ctact-word p{
    font-size: var(--font18);
    color: var(--colorfff);
    line-height: var(--line17);
    font-family: var(--medium) !important;
}
.home-ctact-word{
    margin-bottom: 26px;
}
.home-page .solut-see-box{
    padding-left: 0px !important;
}
.home-event{
    background: rgba(248,248,248,1);
}
.home-event h2{
    margin-bottom: 20px;
}
.home-event-cont{
    width: 87%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.home-event-ri{
    width: 46%;
}
.home-event-le{
    width: 54%;
    padding-right: 86px;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.home-event .home-ctact-word p{
    color: var(--color777);
}
.home-innov-bg, .home-innov-bg img{
    width: 100%;
}
.home-innov-cont-top{
    height: 100%;
    padding-bottom: 80px;
    padding-top: 135px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.home-innov-cont{
    position: relative;
    margin-top: -252px;
}
.hiul-box-bt p{
    text-align: center;
    line-height: var(--line13);
    color: var(--color1a1);
    opacity: 0.6;
}
.hiul-box-tp{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 8px;
}
.hiul-box-tp span{
    display: inline-block;
    line-height: var(--line13);
    color: var(--color1a1);
    opacity: 0.6;
    font-size: var(--font18);
    margin-left: 5px;
}
.home-innov-ul-li{
    width: 20%;
    padding:0 30px;
}
.hict-tp{
    width: 100%;
}
.home-innov-ul{
    margin: 0 -30px;
    display: flex;
    justify-content: space-between;
    margin-top: 87px;
}
.hiul-box-tp .ys-demo-num{
    font-size: 64px;
    font-family: var(--bold);
    color: var(--color1a1);
}
.hcul-img{
    position: relative;
    z-index: 1;
    width: 100%;
}
.hcul-img img{
    width: 100%;
}
.hcul-img::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.6;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
}
.hcul-cont{
    position: relative;
    height: 100%;
}
.hcul-bot-text, .hcul-bot-min span{
    display: inline-block;
    font-family: var(--medium) !important;
    font-size: var(--font24);
    line-height: var(--line14);
    color: var(--colorfff);
}
.hcul-bot-min{
    display: flex;
    align-items: flex-end;
}
.hcul-bot-min span{
    line-height: 2;
}
.hcul-bot {
    left: 60px;
    bottom: 36px;
}
.hcul-bot{
    position: absolute;
    left: 80px;
    bottom: 45px;
    z-index: 2;
}
.hcul-bot-min{
    font-size: 96px;
    line-height: 1.2;
    color: var(--colorfff);
    font-family: var(--medium) !important;
}
.home-case-slide-other{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 15px;
}
.hcso-num{
    margin-right: 20px;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.20);
}
.hcso-num, .hcso-num span{
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line17);
    font-size: var(--font16);
}
/* 首页-end */
/* G2科技创新汇总页-start */
.vate-media{
    background: var(--color1a1);
}
.vate-media-top{
    border: 5px solid rgba(87, 87, 87, 0.67);
    margin: 0 auto 90px;
    width: 64%;
    position: relative;
}
.vate-media-top img:nth-child(1){
    width: 100%;
}
.vate-media-top img:nth-child(2){
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    cursor: pointer;
}
.vate-media-bot-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    pointer-events: none;
}
.vate-media-bot-bg img{
    width: 100%;
}
.vate-media-bot{
    padding: 72px 67px 0;
    position: relative;
}
.vate-media-bot-cont{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
}
.vate-media-bot-cont::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(0deg, #1A1A1A 49.86%, rgba(30, 31, 36, 0.00) 100%);
    pointer-events: none;
}
.vate-media-bot-cont h2{
    width: 28%;
    color: var(--colorfff);
    line-height: var(--line14);
}
.vmbc-ri{
    width: 72%;
    padding-left:211px;
}
.vmbc-ri-word p{
    line-height: var(--line17);
    color: var(--colorfff);
    font-family: var(--medium) !important;
    margin-bottom: 20px;
}
.vmbc-ri-word p span{
    color: var(--colormain1);
}
.vmbc-ri-word{
    max-height: 354px;
    padding-bottom: 100px;
}
.vmbc-ri-word .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{
    /*background: transparent !important;*/
}
.vmbc-ri-word .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    /*background: transparent;*/
}
.vmbc-ri-word .mCSB_scrollTools{
    bottom: 120px;
}
.gmtl-cry {
    width: calc(100% - 200px);
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0%);
    padding: 108px 0;
}
.casedet-switch-list-item .gmtl-cry {
    opacity: 0;
    pointer-events: none;
}
.casedet-switch-list-item.on .gmtl-cry {
    opacity: 1;
    pointer-events: all;
}
.casedet-switch-list-item{
    width: 9.6%;
    flex-grow: 1;
    transition: all .6s ease;
}
.casedet-switch-list-item.on{
    width: 80.8%;
}
.gmtl-cry-tit {
    font-size: var(--font32);
    line-height: var(--line14);
    font-family: var(--bold) !important;
    color: var(--colorfff);
    margin-bottom: 60px;
}
.gmtl-cry-tit span{
    display: block;
    margin-bottom: 17px;
}
.gmtl-cry-word p{
    color: var(--colorfff);
    line-height: var(--line17);
    font-family: var(--medium) !important;
    margin-bottom: 19px;
}
.gmtl-cry-word ul{
    padding-left: 18px;
}
.gmtl-cry-word ul li{
    list-style-type: disc;
}
.gmtl-cry-word ul li::marker{
    color: var(--colorfff);
}
.casedet-switch-list {
    height: 100%;
    display: flex;
    margin: 0 -10px;
}
.csli-box{
    height: 100%;
    position: relative;
}
.casedet-switch-wrap-cont{
    height: calc(100vh - var(--headh));
}
.csli-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all .4s ease;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    z-index: 9;
}
.casedet-switch-list-item.on .csli-box::after{
    opacity: 0;
}
.csli-box-pic, .csli-box-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.csli-box-icon {
    width: 60px !important;
    height: auto !important;
    position: absolute;
    left: 50%;
    bottom: 54px;
    transform: translateX(-50%);
    z-index: 11;
    opacity: 1;
    transition: all .36s ease;
}
.casedet-switch-list-item.on .csli-box-icon{
    opacity: 0;
}
.csli-box-title {
    font-size: var(--font24);
    line-height: var(--line14);
    color: var(--colorfff);
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    z-index: 12;
    width: 100%;
    white-space: nowrap;
    opacity: 1;
}
.csli-box-title span{
    display: inline-block;
    margin-right: 29px;
    transform: translateX(-50%) rotate(-90deg);
}
.vate-le-word p{
    color: #1e1f24;
    line-height: var(--line17);
    margin-bottom: 20px;
    font-family: var(--medium) !important;
}
.vate-le{
    width: 58%;
}
.vate-team-cont{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.vate-ri{
    width: 33%;
}
.vate-ri-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -11px;
}
.vate-ri-ul-li{
    width: 50%;
    padding: 0 11px;
    margin-bottom: 22px;
}
.vrul-box-word p{
    text-align: center;
    font-family: var(--medium) !important;
    color: #1e1f24;
    line-height: var(--line17);
}
.vrul-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    padding: 65px 20px 70px;
}
.vrul-box .ys-demo-num{
    font-size: 64px;
    color: var(--colormain1);
    line-height: var(--line13);
    text-align: center;
    margin-bottom: 20px;
    font-family: var(--bold) !important;
}
.vate-page h2{
    color: var(--colormain1);
    font-family: var(--bold) !important;
    line-height: var(--line14);
    margin-bottom: var(--space40);
}
.vate-team{
    background:  #F0F0F0;
}
.vate-page .siul-crys-ri{
    width: 47%;
}
.vate-page .siul-crys-le{
    width: 53%;
    padding-right: 118px;
}
.vate-page .siul-crys-le p{
    font-size: var(--font18);
    color: #1e1f24;
    line-height: var(--line17);
}
.vate-page .siul-crys-le p span{
    color: var(--colormain1);
}
.vate-page .siul-crys-le .siul-crys-le-tit{
    font-family: var(--bold);
    margin-bottom: 32px;
    line-height: var(--line14);
    color: var(--colormain1);
}
.vate-page .support-item-ul-li{
    margin-bottom: 83px;
}
.vate-page .support-item-ul-li:last-child{
    margin-bottom: 0px;
}
.solution-featur {
    width: 100%;
    position: relative;
}
.solution-featur-img {
    width: 100%;
    position: relative;
}
.solution-featur-img img {
    width: 100%;
}
.solution-featur-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(322deg, rgba(0, 0, 0, 0.00) 23.15%, rgba(0, 0, 0, 0.50) 67.52%);
}
.solution-featur-btm {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.solution-featur-btm .ys-cont1720 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    /* justify-content: flex-end; */
    position: relative;
}
.solution-featur-le {
    width: 30%;
    padding-right: 20px;
    position: relative;
}
.solution-featur h2{
    margin-bottom: 30px;
}
.solution-featur-le-word p{
    color: var(--colorfff);
    line-height: var(--line17);
}
.solution-featur-ri {
    width: 70%;
}
.solution-featur-ri-ul {
    margin: 0 -13.5px;
    display: flex;
    align-items: flex-end;
}
.sfru-li {
    width: 10%;
    padding: 0 13.5px;
    will-change: width;
    transition: all 0.36s;
    transition: width .7s, height .7s, opacity 1.2s, transform 1.2s;
}
.sfru-wrap {
    width: 100%;
    padding: 20px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.40);
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(75px);
    -webkit-backdrop-filter: blur(75px);
    -moz-backdrop-filter: blur(75px);
    -ms-backdrop-filter: blur(75px);
    -o-backdrop-filter: blur(75px);
    position: relative;
    overflow: hidden;
}
.sfru-wrap-icon {
    width: 100%;
    max-width: 60px;
}
.sfru-wrap-btm {
    width: 100%;
    min-width: 360px;
    height: 0px;
    overflow: hidden;
    transition: width .7s, height .7s, opacity 1.2s, transform 1.2s;
    opacity: 0;
}
.sfru-wrap-btm-wrap {
    width: 100%;
}
.sfru-wrap-btm-tit {
    margin-bottom: 31px;
    font-family: var(--bold);
    line-height: var(--line14);
    color: var(--colorfff);
}
.solution-featur-ri .sfru-wrap-btm-info {
    max-height: 340px;
    padding-right: 10px;
}
.sfru-wrap-btm-info p {
    color: #fff;
    line-height: var(--line17);
    position: relative;
    margin-bottom: var(--parpspace12);
    font-family: var(--bold) !important;
    font-size: var(--font18);
}
.sfru-wrap-btm-info ul{
    padding-left: 18px;
}
.sfru-wrap-btm-info ul li{
    list-style-type: disc;
}
.sfru-wrap-btm-info ul li::marker{
    color: var(--colorfff);
}
.sfru-wrap-btm-info ul li p{
    color: rgba(255,255,255,0.6);
    font-family: 'BlueSword-Regular' !important;
}
.sfru-li.act {
    width: 51%;
}
.sfru-li.act .sfru-wrap {
    padding: 20px 46px;
}
.sfru-li.act .sfru-wrap-btm {
    margin-top: 22px;
    height: auto;
    min-width: 100%;
    opacity: 1;
}
.vate-page .siul-crys-le{
    padding-left: 0px;
    padding-right:118px;
}
.vate-page .support-item-ul-li:nth-child(2n) .siul-crys-le{
    padding-left: 118px;
    padding-right: 0px;
}
.solution-featur h2{
    color: var(--colorfff);
}
.vate-page .pdbs-item{
    padding: 0 15px;
}
.vate-page .prod-diff-bot-slick{
    margin: 0 -15px;
}
.vate-page .pdbs-item-box{
    position: relative;
    padding: 62px 27px 45px;
}
.pdbs-item-box-icon{
    width: 68px;
    margin-bottom: 93px;
}
.pdbs-item-box-icon img{
    width: 100%;
}
.pdbs-item-box-show .pdbs-item-box-tit{
    line-height: 1.6;
    height: 8em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.pdbs-item-box-show {
    opacity: 1;
    transition: all .36s ease;
    pointer-events: all;
}
.pdbs-item-box-hide{
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 42px 27px;
    top:0;
    left: 0;
    opacity: 0;
    transition: all .36s ease;
    pointer-events: none;
}
.vate-page .prod-diff-bot-slick .slick-list{
    overflow: hidden !important;
}
.vate-cart-word p{
    color: var(--colorfff);
    opacity: 0.7;
}
.vate-cart-word{
    padding-bottom: 55px;
    margin-bottom: 50px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.30);
}
.acbu-li-crys{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.vate-page .acbu-li{
    width: 81%;
    margin-right:180px;
    /* flex-shrink: 0; */
}
.vate-page .acbu-li-crys-le{
    width: 45%;
}
.vate-page .acbu-li-crys-ri{
    width: 46%;
}
.vate-page .acbu-li:nth-child(2n) .acbu-li-top-tit{
    margin-bottom: 159px;
}
.vate-page .acbu-li:nth-child(2n) .acbu-li-crys-ri img:nth-child(1){
    margin-top:150px;
}
.vate-page .acbu-li:nth-child(2n) .acbu-li-crys-ri img:nth-child(2){
    margin-top:0px !important;
}
.acbu-li-crys-ri{
    display: flex;
    align-items: flex-start;
}
.acbu-li-crys-ri img:nth-child(1){
    width: 66%;
}
.acbu-li-crys-ri img:nth-child(2){
    width: 34%;
    margin-top: 300px;
}
.vate-page .pic::after{
    display: none;
}
.vate-cart .altt-num{
    color: var(--colorfff);
    font-family: var(--medium) !important;
    line-height: var(--line14);
    font-size: var(--font20);
}
.vate-cart .altt-tit{
    font-size: var(--font24);
    font-family: var(--bold) !important;
    color: var(--colorfff);
    line-height: var(--line14);
    margin-bottom: 0px !important;
}
.vate-page .acbu-li-top-tit{
    margin-bottom: 71px;
    display: flex;
    align-items: center;
}
.vate-page .acbu-li-bot p{
    color: var(--colorfff);
    line-height: var(--line17);
    opacity: 0.7;
}
.vate-cart{
    padding: var(--space100) 0;
    background: var(--colormain1);
}
.vate-cart h2{
    color: var(--colorfff);
}
.vate-page .pic{
    font-size: 500px;
    opacity: 0.03;
    color: #fff;
    line-height: 1.2;
    width: 100%;
    top: 0;
    font-family: var(--bold) !important;
}
.adv-cart-bot-stick{
    width: 100%;
    position: relative;
}
/* G2科技创新汇总页-end */
.ys-slic.mod-arrows1{
    flex-direction: column;
}
.home-page .solut-see h2{
    margin-bottom: 0px !important;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .vate-page .pdbs-item-box:hover .pdbs-item-box-hide{
        opacity: 1;
        pointer-events: all;
    }
    .vate-page .pdbs-item-box:hover .pdbs-item-box-show{
        opacity: 0;
        pointer-events: none;
    }
    /* Leo--辅助--start */
    .ys-slick-item:hover .ssbb-slick-item-box {
        opacity: 0;
    }
    .ys-slick-item:hover .ssbb-slick-item-box2 {
        opacity: 1;
    }
    .ssbb-slick-item:hover .ssbb-slick-item-tit {
        color: var(--colormain1);
    }
    .solut-side-ul-li:hover {
        cursor: pointer;
    }
    .sdcu-li {
        cursor: pointer;
    }
    .stlu-lie:hover {
        cursor: pointer;
    }
    .stlu-lie:hover .stlu-lie-box {
        background-color: var(--colormain1);
    }
    .stlu-lie:hover .stlu-lie-box-tit {
        color: var(--colorfff);
    }
    .pytb-ul-li-top:hover {
        cursor: pointer;
    }
    .sabs-cnet-slide:hover .scsb-tit {
        color: var(--colormain1);
        text-decoration: underline;
    }
    .sabs-cnet-slide-link:hover .std-btn2-icon {
        transform: translateX(9px);
    }
    .swiper-slide:hover .std-btn2-icon {
        transform: translateX(9px);
    }
    .pabs-item:hover .pabs-item-box1 {
        opacity: 1;
        pointer-events: all;
    }
    .pabs-item:hover .pabs-item-box {
        opacity: 0;
    }
    .psbs-wrapper-slide:hover .psbs-item-prod-tit::after {
        width: 100%;
    }
    .sncw-slide:hover .ssbc-tit {
        color: var(--colormain1);
    }
    .sncw-slide.act:hover .ssbc-tit {
        color: var(--colorfff);
    }
    .raas-map-top-li:hover img {
        transform: scale(1.02);
    }
    .pabs-item:hover .pabs-item-box {
        opacity: 0 !important;
    }
    .ys-select-li:hover {
        color: var(--color1a1);
    }
    .hasClassyntp-dic:hover {
        cursor: pointer;
    }
    .swlu-li:hover .swlu-li-box {
        box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.12) inset;
    }
    .pdbs-item:hover .pdbs-item-box {
        box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.12) inset;
    }
    /* Leo--辅助--end */
    /* Leah--辅助--start */
    .comp-tabli li:hover {
        background: #00797F;
        color: var(--colorfff);
    }
    .first li:hover {
        color: var(--colormain1);
    }
    .prev li:hover {
        color: var(--colormain1);
    }
    .next li:hover {
        color: var(--colormain1);
    }
    .end li:hover {
        color: var(--colormain1);
    }
    .nmbl-link:hover .nllc-tit {
        color: var(--colormain1);
        text-decoration-color: rgba(0, 121, 127, 1);
    }
    .ambu-li-link:hover .ambu-li-link-tit {
        color: var(--colormain1);
        text-decoration-color: rgba(0, 121, 127, 1);
    }
    .ambu-li-link:hover .ambu-li-link-icon {
        opacity: 1;
    }
    .nmtc-ul-li-link:hover .std-btn2-icon {
        transform: translateX(9px);
    }
    .active-main-top:hover .std-btn2-icon {
        transform: translateX(9px);
    }
    .nmbl-link:hover .std-btn2-icon {
        transform: translateX(9px);
    }
    .dmeu-li-con:hover .std-btn2-icon {
        transform: translateX(9px);
    }
    .dmeu-li-con:hover .dmeu-li-con-tit {
        color: var(--colormain1);
        text-decoration-color: rgba(0, 121, 127, 1);
    }
    .nmtc-name-link:hover {
        color: var(--colormain1);
    }
    .nmtc-name-link:hover:after {
        width: 100%;
    }
    .nmbl-link:hover .nllc-tit::after {
        width: 100%;
    }
    .ys-share-img:hover img:nth-last-child(1) {
        opacity: 1;
    }
    .cmbu-li-link:hover .clll-ri-tit {
        color: var(--colormain1);
        text-decoration-color: rgba(0, 121, 127, 1);
    }
    .cmbu-li-link:hover .std-btn2-icon {
        transform: translateX(9px);
    }
    .ccul-link:hover .ccul-link-tit {
        color: var(--colormain1);
        text-decoration-color: rgba(0, 121, 127, 1);
    }
    .ccul-link:hover .std-btn2-icon {
        transform: translateX(9px);
    }
    .swul-cont:hover {
        background: rgba(0, 0, 0, 0.24);
        backdrop-filter: blur(35.5px);
    }
    .dmul-link:hover .dmul-link-ri-tit {
        color: var(--colormain1);
        text-decoration-color: rgba(0, 121, 127, 1);
    }
    .dmul-link:hover .std-btn1-box::after {
        transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    }
    .pvul-link:hover {
        background-color: var(--colormain1);
    }
    .pvul-link:hover .pvul-link-tit {
        color: var(--colorfff);
    }
    .pvul-link:hover .pvul-link-area p {
        color: var(--colorfff);
    }
    .pvul-link:hover .pvul-link-depart p {
        color: var(--colorfff);
    }
    .pvul-link:hover .pvul-link-depart span {
        color: var(--colorfff);
    }
    .pvul-link:hover .pvul-link-depart img {
        opacity: 1;
    }
    .pvul-link:hover .pvul-link-area img:nth-child(2) {
        opacity: 1;
    }
    .pvul-link:hover .pvul-link-area img:nth-child(1) {
        opacity: 0;
        transition: all 0.36s ease;
    }
    /* Leah--辅助--end */
    .mfbb-riul-li a:hover{
        color: var(--color1a1);
    }
    .mftr-ul-li ul li p a:hover{
        color: var(--colormain2);
    }
    .head-ldi-nub a:hover{
        color: var(--colormain1);
    }
    .ys-bread-list a:hover{
        opacity: 1;
    }
    .std-btn1.white2 .std-btn1-box:hover{
        color: var(--colorfff);
    }
    .arrows2-icon:hover{
        background: #05696E;
    }
    .arrows1-icon:hover{
        background: #fff;
    }
    .arrows1-icon:hover img:nth-child(2){
        opacity: 1;
    }
    .arrows1-icon:hover img:nth-child(1){
        opacity: 0;
    }
    .std-btn1-box:hover::after {
        transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    }
    .std-btn2-box:hover  .std-btn2-icon{
        transform: translateX(9px);
    }
    .yx-sidebar1-list-nub:hover .ysln-tan {
        opacity: 1;
        transform: translateX(-100%) translateY(-50%);
    }
    .join-page .person-live-ul-li:hover .plul-imgs{
        opacity: 1;
    }
    .join-page .person-live-ul-li:hover .plul-le,
    .join-page .person-live-ul-li:hover .plul-ri{
        color: var(--colorfff);
    } 
}

/* bug修改--start */
.yx-sidebar1 {
    transform: translateY(-50%) translateX(100%);
    transition: all .36s ease;
}
.yx-sidebar1.on{
    transform: translateY(-50%) translateX(0%);
}
.software-page .solut-see-box{
    padding-left: 0px !important;
}
.sncw-slide.act .ys-imgbox-cover img:nth-child(2){
    object-fit: cover;
}
.adv-cart{
    padding: var(--space100) 0;
}
.siul-crys-le {
    height: auto;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.siul-crys {
    align-items: stretch;
}
.siul-crys-le-box{
    max-height: 80%;
}
.siul-crys-le-tit{
    margin-bottom:var(--space40);
}
.software-wms-card-ul::after{
    display: none;
}
.swcu-li {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 0px !important;
}
.swcu-li::after{
    content: "";
    position: absolute;
    top: 6px;
    left: -21px;
    width: 1px;
    height: 100%;
    background: var(--colormain1);
}
.swcu-li:last-child::after{
    display: none;
}
.software-wms-ri-text{
    max-height: 540px;
}
.software-the-le-watch a{
    display: flex;
    align-items: center;
}
.rmul-img{
    background: #f8f8f9;
}
.detailact-main-eve-ul .slick-list, 
.casedetail-caro-ul .slick-list, 
.detailact-main-eve-ul .slick-list{
    padding-bottom: 25px;
}
.sdbc-ri-swiper{
    height: 100%;
}
.swdl-box span::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: var(--colormain1);
    opacity: 0.3;
    width: 120%;
    height: 120%;
    z-index: -1;
    border-radius: 50%;
}
.swdl-box span::before {
    animation: kuox3 3s linear 1s infinite;
}
.support-world-dots-li.on1 .swdl-box span::before{
    /* background: #e10000; */
}
@keyframes kuox2{
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
    10% {
        opacity: 0.2;
        transform: translate(-50%, -50%) scale(1);
    }
    90% {
        opacity: 0.2;
        transform: translate(-50%, -50%) scale(4);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
}
@keyframes kuox3{
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
    10% {
        opacity: 0.2;
        transform: translate(-50%, -50%) scale(1);
    }
    90% {
        opacity: 0.2;
        transform: translate(-50%, -50%) scale(4);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
}
.support-info-ul-li:last-child::after{
    display: none;
}
.ys-footer .siul-box-bt{
    margin-top: 38px;
}
.ys-footer .siul-box-bt p{
    margin-bottom: 22px;
}
.ys-footer .siul-box-bt p a{
    color: var(--color1a1);
}
.mod-pull-bg{
    right: 0px;
}
.solu-pull .mod-pull-wrap-ri{
    padding-right: 0% !important;
}
.mull-items-link img{
    margin-left: 30px;
}
.solu-pull .mpwr-ul-li:first-child {
    width: 26%;
}
.solu-pull .mpwr-ul-li:last-child {
    width: 74%;
}
.solu-pull .mpwr-ul-li-list{
    padding: 0 10px;
}
.solu-pull .mpwr-ul-li{
    margin: 0 -10px;
}
.solu-pull .mod-pull-wrap-ri {
    padding-left: 48px;
}
.swiper-slide-active.psbs-wrapper-slide .psbs-item-plus {
    transform: scale(1) !important;
}
.swiper-slide-next.psbs-wrapper-slide .psbs-item-plus {
    transform: scale(0.7);
}
.swiper-slide-next.psbs-wrapper-slide .psbs-item-prod-tit::after {
    width: 0%;
}
.swiper-slide-active.psbs-wrapper-slide .psbs-item-prod-tit::after {
    width: 100%;
}
.prod-stad-bot-crys{
    width: 76%;
}
.prod-stad-bot{
    display: flex;
    justify-content: flex-end;
}
.prod-stad-bot-crys .swiper-container{
    overflow: visible !important;
}
.prod-stad-bot{
    overflow: hidden !important;
}
.prod-stad-botwrap {
    width: 100%;
    position: relative;
}
.prod-stad-botwrap .mod-arrows2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 110%;
    justify-content: space-between;
}
.ys-banner-arrow{
    transform: translateX(-60%);
    opacity: 0;
    transition: all 1s ease-in-out;
}
.ys-banner.start .ys-banner-arrow{
    transform: translateX(0%);
    opacity: 1;
}
.home-page .sncw-slide-box-cent{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.home-page .sncw-slide-box{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.home-page .sncw-slide-box .sncw-slide-box-pic{
    flex-shrink: 0;
}
.software-wms-card{
    padding: 0px;
    max-height: 80%;
}
.software-wms-card-crys{
    max-height: 100%;
    padding: 20px 0;
}
.swcu-li{
    padding: 10px 24px 20px 50px;
}
.software-wms-card .mCSB_outside+.mCSB_scrollTools{
    right:0px;
    top: 20px;
    bottom: 20px;
}
.swcu-li::after {
    top: 15px;
    left: 28px;
}
/* bug修改--end */
/* 20250715 */
.stlu-li-box-par p{
    text-overflow: ellipsis;
    height: 8.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.stlu-li .stlu-li-box:last-child{
    opacity: 1;
}
.stlu-li-box-par{
    opacity: 0;
    transition: all 0s;
}
.stlu-li.on .stlu-li-box-par{
    opacity: 1;
    transform: translateY(-104px);
    transition: all .36s;
    transition-delay: .4s;
}
.stlu-li-box-image{
    opacity: 1;
    transition: all .36s;
}
.stlu-li.on .stlu-li-box-image{
    opacity: 0;
    transform: translateY(-64px);
    transition: all 0s;
    pointer-events: none;
}
.stlu-li-cent{
    overflow: hidden;
}
.solut-main .solut-toggle .stlu-li {
    margin-bottom: 0;
}
.solut-toggle-list-ul {
    height: 385px !important;
}
.stlu-li .stlu-li-box, .stlu-li.on .stlu-li-box {
    padding: 35px 25px 35px;
}
.pabs-item-cent{
    height: 100%;
}
.pstr-table table tbody tr td{
    word-break: normal !important;
}
.software-the-ri{
    padding-top: 0px !important;
}
.software-the .ys-cont1720{
    align-items: flex-start;
}
.yxedr-active li::marker, 
.saws-box-par li::marker{
    background-color: var(--colormain1);
    color: var(--colormain1);
}
.saws-box-par li{
    list-style-type: disc;
}
.saws-box-par p{
    margin-bottom: 0px;
}
.suml-title {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.pstr-table, .pstr-table table{
    width: 100%;
}
.software-wms-card-crys{
    max-height: inherit;
    height: 100%;
}
.swat-cont-crys{
    height: 100%;
    display: flex;
    align-items: center;
}
.software-wms{
    margin-top: var(--space100);
}
.swat-cont-btncrys{
    display: flex;
    align-items: center;
}
.cmct-ul-li{
    padding: 0 70px;
}
.cmct-ul{
    margin: 0 -70px;
    flex-wrap: nowrap;
}
.casedetail-main-cont{
    margin-left: calc(18% + 89px);
    position: relative;
}
.solution-featur .mCSB_outside+.mCSB_scrollTools{
    right: 0px !important;
    width: 3px;
}
.sfru-li.act .sfru-wrap{
    padding-right: 0px !important;
}
.solution-featur-ri .sfru-wrap-btm-info{
    padding-right: 46px !important;
}
.solution-featur .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar, 
.solution-featur .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.solution-featur .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #E6E6E6 !important;
    width: 100% !important;
}
.solution-featur .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{
    background: transparent;
}
.sdbc-le .sdbc-le-swiper{
    height: 100%;
}
.prod-adv{
    margin-top: 0px !important;
}
.casedetail-main-cont .ys-video-btn img:nth-child(1){
    width: 100%;
}
.casedetail-page .ys-video-btn a{
    display: block;
    width: 100%;
}
.siul-crys-le-box {
    max-height: 78%;
}
.solut-plat-box-bot{
    padding-top: var(--space100);
}
.solut-side.on1{
    transform: translateY(-50%) translateX(-200%) !important;
}
.solut-side-ul-li::before{
    display: none !important;
}
.slsw-slide-cnet .ys-imgbox-cover{
    height: 100%;
}
.slsw-slide-cnet .ys-imgbox-cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.stlu-li-box-image{
    margin-top: 40px;
}
.join-page .description{
    text-overflow: ellipsis;
    height: 5.1em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.join-page .smbw-ul-li-tooltip{
    top: calc(100% + 80px);
}
.raas-img-table table{
    width: 100%;
}
.raas-img-table table tbody tr td{
    min-width: 344px;
    word-break: normal !important;
}
.ys-nyban-title-cont p{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay:.4s
}
.prod-main .sncw-slide-box-cent, .software-page .sncw-slide-box-cent{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sncw-slide-box{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.sncw-slide-box .sncw-slide-box-pic{
    flex-shrink: 0;
}
.sncw-slide-box .sncw-slide-box-cent{
    height: 100%;
}
.sncw-slide.act .sncw-slide-box-cent {
    bottom: 22px;
    left: 10px;
    right: 10px;
    display: block;
    top: auto;
    height: auto;
}
/* 20250717 */
.cnul-cont-icon{
    height: auto !important;
}
.cmti-ul-li-cont span img{
    width: 100% !important;
}
.person-page .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #E6E6E6;
    opacity: 0.6;
}
.support-page .siul-crys-le-boxs{
    max-height: 730px;
}
.slul-crys-text{
    white-space: nowrap;
}
.scru-lis-pic img{
    width: 100%;
}
.scru-lis-pic{
    width: 100%;
}
/*20250718*/
.home-chose-anim-prod {
    top: -42%;
    right: 2%;
}
.home-mode {
    height: 200vh;
    overflow: hidden;
    position: relative;
}
.home-mode-cont {
    top: var(--headh) !important;
    height: 100%;
    position: absolute;
}
.home-mode-box {
    height: calc(100vh - var(--headh));
    position: relative;
    width: 100vw;
}
.home-innov-cont{
    opacity: 0;
    transition: all .36s ease;
}
.home-innov-cont.start{
    opacity: 1;
    /* transform: translateY(0px); */
}
.home-innov-cont-tpcry{
    width: 100%;
    transform: translateY(60px);
    transition: all .36s ease;
}
.home-innov-cont.start .home-innov-cont-tpcry{
    transform: translateY(0px);
}
.home-innov{
    overflow: visible !important;
}
.home-innov-cont {
    width: 100%;
    position: relative;
    top: auto;
    margin-top: -40% !important;
    transform: translateY(0%);
}
.home-innov-cont-top{
    padding-bottom: 150px;
}
.vate-media-top img:nth-child(2){
    width: 62px;
}
.home-chose-anim-prod {
    top: -32%;
    right: 2%;
}
.support-world-icons-li3 .swil-boxs-text {
    top: -50%;
}
.ys-ban-imgbox::before{
    background: rgba(0,0,0,0.2);
}
.stlu-li-box-tit{
    line-height: 1.6;
    max-height: 4.8em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
/* 20250718--顶部提示 */
.home-tips{
    width: 100vw;
    position: fixed;
    top: var(--headh);
    z-index: 2;
    background: #00797F;
}
.home-tips-cont{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px;
}
.home-tips-arrow{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    flex-shrink: 0;
    margin-left: 22px;
    position: relative;
}
.home-tips-arrow img{
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.home-tips-text{
    color: var(--colorfff);
    line-height: 1.7;
}
.home-tips-close{
    width: 24px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right:134px;
    transform: translateY(-50%);
}
.home-tips-close img{
    width: 100%;
}
.home-tips-wrap{
    width: 100%;
    position: relative;
}
/* 20250718-15 */
.prod-stad.firt .psbs-wrapper-slide{
    width: 100% !important;
}
.prod-stad.firt .prod-stad-bot-crys {
    width: 20%;
    margin: 0 auto;
}
.pmpl-itm{
    width: 26px;
    height: 26px;
}
.pmpl-itm:nth-child(n)::after {
    content: '';
    width: 150%;
    height: 150%;
    position: absolute;
    background: radial-gradient(at 50% 50%, rgba(0, 0, 0, 0), rgba(8, 162, 173, 0.5));
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: kuox 3s linear 1s infinite;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    pointer-events: none;
}
.hcul-img{
    display: block;
}
.ambs-item-box-video svg{
    width: 100%;
    height: auto !important;
}
.vate-media-top img:nth-child(2){
    padding-bottom: 0px !important;
}
.casedet-switch-list-item .gmtl-cry{
    width: 54%;
    left: 100px;
    transform: translate(0%,0%);
    transition: 0s;
    transition-delay: 0s;
}
.casedet-switch-list-item.on .gmtl-cry {
    transition: all .4s ease;
    transition-delay: .4s;
}
.home-solut-btm-ul .std-btn1-box {
    padding: 2px 12px;
    background:rgba(0, 121, 127, 0.8);
}
.home-solut-pop{
    z-index: 999;
}
.hspt-clost{
    width: 36px;
}
.hspt-clost img{
    width: 100%;
}
.scesolu-top-tact {
    background:transparent;
    z-index: 2;
}
.scesolu-top-tact::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(33.849998474121094px);
    -webkit-backdrop-filter: blur(33.849998474121094px);
    -moz-backdrop-filter: blur(33.849998474121094px);
    -ms-backdrop-filter: blur(33.849998474121094px);
    -o-backdrop-filter: blur(33.849998474121094px);
    z-index: -1;
}
.scesolu-top-tact-tit{
    color: var(--colorfff);
}
.scesolu-top-tact-close{
    width: 22px;
    position: absolute;
    right: 100px;
    top: 24px;
    cursor: pointer;
}
.scesolu-top-tact-close img{
    width: 100%;
}
.detailact-main-eve:last-child{
    margin-bottom: 0px;
}
.casedetail-main-cont-below h5, 
.report-main-cont h5 {
    color: var(--colormain1);
    font-family: var(--bold);
    margin-bottom: 12px;
    font-size: var(--font20);
}
.mull-items-link img {
    margin-left: 18px;
}
.pstr-table table tbody tr td:first-child{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.pstr-table table tbody tr{
    display: flex;
}
.pstr-table table tbody tr td{
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: var(--font16);
    line-height: var(--line16);
}
.pstr-table table tbody tr td p{
    font-size: var(--font16);
    line-height: var(--line16);
}
.prod-stad.four .prod-stad-bot-crys{
    width: 100%;
}
.prod-stad.thir .prod-stad-bot-crys{
    margin: 0 auto;
}
.prod-ban-btn{
    display: flex;
    align-items: center;
}
.prod-ban-btn .ys-nyban-title-btn{
    margin-right: 30px;
}
/*20250729*/
.hict-tp-top{
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}
.home-innov-icon{
    flex-shrink: 0;
}
.home-innov{
    height: 300vh;
}
.home-innov-cont{
    position: sticky;
    top: var(--headh);
    height: calc(100vh - var(--headh));
    overflow: hidden;
}
.home-innov-cont{
    opacity: 1;
    margin-top: 0% !important;
}
.noshow{
    opacity: 0;
    transition: all .36s ease;
}
.home-innov.start .noshow{
    opacity: 1;
}
.home-innov-cont-tpcry{
    transform: translateY(0px);
}
.home-innov-cont-top{
    height: 80%;
    padding-top: var(--space100);
    padding-bottom: var(--space40);
}
.hict-tp-top-ri {
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%, 0%);
    width: 100vw;
}
.hict-tp-top-logo{
    transform-origin: 58% 0%;
}
.hict-tp-top-logo,
.hict-tp-top-logo img{
    width: 100%;
}
.home-innov-icon {
    flex-shrink: 0;
    margin-top: 34px;
    transform: translateX(-52px) translateY(0px);
}
.pmhu-li{
    width: var(--width);
    flex-shrink: 0;
    margin-right: 270px;
}
.prod-marq-hores-ul{
    width: var(--lefts);
}
.pmhu-li-tit{
    display: flex;
    align-items: flex-end;
    white-space: nowrap;
    line-height: 1.2;
}
.pmhu-li-tit span{
    line-height: 2.25;
}
.home-innov-cont-top {
    height: 74%;
}
.home-chose-anim-line svg{
    width: 100%;
    height: auto !important;
}
.home-chose-anim-prod {
    top: 0px;
    right: 0px;
    z-index: 2;
    opacity: 1 !important;
}
.home-chose-anim-prod img{
    position: relative;
    transform: translate(-50%,-50%);
}
.home-innov-pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.home-innov-pic img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .36s ease;
}
.home-innov-cont-top{
    padding-top: 0;
    padding-bottom: 0;
}
.hict-tp-top-ri{
    animation-delay: 0.5s;
}
.home-innov-cont-tpcry{
    height: 100%;
}
.pstr-table table tbody tr td{
    min-width: 50%;
    width: 50%;
}
/* .pibc-edito{
    line-height:var(--line17);
    height: calc(8.5em + 13px);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
} */
.pmpl-cent-box-close {
    width: 18px;
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer;
    z-index: 2;
}
.pmpl-cent-box-close img{
    width: 100%;
}
.saws-box-par ul{
    padding-left: 18px !important;
}
.home-innov-pic.on img{
    opacity: 0;
}
.hict-tp-top-logo {
    transform-origin: 58% 120px;
}
.home-innov-cont-top{
    top: 120px;
}
.hict-tp-top-ri{
    margin-top: -120px;
}
.yx-sidebar1.on1 {
    transform: translateY(-50%) translateX(100%) !important;
}
.prod-stad.more .prod-stad-bot-crys{
    width: 80%;
}
.prod-stad.more .swiper-slide-active.psbs-wrapper-slide .psbs-item-plus{
    transform: scale(1) !important;
}
.prod-stad.more .swiper-slide-active.psbs-wrapper-slide .psbs-item-prod-tit::after {
    width: 100%;
}
/* .prod-stad.more .swiper-slide-next.psbs-wrapper-slide .psbs-item-plus {
    transform: scale(1) !important;
}
.prod-stad.more .psbs-wrapper-slide.swiper-slide-next .psbs-item-prod-tit::after {
    width: 100%;
} */
.pibc-edito {
    line-height: var(--line18);
    /* height: 99px; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 3; */
    overflow: hidden;
    text-overflow: ellipsis;
}
.pibc-edito p{
    line-height: var(--line18);
}
.pibc-edito ul{
    padding-left: 18px;
}
.hcul-bot{
    transform: translateY(100%);
    opacity: 0;
    transition: all .6s ease-in-out;
    transition-delay: 0s;
}
.home-case-ul-li.slick-active .hcul-bot{
    opacity: 1;
    transform: translateY(0%);
    transition-delay: .6s;
}
/* 写在 CSS，确保首屏不闪 */
.home-innov-icon{
  opacity: 1;
  transform:  scale(1.3);
  will-change: opacity;
  overflow:hidden;
}
.home-innov-icon img{
    opacity: 0;
    transform: translateX(300px);
    transition: transform .6s, opacity .3s;
}
.home-innov-icon.show img{
    opacity: 1;
    transform: translateX(0px);
}
.home-innov-icon.show{
    transform: translateX(-20px);
}
.home-bgcry {
    width: 100%;
    position: absolute;
    top: 37%;
    opacity: 0;
    transform: translateY(60px);
    transition: all .6s;
}
.home-bgcry.start{
    transform: translateY(0px);
    opacity: 1;
}
.home-bgcry.start .noshow{
    opacity: 1;
}
.hict-tp-top.start{
    transform: translateY(-20%);
}
.hict-tp-top{
    transition: all .36s;
}
.home-innov-botcry-wrap{
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 70px;
}
.home-innov-botcry{
    position: relative;
}
.home-innov-botcry h2{
    text-align: center;
}
.home-innov-pic{
    background: #fff;
    overflow: hidden;
}
.home-innov-cont{
    overflow: visible;
}
.home-innov{
    position: relative;
    height: 280vh;
    padding-bottom: 860px;
    background: rgba(248,248,248,1);
}
.home-innov-icon{
    margin-top: 0px !important;
}
.hict-tp-top-ri {
        margin-top: 0 !important;
    }
    .home-innov-cont-top {
        height: 100%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding-top: 0;
    }
    .hict-tp,
    .hict-tp-top{
        height: 100%;
    }
    .hict-tp-top-ri {
        margin-top: 0;
    }
    .home-innov-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .36s ease;
    }
    .hict-tp-top-logo {
        transform-origin: 59% 40vh;
    }
    .hict-tp-top-ri{
        pointer-events: none;
    }
    .prod-stad.more .prod-stad-bot-crys{
        margin: 0 auto;
    }
    .prod-stad-bot-crys .swiper-container{
        overflow: hidden !important;
    }
    .prod-stad-botwrap .mod-arrows2{
        width: 100%;
    }
/* 20250801 */
.psbs-item-prod {
    padding-bottom: 30px;
}
.psbs-item-prod-video {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.psbs-item-prod-video .ys-video-btn{
    padding-bottom: 0px !important;
}

/* 20250814 */
.about-tech .gstu-li-tit{
    line-height: 1.4;
}
.vate-page .vate-media-top img:nth-child(2){
    padding-bottom: 0px !important;
    width: 62px;
}
.csli-box-title{
    opacity: 1;
    pointer-events: all;
}
.casedet-switch-list-item.on .csli-box-title{
    opacity: 0;
    pointer-events: none;
}
.vate-page .prod-diff .spbl-tit{
    margin-bottom: 0px !important;
}
.vate-page .pic{
    pointer-events: none;
    left: 50%;
}
/* 20250905 */
.about-num .pmhu-li {
    width: auto !important;
    white-space: nowrap;
}
.about-indu h2{
    margin-bottom: 0px !important;
}
.ys-form-selc input {
    padding-right: 30px !important;
}
/*2025.12.30--售后修改--start*/
.home-innov-bg{
    height: 120vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.home-innov-bg img{
    flex: 1;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.home-innov {
    padding-bottom: 790px;
}
/*2025.12.30--售后修改--end*/
/*2026.3.11--售后修改--start*/
.ys-ban-txtbox1.ys-pos-center{
    top: 50%;
    transform: translate(-50%,-50%);
}
.ys-ban-txtbox2.ys-pos-center{
    top: auto;
    bottom:91px;
    transform: translate(-50%,0%);
}
.ys-ban-imgbox::before{
    /*background: linear-gradient(270deg, rgba(7, 7, 7, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);*/
    pointer-events: none;
}
.ys-ban-imgbox::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height:38%;
    background: linear-gradient(180deg, rgba(7, 7, 7, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);
    pointer-events: none;
    z-index:2;
    opacity: 0.5;
}
.mftr-ul-li-link a[href=""],
.mftr-ul-li-link a[href=''],
.mftr-ul-li-link a[href="javascript:;"]{
    cursor:default
}
.yx-sidebar1,
.yx-sidebar1.on1{
    transform: translateY(-50%) translateX(0%) !important;
}
.scesolu-news .sncw-slide-box-tab,
.sncw-slide-box-tab{
    left: auto !important;
    right: 16px;
}
.scesolu-wat-list-ul .slick-dots li.slick-active,
.prod-diff .slick-dots li.slick-active{
    background: #fff;
}
.saws-box-par ol,
.saws-box-par ul{
    padding-left: 18px;
}
.sncw-slides{
    height: auto !important;
}
.sncw-slides .sncw-slide-link{
    display: flex;
    flex-direction: column;
}
.sncw-slides .sncw-slide-box-cent{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.yx-sidebar1{
    z-index: 98;
}
.yx-sidebar1-arrow{
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 36px;
    background: #fff;
    cursor: pointer;
    display: none;
    box-shadow: 0px 9px 15px 0px rgba(0, 18, 97, 0.08);
    border-radius: 5px 0 0 5px;
}
.yx-sidebar1-arrow::after{
    content: "\e744";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 14px;
    color: var(--colormain1);
    font-family: 'iconfont';
    transition: all .36s linear;
}
/*2026.3.11--售后修改--end*/
/*2026.3.25--新增--start*/
.ys-form-inof{
    --transition:all .36s ease;
}
.solut-book-ri-indu .ys-fii-name{
    left: 17px;
}
.ys-fii-checkbox1 .ys-select-li,
.ys-fii-checkbox2 .ys-select-li{
    display: flex;
    align-items: flex-start
}
.ys-fii-checkbox1 .ys-checkbox-bd,
.ys-fii-checkbox2 .ys-checkbox-bd {
    border: 1px solid #ddd;
    border-top: 0
}
.ys-fii-checkbox1 .ys-select-inof,
.ys-fii-checkbox2 .ys-select-inof, {
    padding: 10px 0
}
.ys-checkbox1-font {
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color666);
    transition: var(--transition)
}
.ys-checkbox-bd .ys-select-li{
    padding-right: 10px
}
.ys-fii-checkbox1 .ys-select-inof{
    height:auto;
    max-height: 180px;
    padding: 5px 0;
}
.ys-checkbox-bd .mCSB-scrollTools {
    visibility: hidden
}
.ys-checkbox-bd.showscroll .mCSB-scrollTools{
    visibility: visible
}
.ys-checkbox-bd {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    width: 100%;
    background: #fff;
    overflow: hidden;
}
.ys-checkbox1-icon {
    --width1: 18px;
    position: relative;
    width: var(--width1);
    height: var(--width1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--colormain1);
    transition: var(--transition);
    top: 4px;
    margin-right: 14px;
}
.ys-checkbox1-icon .iconfont {
    opacity: 0;
    transition: var(--transition);
}
.ys-checkbox1-icon::before {
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid var(--color999);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition);
}
.ys-select-li.on .ys-checkbox1-icon .iconfont {
    opacity: 1;
}
.ys-form-inof-item .ys-select-li.on, 
.ys-select-li.on .ys-checkbox1-font {
    color: var(--colormain1);
}
.ctact-page .ys-form-inof-country.ys-form-empty .ys-fii-tips{
    display: block !important;
}
.solut-book-ri-li .ys-fii-tips{
    right: 17px;
}
.ys-form-inof-country.solut-book-ri-li .ys-fii-tips{
    right: 0 !important;
}
.solut-book-ri .ys-select-xtbbox {
    width: auto !important;
}
.home-case-ul-li{
    padding: 0 10px;
}
.home-case-ul{
    margin: 0 -10px;
}
.vate-page .siul-crys-le p:last-child{
    margin-bottom: 0;
}
/*2026.3.25--新增--end*/
.solut-book-ri .ys-form-phone .ys-fii-name{
    font-size: var(--font18) !important;
    color: var(--color1a1) !important;
    top: auto !important;
    bottom: 0 !important;
    opacity: 1 !important;
}
/*.solut-book-ri .ys-form-inof-country.ys-form-empty .ys-fii-tips{*/
/*    display: block !important;*/
/*}*/

/*日语站bug修改--start*/
.solut-plat-box-le {
    width: 43%;
}
.swil-boxs-text,
.swdl-box p{
    white-space: nowrap;
    font-size: var(--font14);
}
/*日语站bug修改--end*/