@charset "utf-8";
/* 公共样式 - start */
:root {
    /* 字号 */
    --font80: 80px;
    --font54: 42px;
    --font48: 48px;
    --font40: 32px;
    --font30: 26px;
    --font24: 24px;
    --font20: 20px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航 */
    --line80: 80px;
    /* 颜色 */
    --color333: #333333;
    --color666: #666666;
    --colorfff: #ffffff;
    --color999: #999999;
    --colormain: #205EFF;
    --colorbj: #F5F9FD;
    /* 板块间距 */
    --space150: 150px;
    --space100: 100px;
    --space80: 80px;
    --space50: 50px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --family1:'tbea-Bold';
    --family2:'tbea-Regular';
    --family3:'tbea-Black';
    --family4:'tbea-SemiBold';
    --family5:'tbea-Medium';
    /* icon大小 */
    --iconwidth: 28px;
}
.std-syh1 {
    font-size: var(--font80);
    line-height: var(--line12);
}
.std-nyh1 {
    font-size: var(--font48);
    line-height: var(--line12);
}
.std-h2,
.yxedr-active h2 {
    font-size: var(--font54);
    line-height: var(--line13);
    color: #0D0E27;
    font-weight: bold;
}
.std-h3,
.yxedr-active h3 {
    font-size: var(--font40);
    line-height: var(--line14);
    color: #333;
    font-weight: bold;
}
.std-h4,
.yxedr-active h4 {
    font-size: var(--font30);
    line-height: var(--line14);
    color: #333;
    font-weight: bold;
}
.std-h5,
.yxedr-active h5 {
    font-size: var(--font20);
    line-height: var(--line14);
}
.std-text1,
.std-text1 p {
    font-size: var(--font18);
    color: var(--color666);
    line-height: var(--line16);
}
.std-text2,
.std-text2 p {
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line16);
}
.std-text3,
.std-text3 p {
    font-size: var(--font14);
    color: var(--color666);
    line-height: var(--line18);
}
.yxedr-active p {
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line16);
    margin-bottom: var(--parpspace10);
}
.std-padtop1 {
    padding-top: var(--space150);
}
.std-padbot1 {
    padding-bottom: var(--space150);
}
.std-padding1 {
    padding: var(--space150) 0;
}
.yxedr-active h2, .yxedr-active h3 {
    margin-bottom: var(--parpspace16);
}
.yxedr-active h4{
    margin-bottom: var(--parpspace12);
}
.yxedr-active h5{
    margin-bottom: var(--parpspace10);
}
body {
    font-family: "tbea-Regular","PingFang SC", "Microsoft YaHei" !important;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "tbea-Regular","PingFang SC", "Microsoft YaHei" !important;
}
@font-face {
    font-family: 'tbea-Light';
    src: url('../fonts/MontserratLight/MontserratLight.woff2') format('woff2'),
         url('../fonts/MontserratLight/MontserratLight.woff') format('woff');
}
@font-face {
    font-family: 'tbea-Bold';
    src: url('../fonts/MontserratBold/MontserratBold.woff2') format('woff2'),
         url('../fonts/MontserratBold/MontserratBold.woff') format('woff');
}
@font-face {
    font-family: 'tbea-Regular';
    src: url('../fonts/MontserratRegular/MontserratRegular.woff2') format('woff2'),
         url('../fonts/MontserratRegular/MontserratRegular.woff') format('woff');
}
@font-face {
    font-family: 'tbea-Black';
    src: url('../fonts/MontserratBlack/MontserratBlack.woff2') format('woff2'),
         url('../fonts/MontserratBlack/MontserratBlack.woff') format('woff');
}
@font-face {
    font-family: 'tbea-SemiBold';
    src: url('../fonts/MontserratSemiBold/MontserratSemiBold.woff2') format('woff2'),
         url('../fonts/MontserratSemiBold/MontserratSemiBold.woff') format('woff');
}
@font-face {
    font-family: 'tbea-Medium';
    src: url('../fonts/MontserratMedium/MontserratMedium.woff2') format('woff2'),
         url('../fonts/MontserratMedium/MontserratMedium.woff') format('woff');
}
/* 英文站换行规则 */
p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
}
/*分享翻译*/
.ys-wechat-cont-parga p::before{
    /* content: '分享到 - 微信'; */
    content: 'Share the - weixin';
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: var(--color666);
    margin-left: 28px;
}
/*导航默认选中*/
.head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--colormain) !important;
}
.ppwl-li.yxnav-active2 .ppwl-li-link,
.spwl-bt-le-li.yxnav-active2 .sbll-link,
.cpmu-li.yxnav-active2 a{
    color: var(--colormain);
}
.ppwm-li-ul-item.yxnav-active3 .plui-link,
.sbru-li-ul-item.yxnav-active3 a{
    color: var(--colormain);
}
.head-nav-item-title{
    line-height: var(--line80);
}
.ys-ph-navbar3 .ys-phnav-header{
    background: var(--colorfff);
}
.ys-phnav-menubtn span, .ys-phnav-menubtn::after, .ys-phnav-menubtn::before{
    background: var(--color333);
}
.ys-ph-navbar3 .ys-phnav-header a, .ys-ph-navbar3 .ys-phnav-search .iconfont{
    color: var(--color333);
}






/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child),
.ys-slick-item:not(:first-child){
    display: none;
}
.ys-ban-li,
.ys-slick-item{
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.slick-list {
    min-width: 100%;
}
/* 省略号 */
.line-clamp{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 过渡 */
.transition-time1{
    transition: all .36s both;
}
.transition-time2{
    transition: all .5s both;
}
/* 公共样式 - end */
.ys-hd-pc{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 60px;
    transition: all .36s;
    justify-content: space-between;
    align-items: center;
}
.ys-hd-pc::after{
    content: "";
    width: 100%;
    height: 1px;
    background: #EEEEEE;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .36s;
    opacity: 0;
}
.inside-page .ys-hd-pc::after{
    background: #E2EDF4;
    opacity: 1;
}
.ys-hd-pc.isfixed::after,
.ys-hd-pc.change::after{
    opacity: 1;
}
.ys-hd-pc.head-top{
    background: transparent !important;
    box-shadow: none !important;
}
.ys-hd-pc.head-top .mod-icon img:nth-child(2) {
    opacity: 0 !important;
}
.ys-hd-pc.head-top .mod-icon img:nth-child(1) {
    opacity: 1 !important;
}
.ys-hd-pc.head-top .head-navwrap::after{
    opacity: 1 !important;
}
.ys-hd-pc.head-top::after{
    opacity: 0 !important;
}
.ys-hd-pc.head-top .head-nav-item-title{
    color: var(--colorfff) !important;
}
.ys-hd-pc.head-top .head-nav-item.yxnav-active1 .head-nav-item-title {
    color: var(--colormain) !important;
}
.ys-hd-pc.head-top .head-other-btn .std-btn1-box {
    border: 1px solid var(--colorfff) !important;
}
.ys-hd-pc.head-top .head-other-btn .std-btn1 p{
    color: var(--colorfff) !important;
}
.head-logo {
    width: 130px;
    line-height: var(--line80);
    height: var(--line80);
}
.head-logo a{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.head-logo .mod-icon{
    width: 130px;
    height: 24px;
}
.ys-search2-win{
    position: fixed;
    top: var(--line80);
    left: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    border-top: 1px solid #eee;
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 2%);
    overflow: hidden;
    display: none;
}
.ys-search2-box{
    padding: 16px 0;
}
.ys-search2-tibox{
    width: 34%;
    margin: 0 auto;
}
.ys-search2-tbox{
    border-bottom: 1px solid #eee;
    width: calc(100% - 24px);
    padding-right: 20px;
    height: 40px;
}
.ys-search2-tbox input{
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-family: inherit;
}
.ys-search2-ibox {
    width: 24px;
    margin-top: 10px;
}
.ys-search2-ibox img{
    width: 100%;
}
.mod-icon {
    position: relative;
}
.mod-icon img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
    max-width: inherit;
}
.mod-icon img:nth-child(2) {
    opacity: 0;
}
.head-other-search-icon .mod-icon{
    width: var(--iconwidth);
    height: var(--iconwidth);
}
.head-other-search-icon{
    height: var(--line80);
    display: flex;
    align-items: center;
    cursor: pointer;
}
.head-other-search{
    margin-right: 25px;
}
.holt-icon{
    width: var(--iconwidth);
    height: var(--iconwidth);
}
.holt-more{
    width: 12px;
    height: 12px;
    transition: all .36s;
}
.head-other-lang-tp{
    display: flex;
    align-items: center;
    cursor: pointer;
    height: var(--line80);
}
.head-other-lang{
    position: relative;
}
.head-other{
    display: flex;
    align-items: center;
}
.head-other-lang-bt{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--colorfff);
    width: 100px;
    text-align: center;
    padding: 10px;
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 5%);
    display: none;
}
.head-other-lang-bt a{
    font-size: var(--font14);
    line-height: var(--line15);
    color: var(--color333);
    transition: all .36s;
    display: block;
}
.head-other-lang.act .holt-more{
    transform: rotate(180deg);
}
.std-btn1,
.std-btn2{
    display: inline-block;
}
.std-btn1-box{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid var(--colorfff);
    transition: all .36s;
}
.std-btn1 p{
    line-height: 38px;
    font-size: var(--font16);
    color: var(--colorfff);
    transition: all .36s;
}
.std-btn2-box{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid var(--colormain);
    transition: all .36s;
    background: var(--colormain);
}
.std-btn2 p{
    line-height: 38px;
    font-size: var(--font16);
    color: var(--colorfff);
    transition: all .36s;
}
.head-other-btn .head-other-btn-box{
    width: 128px;
    margin-left: 10px;
}
.head-other-btn .head-other-btn-box:nth-child(1){
    margin-left: 38px;
}
.head-nav{
    display: flex;
    align-items: center;
    margin: 0 -20px;
}
.head-nav-item{
    padding: 0 20px;
    height: var(--line80);
    display: flex;
    align-items: center;
}
.head-nav-item-title{
    font-size: var(--font18);
    line-height: var(--line15);
    color: var(--colorfff);
    transition: all .36s;
}
.head-navwrap{
    position: absolute;
    padding: 0 44px;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}
.head-navwrap::after{
    content: "";
    width: 100%;
    height: calc(100% - 20px);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    position: absolute;
    top: 10px;
    left: 0;
    transition: all .36s;
    z-index: -1;
}
.ys-hd-pc.isfixed,
.ys-hd-pc.change{
    background: #fff;
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 5%);
}
.ys-hd-pc.isfixed .mod-icon img:nth-child(2) ,
.ys-hd-pc.change .mod-icon img:nth-child(2) {
    opacity: 1;
}
.ys-hd-pc.isfixed .mod-icon img:nth-child(1) ,
.ys-hd-pc.change .mod-icon img:nth-child(1) {
    opacity: 0;
}
.ys-hd-pc.isfixed .head-navwrap::after,
.ys-hd-pc.change .head-navwrap::after{
    opacity: 0;
}
.ys-hd-pc.isfixed .head-nav-item-title,
.ys-hd-pc.change .head-nav-item-title{
    color: var(--color333);
}
.ys-hd-pc.isfixed .std-btn1 p,
.ys-hd-pc.change .std-btn1 p{
    color: var(--color333);
}
.ys-hd-pc.isfixed .std-btn1-box,
.ys-hd-pc.change .std-btn1-box{
    border: 1px solid var(--color333);
}
.ys-footer{
    background: var(--colorfff);
    position: relative;
    z-index: 5;
}
.ys-footer-tp{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: var(--space80) 0;
    border-bottom: 1px solid #D4DBE2;
}
.ys-footer-tp-le{
    width: 217px;
}
.yftl-logo{
    width: 100%;
    margin-bottom: 60px;
}
.yftl-logo a{
    width: 100%;
    display: block;
}
.yftl-logo img{
    width: 100%;
}
.yftl-share{
    display: flex;
}
.yftl-share-li a{
    display: block;
    width: 100%;
}
.yftl-share-li{
    margin-right: 22px;
    width: 45px;
    position: relative;
    cursor: pointer;
}
.yftl-share-li:last-child{
    margin-right: 0;
}
.yftl-share-li-pop {
    width: 146px;
    padding: 10px;
    background: #fff;
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    transform-origin: bottom;
    visibility: hidden;
    transition: all .36s;
    pointer-events: none;
    opacity: 0;
    box-shadow: 0px 15px 35px 0px rgba(71, 71, 71, 0.10);
    border-radius: 5px;
}
.yftl-share-li-pop img {
    width: 100%;
}
.yftl-share-li-pop::after {
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    z-index: -1;
}
.ys-footer-tp-nav{
    width: calc(68% - 217px);
    padding-left: 190px;
    padding-right: 120px;
}
.yftn-ul-li{
    padding: 0 54px;
}
.yftn-ul{
    display: flex;
    margin: 0 -54px;
    justify-content: center;
}
.yftn-ul-li>a{
    font-size: var(--font18);
    line-height: var(--line12);
    color: #0D0E27;
    display: block;
    transition: all .36s;
    margin-bottom: 25px;
    font-weight: bold;
}
.yftn-ul-li li a{
    font-size: var(--font16);
    line-height: 2;
    color: var(--color666);
    display: block;
    transition: all .36s;
}
.yftn-ul-li li{
    margin-bottom: 4px;
}
.yftn-ul-li li:last-child{
    margin-bottom: 0;
}
.yfts-parga p{
    color: #0D0E27;
    line-height: var(--line12);
    font-weight: bold;
}
.yfts-parga{
    margin-bottom: 17px;
}
.yfts-wrap{
    border-radius: 8px;
    background: var(--colorbj);
    padding-right: 6px;
    display: flex;
    align-items: center;
}
.yfts-wrap-btn{
    width: 113px;
    border-radius: 8px;
    background: var(--colormain);
    line-height: 44px;
    color: var(--colorfff);
    text-align: center;
    cursor: pointer;
    transition: all .36s;
    border: 1px solid var(--colormain);
}
.yfts-wrap-input{
    width: calc(100% - 113px);
    height: 56px;
}
.yfts-wrap-input input{
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: var(--font16);
    color: var(--color333);
    font-family: inherit !important;
}
.yfts-wrap-input input::placeholder{
    font-size: var(--font16);
    color: var(--color999) !important;
}
.ys-footer-tp-sub{
    width: 32%;
}
.yfts-notice{
    margin-top: 14px;
    display: none;
}
.yfts-notice p{
    color: #EB0000;
}
.ys-footer-tp-sub.empty .yfts-notice{
    display: block;
}
.ys-footer-bt-le p,
.ys-footer-bt-ri a{
    font-size: var(--font14);
    line-height: 2;
    color: var(--color666);
}
.ys-footer-bt-le a{
    opacity: 0.5;
}
.ys-footer-bt{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 0;
}
.ys-footer-bt-ri{
    margin: 0 -12px;
}
.ys-footer-bt-ri a{
    padding: 0 12px;
}
.ys-ban-title{
    color: var(--colorfff);
    visibility: hidden;
}
.ys-ban-btn{
    margin-top: 80px;
}
.ys-ban-btn .std-btn3-box{
    visibility: hidden;
}
.ys-ban-li.slick-active .ys-ban-title {
    animation: ysfadeInUp 1s ease-in-out both;
    animation-delay: .3s;
    visibility: visible;
}
.ys-ban-li.slick-active .ys-ban-btn .std-btn3-box{
    animation: ysfadeInUp 1s ease-in-out both;
    animation-delay: .4s;
    visibility: visible;
}
.std-btn3-box{
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0 36px;
    border-radius: 12px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: all .36s;
}
.std-btn3-box p{
    color: var(--colorfff);
    margin-right: 8px;
    line-height: 54px;
}
.std-btn3-box img{
    width: var(--iconwidth);
}
.std-btn3{
    display: inline-block;
}
.slick-dots li{
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #999;
}
.slick-dots li.slick-active {
    background: var(--colormain) !important;
}
.ys-ban-slick .slick-dots li{
    margin: 0 18px;
    background: rgba(255,255,255,.2);
}
.ys-ban-slick .slick-dots li.slick-active {
    background: rgba(255,255,255,1) !important;
}
.ys-ban-slick .slick-dots{
    bottom: 180px;
    width: 85vw;
    max-width: 1400px;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    margin-left: -18px;
}
.home-safety{
    height: calc(100vh - var(--line80));
    overflow: hidden;
    position: relative;
}
.home-safety-img{
    width: 100%;
    height: 100%;
    position: relative;
}
.home-safety-img-li{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.home-safety-img .slick-list,
.home-safety-img .slick-track{
    height: 100%;
}
.home-safety-slick{
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.hsil-cont{
    overflow: hidden;
    height: 100%;
}
.hsil-cont img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.2);
    transition: all 1.5s;
}
.home-safety.act .hsil-cont img{
    transform: scale(1);
}

.home-safety-img-li {
    opacity: 1 !important;
}
.home-safety-img .home-safety-img-li {
    overflow: hidden;
}
.home-safety-img.nexting .ys-slick-prev {
    z-index: 1000 !important;
}
.home-safety-img.nexting .ys-slick-active {
    z-index: 999 !important;
}
.home-safety-img.preving .ys-slick-prev {
    z-index: 1000 !important;
}
.home-safety-img.preving .ys-slick-active {
    z-index: 999 !important;
}
.home-safety-img.nexting .ys-slick-active {
    animation: none;
}
.home-safety-img.preving .ys-slick-prev {
    animation: slideOutDown 2s ease both;
}
.home-safety-img.preving .ys-slick-prev img {
    animation: slideOutUp 2s ease both;
}
.home-safety-img.nexting .ys-slick-prev {
    animation: slideOutUp 2s ease both;
}
.home-safety-img.nexting .ys-slick-prev img {
    animation: slideOutDown 2s ease both;
}
.home-safety-img.nexting .ys-slick-active {
    animation: none;
}
.home-safety-text{
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
    transform: translateX(210px);
}
.hstl-parga{
    margin-bottom: 78px;
}
.hstl-parga p{
    font-size: var(--font24);
    line-height: var(--line15);
    color: var(--colorfff);
    height: 3em;
    overflow: auto;
}
.hstl-tit{
    font-size: 60px;
    line-height: var(--line12);
    color: var(--colorfff);
    font-family: var(--family2);
    margin-bottom: 137px;
}
.home-safety-text-slick{
    width: 55%;
    margin: auto;
    position: relative;
}
.home-safety-text-li{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .36s;
}
.home-safety-text-li.act{
    pointer-events: all;
    opacity: 1;
    pointer-events: all;
}
.home-safety::before{
    content: "";
    width: 100%;
    height: 2px;
    background: rgba(255,255,255,.4);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
}
.home-safety::after{
    content: "";
    width: 0;
    height: 2px;
    background: rgba(255,255,255,1);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    transition: all 2s;
}
.home-safety.act::after{
    width: var(--lineWidth);
}
.home-safety-num-li p{
    color: var(--colorfff);
    font-family: var(--family2);
}
.home-safety-num-li p:nth-child(1){
    margin-bottom: 84px;
}
.home-safety-num{
    position: absolute;
    top: 50%;
    left: 12.5%;
    z-index: 5;
    transform: translateY(-50%);
}
.home-safety-num-li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    transition: all .36s;
}
.home-safety-num-li.act{
    pointer-events: all;
    opacity: 1;
    position: relative;
}
.home-new{
    background: var(--colorbj);
}
.home-new h2{
    text-align: center;
    margin-bottom: var(--space50);
}
.home-new-slick-li{
    width: 812px !important;
}
.home-new-slick-li .ys-imgbox-cover{
    border-radius: 12px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.hnsl-text{
    margin-top: 48px;
}
.hnsl-text-time p{
    color: #0D0E27;
    opacity: 0.5;
}
.hnsl-text-time p:nth-child(1){
    margin-right: 32px;
}
.hnsl-text-time{
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}
.hnsl-text-tit{
    margin-bottom: 40px;
    font-size: var(--font24);
    line-height: var(--line12);
    color: #0D0E27;
    height: 2.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.std-btn4-box-icon{
    width: var(--iconwidth);
    height: var(--iconwidth);
}
.std-btn4-box p{
    font-size: var(--font16);
    line-height: 54px;
    color: var(--colormain);
    transition: all .36s;
    margin-right: 8px;
}
.std-btn4-box{
    display: flex;
    align-items: center;
    padding: 0 36px;
    border-radius: 12px;
    border: 1px solid var(--colormain);
    backdrop-filter: blur(2px);
    transition: all .36s;
    cursor: pointer;
    justify-content: center;
}
.std-btn4{
    display: inline-block;
}
.home-new-bt{
    overflow: visible !important;
    margin: 0 !important;
}
.home-case{
    background: var(--colorbj);
}
.home-case h2{
    text-align: center;
    color: #0B2936;
    margin-bottom: 62px;
}
.hcsl-img{
    width: 52%;
    position: relative;
    overflow: hidden;
}
.hcsl-img::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.60) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}
.hcsl-text{
    width: 48%;
    padding: 0 60px;
    overflow: hidden;
}
.home-case-swiper-li a{
    border-radius: 12px;
    background: var(--colorfff);
    box-shadow: 0px 4px 24px 4px rgba(9, 73, 147, 0.10);
    display: flex;
    align-items: center;
    overflow: hidden;
}
.home-case-swiper{
    overflow: visible !important;
}
.htil-icon{
    width: 24px;
    flex-shrink: 0;
    position: relative;
    top: 2px;
}
.htil-icon img{
    width: 100%;
}
.hcsl-text-info-li p{
    width: calc(100% - 24px);
    padding-left: 24px;
    color: var(--color666);
}
.hcsl-text-info-li{
    display: flex;
    align-items: flex-start;
    margin-bottom: 18px;
    visibility: hidden;
}
.hcsl-text-info-li:last-child{
    margin-bottom: 83px;
}
.home-main .hcsl-text-tit,
.home-main .hcsl-text-info-li,
.home-main .hcsl-text-btn{
    visibility: visible;
}
.hcsl-text-btn{
    visibility: hidden;
}
.hcsl-text-tit{
    margin-bottom: 40px;
    color: #0B2936;
    visibility: hidden;
}
.home-case-swiper-li.swiper-slide-active .hcsl-text-tit{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .3s;
    visibility: visible;
}
.home-case-swiper-li.swiper-slide-active .hcsl-text-info-li{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .4s;
    visibility: visible;
}
.home-case-swiper-li.swiper-slide-active .hcsl-text-btn{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .5s;
    visibility: visible;
}
.home-case-swiper{
    padding-bottom: 56px !important;
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 27% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    height: 1px !important;
    top: auto !important;
    bottom: 0 !important;
}
.swiper-pagination-progressbar {
    background: #CCD2D1 !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--colormain) !important;
    height: 3px !important;
    top: -1px !important;
    border-radius: 80px !important;
}
.swiper-button-icon{
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    border: 1px solid #CED4D3;
    transition: all .36s;
}
.swiper-button-prev:after{
    transform: rotate(180deg);
}
.swiper-button-prev:after, 
.swiper-button-next:after{
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/a1_icon05.svg) center / cover no-repeat;
    font-family: inherit !important;
    font-size: 0 !important;
    transition: all .36s;
}
.swiper-button-prev{
    top: auto !important;
    bottom: -25px !important;
    left: calc(36.5% - 100px) !important;
}
.swiper-button-next{
    top: auto !important;
    bottom: -25px !important;
    right: calc(36.5% - 100px) !important;
}
.swiper-button-disabled{
    pointer-events: none;
    opacity: 0.5;
}
.hcsl-img-num{
    font-size: 64px;
    line-height: var(--line14);
    color: var(--colorfff);
    position: absolute;
    right: 54px;
    bottom: 30px;
    z-index: 10;
    visibility: hidden;
}
.home-case-swiper.act .home-case-swiper-li.swiper-slide-active .hcsl-img-num{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .4s;
    visibility: visible;
}
.home-scence{
    height: calc(100vh - var(--line80));
    position: relative;
    overflow: hidden;
}
.home-scence-bg{
    width: 100%;
    height: 100%;
}
.home-scence-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-pro{
    overflow: hidden;
}
.home-pro h2{
    margin-bottom: 30px;
}
.home-pro-swiper{
    padding-right: 57px !important;
    overflow: visible !important;
    padding-bottom: 40px !important;
}
.home-pro-swiper-li a{
    border-radius: 12px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    display: block;
    position: relative;
}
.hpsl-text{
    width: 100%;
    padding: 0 46px;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 5;
}
.hpsl-text-lab{
    font-size: var(--font24);
    line-height: var(--line13);
    color: #0D0E27;
    opacity: 0.5;
    margin-bottom: 15px;
}
.hpsl-text-tit{
    font-size: var(--font24);
    line-height: var(--line13);
    color: #0D0E27;
    margin-bottom: 27px;
}
.std-btn5-box{
    display: flex;
    align-items: center;
}
.std-btn5-box p{
    font-size: var(--font16);
    line-height: var(--line13);
    color: #0D0E27;
    margin-right: 8px;
}
.std-btn5-box img{
    width: 24px;
}
.home-future-text{
    width: calc(100% - 612px);
    padding-right: 50px;
}
.home-future h2{
    margin-bottom: 30px;
}
.home-future-text-parga p{
    color: #000;
}
.home-future-text-parga{
    margin-bottom: 60px;
}
.hfti-li{
    width: 50%;
    padding: 0 9px;
    margin-top: 50px;
    display: flex;
    align-items: flex-start;
}
.hfti-li:nth-child(1),
.hfti-li:nth-child(2){
    margin-top: 0;
}
.home-future-text-info{
    margin: 0 -9px;
    display: flex;
    flex-wrap: wrap;
}
.hfti-li-icon{
    width: 52px;
}
.hfti-li-icon img{
    width: 100%;
}
.hfti-li-text{
    width: calc(100% - 52px);
    padding-left: 20px;
}
.hfti-li-text-num{
    margin-bottom: 6px;
}
.hfti-li-text-parga p{
    color: #0D0E27;
}
.home-scence-bg video{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: transparent;
}
.home-scence-text{
    width: 100%;
    height: 100%;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
}
.home-scence-text-ul {
    width: 100%;
    height: calc(100vw / 1920* 940);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.hstu-li{
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.hstu-li-link{
    display: block;
    padding: 0 25px;
    position: relative;
    z-index: 1;
}
.hstu-li-link::before{
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #FFF;
    background: #205EFF;
    backdrop-filter: blur(5px);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.20);
    border-radius: 125px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.hstu-li-link::after{
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/a1_icon08.svg) center / cover no-repeat;
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    z-index: -2;
}
.hstu-li p{
    color: var(--colorfff);
    line-height: 40px;
    white-space: nowrap;
}

/* e5-Life at TBEA-start */
.ys-nybanner{
    overflow: hidden;
}
.ys-nyban-title h1 {
    font-size: var(--font48);
    font-weight: bold;
}
.ys-bread-list a{
    font-size: var(--font16);
    color: var(--colorfff);
}
.ys-bread-list {
    padding: 0 20px;
}
.ys-bread{
    margin: 0 -20px;
}
.mod-bread{
    bottom: 32px;
}
.ys-bread-list::before{
    content: "";
    width: 7px;
    height: 8px;
    background: url(../images/com_icon12.svg) center / cover no-repeat;
    right: -4px;
}
.life-develop{
    overflow: hidden;
}
.life-develop-img{
    width: 48%;
    position: relative;
    overflow: hidden;
}
.life-develop-img-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: var(--colorfff);
}
.life-develop-img img{
    width: 100%;
}
.life-develop-img.act .life-develop-img-bg{
    animation: fadeOutLeftzz 1s ease-in-out both .4s;
}
.life-develop-le{
    width: 52%;
    padding-right: 154px;
}
.life-develop .ys-cont1400{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.life-develop-le h2{
    margin-bottom: 20px;
}
.life-welfare{
    position: relative;
    overflow: hidden;
}
.life-welfare h2{
    text-align: center;
    margin-bottom: 20px;
}
.life-welfare-tp-parga{
    width: 81%;
    margin: auto;
    text-align: center;
}
.life-welfare-tp{
    margin-bottom: var(--space50);
    overflow: hidden;
}
.life-welfare-slick{
    margin: 0 -12px;
}
.life-welfare-slick-li{
    width: 20%;
    padding: 0 12px;
    transition: all 1.5s .5s;
}
/* .life-welfare-slick .slick-list{
    overflow: visible;
} */
.life-welfare-slick-li:nth-child(1){
    transform: translateX(-50px);
}
.life-welfare-slick-li:nth-child(2){
    transform: translate(-30px,40px) !important;
}
.life-welfare-slick-li:nth-child(3){
    transform: translateX(-10px);
}
.life-welfare-slick-li:nth-child(4){
    transform: translate(20px,40px) !important;
}
.life-welfare-slick-li:nth-child(5){
    transform: translateX(50px);
}
.lwsl-wrap-item:nth-child(1){
    transform: translateY(-20px);
}
.lwsl-wrap-item:nth-child(2){
    transform: translateY(20px);
}
.lwsl-wrap-item{
    margin-bottom: 24px;
    transition: all 1.5s .5s;
}
.life-welfare-slick.act .life-welfare-slick-li{
    transform: translateX(0px);
}
.life-welfare-slick.act .life-welfare-slick-li:nth-child(2n){
    transform: translate(0px,40px) !important;
}
.life-welfare-slick.act .lwsl-wrap-item{
    transform: translateY(0px);
}
.lwsl-wrap-item:last-child{
    margin-bottom: 0;
}
.life-welfare-bg{
    width: 100%;
}
.life-welfare-bg img{
    width: 100%;
}
.lwsl-wrap-item-cont{
    border-radius: 12px;
    background: linear-gradient(90deg, #FFF 0%, #FFF 100%);
    box-shadow: 0px 10px 25px 0px rgba(196, 208, 239, 0.50);
    padding: 20px;
    height: 100%;
}
.lwic-icon{
    width: 90px;
    margin: auto;
}
.lwic-icon img{
    width: 100%;
}
.lwic-parga {
    margin-top: 10px;
}
.lwic-parga p{
    text-align: center;
    color: var(--color333);
    height: 3.2em;
    overflow: hidden;
}
.ys-cont1500 {
    width: 85vw;
    max-width: 1500px;
    margin: auto;
}
.life-welfare-slick-li:nth-child(2n){
    transform: translateY(40px);
}
.life-welfare-slick .slick-list{
    padding-top: 20px;
    padding-bottom: 100px;
}
.life-welfare .ys-cont1500{
    top: 12.7%;
    z-index: 5;
}
.life-recru-wrap{
    width: 83%;
    margin: auto;
}
.life-recru{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.life-recru::after{
    content: "";
    width: 100%;
    height: 46%;
    opacity: 0.5;
    background: linear-gradient(180deg, #FFF 0%, #EAF5FF 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.life-recru h2{
    text-align: center;
    margin-bottom: 35px;
}
.lrwu-li{
    margin-bottom: 20px;
    background: #FFF;
    box-shadow: 0px 20px 35px rgba(218, 225, 242, 0.50);
    padding: 62px 50px;
    border-radius: 14px;
    transition: all .36s;
    cursor: pointer;
}
.lrwu-li.act{
    padding: 40px 50px;
}
.lrwu-li.act .lrwu-li-tp-icon{
    border: 1px solid var(--colormain);
    background: var(--colormain);
}
.lrwu-li.act .lrwu-li-tp-icon::before{
    background: var(--colorfff);
}
.lrwu-li.act .lrwu-li-tp-icon::after{
    opacity: 0;
}
.lrwu-li:last-child{
    margin-bottom: 0;
}
.lrwu-li-tp-icon{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    transition: all .36s;
    border: 1px solid #333;
    position: relative;
    top: -5px;
}
.lrwu-li-tp-icon::before{
    content: "";
    width: 42%;
    height: 1px;
    background: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .36s;
}
.lrwu-li-tp-icon::after{
    content: "";
    width: 1px;
    height: 42%;
    background: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .36s;
}
.lltt-tit{
    font-size: var(--font24);
    line-height: var(--line12);
    color: var(--color333);
    font-family: var(--family1);
    margin-bottom: 18px;
}
.lltt-parga p{
    color: var(--color333);
}
.lrwu-li-tp{
    display: flex;
    align-items: flex-start;
}
.lrwu-li-tp-text{
    width: calc(100% - 38px);
    padding-right: 30px;
}
.lrwu-li-bt{
    padding-top: 40px;
    margin-top: 20px;
    border-top: 1px solid #DFDFDF;
    display: none;
}
.llbl-li .std-text1{
    color: var(--color333);
    font-family: var(--family2);
    margin-bottom: 10px;
}
.llbl-li{
    margin-bottom: 40px;
}
.llbl-li p{
    color: var(--color333);
    margin-bottom: 12px;
}
.llbl-li p:last-child{
    margin-bottom: 0;
}
.sustain-main .life-ban-info{
    padding: 35px 58px 46px 24px;
}
.service-main .life-ban-info{
    padding: 35px 25px 20px;
}
.life-ban-info{
    position: absolute;
    right: 8%;
    bottom: 60px;
    z-index: 5;
    width: 27%;
    max-width: 524px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(11.149999618530273px);
    -webkit-backdrop-filter: blur(11.149999618530273px);
    padding: 35px 25px 70px;
}
.life-ban-info p{
    color: var(--colorfff);
}
.life-ban-info .std-text2{
    position: relative;
}
.life-ban-info .std-text2::after{
    content: "";
    width: 55px;
    height: 4px;
    border-radius: 95px;
    background: var(--colormain);
    position: absolute;
    top: -10px;
    left: 0;
}
.pro-pull-search{
    width: 45%;
    border-radius: 8px;
    background: var(--colorbj);
    padding-right: 6px;
    height: 58px;
    display: flex;
    align-items: center;
    margin-top: 60px;
}
.pro-pull-search-search{
    width: 74px;
    height: 44px;
    position: relative;
    border-radius: 8px;
    background: var(--colormain);
    cursor: pointer;
}
.pro-pull-search-search img{
    width: var(--iconwidth);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.head-nav-item-down{
    position: fixed;
    width: 100vw;
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 5%);
    /* border-top: 1px solid #EEEEEE; */
}
.pro-pull{
    padding: 50px 0;
}
.pro-pull-search-input{
    width: calc(100% - 74px);
    height: 100%;
}
.pro-pull-search-input input{
    width: 100%;
    height: 100%;
    padding: 0 40px;
    font-size: var(--font16);
    color: var(--color666);
    font-family: inherit !important;
}
.pro-pull-search-input input::placeholder{
    font-size: var(--font16);
    color: var(--color666);
    font-family: inherit !important;
    opacity: 0.5;
}
.pro-pull-wrap{
    display: flex;
    align-items: stretch;
}
.company-pull-le,
.pro-pull-wrap-le,
.pro-pull-wrap-mid{
    width: 23.5%;
    border-left: 1px solid #E4E8F2;
    padding-top: 15px;
}
.pro-pull-wrap-ri{
    width: 53%;
    border-left: 1px solid #E4E8F2;
    padding-top: 15px;
    padding-left: 38px;
}
.ppwl-li-link,
.plui-link{
    font-size: var(--font16);
    line-height: var(--line13);
    color: var(--color666);
    transition: all .36s;
    padding: 10px 20px;
    display: block;
}
.ppwl-li,
.ppwm-li-ul-item{
    padding: 0 20px;
    cursor: pointer;
}
.ppwm-li,
.ppwr-cont-li,
.ppwr-cont{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all .36s;
}
.ppwm-li.act,
.ppwr-cont.act .ppwr-cont-li.act,
.ppwr-cont.act{
    position: relative;
    opacity: 1;
    pointer-events: all;
}
.ppwm-cont,
.ppwr-wrap{
    position: relative;
}
.ppwr-cont-li-tp .std-text1{
    color: var(--color333);
    line-height: var(--line13);
    padding: 10px 0;
}
.ppwr-cont-li-tp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 34px;
}
.pclt-all a{
    display: flex;
    align-items: center;
}
.pclt-all p{
    color: var(--color333);
    margin-right: 17px;
}
.pclt-all img{
    width: 24px;
}
.pclb-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px;
}
.pclb-ul-li{
    width: 33.333333%;
    padding: 0 3px;
    margin-bottom: 6px;
}
.pclb-ul-li a{
    display: block;
    border-radius: 14px;
    background: var(--colorbj);
    overflow: hidden;
    padding-top: 23px;
    padding-bottom: 38px;
    height: 100%;
}
.pclb-ul-li-tit{
    text-align: center;
    color: var(--color333);
    padding: 0 25px;
}
.company-pull{
    padding-top: 50px;
    padding-bottom: 78px;
}
.company-pull-le{
    padding-top: 20px;
    border-left: none;
    padding-right: 84px;
}
.company-pull-mid{
    border-left: 1px solid #E4E8F2;
    width: 42.5%;
    padding: 0 20px;
}
.company-pull-le-tit{
    color: var(--color333);
    margin-bottom: 15px;
}
.company-pull-le-parga{
    margin-bottom: 60px;
}
.company-pull-ri{
    width: 34%;
    padding-bottom: 37px;
}
.company-pull-ri-ul{
    position: relative;
    width: 100%;
    border-radius: 14px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.cpru-li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all .36s;
}
.cpru-li.act{
    position: relative;
    opacity: 1;
}
.company-pull .ys-cont1400{
    display: flex;
    align-items: stretch;
}
.cpmu-li a{
    font-size: var(--font16);
    line-height: var(--line13);
    color: var(--color666);
    transition: all .36s;
    display: block;
    padding: 10px 20px;
}
.cpmu-li{
    margin-bottom: 10px;
}
.solu-pull-wrap-le{
    padding: 70px 105px 160px var(--left) ;
}
.solu-pull-wrap-ri{
    padding: 70px var(--left) 20px 87px;
    background: var(--colorbj);
}
.solu-pull-wrap-le,
.solu-pull-wrap-ri{
    width: 50%;
}
.solu-pull-wrap{
    display: flex;
    align-items: stretch;
}
.spwl-tp .std-h4{
    color: var(--color333);
}
.sbll-link,
.sbru-li-ul-item a{
    display: block;
    padding: 10px 20px;
    font-size: var(--font16);
    line-height: var(--line13);
    color: var(--color666);
    transition: all .36s;
}
.spwl-bt-le-li,
.sbru-li-ul-item{
    margin-bottom: 10px;
}
.spwl-bt-le,
.spwl-bt-ri{
    padding-top: 15px;
    padding-bottom: 46px;
    border-left: 1px solid #E4E8F2;
    width: 50%;
}
.spwl-bt{
    display: flex;
    align-items: stretch;
}
.spwl-bt-ri-ul{
    position: relative;
}
.sbru-li{
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: all .36s;
}
.sbru-li.act{
    opacity: 1;
    pointer-events: all;
}
.spwr-bt-li{
    width: 50%;
    padding: 0 14px;
    margin-bottom: 30px;
}
.spwr-bt{
    margin: 0 -14px;
    display: flex;
    flex-wrap: wrap;
}
.spwr-bt-li-tit{
    color: var(--color333);
    margin-top: 20px;
    line-height: var(--line14);
    height: 2.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.spwr-bt-li .ys-imgbox-cover{
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.spwl-bt-le-li,
.sbru-li-ul-item{
    cursor: pointer;
    padding-left: 20px;
}
/* e5-Life at TBEA-end */

/* f1-Contact us-start */
.contact-main .mod-content{
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: var(--colorbj);
    padding-top: var(--line80);
}
.contact-bg{
    width: 100%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: calc(-1 * var(--line80));
    animation: bgEffect 10s linear both infinite;
}
.contact-bg img{
    width: 100%;
}
@keyframes bgEffect{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.3);
    }
    100%{
        transform: scale(1);
    }
}
.contact-infor{
    overflow: hidden;
}
.contact-infor-ul-li{
    width: 25%;
    padding: 0 14px;
    margin-top: 28px; 
}
.contact-infor-ul-li:nth-child(4n+1){
    animation-delay: .3s;
}
.contact-infor-ul-li:nth-child(4n+2){
    animation-delay: .4s;
}
.contact-infor-ul-li:nth-child(4n+3){
    animation-delay: .5s;
}
.contact-infor-ul-li:nth-child(4n+4){
    animation-delay: .6s;
}
.contact-infor-ul{
    margin: 0 -14px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.ciul-cont{
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: #FFF;
    padding: 30px 30px 60px;
    padding-right: 0 !important;
}
.ciul-cont-tit{
    color: var(--color333);
    line-height: var(--line14);
    height: 2.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: var(--space50);
}
.ciul-cont-info-li,
.ciul-cont-info-li a{
    display: flex;
    align-items: flex-start;
}
.ciul-cont-info-li img{
    width: 20px;
    position: relative;
    top: 2px;
}
.ciul-cont-info-li p{
    width: calc(100% - 20px);
    padding-left: 6px;
}
.ciul-cont-info-li{
    margin-bottom: 16px;
}
.ciul-cont-info-li:last-child{
    margin-bottom: 0;
}
.contact-form{
    overflow: hidden;
}
.contact-form-ri{
    width: 57.5%;
    padding: 34px 30px 66px 50px;
    border-radius: 16px;
    background: #FFF;
}
.contact-form-text{
    width: 42.5%;
    padding-right: 100px;
}
.contact-form .ys-cont1400{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.contact-form-text h1{
    color: var(--colorfff);
    margin-bottom: 30px;
}
.contact-form-text p{
    color: var(--colorfff);
    margin-bottom: 16px;
}
.contact-form-text p:last-child{
    margin-bottom: 0;
}
.ys-form-inof{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -13px;
}
.ys-form-inof-item2{
    width: 50%;
    padding: 0 13px;
    margin-bottom: 30px;
}
.ys-fii-name{
    color: var(--color333);
    margin-bottom: 8px;
}
.ys-fii-name span{
    color: #FF2020;
    margin-left: 4px;
}
.contact-main .ys-fii-name span{
    color: #DC0000;
    margin-left: 0;
}
.ys-fii-input{
    width: 100%;
    height: 58px;
    border-radius: 8px;
    background: #F3F9FD;
}
.contact-main .ys-fii-input input:not(:focus),
.ys-form-inof-code .ys-fii-input input:not(:focus){
    border: 1px solid #F3F9FD;
}
.contact-main .ys-fii-input input,
.ys-form-inof-code .ys-fii-input input{
    border: 1px solid var(--colormain);
}
.ys-fii-input input{
    width: 100%;
    height: 100%;
    padding: 0 20px;
    border-radius: 8px;
    font-size: var(--font16);
    color: var(--color333);
    font-family: inherit !important;
    transition: all .36s;
}
.ys-fii-input input::placeholder{
    font-size: var(--font16);
    color: var(--color666);
    font-family: inherit !important;
    opacity: 0.5;
}
.ys-form-inof-text{
    width: 100% !important;
}
.ys-form-inof-text .ys-fii-input{
    height: 160px;
}
.ys-form-inof-text textarea {
    width: 100%;
    height: 100%;
    padding: 15px 20px;
    font-size: var(--font16);
    color: var(--color333);
    font-family: inherit !important;
    border: 1px solid var(--colormain);
    border-radius: 8px;
    transition: all .36s;
}
.ys-form-inof-text textarea:not(:focus){
    border: 1px solid #F3F9FD;
}
.ys-form-inof-code{
    width: 100% !important;
    margin-bottom: 22px;
}
.yfic-wrap{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.ys-form-inof-code .ys-fii-tips{
    padding: 0 13px;
}
.ys-form-inof-code .ys-form-inof-item{
    width: 50%;
    margin-bottom: 0; 
}
.yfic-img{
    width: 152px;
    cursor: pointer;
    margin-left: 7px;
    border-radius: 8px;
    overflow: hidden;
}
.yfic-img img{
    width: 100%;
}
.ys-fia-text-btn{
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid rgba(32, 94, 255, 0.40);
    background: #FFF;
    position: relative;
    transition: all .36s;
    top: 5px;
    cursor: pointer;
}
.ys-fia-text-btn::after{
    content: "";
    width: 50%;
    height: 50%;
    background: var(--colormain);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .36s;
    opacity: 0;
}
.ys-form-inof-agree{
    width: 100% !important;
    margin-bottom: 40px;
}
.ys-form-inof-agree .ys-fia-text{
    display: flex;
    align-items: flex-start;
}
.ys-fia-text-word{
    width: calc(100% - 14px);
    padding-left: 12px;
    color: var(--color333);
}
.ys-fia-text-word a{
    color: var(--colormain);
}
.ys-fii-tips span{
    font-size: var(--font14);
    line-height: var(--line15);
    color: #DC0000;
}
.ys-fii-tips{
    margin-top: 10px;
    display: none;
}
.ys-form-required.ys-form-empty .ys-fii-tips {
    display: block;
}
.std-btn4.on .std-btn4-box{
    background: var(--colormain);
    border: 1px solid var(--colormain);
}
.std-btn4.on .std-btn4-box p {
    color: var(--colorfff);
}
.std-btn4.on .mod-icon img:nth-child(2) {
    opacity: 1;
}
.std-btn4.on .mod-icon img:nth-child(1) {
    opacity: 0;
}
.ys-form-inof-agree.on .ys-fia-text-btn::after{
    opacity: 1;
}
/* f1-Contact us-end */
/* C1-Solution General view-start */
.solu-main .home-scence{
    height: 100vh;
    position: relative;
}
.solu-main .home-scence::after{
    content: "";
    width: 100%;
    height: 145px;
    opacity: 0.9;
    background: linear-gradient(0deg, rgba(0, 33, 95, 0.00) 0%, #002160 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
.hstu-li-circle{
    width: 28px;
    margin-right: 13px;
    position: relative;
}
.hstu-li-circle img{
    width: 100%;
}
.hstu-li a{
    display: flex;
    align-items: center;
}
.hodu-li-circle-diffuse::before {
    content: '';
    width: 4px;
    height: 4px;
    background: var(--colormain);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .36s;
    overflow: visible;
    border-radius: 50%;
    animation :page-loader-ripple2 4s linear infinite 1s;
    z-index: -1;
}
.hodu-li-circle-diffuse::after {
    content: '';
    width: 4px;
    height: 4px;
    background: var(--colormain);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .36s;
    overflow: visible;
    border-radius: 50%;
    animation :page-loader-ripple2 4s linear infinite 2s;
    z-index: -1;
}
.hodu-li-circle-diffuse.hodu-li-circle-diffuse2::before {
    animation-delay: 3s !important;
}
.hodu-li-circle-diffuse.hodu-li-circle-diffuse2::after {
    animation-delay: 4s !important;
}
@keyframes page-loader-ripple2 {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.8;
    }
    100% {
        transform: translate(-50%, -50%) scale(15);
        opacity: 0;
    }
}
/* C1-Solution General view-end */


/* c2-Residential Solution-start */
.ys-nyban-btn-box{
    margin-right: 10px;
}
.ys-nyban-btn{
    margin-top: 76px;
}
.reside-solu-img{
    width: 54.5%;
    border-radius: 16px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}
.reside-solu-img img{
    width: 100%;
}
.reside-solu-img-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: var(--colorfff);
}

.reside-solu-text{
    width: 45.5%;
    padding-right: 90px;
}
.reside-solu .ys-cont1400{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.reside-solu-text h2{
    margin-bottom: 23px;
}
.reside-main .mod-content{
    position: relative;
    z-index: 1;
}
.product-main .mod-content::after,
.pro-main .mod-content::after,
.reside-main .mod-content::after,
.sustain-main .mod-content::after{
    content: "";
    width: 100%;
    height: 610px;
    border-bottom: 1px solid rgba(222, 234, 243, 0.50);
    background: linear-gradient(180deg, #FFF 94.47%, #F2FAFF 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-bottom: 1px solid rgba(222, 234, 243, 0.50);
}
.reside-solu-text-parga{
    margin-bottom: var(--space50);
}
.reside-solu-text-data{
    padding-right: 100px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.reside-solu{
    overflow: hidden;
}
.rstd-li{
    width: 50%;
}
.rstd-li-data{
    font-size: 44px;
    line-height: var(--line13);
    color: var(--colormain);
}
.reside-pic{
    overflow: hidden;
}
.reside-pic-wrap{
    width: 100%;
    border-radius: 16px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.reside-pic-wrap img{
    width: 100%;
    animation-delay: 1s;
}
.reside-pic h2{
    text-align: center;
    margin-bottom: var(--space50);
}
.reside-pic-wrap-bg{
    background: linear-gradient(180deg, #B1CBED -12.34%, #E3EAF1 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    animation-delay: .4s;
}
.reside-adv{
    position: relative;
    overflow: hidden;
    margin-bottom: var(--space150);
    z-index: 1;
}
.reside-adv-bg{
    width: 100%;
    max-height: 440px;
    z-index: -1;
}
.reside-adv-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.reside-adv h2{
    text-align: center;
    margin-bottom: var(--space50);
}
.reside-adv-slick{
    margin: 0 -10px;
}
.reside-adv-slick-li{
    width: 25%;
    padding: 0 10px;
    height: auto !important;
}
.reside-adv-slick-li:nth-child(4n+1){
    animation-delay: .3s;
}
.reside-adv-slick-li:nth-child(4n+2){
    animation-delay: .4s;
}
.reside-adv-slick-li:nth-child(4n+3){
    animation-delay: .5s;
}
.reside-adv-slick-li:nth-child(4n+4){
    animation-delay: .6s;
}
.rasl-cont{
    position: relative;
    background: var(--colorfff);
    padding: 40px 30px 60px;
    z-index: 1;
    border-radius: 14px;
    height: 100%;
}
.rasl-cont::before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,rgba(32, 94, 255, 1) 0%,rgba(32, 94, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 14px;
    z-index: -2;
}
.rasl-cont::after{
    content: "";
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: var(--colorfff);
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 14px;
    z-index: -1;
}
.rasl-cont-icon{
    width: 50px;
    margin-bottom: 20px;
}
.rasl-cont-icon img{
    width: 100%;
}
.rasl-cont-tit{
    color: var(--color333);
    margin-bottom: 26px;
}
.rasl-cont-info p{
    margin-bottom: 14px;
    padding-left: 36px;
    position: relative;
}
.rasl-cont-info p::before{
    content: "";
    width: 8px;
    height: 2px;
    background: var(--colormain);
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 10px;
}
.rasl-cont-info p:last-child{
    margin-bottom: 0;
}
.reside-adv-slick .slick-list{
    padding-bottom: 35px;
}
.reside-adv-slick.empty .slick-list{
    padding-bottom: 0;
}
.reside-adv-slick .slick-dots{
    bottom: 0;
}
.reside-adv-slick .slick-dots li{
    margin: 0 8px;
    background: rgba(255, 255, 255, 1);
}
.reside-adv-slick .slick-dots li.slick-active {
    background: var(--colormain);
}
.reside-app{
    overflow: hidden;
}
.reside-app h2{
    text-align: center;
    margin-bottom: var(--space50);
}
.reside-app-tab{
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 60px;
}
.ratu-li{
    margin: 0 42px;
    padding-bottom: 8px;
    position: relative;
    cursor: pointer;
    width: auto !important;
}
.reside-app-tab-ul{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.ratu-li p{
    font-size: var(--font20);
    line-height: var(--line14);
    color: var(--color333);
    transition: all .36s;
}
.ratu-li::after{
    content: "";
    width: 0%;
    height: 3px;
    background: var(--colormain);
    position: absolute;
    bottom: -1.5px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
    border-radius: 10px;
}
.ratu-li.act::after{
    width: 100%;
}
.ratu-li.act p{
    color: var(--colormain);
}
.rals-li{
    opacity: 0 !important;
}
.rals-li.swiper-slide-active{
    opacity: 1 !important;
}
.rals-li-cont{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.rals-li-cont .ys-imgbox-cover{
    width: 57%;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    visibility: hidden;
}
.rals-li-cont-text .std-h4{
    visibility: hidden;
    margin-bottom: 24px;
}
.rlct-parga{
    visibility: hidden;
}
.reside-app-list-swiper.act .rals-li.swiper-slide-active .rals-li-cont .ys-imgbox-cover{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .3s;
    visibility: visible;
}
.reside-app-list-swiper.act .rals-li.swiper-slide-active .rals-li-cont-text .std-h4{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .2s;
    visibility: visible;
}
.reside-app-list-swiper.act .rals-li.swiper-slide-active .rlct-parga{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .3s;
    visibility: visible;
}
.reside-app-list-swiper{
    overflow: visible !important;
}
.rals-li-cont-text{
    width: 43%;
    padding-left: 78px;
    padding-right: 110px;
    margin-top: 80px;
}
.reside-app .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 17% !important;
    left: calc(57% + 78px) !important;
    transform: translateX(0%) !important;
    bottom: 120px !important;
}
.reside-app .swiper-button-next {
    bottom: 95px !important;
    right: 148px !important;
}
.reside-app .swiper-button-prev{
    left: auto !important; 
    bottom: 95px !important;
    right: 208px !important;
}
.reside-case .hcsl-text-tit{
    font-size: 32px;
}
.reside-case{
    background: var(--colorbj);
    padding-top: var(--space100);
    padding-bottom: var(--space80);
    margin-bottom: var(--space150);
    overflow: hidden;
}
.reside-case .home-case-swiper{
    overflow: hidden !important;
    padding-bottom: 42px !important;
}
.reside-case .home-case-swiper-li a{
    box-shadow: none;
}
.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: #DBDBDB !important;
    opacity: 1 !important;
    transition: all .3s ease-out 0s;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px !important;
}
.swiper-pagination-bullet-active {
    background: var(--colormain) !important;
}
.reside-case .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}
.reside-case.empty .home-case-swiper{
    padding-bottom: 0 !important;
}
.reside-case h2{
    color: var(--color333);
    margin-bottom: var(--space50) !important;
}
.reside-pro{
    overflow: hidden;
}
.reside-pro h2{
    text-align: center;
    margin-bottom: var(--space50);
}
.reside-pro-slick-li{
    width: 50%;
    padding: 0 10px;
}
.reside-pro-slick{
    margin: 0 -10px;
}
.rpsl-bg{
    border-radius: 16px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}
.rpsl-bg img{
    width: 100%;
}
.reside-pro .rpsl-bg .ys-pos-center{
    width: 100%;
}
.rpsl-bg-pic{
    width: 78%;
    margin: auto;
    z-index: 5;
}
.rpsl-text{
    margin-top: 20px;
}
.rpsl-text .std-h5{
    margin-top: 10px;
    height: 2.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--color333);
}
.rpsl-text .std-btn4{
    margin-top: 36px;
}
.reside-pro-slick .slick-list{
    overflow: visible;
}
.reside-pro-bt{
    padding-right: 100px;
}
/* c2-Residential Solution-end */
/* c4-Cases列表-start */
.case-main{
    background: var(--colorbj);
}
.case-main .reside-case{
    margin-bottom: 0;
    padding-bottom: 0;
}
.case-main .life-ban-info{
    padding: 35px 58px 22px 24px;
}
.case-list{
    padding-top: 60px;
}
.case-list-ul-li{
    width: 25%;
    padding: 0 13px;
    margin-bottom: 26px;
}
.case-list-ul-li:nth-child(4n+1){
    animation-delay: .4s;
}
.case-list-ul-li:nth-child(4n+2){
    animation-delay: .5s;
}
.case-list-ul-li:nth-child(4n+3){
    animation-delay: .6s;
}
.case-list-ul-li:nth-child(4n+4){
    animation-delay: .7s;
}
.case-list-ul-li:nth-child(4n+1) .ys-imgbox-cover{
    animation-delay: .6s;
}
.case-list-ul-li:nth-child(4n+2) .ys-imgbox-cover{
    animation-delay: .7s;
}
.case-list-ul-li:nth-child(4n+3) .ys-imgbox-cover{
    animation-delay: .8s;
}
.case-list-ul-li:nth-child(4n+4) .ys-imgbox-cover{
    animation-delay: .9s;
}
.slul-text-img{
    overflow: hidden;
}
.case-list-ul{
    margin: 0 -13px 24px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    overflow: hidden;
}
.case-list h2{
    margin-bottom: var(--space50);
    text-align: center;
}
.case-list-tab-li{
    padding: 0 8px;
    width: auto !important;
}
.case-list-tab{
    display: flex;
    margin: 0 -8px 30px;
    flex-wrap: wrap;
}
.case-list-tab-li a{
    font-size: var(--font20);
    line-height: 46px;
    color: var(--color333);
    padding: 0 28px;
    display: block;
    border-radius: 8px;
    background: #FFF;
    transition: all .36s;
}
.case-list-tab-li.act a{
    background: var(--colormain);
    color: var(--colorfff);
}
.case-list-ul-li a{
    display: block;
    border-radius: 14px;
    overflow: hidden;
    height: 100%;
    background: var(--colorfff);
    position: relative;
}
.slul-text{
    padding: 20px 20px 26px;
}
.slul-text .std-h5{
    color: var(--color333);
    margin-bottom: 12px;
}
.slul-text .std-text2{
    line-height: 1.5;
    height: 3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--color333);
    margin-bottom: 64px;
}
.slul-text-icon{
    width: 24px;
    position: absolute;
    bottom: 26px;
    left: 20px;
}
.slul-text-icon img{
    width: 100%;
}
.pc-fenye li{
    color: var(--color666);
}
.pc-fenye li.activepage {
    color: #fff;
    background: var(--colormain);
}
/* c4-Cases列表-end */


/* c5-Cases详情-start */
.inside-page .mod-content{
    margin-top: var(--line80);
}
.casedet-recom{
    padding-top: 72px;
    padding-bottom: 62px;
}
.casedet-recom-img{
    width: 50%;
    border-radius: 12px;
    overflow: hidden;
}
.casedet-recom-img img{
    width: 100%;
}
.casedet-recom-text{
    width: 50%;
    padding-right: 130px;
}
.casedet-recom .ys-cont1200{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.casedet-recom-text-lab p{
    color: var(--color999);
}
.casedet-recom-text-lab{
    margin-bottom: 20px;
}
.casedet-recom-text h1{
    margin-bottom: 32px;
}
.casedet-recom-text .hcsl-text-info-li{
    visibility: visible;
}
.casedet-recom-text .hcsl-text-info-li:last-child{
    margin-bottom: 55px;
}
.casedet-recom-text-parga p{
    color: var(--color333);
}
.casedet-recom-text-parga{
    margin-bottom: 30px;
}
.crtt-li a{
    font-size: var(--font16);
    color: var(--colormain);
    line-height: 36px;
    display: block;
    padding: 0 10px;
    border-radius: 6px;
    background: rgba(32, 94, 255, 0.08);
}
.crtt-li{
    margin-right: 14px;
}
.casedet-recom-text-tab{
    display: flex;
    flex-wrap: wrap;
}
.casedet-wrap{
    background: var(--colorbj);
    padding-top: var(--space80);
    padding-bottom: var(--space100);
}
.casedet-wrap .ys-cont1200{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.casedet-wrap-le{
    width: 29%;
    position: sticky;
    top: 150px;
}
.casedet-wrap-ri{
    width: 71%;
    padding-left: 120px;
}
.casedet-wrap-ri h4{
    font-size: var(--font30);
    line-height: var(--line14);
    color: var(--color333);
    margin-bottom: 12px;
}
.casedet-wrap-ri p{
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line16);
    margin-bottom: var(--parpspace10);
}
.casedet-wrap-ri img{
    border-radius: 12px;
    overflow: hidden;
}
.inside-page .ys-hd-pc{
    background: #fff;
}
.inside-page .ys-hd-pc .head-nav-item-title{
    color: var(--color333);
}
.inside-page .ys-hd-pc .mod-icon img:nth-child(2){
    opacity: 1;
}
.inside-page .ys-hd-pc .mod-icon img:nth-child(1) {
    opacity: 0;
}
.inside-page .ys-hd-pc .std-btn1-box{
    border: 1px solid var(--color333);
}
.inside-page .ys-hd-pc .std-btn1 p{
    color: var(--color333);
}
.inside-page .ys-hd-pc .head-navwrap::after{
    opacity: 0;
}
.casedet-wrap-ri .std-text2{
    padding-bottom: 30px;
    border-bottom: 1px solid #E4E4E4;
}
.cwru-li a{
    font-size: var(--font16);
    line-height: var(--line15);
    color: #000;
    transition: all .36s;
    display: block;
}
.cwru-li{
    margin-top: 10px;
}
.casedet-wrap-le-btn .std-btn4-box-icon{
    width: 20px;
    height: 20px;
}
.casedet-wrap-le-btn .std-btn4-box p {
    line-height: 60px;
    margin-right: 15px;
    font-size: var(--font20);
}
.casedet-wrap-le-btn{
    width: 100%;
}
.cwlu-li-text{
    background: var(--colorfff);
    padding: 10px 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.cwlu-li-text-icon{
    width: 24px;
}
.cwlu-li-text-icon img{
    width: 100%;
}
.cwlu-li-text .std-text2{
    width: calc(100% - 24px);
    padding-right: 55px;
    color: var(--color333);
    min-height: 3.2em;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.cwlu-li a{
    display: block;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 0px 38.5px 0px rgba(172, 198, 217, 0.25);
    overflow: hidden;
}
.cwlu-li{
    margin-bottom: 20px;
}
.cwlu-li .rpsl-bg{
    border-radius: 0;
}
.casedet-html,.casedet-html body{
    overflow: inherit !important;
}
/* c5-Cases详情-end */
/* e3-News详情-start */
.newdet-wrap{
    background: var(--colorbj);
    padding-top: 60px;
}
.newdet-wrap-tp h1{
    color: #0B2936;
    margin-bottom: 30px;
}
.newdet-wrap-tp-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.nwti-le-lab p{
    color: var(--colormain);
    padding: 0 20px;
    line-height: 40px;
    border-radius: 226px;
    background: #FFF;
}
.nwti-le-lab{
    margin-right: 20px;
}
.nwti-le-time{
    display: flex;
    margin: 0 -15px;
}
.nwti-le-time p{
    color: var(--color333);
    padding: 0 15px;
    position: relative;
}
.nwti-le-time p::before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color333);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -4px;
}
.nwti-le-time p:last-child::before{
    display: none;
}
.nwti-le{
    display: flex;
    align-items: center;
}
.nwti-share{
    border-radius: 226px;
    background: #FFF;
    padding-left: 25px;
    padding-right: 30px;
    display: flex;
    align-items: center;
}
.nwti-share p{
    line-height: 40px;
    color: var(--color333);
    margin-right: 25px;
}
.nwti-share-icon{
    display: flex;
}
.nwti-share-icon-li{
    width: 45px;
    margin-right: 18px;
}
.nwti-share-icon-li:last-child{
    margin-right: 0;
}
.ys-share-img{
    width: 100%;
}
.newdet-wrap-bt{
    margin-top: 40px;
}
.newdet-wrap-bt img{
    border-radius: 20px;
    overflow: hidden;
}
.newdet-wrap-bt .yxedr-active p{
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--line16);
    margin-bottom: var(--parpspace10);
}
.newdet-wrap-bt h4 {
    font-size: var(--font30);
    line-height: var(--line14);
    color: var(--color333);
    margin-bottom: var(--parpspace12);
}
.newdet-wrap-bt .yxedr-active{
    padding-bottom: 40px;
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 26px;
}
.nwbp-li p{
    font-family: var(--family2);
    transition: all .36s;
}
.nwbp-li p:nth-child(1){
    color: var(--color333);
    margin-bottom: 6px;
}
.nwbp-li{
    width: 50%;
    padding: 0 40px;
}
.newdet-wrap-bt-page{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -40px;
    align-items: stretch;
}
.nwbp-li a{
    width: 100%;
    display: block;
    padding: 20px 65px 20px 26px;
    border-radius: 8px;
    background: #FFF;
}
/* e3-News详情-end */
/* e2-News-start */
.new-wrap{
    background: var(--colorbj);
    padding-top: var(--space100);
}
.ys-cont1260 {
    width: 85vw;
    max-width: 1260px;
    margin: auto;
}
.new-wrap-search{
    width: 80%;
    margin: auto;
    border-radius: 143px;
    background: #FFF;
    box-shadow: 0px 0px 18.1px 0px rgba(165, 181, 199, 0.25);
    padding: 11px 40px 11px 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}
.new-wrap-recom{
    margin-top: 40px;
}
.new-wrap-list{
    margin-top: var(--space80);
}
.nwrs-li{
    width: 100%;
    padding: 0 20px;
}
.nwrs-li.slick-current .nltl-lab{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .4s;
    visibility: visible;
}
.nwrs-li.slick-current .nltl-tit{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .5s;
    visibility: visible;
}
.nwrs-li.slick-current .nwrs-li-text-ri{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .6s;
    visibility: visible;
}
.new-wrap-recom-slick{
    margin: 0 -20px;
}
.nwrs-li a,
.nwrs-li .ys-imgbox-cover{
    border-radius: 20px;
    overflow: hidden;
}
.nwrs-li a{
    position: relative;
    display: block;
}
.nwrs-li-text{
    width: 100%;
    padding: 0 60px;
    bottom: 40px;
    z-index: 5;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
}
.nwrs-li-text-ri{
    width: 240px;
    display: flex;
    align-items: flex-end;
    visibility: hidden;
}
.nwrs-li-text-ri p{
    color: var(--colorfff);
}
.nwrs-li-text-ri p::before{
    background: var(--colorfff);
}
.nwrs-li-text-le{
    width: calc(100% - 240px);
    padding-right: 130px;
}
.nltl-lab{
    border-radius: 226px;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    margin-bottom: 14px;
    display: inline-block;
    visibility: hidden;
}
.nltl-lab p{
    color: var(--colorfff);
    line-height: 40px;
    padding: 0 20px;
}
.nltl-tit{
    color: var(--colorfff);
    visibility: hidden;
}
.nwrs-li a::after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.40) 78.36%);
    position: absolute;
    top: 0;
    left: 0;
}
.slick-dots{
    bottom: 0;
}
.new-wrap-recom-slick .slick-list{
    padding-bottom: 38px;
}
.new-wrap-list .home-new-slick{
    margin: 0 -14px 20px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.new-wrap-list .home-new-slick-li{
    width: 50% !important;
    padding: 0 14px;
    margin-bottom: 60px;
}
.new-wrap-list .home-new-slick-li:nth-child(2n+1){
    animation-delay: .4s;
}
.new-wrap-list .home-new-slick-li:nth-child(2n+2){
    animation-delay: .5s;
}
.new-wrap-list .home-new-slick-li:nth-child(2n+1) .ys-imgbox-cover{
    animation-delay: .5s;
}
.new-wrap-list .home-new-slick-li:nth-child(2n+2) .ys-imgbox-cover{
    animation-delay: .6s;
}
.hnsl-img{
    border-radius: 12px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.new-wrap-list .hnsl-text-time p{
    font-size: 12px;
}
.new-wrap-list .hnsl-text-time p:nth-child(1) {
    margin-right: 24px;
}
.new-wrap-list .hnsl-text-tit{
    font-size: var(--font18);
    margin-bottom: 30px;
}
.new-wrap-list .hnsl-text-time {
    margin-bottom: 24px;
}
.new-wrap-list .hnsl-text {
    margin-top: 20px;
}
.new-wrap-search-key{
    width: 62%;
    border-radius: 143px;
    background: var(--colorbj);
    padding-right: 23px;
    display: flex;
}
.nwsk-icon{
    width: 26px;
    cursor: pointer;
    line-height: 58px;
}
.nwsk-icon img{
    width: 100%;
}
.nwsk-input{
    width: calc(100% - 26px);
    height: 58px;
}
.nwsk-input input{
    width: 100%;
    height: 100%;
    padding: 0 28px;
    font-size: var(--font16);
    color: var(--color333);
    font-family: inherit !important;
}
.nwsk-input input::placeholder{
    font-size: var(--font16);
    color: var(--color666);
    font-family: inherit !important;
}
.new-wrap-search-select{
    width: 38%;
    padding-left: 65px;
}
.nwss-tp p{
    font-size: var(--font14);
    line-height: var(--line15);
    color: var(--color333);
}
.nwss-tp img{
    width: 18px;
    transition: all .36s;
}
.nwss-tp-hd.on img{
    transform: rotate(180deg);
}
.nwss-tp-hd{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.nwss-bt p{
    color: var(--color333);
    font-family: var(--family1);
}
.nwss-tp{
    position: relative;
    margin-bottom: 10px;
}
.nwss-tp-bd{
    width: 100%;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    border-radius: 8px;
    background: #FFF;
    z-index: 5;
    overflow: hidden;
    display: none;
    box-shadow: 0px 0px 18.1px 0px rgba(165, 181, 199, 0.25);
}
.nwss-tp-bd p{
    padding: 14px 20px;
    font-size: var(--font16);
    color: rgba(13, 14, 39, .5);
    transition: all .36s;
}
.nwss-tp-bd li{
    cursor: pointer;
}
.nwss-tp-bd li.act p{
    color: var(--colormain);
    background: #F5F9FD;
}
/* e2-News-end */
/* e4-Sustainability-start */
.sustain-main .mod-content{
    position: relative;
    z-index: 1;
}
.sustain-wrap{
    overflow: hidden;
}
.sustain-wrap h2{
    color: #000;
    text-align: center;
    margin-bottom: 70px;
}
.sustain-wrap-ul{
    display: flex;
    /* flex-wrap: wrap; */
    width: 100%;
}
.ys-cont1235{
    width: 85vw;
    max-width: 1235px;
    margin: auto;
}
.sustain-wrap-ul-li{
    width: 354px;
    flex-shrink: 0;
}
.swul-cont{
    width: 100%;
    position: relative;
}
.swul-cont-img{
    -webkit-mask-image: url(../images/e4_mask01.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 0% 0%;
    mask-image: url(../images/e4_mask01.svg);
    mask-repeat: no-repeat;
    mask-position: 0% 0%;
    width: 100%;
    position: relative;
    overflow: hidden;
    mask-size: cover;
}
.swul-cont-img img{
    width: 100%;
    transition: all .36s;
}
.swul-cont-img-bg{
    width: 100%;
}
.swul-cont-bg{
    display: none;
    width: 100%;
}
.swul-cont-bg img{
    width: 100%;
}
.sctl-point{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--colorfff);
    position: relative;
}
.sctl-point::after{
    content: "";
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background: var(--colormain);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.swul-cont-text-line{
    width: 18px;
    height: 75px;
    margin: auto;
    position: relative;
}
.sctl-line{
    width: 1px;
    height: 70px;
    background: var(--colormain);
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
}
.swul-cont-text-parga{
    padding: 0 55px;
    margin-top: 3px;
}
.swul-cont-text-parga p{
    color: var(--color333);
    text-align: center;
}
.swul-cont-text{
    margin-top: -14px;
}
/* .swul-cont-text{
    height: 75px;
    margin-top: 50px;
} */
.sustain-wrap-bt{
    position: relative;
}
.sustain-wrap-bt-bg{
    width: 100%;
}
.sustain-wrap-bt-bg img{
    width: 100%;
}
.sustain-wrap-ul-li:nth-child(2){
    transform: translateX(calc(-1 * var(--left)));
}
.sustain-wrap-ul-li:nth-child(3){
    transform: translateX(calc(2 * -1 * var(--left)));
}
.sustain-wrap-ul-li:nth-child(4){
    transform: translateX(calc(3 * -1 * var(--left)));
}
.sustain-wrap-ul-li:nth-child(2n){
    margin-top: 88px;
}
.sustain-wrap-ul-li:nth-child(2n) .swul-cont{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.sustain-wrap-ul-li:nth-child(2n) .swul-cont-text{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-top: 0;
    margin-bottom: -14px;
}
.sustain-wrap-ul-li:nth-child(2n) .swul-cont-text-line{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.sustain-wrap-ul-li:nth-child(2n) .sctl-line {
    top: -5px;
}
.sustain-wrap-ul-li:nth-child(2n) .swul-cont-text-parga {
    margin-top: 0;
    margin-bottom: 10px;
}
.sustain-wrap-ul-li:nth-child(1) .swul-cont{
    animation-delay: .3s;
}
.sustain-wrap-ul-li:nth-child(2) .swul-cont{
    animation-delay: .4s;
}
.sustain-wrap-ul-li:nth-child(3) .swul-cont{
    animation-delay: .5s;
}
.sustain-wrap-ul-li:nth-child(4) .swul-cont{
    animation-delay: .6s;
}
/* e4-Sustainability-end */
/* b7-Downloads-start */
.down-wrap{
    padding-top: var(--space100);
    background: var(--colorbj);
}
.ys-nyban-search{
    width: 34%;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(11.149999618530273px);
    -webkit-backdrop-filter: blur(11.149999618530273px);
    height: 58px;
    margin-top: 40px;
    padding-right: 7px;
    display: flex;
    align-items: center;
}
.ys-nyban-search-icon{
    display: flex;
    width: 74px;
    height: 44px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--colormain);
    position: relative;
    cursor: pointer;
}
.ys-nyban-search-icon img{
    width: var(--iconwidth);
}
.ys-nyban-search-input{
    width: calc(100% - 74px);
    height: 100%;
}
.ys-nyban-search-input input{
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: var(--font16);
    color: var(--colorfff);
    font-family: inherit !important;
}
.ys-nyban-search-input input::placeholder{
    font-size: var(--font16);
    color: var(--colorfff);
    font-family: inherit !important;
    opacity: 0.5;
}
.down-wrap .ys-cont1400{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.down-wrap-side{
    width: 32%;
    position: sticky;
    top: 150px;
}
.down-wrap-list{
    width: 68%;
    padding-left: 92px;
    overflow: hidden;
}
.down-wrap-side .ys-nyban-search{
    width: 100%;
    margin-top: 0;
    border-radius: 8px;
    background: #FFF;
    padding-right: 0;
}
.down-wrap-side .ys-nyban-search-input input{
    color: var(--color333) !important;
}
.down-wrap-side .ys-nyban-search-input input::placeholder{
    color: var(--color999) !important;
    opacity: 1;
}
.down-wrap-side-list{
    margin-top: 34px;
}
.dwsl-li-tp p{
    font-size: var(--font20);
    line-height: var(--line14);
    color: var(--color333);
    transition: all .36s;
}
.dwsl-li-tp a{
    padding: 28px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #D8E3EA;
    cursor: pointer;
}
.dwsl-li-tp svg{
    width: 24px;
    height: 24px;
    transition: all .36s;
}
.dwsl-li-tp path{
    transition: all .36s;
}
.dwsl-li-bt{
    padding-top: 20px;
    padding-bottom: 32px;
    border-top: 1px solid #D8E3EA;
    display: none;
}
.dwsl-li-bt-li{
    font-size: var(--font18);
    line-height: 2.4;
    color: var(--color333);
    transition: all .36s;
    cursor: pointer;
    padding: 0 30px;
}
.dwsl-li-bt-li.act{
    color: var(--colormain);
}
.dwsl-li.act .dwsl-li-tp p{
    color: var(--colormain);
}
.dwsl-li.act svg{
    transform: rotate(180deg);
}
.dwsl-li.act svg path{
    stroke: var(--colormain);
}
.down-wrap-list-li{
    margin-bottom: 20px;
    border-radius: 14px;
    background: #FFF;
    padding: 34px 20px 20px;
}
.down-wrap-list-li:last-child{
    margin-bottom: 0;
}
.dwll-tp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 30px;
}
.dwll-tp-tit{
    color: var(--color333);
}
.dwll-bt-hd-item p{
    color: var(--color333);
    font-family: var(--family2);
    padding: 15px 0;
}
.dwll-bt-hd{
    display: flex;
    border-radius: 6px;
    background: var(--colorbj);
    padding: 0 30px;
    margin-bottom: 10px;
}
.dwll-bt-hd-item1,
.dbbl-item1{
    width: calc(50% - 142px);
}
.dwll-bt-hd-item2,
.dbbl-item2{
    width: 20%;
}
.dwll-bt-hd-item3,
.dbbl-item3{
    width: 14%;
}
.dwll-bt-hd-item4,
.dbbl-item4{
    width: 16%;
}
.dwll-bt-hd-item5,
.dbbl-item5{
    width: 142px;
}
.dwll-bt-bd-li{
    padding: 30px;
    border-bottom: 1px solid #D8E3EA;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.dwll-bt-bd-li:last-child{
    border-bottom: none;
}
.dwll-bt{
    margin-top: 20px;
}
.dbbl-item p{
    color: #000;
}
.dbbl-item p:nth-child(1){
    /* font-family: var(--family2); */
    display: none;
}
.dbbl-item5 p{
    display: block !important;
    line-height: 42px;
    width: auto !important;
}
.dbbl-item5 .std-btn4-box{
    padding: 0 14px;
}
.dbbl-item5 .std-btn4-box-icon{
    width: 24px;
    height: 24px;
}
/* b7-Downloads-end */
/* b6-Customer Feedback-start */
.custom-wrap{
    background: var(--colorbj);
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-top: var(--space100);
}
.custom-wrap-bg{
    width: 82%;
    max-width: 1570px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.custom-wrap-bg img{
    width: 100%;
}
.custom-wrap .ys-cont1400{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.custom-wrap .custom-wrap-le{
    width: 46%;
    padding-right: 50px;
    margin-top: 20px;
}
.custom-wrap .contact-form-ri{
    width: 54%;
    padding: 50px 50px 70px 44px;
}
.custom-wrap-le-name{
    margin-bottom: 12px;
}
.cwli-li-icon{
    width: 24px;
}
.cwli-li-icon img{
    width: 100%;
}
.cwli-li-parga{
    width: calc(100% - 24px);
    padding-left: 8px;
}
.cwli-li{
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}
.cwli-li:last-child{
    margin-bottom: 0;
}
.cwli-li-parga p{
    color: var(--color333);
}
.custom-wrap-le-pos span{
    font-size: var(--font14);
    line-height: var(--line15);
    color: var(--color666);
    margin-right: 12px;
}
.custom-wrap-le-pos{
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 40px;
}
.custom-wrap-le-pos::after{
    content: "";
    width: 58px;
    height: 2px;
    background: var(--colormain);
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 20px;
}
.contact-form-ri-parga p{
    font-size: var(--font20);
    line-height: var(--line14);
    color: var(--color333);
}
.contact-form-ri-parga{
    padding-right: 100px;
    margin-bottom: 26px;
}
.custom-wrap .ys-form-inof-code .ys-fii-input input,
.custom-wrap .ys-form-inof-code .ys-fii-input input::placeholder{
    font-size: var(--font14);
}
.custom-wrap-le-log{
    width: 130px;
}
.custom-wrap-le-log img{
    width: 100%;
}
.custom-wrap-le-info{
    margin-bottom: var(--space50);
}
.custom-wrap .cfru-li label{
    display: flex;
    align-items: center;
    padding-left: 20px;
    border-radius: 8px;
    background: #F3F9FD;
    position: relative;
}
.custom-wrap .cfru-li .ys-fii-name{
    margin-bottom: 0;
    flex-shrink: 0;
    color: var(--color999);
}
.ys-fii-line{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid var(--colormain);
    border-radius: 8px;
    transition: all .36s;
}
.ys-fii-input input:not(:focus)+.ys-fii-line{
    opacity: 0;
}
.ys-select-xtbbox{
    width: 12px;
    right: 22px;
}
.ys-select-xtbbox img{
    width: 100%;
}
.cfru-li .ys-select-bd{
    top: 110%;
    border-radius: 8px;
    background: #F3F9FD;
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 5%);
    padding: 20px;
    max-height: 210px;
}
.cfru-li .mCSB_outside+.mCSB_scrollTools{
    right: 0;
    top: 20px;
    bottom: 20px;
}
.cfru-li .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .3) !important;
}
.custom-main .life-ban-info{
    padding: 35px 58px 64px 24px;
}
.custom-main .ys-select-li{
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color333);
    margin-bottom: 10px;
}
.custom-main .ys-select-hd input{
    border: 1px solid #F3F9FD;
}
.custom-main .ys-select-hd.on input{
    border: 1px solid var(--colormain);
}
/* b6-Customer Feedback-end */
/* b5-Technical support-start */
.tech-wrap{
    padding-top: var(--space100);
    background: var(--colorbj);
    overflow: hidden;
}
.ys-cont1214{
    width: 85vw;
    max-width: 1214px;
    margin: auto;
}
.tech-wrap-list-li{
    width: 50%;
    padding: 0 14px;
    margin-bottom: 30px;
}
.tech-wrap-list-li:nth-child(2n+1){
    animation-delay: .2s;
}
.tech-wrap-list-li:nth-child(2n+2){
    animation-delay: .3s;
}
.tech-wrap-list-li:nth-child(2n+1) .ys-imgbox-cover{
    animation-delay: .4s;
}
.tech-wrap-list-li:nth-child(2n+2) .ys-imgbox-cover{
    animation-delay: .5s;
}
.tech-wrap-list{
    margin: 0 -14px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.twll-cont{
    width: 100%;
    border-radius: 18px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorfff);
    height: 100%;
}
.twll-cont-img{
    border-radius: 18px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.twll-cont-text{
    padding: 35px 50px;
}
.twll-cont-text-icon{
    width: 50px;
    margin-bottom: 24px;
}
.twll-cont-text-icon img{
    width: 100%;
}
.twll-cont-text-tit{
    margin-bottom: 24px;
}
.tech-wrap-info{
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    padding: 53px 50px;
    z-index: 1;
    position: relative;
    box-shadow: 0px 0px 24.2px 0px rgba(191, 205, 216, 0.25);
}
.tech-wrap-info-img{
    width: 100%;
    height: 100%;
    z-index: -1;
}
.tech-wrap-info-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tech-wrap-info .custom-wrap-le-pos{
    padding-bottom: 0;
}
.tech-wrap-info .custom-wrap-le-pos::after{
    display: none;
}
.tech-wrap-info .custom-wrap-le-info{
    margin-bottom: 0;
}
/* b5-Technical support-end */
/* b4-Professional service-start */
.service-wrap{
    padding-top: var(--space100);
    overflow: hidden;
    background: var(--colorbj);
}
.service-wrap h2{
    text-align: center;
    margin-bottom: var(--space50);
}
.service-wrap-list{
    padding-right: 40px;
    position: relative;
}
.service-wrap-list::before{
    content: "";
    width: 1px;
    height: calc(100% - 40px);
    background: rgba(32, 94, 255, 0.20);
    position: absolute;
    top: 40px;
    left: 34px;
}
.ys-cont1480{
    width: 85vw;
    max-width: 1480px;
    margin: auto;
}
.swll-img{
    width: 50%;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.service-wrap-list-li{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: var(--space100);
}
.service-wrap-list-li:last-child{
    padding-bottom: var(--space150);
}
.swll-text{
    width: 50%;
    padding-right: 100px;
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.swll-text-icon{
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: var(--colormain);
    position: relative;
    top: -13px;
}
.swll-text-icon img{
    width: 65%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.swll-text-parga{
    width: calc(100% - 68px);
    padding-left: 63px;
}
.swll-text-parga .std-h4{
    margin-bottom: 20px;
}
.swll-text-parga-word p{
    color: var(--color333);
}
.service-wrap-cont{
    position: relative;
    z-index: 1;
}
.service-wrap-line{
    width: 1px;
    max-height: calc(100% - 40px);
    background: var(--colormain);
    position: absolute;
    top: 40px;
    left: 34px;
    z-index: -1;
    transition: all .3s;
}
/* b4-Professional service-end */

/* b3-Operation Platform-start */
.platform-adv{
    padding-bottom: 60px;
    overflow: hidden;
}
.platform-adv h2{
    text-align: center;
    margin-bottom: var(--space50);
}
.platform-adv-swiper-li{
    height: auto !important;
}
.platform-adv-swiper-li:nth-child(4n+1){
    animation-delay: .3s;
}
.platform-adv-swiper-li:nth-child(4n+2){
    animation-delay: .4s;
}
.platform-adv-swiper-li:nth-child(4n+3){
    animation-delay: .5s;
}
.platform-adv-swiper-li:nth-child(4n+4){
    animation-delay: .6s;
}
.pasl-cont{
    border-radius: 10px;
    background: var(--colorbj);
    padding: 44px 22px 36px;
    height: 100%;
}
.pasl-cont-icon{
    width: 64px;
    height: 64px;
    border-radius: 8px;
    background: #FFF;
    position: relative;
}
.pasl-cont-icon img{
    width: 78%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pasl-cont-tit{
    margin-top: 20px;
    padding-top: 16px;
    position: relative;
    color: #0B2936;
}
.pasl-cont-tit::before{
    content: "";
    width: 100px;
    height: 1px;
    background: #C6DBEB;
    position: absolute;
    top: 0;
    left: 0;
}
.pasl-cont-parga{
    margin-top: 20px;
}
.platform-adv-swiper{
    padding-bottom: 60px !important;
}
.platform-adv-swiper.empty{
    padding-bottom: 0 !important;
}
.platform-adv-swiper.empty .swiper-wrapper{
    justify-content: center;
}
.platform-down-bg{
    width: 100%;
    z-index: -1;
    bottom: 0;
    top: auto;
    height: 480px;
}
.platform-down-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.platform-down{
    position: relative;
    overflow: hidden;
    padding-bottom: 60px;
}
.platform-down-cont{
    position: relative;
    padding-left: 120px;
    padding-right: 214px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.platform-down-cont-img{
    width: 28%;
}
.platform-down-cont-img img{
    width: 100%;
}
.platform-down-cont-text h2{
    margin-bottom: 20px;
}
.pdct-parga{
    margin-bottom: var(--space50);
}
.platform-down-cont-text{
    width: 72%;
    margin-bottom: 95px;
    padding-left: 86px;
}
.platform-core{
    margin-bottom: var(--space100);
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.platform-core-img{
    width: 100%;
    height: 100%;
    z-index: -1;
}
.platform-core-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.platform-core-ri{
    width: 52%;
    padding-right: 45px;
    position: relative;
    z-index: 1;
}
.platform-core-ri::after{
    content: "";
    width: calc(100% - 80px);
    height: 110px;
    background: #ADB5D7;
    filter: blur(34px);
    position: absolute;
    bottom: 0;
    left: 47px;
    z-index: -1;
}
.platform-core-ri img{
    width: 100%;
}
.platform-core-text{
    width: 48%;
    padding-right: 147px;
}
.platform-core .ys-cont1400{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.platform-core-text h2{
    margin-bottom: 30px;
}
.platform-core-text-parga p{
    color: #000;
}
.platform-core-text-parga{
    margin-bottom: 60px;
}
/* b3-Operation Platform-end */

/* b2-Products汇总-start */
.ys-nyban-pro{
    width: 100%;
    max-width: 1920px;
}
.ys-nyban-pro img{
    width: 100%;
}
.pro-main .ys-nyban-btn{
    margin-top: 40px;
}
.pro-main .mod-content{
    position: relative;
    z-index: 1;
}
.pro-relat-img{
    width: 43%;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}
.pro-relat-img img{
    width: 100%;
}
.pro-relat-img-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: var(--colorfff);
}
.pro-relat-text{
    width: 57%;
    padding-left: 122px;
}
.pro-relat .ys-cont1400{
    display: flex;
    align-items: center;
}
.pro-relat-img-li{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .36s;
}
.pro-relat-img-li.act{
    opacity: 1;
    pointer-events: all;
    position: relative;
}
.pro-relat-text h2{
    margin-bottom: 128px;
    padding-left: 27px;
}
.pro-relat{
    overflow: hidden;
}
.prtu-li-tp{
    display: flex;
    align-items: flex-start;
    padding: 38px 92px 38px 27px;
    position: relative;
    z-index: 1;
}
.prtu-li-tp::before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #EBF0FF 0%, rgba(255, 255, 255, 0.00) 100%); 
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .36s;
    opacity: 0;
}
.prtu-li-tp::after{
    content: "";
    width: 2px;
    height: 100%;
    background: var(--colormain);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .36s;
    opacity: 0;
}
.prtu-li.act .prtu-li-tp::before{
    opacity: 1;
}
.prtu-li.act .prtu-li-tp::after{
    opacity: 1;
}
.prtu-li.act::after{
    opacity: 0;
}
.prtu-li-bt{
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    width: 100%;
    display: none;
}
.prtu-li-bt img{
    width: 100%;
}
.prtu-li.act .prtu-li-text .std-h4{ 
    color: var(--colormain);
}
.prtu-li{
    position: relative;
}
.prtu-li::after{
    content: "";
    width: calc(100% - 92px - 27px);
    height: 1px;
    background: #E6E6E6;
    position: absolute;
    bottom: 0;
    left: 27px;
    transition: all .36s;
}
.prtu-li-num{
    margin-top: 10px;
    color: var(--colormain);
    width: 24px;
}
.prtu-li-icon{
    width: 24px;
    margin-top: 15px;
}
.prtu-li-icon img{
    width: 100%;
}
.prtu-li-text{
    width: calc(100% - 48px);
    padding: 0 35px;
}
.prtu-li-text .std-h4{
    color: var(--color333);
    transition: all .36s;
    margin-bottom: 10px;
}
.prtu-li:last-child:after{
    display: none;
}
.pro-core{
    padding: var(--space100) 0;
    margin-bottom: var(--space150);
    overflow: hidden;
}
.pro-core h2{
    text-align: center;
    margin-bottom: var(--space50);
}
.pro-core-ph,
.pro-adv-ph{
    display: none !important;
}
.pro-core-slick{
    margin: 0 -12px;
}
.pro-core-slick-li{
    width: 100%;
    padding: 0 12px;
}
.pcsl-wrap-ul-li{
    width: 25%;
    padding: 0 12px;
    margin-bottom: 24px;
}
.pcsl-wrap-ul{
    margin: 0 -12px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.pwul-cont{
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(10.800000190734863px);
    -webkit-backdrop-filter: blur(10.800000190734863px);
    padding: 24px 32px;
}
.pwul-cont .std-h5{
    color: #0B2936;
}
.pro-core-slick .slick-list{
    padding-bottom: 36px;
}
.pro-core-slick.empty .slick-list{
    padding-bottom: 0px;
}
.pro-core-slick .slick-dots li{
    background: #fff;
}
.pro-adv{
    overflow: hidden;
    padding-top: var(--space100);
    padding-bottom: 70px;
    background: linear-gradient(180deg, #F2F8FF 0%, rgba(242, 245, 255, 0.00) 100%);
}
.pro-adv h2{
    text-align: center;
    margin-bottom: var(--space50);
}
.pro-adv-slick-li{
    width: 100%;
    padding: 0 20px;
}
.pro-adv-slick{
    margin: 0 -20px;
}
.pro-adv-ph{
    display: none !important;
}
.pasl-cont-ul-li{
    width: 50%;
    padding: 0 20px;
    margin-bottom: 40px;
}
.pasl-cont-ul{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.pcul-wrap{
    width: 100%;
    height: 100%;
    padding: 30px 33px 45px 40px;
    border-radius: 14px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(162, 178, 212, 0.25);
}
.pcul-wrap-tp .std-h5{
    color: var(--color333);
    font-weight: bold;
}
.pcul-wrap-tp img{
    width: 50px;
}
.pcul-wrap-tp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.pcul-wrap-bt{
    padding-right: 54px;
}
.pcul-wrap-bt p{
    color: var(--color333);
    padding-left: 18px;
    position: relative;
    margin-bottom: 16px;
}
.pcul-wrap-bt p:last-child{
    margin-bottom: 0;
}
.pcul-wrap-bt p::before{
    content: "";
    width: 10px;
    height: 2px;
    background: var(--colormain);
    border-radius: 10px;
    position: absolute;
    top: 11px;
    left: 0;
}
.pro-adv-slick .slick-list{
    padding-bottom: 10px;
}
.pro-adv-slick.empty .slick-list{
    padding-bottom: 0px;
}
.pro-adv-slick .slick-dots li{
    background: rgba(32, 94, 255, .4);
}
.pro-adv-cont{
    padding: 0 40px;
}
.pro-intro-img{
    width: 43.5%;
    position: relative;
    overflow: hidden;
}
.pro-intro-text{
    width: 56.5%;
    padding-right: 200px;
}
.pro-intro .ys-cont1400{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.pro-intro-img-bg{
    width: 80%;
    margin-left: 20%;
    border-radius: 24px;
    overflow: hidden;
}
.pro-intro-img-bg img{
    width: 100%;
}
.pro-intro-img-pic{
    width: 57%;
    position: absolute;
    top: 54%;
    left: 0;
    transform: translateY(-50%);
}
.pro-intro-img-pic img{
    width: 100%;
    animation-delay: .4s;
}
.pro-intro-text h2{
    margin-bottom: 40px;
}
.pro-intro-text-parga p{
    margin-bottom: 20px;
    color: var(--color333);
}
.pro-intro-text-parga p:last-child{
    margin-bottom: 40px;
}
.pro-intro-text-btn .std-btn4-box{
    padding: 0 18px;
}
.pro-intro{
    overflow: hidden;
}
.pro-data{
    margin-bottom: var(--space150);
    margin-top: calc(-1 * var(--space100));
    position: relative;
    z-index: 2;
}
.pro-data-list{
    padding: 50px 100px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0px 0px 39.9px 0px rgba(162, 168, 189, 0.25);
    backdrop-filter: blur(15.100000381469727px);
    -webkit-backdrop-filter: blur(15.100000381469727px);
}
.pdlu-li{
    width: 25%;
    padding: 10px 40px;
    border-left: 1px solid #CFD0D3;
}
.pdlu-li:nth-child(1){
    border-left: none;
}
.pro-data-list-ul{
    margin: 0 -40px;
    display: flex;
    align-items: flex-start;
}
.pdlu-li-cont-num{
    font-size: 44px;
    line-height: var(--line13);
    color: var(--colormain);
}
/* b2-Products汇总-end */
/* b1-Products列表-start */
.product-main .mod-content{
    position: relative;
    z-index: 1;
}
/* .product-main .ys-bread-list::before {
    background: url(../images/com_icon14.svg) center / cover no-repeat;
}
.product-main .ys-bread-list a{
    color: var(--color333);
} */
.product-main .mod-bread {
    bottom: auto;
    top: 22px;
}
.product-main h1{
    color: var(--color333);
    /* font-size: 58px; */
}
.product-wrap{
    padding-top: var(--space80);
}
.pwlu-li{
    width: 33.333333%;
    padding: 0 13px;
    margin-bottom: 26px;
}
.pwlu-li:nth-child(3n+1){
    animation-delay: .5s;
}
.pwlu-li:nth-child(3n+2){
    animation-delay: .6s;
}
.pwlu-li:nth-child(3n+3){
    animation-delay: .7s;
}

.product-wrap-list-ul{
    margin: 0 -13px 34px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.pwlu-li a{
    border-radius: 16px;
    background: var(--colorbj);
    display: block;
    padding: 20px 10px 48px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all .36s;
    border: 1px solid var(--colorbj);
    height: 100%;
}
.product-link-mach-icon{
    width: 46px;
}
.product-link-mach-icon img{
    width: 100%;
}
.product-link-mach-box{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.product-link-mach-parga p:nth-child(1){
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--line15);
    font-family: var(--family2);
}
.product-link-mach-parga p:nth-child(2){
    font-size: var(--font14);
    color: var(--color666);
    line-height: var(--line15);
}
.product-link-mach-parga{
    width: calc(100% - 46px);
    padding-left: 20px;
}
.product-link{
    width: 52%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 20px;
}
.product-link-mach{
    width: 170px;
}
.product-link-list{
    width: calc(100% - 170px);
    padding-left: 68px;
}
.pllu-li{
    width: 50%;
    padding: 0 15px;
    margin-bottom: 26px;
}
.product-link-list-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.pllu-li .ys-imgbox-cover{
    width: 64px;
    border-radius: 6px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.pllu-li a{
    display: flex;
    align-items: flex-start;
}
.pllu-li-text{
    width: calc(100% - 64px);
    padding-left: 10px;
}
.pllu-li-text .std-text2{
    color: var(--color333);
    font-family: var(--family2);
}
.pllu-li-text .std-text3 span,
.product-link-mach-parga p:nth-child(2) span{
    margin-right: 3px;
}
.ys-nyban-title{
    z-index: 5;
    top: calc(50% + 10px);
}
.pro-main .ys-nyban-title {
    top: calc(50% - 10px);
}
.product-main .ys-nyban-title{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pwlu-li-lab-icon{
    width: 10px;
}
.pwlu-li-lab-icon img{
    width: 100%;
}
.pwlu-li-lab{
    display: flex;
    align-items: center;
    padding-left: 16px;
}
.pwlu-li-lab p{
    padding-left: 5px;
    width: calc(100% - 10px);
}
.pwlu-li-num{
    font-size: 96px;
    line-height: var(--line13);
    opacity: 0.4;
    background: linear-gradient(180deg, #C3E6FF -24.4%, rgba(218, 234, 245, 0.00) 130%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--family3);
    white-space: nowrap;
    z-index: -1;
}
.pwlu-li-tit{
    color: var(--color333);
    text-align: center;
    margin-top: 20px;
    transition: all .36s;
}
.pwlu-li-img{
    width: 74%;
    margin: auto;
}
.pwlu-li-info p{
    color: var(--color333);
}
.pwlu-li-info{
    position: absolute;
    bottom: 40px;
    left: 0;
    z-index: 5;
    transition: all .36s;
    left: 50%;
    padding: 0 20px;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
    width: 100%;
}
.pwlu-li-info ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
    justify-content: center;
}
.pwlu-li-info li{
    padding: 0 30px;
    position: relative;
    display: inline-block;
}
.pwlu-li-info li::before{
    content: "";
    width: 1px;
    height: 12px;
    background: #ddd;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.product-wrap-cont{
    overflow: hidden;
}
.product-wrap-tp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space50);
    position: relative;
    z-index: 2;
}
.product-wrap-tp-num p{
    color: var(--color333);
}
.product-wrap-tp-num span{
    margin-right: 3px;
}
.product-wrap-tp-select{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.pwts-reset p{
    color: var(--color333);
    padding-left: 6px;
}
.pwts-reset img{
    width: 20px;
}
.pwts-reset{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.pwts-all{
    margin-right: 30px;
    display: flex;
    align-items: center;
}
.pwts-all .ys-select-li{
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color333);
    margin-bottom: 10px;
}
.pwts-all .ys-select-xtbbox{
    right: 20px;
}
.pwts-all .ys-select-hd{
    border-radius: 80px;
    background: var(--colorbj);
    height: 44px;
    padding: 0 20px;
}
.pwts-all .ys-select-hd input,
.pwts-all .ys-select-hd input::placeholder{
    font-size: var(--font16);
    color: var(--color333);
    font-family: inherit !important;
}
.pwts-all .ys-select-bd{
    background: var(--colorbj);
    border-radius: 20px;
    top: 110%;
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 5%);
    padding: 20px;
}
.pwts-all-select1{
    width: 165px;
}
.pwts-all-select2{
    margin-left: 18px;
}
.pwts-all-select2{
    width: 216px;
    display: none;
}
.pwts-all-select2.act{
    display: block;
}
/* b1-Products列表-end */
/* d1-Innovation-start */
.innova-main .ys-nyban-title{
    top: calc(50% - 27.5px);
}
.innova-main .ys-nyban-title h1{
    width: 59.5%;
}
.innova-main .mod-bread{
    bottom: 107px;
}
.innova-data-list{
    border-radius: 18px;
    background: #FFF;
    padding: 57px 50px 80px;
}
.innova-data{
    margin-top: -75px;
    position: relative;
    z-index: 5;
    overflow: hidden;
}
.innova-main .mod-content{
    background: #F3F9FD;
}
.idlu-li{
    width: 20%;
    padding: 0 30px;
}
.innova-data-list-ul{
    display: flex;
    margin: 0 -30px;
    flex-wrap: wrap;
    align-items: stretch;
}
.idlu-li-cont-parga{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #D8E3EA;
}
.idlu-li-cont-num{
    color: var(--color333);
}
.idlu-li-cont-num span{
    font-size: var(--font48);
}
.innova-develop{
    padding-left: var(--left);
    padding-right: 6px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.innova-develop-tit{
    width: 19%;
}
.innova-develop-list{
    width: 81%;
    padding-left: 54px;
}
.idll-cont{
    padding: 0 28px;
    border-left: 1px solid #C9D9E3;
    position: relative;
    height: 100%;
    display: flex;
    flex-flow: column;
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
}
.idll-cont::before{
    content: "";
    width: 2px;
    height: 20px;
    background: var(--colormain);
    position: absolute;
    top: 0;
    left: -2px;
}
/* .innova-develop-list-li.act .idll-cont::before{
    animation-name: fill-vertical;
    animation-duration: 20s;
    animation-timing-function: linear;
}
@keyframes fill-vertical {
    0% {
        opacity: 1;
        height: 0%;
    }

    95% {
        opacity: 1;
        height: 100%;
    }

    100% {
        opacity: 0;
        height: 100%;
    }
} */
.innova-develop-list-ul{
    display: flex;
    align-items: stretch;
}
.idll-cont-tp-tit{
    color: var(--color333);
    margin-bottom: 30px;
    font-weight: bold;
}
.idll-cont-tp-parga p{
    color: var(--color333);
    margin-bottom: 16px;
}
.idll-cont-tp-parga p:last-child{
    margin-bottom: 0;
}
.innova-develop-list-li{
    width: 33.333333%;
    transition: width .4s;
    height: var(--itemheight);
    overflow: hidden;
}
.innova-develop-list-li.act{
    width: 54%;
}
.idll-cont-tp{
    margin-bottom: 40px;
}
.idll-cont-bt-img{
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 16px;
    height: var(--height);
    transition-property: opacity, height, width;
    transition-duration: .5s, .4s, .4s;
    transition-timing-function: ease, ease, ease;
}
.idll-cont-bt-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.idll-cont-bt-parga p{
    text-align: center;
    color: var(--color333);
    transition: all .36s;
    opacity: 0;
    transition-property: opacity, height, width;
    transition-duration: .5s, .4s, .4s;
    transition-timing-function: ease, ease, ease;
    height: 1.6em;
}
.idll-cont-tp-parga {
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, height, width;
    transition-duration: .5s, .4s, .4s;
    transition-timing-function: ease, ease, ease;
    overflow: clip;
    display: none;
}
.innova-develop-list-wrap{
    position: relative;
}
.innova-develop-list-ul{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    opacity: 0;
}
.innova-develop-list-ul1{
    position: relative;
    pointer-events: all;
    opacity: 1;
}
.innova-develop-list-li.act .idll-cont-tp-parga{
    opacity: 1;
    visibility: visible;
    display: block;
}
.innova-develop-list-li.act .idll-cont-bt-parga p{
    opacity: 1;
}
.innova-develop-list-li.act .idll-cont-bt-img{
    height: auto;
}
.innova-develop-list-li:nth-child(1){
    animation-delay: .5s;
}
.innova-develop-list-li:nth-child(2){
    animation-delay: .6s;
}
.innova-develop-list-li:nth-child(3){
    animation-delay: .7s;
}
.innova-intell{
    padding-top: var(--space100);
    padding-bottom: 120px;
    background: linear-gradient(180deg, #B1CBED -12.34%, #E3EAF1 100%);
    overflow: hidden;
    margin-bottom: var(--space150);
}
.innova-intell h2{
    text-align: center;
    margin-bottom: var(--space50);
}
.innova-intell-slick-li{
    width: 33.333333%;
    padding: 0 5px;
    height: auto !important;
}
.innova-intell-slick-li:nth-child(3n+1){
    animation-delay: .3s;
}
.innova-intell-slick-li:nth-child(3n+2){
    animation-delay: .4s;
}
.innova-intell-slick-li:nth-child(3n+3){
    animation-delay: .5s;
}
.innova-intell-slick{
    margin: 0 -5px;
}
.iisl-cont{
    padding: 26px 40px 40px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    height: 100%;
}
.iisl-cont-num{
    color: var(--color333);
    margin-bottom: 6px;
}
.iisl-cont-icon{
    width: 124px;
    height: 124px;
    margin: 0 auto 38px;
    position: relative;
}
.iisl-cont-icon::after{
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/d1_icon06.svg) center / cover no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .5s 0s;
}
.iisl-cont-icon-circle{
    width: 72.5%;
    height: 72.5%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s .2s;
}
.iisl-cont-icon-circle img{
    width: 42px;
}
.iisl-cont-parga p{
    color: var(--color333);
}
.innova-intell-slick .slick-list{
    padding-bottom: 40px;
}
.innova-intell-slick.empty .slick-list{
    padding-bottom: 0px;
}
.innova-service-wrap{
    border-radius: 16px;
    background: var(--colorfff);
    overflow: hidden;
    position: relative;
}
.innova-service-wrap-bg{
    width: 100%;
    visibility: hidden;
}
.innova-service-wrap-bg img{
    width: 100%;
}
.innova-service-wrap-bg.act{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .5s;
    visibility: visible;
}
.innova-service-wrap-text{
    z-index: 5;
    width: 100%;
    top: 76px;
    padding-left: 120px;
    padding-right: 75px;
}
.iswt-tp{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 82px;
}
.iswt-tp .std-text2{
    padding-left: 88px;
    width: calc(100% - 400px);
}
.iswt-tp h2{
    width: 400px;
}
.iswt-tp p{
    color: var(--color333);
}
.iswt-bt{
    padding-left: 35px;
}
.iswt-bt-ul-li{
    width: 20%;
    padding: 0 15px;
}
.iswt-bt-ul{
    margin: 0 -15px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.iswt-bt-ul-li .std-nyh1{
    margin-bottom: 20px;
    color: var(--color333);
}
.innova-platform{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.innova-platform::after{
    content: "";
    width: 100%;
    height: calc(100% + 365px);
    background: linear-gradient(180deg, #B1CBED -12.34%, #E3EAF1 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.innova-platform-tp{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 46px;
}
.innova-platform-tp-le{
    width: 57%;
}
.innova-platform-tp-ri{
    width: 43%;
    padding-left: 195px;
}
.innova-platform-tp-le h2{
    margin-bottom: 22px;
}
.innova-platform-tp-le p{
    color: var(--color333);
}
.iptr-ul-li{
    padding: 18px 0 24px 14px;
    border-bottom: 1px solid rgba(255,255,255,.4);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.iptr-ul-li-parga p{
    color: var(--color333);
}
.iptr-ul-li-num{
    color: var(--color333);
    width: 135px;
    display: flex;
    justify-content: flex-end;
}
.iptr-ul-li:last-child{
    border-bottom: none;
}
.iptr-ul-li-parga{
    width: calc(100% - 135px);
    padding-right: 27px;
}
.innova-platform-bt{
    border-radius: 18px;
    background: rgba(243, 247, 251, 0.90);
    padding: 42px 80px 62px 60px;
}
.innova-platform-bt-parga p{
    font-size: var(--font20);
    line-height: var(--line14);
    color: var(--color333);
}
.innova-platform-bt-parga{
    padding-bottom: 42px;
    border-bottom: 1px solid #DFE4F2;
    margin-bottom: 48px;
}
.ipbd-li{
    width: 25%;
    padding: 0 10px;
}
.innova-platform-bt-data{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 40px;
}
.ipbd-li-icon{
    width: 66px;
    margin: 0 auto 23px;
}
.ipbd-li-icon img{
    width: 100%;
}
.ipbd-li-tit{
    color: var(--color666);
    text-align: center;
    margin-bottom: 8px;
    transition: all .36s;
}
.ipbd-li-tit span{
    font-size: var(--font40);
    color: var(--color333);
    line-height: inherit;
    position: relative;
    top: 5px;
    transition: all .36s;
}
.ipbd-li-parga p{
    text-align: center;
    transition: all .36s;
}
.ipbf-hd{
    border-radius: 14px;
    background: var(--colorfff);
    box-shadow: 0px 4px 15px 0px rgba(202, 215, 232, 0.35);
    /* padding: 25px 34px;
    display: flex;
    align-items: center; */
}
.ipbf-hd-li p{
    color: var(--color333);
}
.ipbf-hd-li1 ,
.innova-platform-bt-form th:nth-child(1),
.innova-platform-bt-form td:nth-child(1){
    width: 27.5%;
    padding-left: 34px;
    padding-right: 40px;
}
.ipbf-hd-li2,
.innova-platform-bt-form th:nth-child(2),
.innova-platform-bt-form td:nth-child(2){
    width: 15%;
    padding-right: 40px;
}
.ipbf-hd-li3,
.innova-platform-bt-form th:nth-child(3),
.innova-platform-bt-form td:nth-child(3){
    width: 19.5%;
    padding-right: 40px;
}
.ipbf-hd-li4,
.innova-platform-bt-form th:nth-child(4),
.innova-platform-bt-form td:nth-child(4){
    width: 21.5%;
    padding-right: 70px;
}
.ipbf-hd-li5,
.innova-platform-bt-form th:nth-child(5),
.innova-platform-bt-form td:nth-child(5){
    width: 16.5%;
}
.innova-platform-bt-form p{
    text-align: left;
}
.innova-platform-bt-form thead tr{
    position: relative;
    z-index: 1;
}
.innova-platform-bt-form thead tr::after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 14px;
    overflow: hidden;
    background: var(--colorfff);
    box-shadow: 0px 4px 15px 0px rgba(202, 215, 232, 0.35);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.innova-platform-bt-form th p{
    padding: 22px 0;
    color: var(--color333);
}
table{
    border-spacing: 0px;
}
.innova-platform-bt-form tbody tr{
    position: relative;
}
.innova-platform-bt-form tbody tr::after{
    content: "";
    width: 100%;
    height: 1px;
    background: #C1D4ED;
    position: absolute;
    bottom: 0;
    left: 0;
}
.innova-platform-bt-form tbody tr p{
    padding: 20px 0;
    color: var(--color333);
}
.innova-platform-bt-form tbody tr:last-child td:nth-child(2) p{
    font-family: var(--family1)
}
/* d1-Innovation-end */

/* e1-Who we are-start */
.who-busin-tit{
    width: 49%;
    margin-bottom: 40px;
}
.who-busin-tit h2{
    margin-bottom: 20px;
}
.who-busin-tit p{
    color: var(--color333);
}
.who-busin-list{
    position: relative;
}
.who-busin-list-bg{
    width: 43%;
}
.who-busin-list-bg img{
    width: 100%;
}
.who-busin-list .ys-pos-top{
    width: 100%;
    height: 100%;
}
.wblu-li{
    width: 25%;
    padding: 0 5px;
    transition: all .4s ease-out;
}
.wblu-li:nth-child(4n+1){
    animation-delay: .4s;
}
.wblu-li:nth-child(4n+2){
    animation-delay: .5s;
}
.wblu-li:nth-child(4n+3){
    animation-delay: .6s;
}
.wblu-li:nth-child(4n+4){
    animation-delay: .7s;
}
.who-busin-list-ul{
    margin: 0 -5px;
    display: flex;
    align-items: stretch;
    height: 100%;
}
.who-busin{
    overflow: hidden;
    padding-top: var(--space150);
}
.wblu-li-cont-img{
    width: 100%;
    height: 100%;
}
.wblu-li-cont-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wblu-li-cont{
    border-radius: 18px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
    height: 100%;
}
.wblu-li-cont-lab{
    position: absolute;
    top: 36px;
    left: 14px;
    z-index: 5;
    width: 220px;
    border-radius: 43px;
    background: var(--colormain);
    padding: 8px 10px;
    display: flex;
    align-items: center;
    transition: all .36s;
}
.wlcl-icon{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: var(--colorfff);
    display: flex;
    align-items: center;
    justify-content: center;
}
.wlcl-icon img{
    width: 72%;
}
.wlcl-parga{
    width: calc(100% - 45px);
    padding-left: 27px;
}
.wlcl-parga p{
    color: var(--colorfff);
}
.wblu-li.act{
    width: 56%;
}
.wblu-li.act .wblu-li-cont-lab{
    left: 33px;
}
.who-honor{
    padding-top: 122px;
    padding-bottom: 264px;
    overflow: hidden;
}
.who-honor h2{
    text-align: center;
    margin-bottom: var(--space50);
}
.who-honor-ph{
    display: none !important;
}
.who-honor-slick-li{
    width: 100%;
    padding: 0 50px;
}
.who-honor-slick{
    margin: 0 -50px;
}
.whsl-cont-ul-li{
    width: 33.333333%;
    padding: 0 50px;
    margin-bottom: 38px;
}
.whsl-cont-ul{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -50px;
}
.wcul-wrap-img{
    width: 100%;
}
.wcul-wrap-img img{
    width: 100%;
}
.wcul-wrap{
    position: relative;
}
.wcul-wrap-text .std-h4{
    text-align: center;
    margin-bottom: 10px;
}
.wcul-wrap-text{
    width: 100%;
}
.wcul-wrap-text p{
    text-align: center;
    color: var(--color333);
}
.whsl-cont-ul-li .std-text3{
    padding: 0 60px;
}
.who-honor-slick .slick-dots li{
    background: var(--colorfff);
}
.who-honor-slick .slick-dots{
    bottom: -60px;
}
.who-develop{
    height: var(--height);
    background: var(--colorbj);
    position: relative;
    overflow: hidden;
}
.who-develop-swiper{
    width: 100%;
    height: 100%;
    display: none;
}
.who-develop.pause .who-develop-swiper{
    pointer-events: none;
}
#earth{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
}
.home-future{
    overflow: hidden;
}
.home-future .ys-cont1400{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.home-future-earth{
    width: 612px;
    height: 612px;
    transform: translateX(90px);
}
.who-develop::before{
    content: "";
    width: 1px;
    height: 100%;
    background: #E3E9F2;
    position: absolute;
    top: 0;
    left: 80px;
}
.who-develop::after{
    content: "";
    width: 1px;
    height: 100%;
    background: #E3E9F2;
    position: absolute;
    top: 0;
    right: 80px;
}
.who-develop .ys-cont1400{
    display: flex;
}
.who-develop-ri{
    width: 50%;
    padding-left: 105px;
    position: relative;
}
.who-develop-le{
    width: 50%;
    padding-right: 115px;
}
.who-develop-ri-swiper{
    width: 100%;
    height: 100%;
    position: absolute !important;
}
.who-develop-ri-ul .slick-list,
.who-develop-ri-ul .slick-track{
    height: 100%;
}
/* .who-develop-ri-ul li{
    opacity: 0.5;
}
.wdrs-li1{
    background: rebeccapurple;
}
.wdrs-li2{
    background: red;
}
.wdrs-li3{
    background: pink;
} */
.who-develop-le-wrap{
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
}
.who-develop-le h2{
    margin-bottom: 30px;
}
.who-develop-le p{
    color: var(--color333);
}
.wdlw-dots{
    width: 56%;
    display: flex;
    border-bottom: 1px solid #E3E9F2;
}
.wdlw-dots-li{
    width: 33.333333%;
    padding-bottom: 13px;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.wdlw-dots-li p{
    color: var(--color333);
    opacity: 0.3;
    transition: all .36s;
}
.wdlw-dots-li.act p{
    opacity: 1;
}
.wdlw-dots-li::after{
    content: "";
    width: 0;
    height: 1px;
    background: var(--color333);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
}
.wdlw-dots-li.act::after{
    width: 100%;
}
.wdrs-li:nth-child(1){
    position: relative;
}
.wdrs-li-cont .ys-imgbox-cover{
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: var(--space50);
}
.wdrs-li-cont .std-h5{
    margin-bottom: 20px;
    color: var(--color333);
    height: 2.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.wdrs-li-cont .std-h4{
    color: var(--color333);
    font-family: var(--family1);
}
.wdrs-li-cont-part{
    transform-origin: left bottom;
    /* opacity: 1;
    transform: translate(120%,100px) rotate(30deg);
    visibility: hidden; */
}
.who-develop-ri-slick{
    position: relative;
    overflow: hidden;
}
.wdrs-li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* pointer-events: none; */
    z-index: 5;
}
.wdrs-li.act{
    position: relative;
}
.wdrs-li.after .wdrs-li-cont .ys-imgbox-cover{
    transform: translate(120%, 0%) translate(0px, 100px) rotate(30deg);
    opacity: 1;
    transition: all .36s .3s;
}
.wdrs-li.after .wdrs-li-cont .std-h5{
    transform: translate(120%, 0%) translate(0px, 100px) rotate(30deg);
    opacity: 1;
    transition: all .36s .4s;
}
.wdrs-li.after .wdrs-li-cont .std-h4{
    transform: translate(120%, 0%) translate(0px, 100px) rotate(30deg);
    opacity: 1;
    transition: all .36s .5s;
}
.wdrs-li.act .wdrs-li-cont .ys-imgbox-cover{
    transform: translate(0%, 0%) translate(0px, 0px) rotate(0deg);
    opacity: 1;
    transition: all .36s .3s;
}
.wdrs-li.act .wdrs-li-cont .std-h5{
    transform: translate(0%, 0%) translate(0px, 0px) rotate(0deg);
    opacity: 1;
    transition: all .36s .4s;
}
.wdrs-li.act .wdrs-li-cont .std-h4{
    transform: translate(0%, 0%) translate(0px, 0px) rotate(0deg);
    opacity: 1;
    transition: all .36s .5s;
}
.wdrs-li.before .wdrs-li-cont .ys-imgbox-cover{
    transform: translate(-100%, 0%) translate(0px, -100px) rotate(-30deg);
    opacity: 0;
    transition: all .36s 0s;
}
.wdrs-li.before .wdrs-li-cont .std-h5{
    transform: translate(-100%, 0%) translate(0px, -100px) rotate(-30deg);
    opacity: 0;
    transition: all .36s .1s;
}
.wdrs-li.before .wdrs-li-cont .std-h4{
    transform: translate(-100%, 0%) translate(0px, -100px) rotate(-30deg);
    opacity: 0;
    transition: all .36s .2s;
}
.wdrs-li.before.act .wdrs-li-cont .ys-imgbox-cover{
    transform: translate(0%, 0%) translate(0px, 0px) rotate(0deg);
    opacity: 1;
    transition: all .36s .3s;
}
.wdrs-li.before.act .wdrs-li-cont .std-h5{
    transform: translate(0%, 0%) translate(0px, 0px) rotate(0deg);
    opacity: 1;
    transition: all .36s .4s;
}
.wdrs-li.before.act .wdrs-li-cont .std-h4{
    transform: translate(0%, 0%) translate(0px, 0px) rotate(0deg);
    opacity: 1;
    transition: all .36s .5s;
}
/* .who-develop-cont{
    height: 300vh !important;
    width: 100%;
    transform: translate(0) !important;
} */
.who-develop-wrap{
    position: relative !important;
    display: flex;
    align-items: center;
    height: calc(100vh - var(--line80));
    overflow: hidden;
    width: 100%;
}
.who-develop-wrap::after{
    content: "";
    width: 1px;
    height: 100%;
    background: #E3E9F2;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.who-develop.isfixed .who-develop-wrap{
    position: fixed !important;
    top: var(--line80);
    left: 0;
}
.who-develop.notfixed .who-develop-wrap{
    position: absolute !important;
    top: auto !important;
    bottom: 0;
}
.who-ban{
    background: linear-gradient(118deg, #D1E2FF 50.76%, #ECF3F9 81.49%);
    position: relative;
    z-index: 1;
    height: 300vh;
}
.who-ban-wrap::after{
    content: "";
    width: 100%;
    height: 195px;
    opacity: 0.5;
    background: linear-gradient(0deg, rgba(136, 177, 246, 0.00) 0%, #002C76 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.who-ban-wrap{
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0;
}
.who-ban-img{
    width: 100%;
    position: relative;
    z-index: 5;
    bottom: -20px;
}
.who-ban-img img{
    width: 100%;
}
.who-ban-le h1{
    margin-bottom: 40px;
}
.who-ban-le p{
    color: var(--color333);
    margin-bottom: 16px;
}
.who-ban-le p span{
    color: var(--color333);
    font-family: var(--family1);
}
.who-ban-le p:last-child{
    margin-bottom: 0;
}
.who-ban-data{
    width: 316px;
    height: 460px;
    overflow: hidden;
    position: absolute;
    mask-image: linear-gradient(0deg, #205EFF 50%, rgba(32, 94, 255, 0) 93%);
    right: var(--left);
    top: var(--space150);
}
.who-ban-wrap-cont{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
}
.who-ban-le{
    width: 72%;
    padding-right: 230px;
    transform: translateY(90px);
}
.who-ban .ys-cont1400{
    display: flex;
    align-items: flex-start;
    transform: translateY(var(--space150));
    position: relative;
    z-index: 6;
}
.who-ban-data-ul{
    transform: translateY(50px);
}
.wbdu-li-num{
    font-size: var(--font24);
    color: var(--colormain);
    line-height: var(--line13);
    font-family: var(--family4);
    font-style: italic;
}
.wbdu-li-num span{
    font-size: 120px;
    font-style: italic;
}
.wbdu-li p{
    color: #0D0E27;
    margin-top: -10px;
}
.wbdu-li{
    padding-bottom: 40px;
}
.wbdu-li:last-child{
    padding-bottom: 80px;
}

/* e1-Who we are-end */
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .cwlt-ul-li p:hover{
        color: #205EFF;
    }
    .head-other-lang-bt a:hover{
        color: var(--colormain);
    }
    .home-pro-swiper-li a:hover .std-btn5-box p{
        color: var(--colormain);
    }
    .home-pro-swiper-li a:hover .mod-icon img:nth-child(1){
        opacity: 0;
    }
    .home-pro-swiper-li a:hover .mod-icon img:nth-child(2){
        opacity: 1;
    }
    .swul-cont:hover img{
        transform: scale(1.05);
    }
    .ipbd-li:hover .ipbd-li-tit,
    .ipbd-li:hover .ipbd-li-tit span,
    .ipbd-li:hover .ipbd-li-parga p{
        color: var(--colormain);
    }
    .pwlu-li a:hover{
        border: 1px solid rgba(32, 94, 255, 0.20);
        background: #FFF;
        box-shadow: 0px 0px 32px 0px rgba(191, 196, 216, 0.25);
    }
    .pwlu-li a:hover .pwlu-li-info{
        opacity: 1;
        pointer-events: all;
    }
    .pwlu-li a:hover .pwlu-li-tit{
        opacity: 0;
        pointer-events: none;
    }
    .nwbp-li a:hover p{
        color: var(--colormain);
    }
    .cwru-li a:hover{
        color: var(--colormain);
    }
    .case-list-tab-li a:hover{
        color: var(--colorfff);
        background: var(--colormain);
    }
    .pc-fenye li:hover{
        background: var(--colormain);
        color: var(--colorfff);
    }
    .next li:hover,
    .prev li:hover,
    .first li:hover,
    .end li:hover{
        background: transparent;
        color: var(--colormain);
    }
    .yftn-ul-li>a:hover,
    .yftn-ul-li li a:hover{
        color: var(--colormain);
    }
    .swiper-button-icon:hover{
        border: 1px solid var(--colormain);
        background: var(--colormain);
    }
    .swiper-button-icon:hover::after{
        background: url(../images/a1_icon05_1.svg) center / cover no-repeat;
    }
    .home-case-swiper-li a:hover .std-btn4-box,
    .home-new-slick-li a:hover .std-btn4-box{
        background: var(--colormain);
        border: 1px solid var(--colormain);
    }
    .home-case-swiper-li a:hover .std-btn4-box p,
    .home-new-slick-li a:hover .std-btn4-box p{
        color: var(--colorfff);
    }
    .home-case-swiper-li a:hover .std-btn4-box-icon img:nth-child(1),
    .home-new-slick-li a:hover .std-btn4-box-icon img:nth-child(1){
        opacity: 0;
    }
    .home-case-swiper-li a:hover .std-btn4-box-icon img:nth-child(2),
    .home-new-slick-li a:hover .std-btn4-box-icon img:nth-child(2){
        opacity: 1;
    }
    .std-btn3-box:hover,
    .std-btn4-box:hover {
        background: var(--colormain);
        border: 1px solid var(--colormain);
    }
    .std-btn4-box:hover p{
        color: var(--colorfff);
    }
    .std-btn4-box:hover .std-btn4-box-icon img:nth-child(1){
        opacity: 0;
    }
    .std-btn4-box:hover .std-btn4-box-icon img:nth-child(2){
        opacity: 1;
    }
    .yftl-share-li:hover .yftl-share-li-pop {
        transform: translateX(-50%) scale(1);
        visibility: visible;
        transition: opacity .4s, transform .3s ease-out;
        pointer-events: all;
        opacity: 1;
    }
    .std-btn1-box:hover{
        background: var(--colormain);
        border: 1px solid var(--colormain) !important;
    }
    .std-btn1-box:hover p{
        color: var(--colorfff) !important;
    }
    .std-btn4.on .std-btn4-box:hover {
        background: transparent;
    }
    .std-btn4.on .std-btn4-box:hover p{
        color: var(--colormain);
    }
    .std-btn4.on .std-btn4-box:hover .mod-icon img:nth-child(1) {
        opacity: 1;
    }
    .std-btn4.on .std-btn4-box:hover .mod-icon img:nth-child(2) {
        opacity: 0;
    }
    .std-btn2-box:hover{
        background: var(--colorfff);
    }
    .std-btn2-box:hover p{
        color: var(--colormain);
    }
    .iisl-cont:hover .iisl-cont-icon::after{
        transform: translate(-50%, -50%) scale(0.87);
        transition: all .5s .2s;
    }
    .iisl-cont:hover .iisl-cont-icon-circle{
        transform: translate(-50%, -50%) scale(0.87);
        transition: all .5s 0s;
    }
    .yfts-wrap-btn:hover{
        background: transparent;
        color: var(--colormain);
    }
    .nwss-tp-bd li:hover p{
        color: var(--colormain);
    }
    .twll-cont:hover .ys-imgbox-cover img{
        transform: scale(1.05);
    }
    .pcul-wrap:hover{
        box-shadow: 0px 0px 16px 0px rgba(162, 178, 212, 0.5);
    }
    .rals-li-cont:hover .ys-imgbox-cover img{
        transform: scale(1.05);
    }
    .rasl-cont:hover{
        box-shadow: 0px 0px 16px 0px rgba(162, 178, 212, 0.5);
    }
    .sustain-list-ul-li:hover .slul-img img{
        transform: scale(1.05);
    }
    .pro-intro-img:hover .pro-intro-img-pic{
        transform: translateY(-50%) scale(1.05);
    }
    .pro-relat-img-li:hover img{
        transform: scale(1.05);
    }
    .reside-pro-slick-li a:hover .std-btn4-box{
        background: var(--colormain);
        border: 1px solid var(--colormain);
    }
    .reside-pro-slick-li a:hover .std-btn4-box p {
        color: var(--colorfff);
    }
    .reside-pro-slick-li a:hover .std-btn4-box-icon img:nth-child(1) {
        opacity: 0;
    }
    .reside-pro-slick-li a:hover .std-btn4-box-icon img:nth-child(2) {
        opacity: 1;
    }
    .reside-solu-img:hover img{
        transform: scale(1.05);
    }
    .swll-img:hover img{
        transform: scale(1.05);
    }
    .life-develop-img:hover img{
        transform: scale(1.05);
    }
    /* .wdrs-li:hover .wdrs-li-cont-part img{
        transform: scale(1.05);
    } */
    .hstu-li:hover .hstu-li-link-wrap{
        padding-right: 55px;
    }
    .hstu-li:hover .hstu-li-link img{
        opacity: 1;
    }
    .hstu-li:hover .hstu-li-link-wrap::before{
        opacity: 1;
    }

}
/* 载入效果 */
.fadeInUpimg {
    animation: fadeInUpimg .8s ease-in-out both;
    animation-delay: .2s;
}
@keyframes fadeInUpimg {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: none;
    }
}
@keyframes fadeOutLeftzz {
    0% {
        opacity: 1;
    }
    100% {
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutUpzz {
    0% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, -100%, 0);
    }
}
.fadeOutUpzz {
    animation: fadeOutUpzz 1s ease-in-out both .4s;
}
/* 2024.12.21修改-start */
.nwrs-li-text-ri {
    width: 260px;
    justify-content: flex-end;
}
.nwrs-li-text-le {
    width: calc(100% - 260px);
    padding-right: 100px;
}
.wlcl-parga {
    padding-left: 10px;
}
.rasl-cont {
    padding: 40px 25px 60px;
}
.pwlu-li-info li:nth-child(1):before{
    display: none;
}
.crtt-li{
    margin-bottom: 10px;
}
.std-btn5-box p{
    transition: all .36s;
}
.std-btn5-box-icon{
    width: 24px;
    height: 24px;
}
.home-main .hcsl-img-num{
    visibility: visible;
}
.home-safety-text-li{
    transition: none;
}
.home-safety.empty::after{
    width: 0%;
    opacity: 0;
    transition: all .36s;
}

a[href="javascript:void(0)"],
a[href="javascript:void(0);"]{
    cursor: default;
}
/* 2024.12.21修改-end */

/* 2025.1.4修改-start */
.pro-data-list-ul{
    align-items: stretch;
}
.product-link {
    width: 60%;
}
.head-logo{
    width: 190px;
}
.head-logo .mod-icon {
    width: 190px;
    height: 35px;
}
.head-nav-item-title {
    font-family: 'tbea-Regular';
}
.pdlu-li-cont-num{
    font-size: 38px;
    line-height: var(--line12);
}
.reside-app .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    bottom: 40px !important;
}
.rals-li-cont-text {
    margin-top: 40px;
}
.reside-app .swiper-button-next,
.reside-app .swiper-button-prev {
    bottom: 15px !important;
}
/* 2025.1.4修改-end */

/* 2025.1.9修改-start */
.pro-data-list {
    padding: 50px 60px;
}
.pdlu-li {
    padding: 10px 30px;
}
.pro-data-list-ul {
    margin: 0 -30px;
}
.pro-intro-text {
    width: 61.5%;
}
.pro-intro-img {
    width: 38.5%;
}
.pro-intro .ys-cont1400{
    align-items: center;
}
.reside-solu-text {
    width: 54%;
}
.reside-solu-img {
    width: 46%;
}
.reside-solu-text h2,
.reside-solu-text-parga{
    margin-bottom: 0 !important;
}
.reside-solu-text-parga{
    margin-top: 23px;
}
.reside-solu-text-data{
    margin-top: var(--space50);
}
.pro-intro-img-pic {
    width: 70%;
}
/* 2025.1.9修改-end */

/* 2025.1.13修改-start */
.hstu-li.on a{
    flex-direction: row-reverse;
}
.hstu-li.on .hstu-li-circle{
    margin-right: 0;
    margin-left: 13px;
}
.hstu-li.on .hstu-li-link::after {
    left: auto;
    right: -18px;
    transform: translateY(-50%) rotate(180deg);
}
.rasl-cont-tit{
    font-size: 20px;
    font-weight: bold;
}
#video-canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}
.pro-intro-img-pic{
    width: 80%;
}
.who-honor{
    padding: var(--space150) 0 !important; 
}
/* 2025.1.13修改-end */
.ratu-li{
    width: 25% !important;
    padding: 0 10px 8px;
    margin: 0 !important;
}
.reside-app-tab-ul{
    margin: 0 -10px;
    align-items: stretch;
}
.ratu-li.act::after{
    width: calc(100% - 20px);
}
.reside-app-tab-ul .ratu-li p{
    text-align: center;
}
.slul-text .std-text2{
    color: var(--color666);
}
.solu-main .home-scence::after{
    pointer-events: none;
}
.pro-adv-slick.less .pasl-cont-ul-li{
    width: 33.333333%;
}
.case-list .slul-text .std-text2{
    display: none;
}
.case-list .hcsl-text-info-li{
    visibility: visible;
    margin-bottom: 8px;
}
.case-list .slul-text .std-h5{
    margin-bottom: 20px;
    line-height: 1.5;
    height: 4.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.case-list .htil-icon {
    width: 18px;
    top: 3px;
}
.case-list .hcsl-text-info-li p {
    width: calc(100% - 18px);
    padding-left: 10px;
    font-size: var(--font16);
}
.case-list .slul-text{
    padding-bottom: 74px;
}
.case-list .slul-text-icon {
    bottom: 20px;
}
.case-list .hcsl-text-info-li:last-child{
    margin-bottom: 0;
}
.rals-li-cont-text{
    padding-right: 0 !important;
}
.ys-hd-pc.change.head-top {
    background: #fff !important;
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 5%) !important;
}
.ys-hd-pc.change.head-top .mod-icon img:nth-child(2){
    opacity: 1 !important;
}
.ys-hd-pc.change.head-top .mod-icon img:nth-child(1){
    opacity: 0 !important;
}
.ys-hd-pc.change.head-top .head-navwrap::after{
    opacity: 0 !important;
}
.ys-hd-pc.change.head-top .head-nav-item-title{
    color: var(--color333) !important;
}
.ys-hd-pc.change.head-top .std-btn1 p{
    color: var(--color333) !important;
}
.ys-hd-pc.change.head-top .std-btn1-box{
    border: 1px solid var(--color333) !important;
}
.ys-hd-pc.change.head-top::after {
    opacity: 1 !important;
}
.life-recru-wrap-info{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.lrwi-li-icon{
    width: 24px;
    margin-right: 6px;
}
.lrwi-li-icon img{
    width: 100%;
}
.lrwi-li p{
    font-size: var(--font18);
    line-height: var(--line13);
    color: var(--color333);
}
.lrwi-li a{
    display: flex;
    align-items: center;
}
.lrwi-li{
    padding: 0 20px;
    position: relative;
}
.lrwi-li::before{
    content: "";
    width: 1px;
    height: 18px;
    background: #DDDDDD;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.lrwi-li:nth-child(1)::before{
    display: none;
}
.yftl-info-li img{
    width: 18px;
    position: relative;
    top: 3px;
}
.yftl-info-li p{
    width: calc(100% - 18px);
    padding-left: 6px;
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--color333);
}
.yftl-info-li{
    display: flex;
    align-items: flex-start;
    margin-bottom: 18px;
}
.yftl-info-li:last-child{
    margin-bottom: 0;
}
.yftl-share{
    margin-bottom: 20px;
}
.ys-footer-tp-le {
    width: 27%;
}
.ys-footer-tp-nav{
    width: 41%;
    padding-left: 32px;
    padding-right: 120px;
}
.nwtb-icon{
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: rgba(32, 94, 255, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
}
.newdet-wrap-tp-back p{
    font-size: var(--font18);
    line-height: 1.5;
    color: #999;
}
.newdet-wrap-tp-back a{
    display: flex;
    align-items: center;
}
.newdet-wrap-tp-back{
    display: inline-block;
    margin-bottom: 20px;
}
.nwtb-icon img{
    width: 16px;
}
.head-logo .mod-icon {
    width: 180px;
    height: 39px;
}
.head-logo {
    width: 180px;
}
.nwbp-li a{
    height: 100%;
}
.yftl-logo {
    width: 50%;
}
.viewer-button{
    background: var(--colormain) !important;
}
.hstu-li.on{
    transform: translate(-100%, -50%);
}
.life-main .ys-nyban-title h1 {
    width: 64%;
}
.yftl-info-li a{
    display: flex;
    align-items: flex-start;
}
.head-other-lang-bt a{
    margin-bottom: 5px;
}
.head-other-lang-bt a:last-child{
    margin-bottom: 0;
}
.home-safety{
    padding-bottom: var(--space150);
    height: calc(100vh - var(--line80) + var(--space150));
    background: var(--colorbj);
}

/* 2025.2.12修改-start */
.dwll-bt-hd-item p,
.dbbl-item p:nth-child(1){
    font-family: var(--family4);
}
.dbbl-item p{
    line-height: var(--line15);
    font-family: var(--family2) !important;
}
.dwll-tp-tit{
    font-family: var(--family4);
}
.dwll-bt-bd-li{
    padding: 20px 30px;
}
.dbbl-item5 p {
    line-height: 42px !important;
}
.dwll-bt-hd-item3, .dbbl-item3 {
    width: 15%;
}
.dwll-bt-hd-item2, .dbbl-item2 {
    width: 19%;
}
.dwsl-li-tp p{
    font-family: var(--family4);
}
.dwsl-li-tp a{
    position: relative;
    transition: all .36s;
}
.dwsl-li-tp a::after{
    content: "";
    width: 100%;
    height: 100%;
    background: #E8F3FF;
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .36s;
    z-index: -1;
    opacity: 0;
}
.dwsl-li-bt{
    border-top: none;
}
.dwsl-li.act .dwsl-li-tp a{
    border-top: 1px solid #E8F3FF;
    padding-left: 30px;
    padding-right: 50px;
}
.dwsl-li.act .dwsl-li-tp a::after{
    opacity: 1;
}
.dwsl-parge {
    font-family: var(--family5);
    margin-bottom: 20px;
}
.down-wrap-side-list {
    margin-top: 40px;
}
.down-wrap-side-list:nth-child(1){
    margin-top: 0;
}
.down-wrap-side-list1{
    padding-bottom: 12px;
    border-bottom: 4px solid #ffffff;
}
.down-wrap-side {
    top: 110px;
}
.down-wrap-side-wrap{
    max-height: calc(100vh - var(--line80) - 140px);
    margin-top: 40px;
}
.down-wrap-side-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.down-wrap-side-wrap .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .3) !important;
}
.pwlu-li-new p{
    font-family: var(--family4);
    color: var(--colorfff);
    transform: rotate(45deg);
    position: absolute;
    top: 12px;
    right: 5px;
}
.pwlu-li-new{
    width: 72px;
    height: 72px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
}
.pwlu-li-new::after{
    content: "";
    width: 102px;
    height: 102px;
    background: var(--colormain);
    position: absolute;
    top: -51px;
    right: -51px;
    transform: rotate(45deg);
    z-index: -1;
}
.reside-pro-slick-li a{
    display: block;
    position: relative;
    border-radius: 16px 16px 0 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.pro-main .mod-content {
    z-index: 2;
}
.ys-nyban-logo{
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.ys-nyban-logo-li{
    width: 80px;
    margin-right: 20px;
}
.ys-nyban-logo-li img{
    width: 100%;
}
.ys-nyban-pro{
    z-index: 3;
}
.pro-main .ys-nyban-title{
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.pro-core h2,
.pwul-cont .std-h5,
.pwul-cont p{
    color: var(--colorfff);
}
.pwul-cont {
    background: rgba(255, 255, 255, 0.10);
}
.hcsl-text-tit{
    line-height: var(--line12);
}
.pro-main .mod-bread {
    bottom: 132px;
    z-index: 5;
}
.pcul-wrap{
    transition: all .36s;
}
.rasl-cont{
    transition: all .36s;
}
.reside-pic-wrap-bg {
    background: #E9EEF3;
}
.reside-adv-slick.empty .slick-list {
    padding-bottom: 10px;
}
.ys-ban-slick .slick-dots{
    bottom: 40px;
}
.home-pro{
    background: #F5F9FD;
}
.sustain-list-ul-li{
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.sustain-list-ul-li:last-child{
    margin-bottom: 0;
}
.slul-img{
    width: 47%;
}
.slul-texts{
    width: 53%;
    padding-right: 70px;
}
.slul-img{
    border-radius: 34px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.slul-texts .std-h3{
    color: #000;
    margin-bottom: 40px;
}
.slul-texts p{
    color: #333;
    margin-bottom: 20px;
    line-height: var(--line15);
}
.slul-texts p:last-child{
    margin-bottom: 0;
}
.sustain-list-ul-li.on{
    flex-direction: row-reverse;
}
.sustain-list-ul-li.on .slul-texts{
    padding-right: 0;
    padding-left: 70px;
}
.sustain-list{
    overflow: hidden;
}
.pro-intro-img-pic{
    transition: all .36s;
}
.pro-adv-slick .slick-list{
    padding-top: var(--space50);
}
.pro-adv h2{
    margin-bottom: 0;
}
.pro-relat-img img{
    transition: all .36s;
}
.pro-relat-img-li{
    overflow: hidden;
}
.reside-solu-img img{
    transition: all .36s;
}
.product-main h1,
.product-link-mach-parga p:nth-child(1),
.product-link-mach-parga p:nth-child(2),
.pllu-li-text .std-text2,
.pllu-li-text .std-text3{
    color: #fff;
}
.case-list-ul-li {
    margin-bottom: 0;
    margin-top: 26px;
}
.case-list-ul-li:nth-child(1),
.case-list-ul-li:nth-child(2),
.case-list-ul-li:nth-child(3),
.case-list-ul-li:nth-child(4){
    margin-top: 0;
}
.case-list-ul{
    margin-bottom: 0;
}
.ys-pcfy{
    margin-top: var(--space50);
}
.life-develop-img img{
    transform: scale(1.05);
}
.hstu-li-link{
    padding: 0 !important;
}
.hstu-li-link img{
    width: 20px;
    position: absolute;
    right: 25px;
    transition: all .36s;
    opacity: 0;
}
.hstu-li-link-wrap{
    padding: 0 25px;
    transition: all .36s;
    display: flex;
    align-items: center;
    position: relative;
}
.hstu-li-link-wrap::before{
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #FFF;
    background: linear-gradient(93deg, #205EFF 18.47%, #5B89FF 95.06%);
    border-radius: 125px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .36s;
    opacity: 0;
}
.ratu-li {
    height: auto !important;
}
.pro-main .ys-nyban-title h1 {
    width: 60%;
}
/* 2025.2.12修改-end */
/* 2025.2.19 */
.pro-pull-wrap-le .ppwl-li-link{
    font-size: 18px;
    color: #333;
}
.hstu-li-circle,
.hstu-li-link::after{
    display: none;
}
.hllw-iocn{
    width: 42px;
    margin-right: 10px;
}
.hllw-iocn img{
    width: 100% !important; 
    opacity: 1;
    position: static;
}
.hstu-li-link-wrap{
    padding-left: 10px;
}
.hstu-li-link::before,
.hstu-li-link-wrap::before{
    border: 1px solid #20FFF2;
}
.hcsl-img::before{
    content: "";
    width: 100%;
    height: 100%;
    background: #002F7E;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .36s;
    z-index: 2;
}
.hcsl-img-list{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 20px 80px;
    z-index: 5;
    transition: all .36s;
    opacity: 0;
    display: flex;
    align-items: center;
}
.hill-tit{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.hill-tit img{
    width: 24px;
}
.hill-tit p{
    width: calc(100% - 24px);
    padding-left: 16px;
    color: #fff;
}
.hill-parga p{
    color: #fff;
}
.hcsl-img-list-li{
    margin-bottom: 40px;
}
.hcsl-img-list-li:last-child{
    margin-bottom: 0;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .home-case-swiper-li a:hover .hcsl-img::before{
        opacity: 0.7;
    }
    .home-case-swiper-li a:hover .hcsl-img-list{
        opacity: 1;
    }
    .reside-pro-slick-li a:hover .rpsl-bg-mc img{
        transform: scale(1);
    }
    .reside-pro-slick-li a:hover .rpsl-bg-mc img:nth-child(2){
        opacity: 1;
    }
    .reside-pro-slick-li a:hover .rpsl-bg-mc img:nth-child(1){
        opacity: 0;
    }
}

.hcsl-img-nomodal::before{
    display: none !important;
}

.rpsl-bg-mc img:nth-child(2){
    opacity: 0;
}
/* 2025.3.5修改-start */
.pdlu-li-cont-num {
    font-size: 34px;
}
.pdlu-li-cont-num span{
    font-size: 24px;
}
.pro-main .mod-content {
    z-index: 3;
}
/* 2025.3.5修改-end */

/* 2025.3.13修改-start */
.tech-wrap-info{
    display: none;
}
.tech-main .ciul-cont {
    padding: 30px 16px 60px !important;
}
.tech-main .contact-infor-ul-li {
    padding: 0 12px;
    margin-top: 24px;
}
.tech-main .contact-infor-ul{
    margin: 0 -12px;
}
.cwlt-ul-li p{
    font-size: var(--font20);
    line-height: 1.4;
    color: #333;
    transition: all .36s;
    padding-bottom: 8px;
    cursor: pointer;
    position: relative;
    transition: all .36s;
}
.cwlt-ul-li p::before{
    content: "";
    width: 0%;
    height: 3px;
    background: #205EFF;
    border-radius: 10px;
    position: absolute;
    left: 0;
    bottom: -1.5px;
    transition: all .36s;
}
.cwlt-ul-li.act p{
    color: #205EFF;
}
.cwlt-ul-li.act p::before{
    width: 100%;
}
.cwlt-ul{
    display: flex;
    margin: 0 -30px;
}
.cwlt-ul-li{
    padding: 0 30px;
}
.custom-wrap-le-tab{
    border-bottom: 1px solid #E0E0E0;
}
.custom-wrap-le-list{
    margin-top: 60px;
}
.cwll-li:not(:first-child){
    display: none;
}
.custom-wrap .custom-wrap-le{
    padding-right: 100px;
}
/* 2025.3.13修改-end */
.case-list .slul-text-icon{
    display: none;
}
.hcsl-text-btn{
    display: none;
    margin-top: 83px;
}
.hcsl-text-info-li:last-child{
    margin-bottom: 0 !important;
}
.platform-down.active{
    overflow: visible;
}
.platform-down.active .ys-cont1400{
    overflow: hidden;
}
.platform-down.active .platform-down-bg{
    height: calc(100% + var(--space100));
}

.who-ban-wrap-cont{
    height: 100%;
}
.who-ban-data{
    height: 500px;
    margin-top: 30px;
}
.who-ban-img{
    position: absolute;
    bottom: 0;
}
.who-ban-le p {
    font-size: var(--font20);
}
.ys-phnav-menubtn {
    width: 22px;
    height: 20px;
}
.ys-phnav-menubtn::before {
    margin-top: -8px;
}
.ys-phnav-menubtn::after {
    margin-top: 8px;
}
.ys-phnav-logo {
    width: 140px;
}
.yftl-logo{
    display: none;
}
.wdrs-li-cont .std-h5{
    height: 4.2em;
    -webkit-line-clamp: 3;
}
.head-nav-item-title{
    color: rgba(255,255,255,.8);
}
.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title ,
.ys-hd-pc.change .head-nav-item.yxnav-active1 .head-nav-item-title {
    color: var(--colormain) !important;
}
.head-nav-item.yxnav-active1 .head-nav-item-title {
    color: rgba(255,255,255,1) !important;
}
.ys-hd-pc.head-top .head-nav-item.yxnav-active1 .head-nav-item-title {
    color: rgba(255,255,255,1) !important;
}
.ys-hd-pc.head-top .head-nav-item-title {
    color: rgba(255,255,255,.8) !important;
}
.spwl-bt-btn {
    width: 160px;
    margin-top: 15px;
    flex-shrink: 0;
}
.inside-page .head-nav-item.yxnav-active1 .head-nav-item-title {
    color: var(--colormain) !important;
}
.spwl-bt-ri{
    width: calc(60% - 160px);
}
.spwl-bt-le-li, .sbru-li-ul-item {
    padding-left: 10px;
}
.solu-pull-wrap-le {
    padding: 70px 60px 160px var(--left);
}
.spwl-bt-le{
    width: 40%;
}
.ys-hd-pc.head-top.change .head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--colormain) !important;
}
.ys-form-phone.ys-form-empty .ys-fii-tips{
    display: block;
}