@charset "utf-8";
/* 公共样式 - start */
@font-face {
    font-family: 'Lianwei-Semibold';
    src: url('../fonts/PoppinsSemiBold/PoppinsSemiBold.woff2') format('woff2'),
         url('../fonts/PoppinsSemiBold/PoppinsSemiBold.woff') format('woff');
}
body {
    font-family: "Noto Sans SC","PingFang SC", "Microsoft YaHei" !important;
}
input,textarea{
    font-family: "Noto Sans SC","PingFang SC", "Microsoft YaHei" !important;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "Noto Sans SC","PingFang SC", "Microsoft YaHei" !important;
}
.search-main{
    --colormain1: var(--colorbj) !important;
    --color4: var(--colorfff) !important;
}
/* 英文站换行规则 */
/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
} */
:root {
    /* 字号 */
    --font90: 90px;
    --font48: 48px;
    --font40: 40px;
    --font32: 32px;
    --font28: 28px;
    --font24: 24px;
    --font20: 20px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line16: 1.6;
    /* 导航-高度 */
    --headh: 80px;
    /* 颜色 */
    --color131: #131415;
    --color838: #838193;
    --color666: #666666;
    --colorfff: #FFFFFF;
    --colormain: linear-gradient(90deg, rgba(226, 5, 34, 1) 0%, rgba(95, 36, 223, 1) 100%);
    --colorbj:#FF1515;
    /* 板块间距 */
    --space150: 150px;
    --space100:100px;
    --space24: 24px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --semibold:'Lianwei-Semibold';
}
.std-h1 {
    font-size: var(--font90);
    color: var(--color131);
    line-height: var(--line12);
}
.std-h2,
.yxedr-active h2 {
    font-size: var(--font48);
    color: var(--color131);
    line-height: var(--line12);
}
.std-h3,
.yxedr-active h3 {
    font-size: var(--font40);
    color: var(--color131);
    line-height: var(--line13);
}
.std-h4,
.yxedr-active h4 {
    font-size: var(--font32);
    color: var(--color131);
    line-height: var(--line13);
}
.std-h5,
.yxedr-active h5 {
    font-size: var(--font28);
    color: var(--color131);
    line-height: var(--line13);
}
.std-h6,
.yxedr-active h6 {
    font-size: var(--font24);
    color: var(--color131);
    line-height: var(--line13);
}
.std-text20{
    font-size: var(--font20);
    line-height: var(--line13);
    color: var(--color131);
}
.std-text1,
.std-text1 p {
    font-size: var(--font18);
    color: var(--color838);
    line-height: var(--line16);
}
.std-text2,
.std-text2 p {
    font-size: var(--font16);
    color: var(--color838);
    line-height: var(--line16);
}
.std-text3,
.std-text3 p {
    font-size: var(--font14);
    color: var(--color838);
    line-height: var(--line16);
}
.yxedr-active p {
    font-size: var(--font18);
    color: var(--color666);
    line-height: var(--line16);
    margin-bottom: var(--parpspace10);
}
.std-padd150{
    padding: var(--space150) 0;
}
.std-padd150-top{
    padding-top: var(--space150);
}
.std-padd150-bot{
    padding-bottom: var(--space150);
}
.std-padd100{
    padding: var(--space100) 0;
}
.std-padd100-top{
    padding-top: var(--space100);
}
.std-padd100-bot{
    padding-bottom: var(--space100);
}
.yxedr-active h2, .yxedr-active h3 {
    margin-bottom: var(--parpspace16);
}
.yxedr-active h4 {
    margin-bottom: var(--parpspace12);
}
.yxedr-active h5 {
    margin-bottom: var(--parpspace10);
}

/*分享翻译*/
.ys-wechat-cont-parga p::before{
    content: '分享到 - 微信';
    /* content: 'Share the - weixin'; */
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, 0.3) !important;
    white-space: nowrap;
}
/*导航默认选中*/
.yxnav-active1 {

}
.yxnav-active2 {

}
/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child){
    display: none;
}
/* 省略号 */
.line-clamp{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 过渡 */
.transition-time1{
    transition: all .4s both;
}
.transition-time2{
    transition: all .5s both;
}
/* 侧边锚点隐藏 */
.mod-anchor{
    opacity: 0;
    transform: translateX(-50%);
    transition: all .4s ease;
}
.mod-anchor.on1 {
    opacity: 1;
    transform: translateX(0%);
}
.mod-anchor ul{
    transition: all .4s ease;
}
.mod-anchor:not(.act) ul{
    opacity: 1;
    transform: translateX(0%);
}
.mod-anchor.act ul{
    opacity: 0;
    transform: translateX(-50%);
}
/* 轮播箭头 */
.swiper-button-disabled, 
.slick-disabled{
    pointer-events: none!important;
    opacity: .5!important;
}
/* 按钮-start */
.std-btn1{
    display: inline-block;
}
.std-btn1-link{
    display: flex;
    align-items: center;
    background: var(--colorbj);
    border-radius: 80px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.std-btn1-link::after{
    content:"";
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: -15%;
    right: 0%;
    width: 130%;
    /* background: #E91212; */
    /* border-radius: 9999px; */
    background: linear-gradient(90deg, rgba(243, 50, 96, 1) 0%, rgba(133, 1, 157, 1) 100%);
    transition: all .4s ease;
    z-index: -1;
    overflow: hidden;
    transform-style: preserve-3d;
    transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(45deg, 0deg);
    pointer-events: none;
}
.std-btn1-link p{
    font-size: var(--font16);
    line-height: 48px;
    color: var(--colorfff);
}
.std-btn1-icon{
    width: 14px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 10px;
    position: relative;
}
.std-btn1-icon img{
    width: 100%;
    transition: all .4s ease;
}
.std-btn1-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.std-btn1.white .std-btn1-link{
    background: #fff;
    border: solid 1px var(--colorbj);
}
.std-btn1.white .std-btn1-link p{
    color: var(--colorbj);
}
.std-btn1.white .std-btn1-icon img:nth-child(2){
    opacity: 1;
}
.std-btn1.white .std-btn1-icon img:nth-child(1){
    opacity: 0;
}
/* 按钮-end */
/* 底部导航-start */
.mod-foot-tit{
    font-weight: 500;
}
.ys-footer, .mod-foot{
    position: relative;
    width: 100%;
    background: var(--color131);
}
.mod-foot-tit{
    text-align: center;
    color: var(--colorfff);
    line-height: 1.2;
    margin-bottom: 20px;
}
.mod-foot-word p{
    text-align: center;
    line-height: 1.8;
    color: var(--colorfff);
}
.mod-foot-btn{
    display: flex;
    justify-content: center;
    margin-top: 26px;
}
.mod-foot{
    padding-top: 118px;
    position: relative;
    z-index: 3;
    background: transparent;
}
.ys-footer{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.ys-footer-bg-pic1 {
    width: 996px;
    position: absolute;
    top: -45%;
    right: -15%;
}
.ys-footer-bg-pic2 {
    width: 672px;
    position: absolute;
    top: -35%;
    right: 10%;
}
.ys-footer-bg img{
    width: 100%;
    opacity: 0.7;
}
.ys-footer-bg{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}
.mod-foot-top{
    margin-bottom: 93px;
}
.mod-foot-min-ul{
    display: flex;
    justify-content: space-between;
    margin: 0 -10px;
}
.mfmu-li{
    padding: 0 10px;
}
.mfmu-li-item-link a{
    font-size: var(--font18);
    line-height: var(--line13);
    font-weight: 700;
    color: var(--colorfff);
}
.mfmu-li-item-link{
    margin-bottom: 16px;
}
.mfmu-li-item ul li a{
    font-size: var(--font16);
    line-height: var(--line13);
    color:rgba(255,255,255,0.7);
    transition: all .4s ease;
}
.mfmu-li-item{
    margin-bottom: 30px;
}
.mfmu-li-item:last-child{
    margin-bottom: 0px;
}
.mfmb-fr{
    flex-shrink: 0;
}
.mfmb-fr-ul{
    display: flex;
    margin: 0 -11px;
}
.mfmb-fr-ul-li{
    padding: 0 11px;
}
.mful-box{
    width: 100%;
    position: relative;
}
.mful-code{
    width: 104px;
    margin-bottom: 3px;
}
.mful-code img{
    width: 100%;
}
.mful-word p{
    text-align: center;
    font-size: 12px;
    line-height: 2;
    color: rgba(255,255,255,0.6);
}
.mod-foot-min-bot{
    display: flex;
    justify-content: space-between;
}
.mod-foot-min-ph{
    display: none;
}
.mfmb-fl{
    width: 100%;
    padding-right: 78px;
}
.mfmb-fl-list{
    display: flex;
    margin: 0 -40px;
}
.mfmb-fl-list-item{
    padding: 0 40px;
}
.mfli-box-text{
    color: var(--colorfff);
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 5px;
}
.mfmb-fl-list-item1 .mfli-box-word a, 
.mfmb-fl-list-item2 .mfli-box-word a{
    display: inline-block;
    font-family: var(--semibold) !important;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: var(--font20);
    line-height: 1.1;
}
.mfmb-fl{
    padding-top: 16px;
}
.mfmb-fl-wrap{
    padding-top: 33px;
    border-top: solid 1px rgba(255,255,255,0.1);
}
.mod-foot-min-bot{
    margin-top: 45px;
    align-items: flex-start;
}
.mfmb-fl-list-item3 .mfli-box-word p a, 
.mfmb-fl-list-item4 .mfli-box-word p{
    color: #B0B4BB;
    font-size: var(--font14);
    line-height: 1.5;
}
.mod-foot-bt{
    width: 100%;
    padding:12px 0 10px;
    background: #212121;
}
.mod-foot-bt-cry{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mltu-li{
    padding: 0 15px;
    position: relative;
}
.mltu-li::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 80%;
    transform: translateY(-50%);
    background: #404144;
}
.mltu-li:last-child::after{
    display: none;
}
.mfbc-le-tp-ul{
    display: flex;
    margin: 0 -15px;
    margin-bottom: 4px;
}
.mltu-li a{
    color: rgba(255,255,255,0.6);
    line-height: 1.4;
    font-size: var(--font14);
    transition: all .4s ease;
    display: block;
}
.mfbc-le-bt p span, .mfbc-le-bt p a{
    display: inline-block;
    font-size: var(--font14);
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.60);
}
.mfbc-le-bt p a{
    margin-left: 15px;
}
.mod-foot-min-bot{
    padding-bottom: 25px;
}
.mod-foot-bt .ys-select-bd {
    top: auto;
    bottom: 100%;
}
.mfbc-ri-demo input{
    height: 40px;
    font-size: 12px;
    line-height: 1.8;
    color: var(--colorfff);
    padding-left: 20px;
}
.mfbc-ri-demo input::placeholder{
    color: var(--colorfff) !important;
}
.ys-select-icon{
    width: 16px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}
.ys-select-icon img{
    width: 100%;
}
.mfbc-ri-demo{
    border-radius: 5px;
    border: 1px solid #606266;
    width: 120px;
    padding: 0 18px;
}
.mfbc-ri-demo .ys-select-xtbbox {
    right: -4px;
    font-size: 0;
}
.mfbc-ri-demo .icon-arrow-down:before {
    content: "\e7b2";
    color: #fff;
    font-size: 8px;
}
.mfbc-ri-demo .iconfont{
    font-size: 8px;
}
.mfbc-ri-demo .ys-select-show{
    padding-right: 12px;
}
.mfbc-ri-demo .ys-select-bd{
    max-height: 120px;
    padding: 10px 18px;
    border-radius: 5px;
    background: #212121;
    border: solid 1px rgba(255,255,255,0.3);
}
.mCSB_outside+.mCSB_scrollTools {
    right: 0;
    top: 5px;
    bottom: 5px;
}
.ys-select .mCSB_outside+.mCSB_scrollTools{
    opacity: 0;
    transition-delay: all .4s;
    transition: all .36s;
}
.ys-select.zindex .mCSB_outside+.mCSB_scrollTools{
    opacity: 1;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{
    background: rgba(0,0,0,0.2) !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: linear-gradient(180deg, #F33260 0%, #85019D 100%) !important;
    width: 2px !important;
    border-radius: 0px !important;
}
.ys-select-li, .ys-select-li a{
    font-size: var(--font16);
    line-height: var(--line13)
}
.mfbc-ri-demo .ys-select-li a{
    color: rgba(255,255,255,0.3);
    font-size: var(--font14);
    transition: all .4s ease;
}
/* 底部导航-end */
/* 顶部导航-start */
.head-nav-item-nub{
    padding: 0px;
    margin: 0 12px;
}
.head-nav-item-title{
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 10px 0 14px;
}
.head-nav-item-title::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 43.75%;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.12);
    z-index: -1;
    opacity: 0;
    transition: all .4s ease;
}
.head-nav-item.yxnav-active1 .head-nav-item-title::after{
    opacity: 1;
}
.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title::after, 
.ys-hd-pc.ishover .head-nav-item.yxnav-active1 .head-nav-item-title::after{
    background: rgba(131, 129, 147, 0.1);
    opacity: 1;
}
.head-nav-item-title .ys-imgbox-cover{
    width: 14px;
    flex-shrink: 0;
    margin-left: 8px;
}
.head-nav-item-title .ys-imgbox-cover img:nth-child(2){
    opacity: 0;
}
.head-nav-item-title, 
.head-nav-item-title p{
    line-height: var(--headh);
}
.head-nav-item-title p{
    color: var(--colorfff);
    font-size: var(--font16);
    transition: all .4s ease;
}
.head-logo{
    width: 222px;
    margin-right: 36px;
}
.mod-nav{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mod-nav-le{
    display: flex;
}
.mod-nav-ri{
    display: flex;
    align-items: center;
}
.ys-hd-pc{
    padding: 0 53px 0 243px;
}
.head-num a{
    display: block;
    line-height: var(--headh);
    color: var(--colorfff);
    font-size: var(--font20);
    font-family: var(--semibold) !important;
}
.head-num{
    margin-right: 37px;
}
.head-btn{
    margin-right: 69px;
}
.ys-search5-icon{
    width: 32px;
    cursor: pointer;
    line-height: var(--headh);
    position: relative;
    transition: all .4s ease;
}
.ys-search5-icon img{
    width: 100%;
    transition: all .4s ease;
}
.ys-search5-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: calc(50% + 2px);
    left: 50%;
    transform: translate(-50%,-50%);
}
.ys-search5-pop{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: url(../images/bo6bj.jpg) center / cover no-repeat;
    display: none;
}
.ys-search5-pop .ys-modal-close {
    right: 6%;
    top: 4%;
    font-size: 28px;
    font-weight: 400;
}
.ys-search5-pop .ys-modal-close .iconfont {
    color: #999;
    font-size: inherit;
}
.yspc-wrap{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.yspc-wrap-tit{
    font-size: 44px;
    line-height: 1.5;
    color: #000;
    margin-bottom: 28px;
}
.yspc-wrap-input{
    width: 100%;
    border: 1px solid #999;
    border-radius: 50px;
    padding-right: 30px;
    display: flex;
    align-items: center;
    height: 80px;
}
.yspc-wrap-input-icon{
    width: 40px;
    cursor: pointer;
    line-height: 78px;
}
.yspc-wrap-input-icon img{
    width: 100%;
}
.yspc-wrap-input-text{
    width: calc(100% - 40px);
    padding: 0 30px;
    height: 100%;
}
.yspc-wrap-input-text input{
    font-size: 24px;
    color: #333;
    width: 100%;
    height: 100%;
}
.yspc-wrap-input-text input::placeholder{
    font-size: 24px;
    color: #666;
}
.ys-search5-pop-cont{
    width: 100%;
    height: 100%;
}
.head-lang-top-circle{
    width: 28px;
}
.head-lang-top-jian{
    width: 24px;
    margin-left: 4px;
    transition: all .4s ease;
}
.ys-hd-pc.isfixed .head-num a,
 .ys-hd-pc.ishover .head-num a,
 .ys-page-wrap.act .head-num a{
    color: var(--color131);
}
.ys-hd-pc.isfixed .ys-search5-icon img:nth-child(2),
 .ys-hd-pc.ishover .ys-search5-icon img:nth-child(2),
 .ys-page-wrap.act .ys-search5-icon img:nth-child(2){
    opacity: 1;
}
.ys-hd-pc.isfixed .head-nav-item-title p,
 .ys-hd-pc.ishover .head-nav-item-title p, 
 .ys-page-wrap.act .head-nav-item-title p{
    color: var(--color131);
}
.ys-hd-pc.isfixed .head-nav-item-title img:nth-child(2), 
.ys-hd-pc.ishover .head-nav-item-title img:nth-child(2), 
.ys-page-wrap.act .head-nav-item-title img:nth-child(2){
    opacity: 1;
}
.mpul-link-icon, .plli-pic{
    width: 20px;
    flex-shrink: 0;
    margin-right: 8px;
}
.mpul-link-icon img, .plli-pic img{
    width: 100%;
}
.mpul-link{
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.mpul-link p, .plli-cry p{
    font-size: var(--font18);
    line-height: var(--line12);
    color: var(--color131);
    position: relative;
    transition: all .4s ease;
}
.mpul-link p::after, .plli-cry p::after{
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    font-size: var(--font18);
    line-height: var(--line12);
    background:  linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all .4s ease;
}
.mod-pull-ul-li{
    margin-bottom: 29px;
}
.mod-pull-ul-li:last-child{
    margin-bottom: 0px;
}
.mod-pull-bot{
    padding:36px 30px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
    background: #fff;
}
.mod-pull-icon{
    width: 14px;
    height: 14px;
    background: #fff;
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}
.head-nav-item-down{
    background: transparent;
    padding-top: 14px;
}
.mod-pull-ul-li.yxnav-active2 p::after,
.pplu-li-list-item.yxnav-active2 p::after{
    opacity: 1;
}
.mod-pull-ul-li.yxnav-active2 p,
.pplu-li-list-item.yxnav-active2 p{
    color: transparent;
}
.head-lang.act .head-lang-top-jian{
    transform: rotate(180deg);
}
.head-lang-down{
    background: #fff;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
}
.head-ldi-nub a{
    position: relative;
    color: var(--color131);
    font-size: var(--font16);
    line-height: var(--line13);
    transition: all .4s ease;
}
.head-ldi-nub a::after{
    content: attr(data-text);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: var(--font16);
    line-height: var(--line13);
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all .4s ease;
}
.head-ldi-nub.active a{
    color: transparent;
}
.head-ldi-nub.active a::after{
    opacity: 1;
}
.prod-pull, .serv-pull{
    width: 1174px;
    left: -206px;
    transform: translateX(0%);
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
}
.prod-pull .mod-pull-icon, 
.serv-pull .mod-pull-icon {
    left: 242px;
    transform: translateX(0%) rotate(45deg);
}
.prod-pull-le{
    width: 58%;
}
.prod-pull-cont{
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    background: #F5F5FA;
}
.prod-pull-ri{
    width: 42%;
}
.pplu-li span{
    font-size: var(--font16);
    line-height: var(--line12);
    color: var(--color838);
    display: block;
}
.pplu-li-list-item{
    width: 50%;
    padding: 0 10px;
    margin-top: 25px;
}
.pplu-li-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.plli-cry{
    display: flex;
    align-items: center;
}
.pplu-li{
    padding: 35px 40px;
    background: #fff;
    margin-bottom: 4px;
    border-radius: 10px;
}
.pplu-li:last-child{
    margin-bottom: 0px;
}
.prod-pull-cont{
    display: flex;
}
.prod-pull-ri{
    padding: 32px 53px;   
}
.prod-pull-ri-wrap span{
    color: var(--color838);
    line-height: var(--line12);
    display: block;
    font-size: var(--font16);
    margin-bottom: 28px;
}
.pprw-link-cont{
    display: block;
}
.pprw-link{
    width: 100%;
}
.pprw-link .ys-imgbox-cover{
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
.pprw-link-tit{
    font-size: var(--font18);
    color: var(--color131);
    line-height: var(--line16);
    font-weight: 500;
    position: relative;
    transition: all .4s ease;
}
.pprw-link-tit::after{
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    font-size: var(--font18);
    line-height: var(--line16);
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all .4s ease;
}
.serv-pull-btn{
    display: inline-block;
    margin-bottom: 17px;
}
.serv-pull-btn-link{
    display: flex !important;
    align-items: center;
}
.serv-pull-btn-link p{
    font-size: var(--font20);
    line-height: var(--line12);
    background: linear-gradient(90deg, rgba(243, 50, 96, 1) 0%, rgba(133, 1, 157, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.spbl-icon{
    width: 14px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 4px;
}
.spbl-icon img{
    width: 100%;
}
/* 顶部导航-end */
/* 公共样式 - end */
/* 面包屑-start */
.mod-bread{
    position: absolute;
    top:calc(var(--headh) + 10px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}
.ys-bread-list a{
    opacity: 0.7;
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--colorfff);
}
.ys-bread-list::before{
    content: '\e743';
    font-family: 'iconfont' !important;
    font-size: 12px;
    color: #fff;
    opacity: 0.7;
}
/* 面包屑-end */
/* 辅助-start */
/* Lucas start*/
/* 案例详情 */
.details-top-box,
.details-cntr-box {
    /* max-width: 1440px;
    margin: auto;
    width: 85vw; */
    display: flex;
    flex-direction: row;
    align-items: center;
}
.details-top-box-left,
.details-top-box-right {
    width: 50%;
}
.details-top-box-left {
    padding-right: 90px;
}
.dtbl-title {
    color: var(--color131);
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: var(--line16);
    margin-bottom: 52px;
}
.dtbl-num {
    display: flex;
    flex-direction: row;
    margin: 0 -45px;
}
.dtbl-num-left-num {
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: var(--line16);
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.dtbl-num-left-num span {
    font-size: var(--font20);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line16);
}
.dtbl-num-left-text {
    color: var(--color838);
    font-size: var(--font16);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line16);
}
.dtbl-num-left {
    align-self: stretch;
    padding: 0 45px;
}
.dtbr-imgbox {
    border-radius: 18px;
    overflow: hidden;
}
.dtbr-imgbox img {
    border-radius: 18px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: all 0.4s ease;
}
.dtbl-logo {
    width: 180px;
    margin-bottom: 38px;
}
.dtbl-logo img {
    width: 100%;
}
.details-cntr-box-left {
    width: 34%;
    padding-right: 122px;
}
.dcbl-box {
    border-radius: 10px;
    background: #F3F5F9;
    padding: 37px 34px 33px 41px;
    width: 100%;
}
.dcbl-info-name {
    color: var(--color838);
    font-size: var(--font20);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line16);
    margin-bottom: 8px;
}
.dcbl-info-text {
    color: var(--color131);
    font-size: var(--font24);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line16);
}
.dcbl-info {
    margin-bottom: 34px;
}
.dcbl-cp {
    margin-bottom: 62px;
}
.dcbl-cp-list {
    margin-bottom: 10px;
}
.dcbl-cp-ul .dcbl-cp-list:last-child {
    margin-bottom: 0;
}
.dcbl-info-gra {
    position: relative;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 5px;
    color: transparent;
    background: transparent;
}
.dcbl-cp-list .dcbl-cp-list:last-child {
    margin-bottom: 0px;
}
.dcbl-info .dcbl-info-gra:nth-child(3) {
    margin-bottom: 62px;
}
.dcbl-btn {
    margin-bottom: 44px;
}
/* 文字渐变 */
.dcbl-info-gra span {
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* 渐变边框 */
.dcbl-info-gra::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    padding: 1px;
    background: linear-gradient(90deg, #F33260, #85019D);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.details-cntr-box-right {
    width: 66%;
}
.dcbl-btn .std-btn1 {
    display: inline-block;
    width: 100%;
}
.dcbl-btn .std-btn1-link {
    border-radius: 5px;
    padding: 0 20px;
    justify-content: center;
}
.dcbl-btn-info {
    display: block;
    color: var(--colorfff);
    font-size: var(--font16);
    font-style: normal;
    font-weight: 500;
    position: relative;
    text-align: center;
    margin-left: -20px;
    padding: 16px 20px;
    transition: all 0.4s ease;
}
.dcbl-btn-info::after {
    content: "";
    background: url(../images/a1_nav02.svg) no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 68%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.dcbl-code {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dcbl-code-img {
    width: 104px;
    margin-bottom: 8px;
}
.dcbl-btn .std-btn1-link::after {
    border-radius: 5px;
}
.dcbl-code-text {
    color: var(--color838);
    font-size: var(--font20);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line16);
}
.details-top {
    margin-bottom: 125px;
}
.dcbr-top-cntr p {
    font-size: var(--font24);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line16);
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.details-cntr-box {
    align-items: flex-start;
}
.dcbr-top svg {
    width: 37px;
}
.dcbr-top {
    margin-bottom: 30px;
}
.details-page .yxedr-active h6 {
    color: var(--color131);
    font-size: var(--font20);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line16);
    margin-bottom: 7px;
}
.dcbr-bottom h6 {
    color: var(--color131);
    font-size: var(--font20);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line16);
    margin-bottom: 7px;
}
.details-page .yxedr-active p {
    color: var(--color666);
    font-size: var(--font18);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line16);
    margin-bottom: 20px;
}
.dcbr-bottom p:last-child {
    margin: 0 !important;
}
.details-page .yxedr-active p:last-child {
    margin: 0 !important;
}
.dcbr-bottom p img {
    width: 100%;
    border-radius: 18px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.details-scheme {
    background: #F3F5F9;
}
.details-scheme-box {
    width: 85vw;
    max-width: 1440px;
    margin: auto;
    position: relative;
}
.details-scheme.empty .dsbs-pagination {
    display: none;
}
.details-scheme.empty .swiper-container{
    padding-bottom: 0px !important;
}
.details-scheme .swiper-container{
    padding-bottom: 30px;
}
.details-scheme-box-title {
    text-align: center;
    font-size: var(--font40);
    font-weight: 600;
    line-height: var(--line12);
    background: linear-gradient(90deg, #F03161 0%, #86029D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 35px;
    display: inline-block;
}
.dwsi-cry svg {
    margin-bottom: 3px;
    width: 50px;
}
.dwsi-cry-title {
    color: var(--color131);
    font-size: var(--font24);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line13);
    margin-bottom: 10px;
}
.dwsi-cry-text {
    color: var(--color838);
    font-size: var(--font14);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line12);
    margin-bottom: 26px;
    line-height: 1.2;
    height: 2.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.dwsi-cry-more {
    color: var(--colorbj);
    font-size: var(--font16);
    font-weight: 500;
    line-height: var(--line12);
    position: relative;
}
.dwsi-cry-more::after {
    content: "";
    background: url(../images/a1_nav02_1.svg) no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    background-size: contain;
    position: absolute;
    left: 18%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.dsbs-wrapper {
    margin: 0 -14px;
}
.dsbs-wrapper-slide {
    display: flex;
    /* width: calc(100% / 3) !important; */
    padding: 0 14px;
    height: auto !important;
    align-items: stretch;
}
.dsbs-wrapper-slide-info {
    display: block;
    border-radius: 10px;
    background: #FFF;
    padding: 20px 18px;
}
.details-scheme {
    padding: 96px 0 125px;
    position: relative;
}
.dsbs-prev.swiper-button-prev {
    transform: rotate(180deg);
}
.dsbs-prev:after,
.dsbs-prev .dsbs-prev:after {
    content: unset !important;
}
.dsbs-prev,
.dsbs-next {
    width: 43px !important;
    height: 43px !important;
    top: 62% !important;
    transition: all 0.4s ease;
}
.dsbs-prev {
    left: -80px !important;
}
.dsbs-next {
    right: -50px !important;
}
.dsbs-prev img {
    width: 100%;
}
.dsbs-next img {
    width: 100%;
}
.dsbs-next:after,
.dsbs-next .dsbs-next:after {
    content: unset !important;
}
.details-story-box {
    text-align: center;
    position: relative;
}
.details-story-pagination {
    display: block;
    position: absolute;
    left: 50%;
    bottom: -40px;
    z-index: 1;
    transform: translate(-50%, 0%);
}
.details-story.empty .details-story-pagination {
    opacity: 0;
}
.details-story-pagination {
    display: block;
    position: absolute;
    left: 50%;
    bottom: -40px;
    z-index: 1;
    transform: translate(-50%, 0%);
    transition: all 0.4s ease;
    margin-left: -10px;
    opacity: 1;
}
.details-story-pagination .swiper-pagination-bullet {
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    opacity: .2;
    transition: all 0.4s ease;
    margin-right: 10px;
}
.details-story-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    transition: all 0.4s ease;
}
.dllb-info-title {
    color: var(--color131);
    font-size: var(--font20);
    font-weight: 500;
    line-height: var(--line16);
    margin-bottom: 12px;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: left;
    position: relative;
    transition: all 0.4s ease;
}
.dllb-info-title::before {
    content: attr(data-text);
    font-size: var(--font20);
    font-weight: 500;
    line-height: var(--line16);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all 0.4s ease;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 100%;
}
.dllb-info-tag {
    overflow: hidden;
    color: var(--color838);
    text-overflow: ellipsis;
    font-size: var(--font16);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line13);
    border-radius: 2px;
    background: #E5E9F3;
    width: fit-content;
    padding: 4px 10px;
}
.dsbl-list-link {
    display: block;
}
.dllb-imgbox {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.dllb-imgbox-mark {
    position: absolute;
    border-radius: 5px 5px 5px 10px;
    background: #FFF;
    width: 139px;
    height: 78px;
    left: 5px;
    bottom: 5px;
}
.dllb-img {
    border-radius: 10px;
}
.dllb-img img {
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.dllb-imgbox-mark-logo {
    width: 117px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.details-story {
    padding: 0 0 var(--space150);
}
.details-cntr {
    padding-bottom: 156px;
}
.dcbl-info-product {
    margin-bottom: 11px;
}
/* 咨询详情 */
.infodet-box {
    display: flex;
    flex-direction: row;
    margin-bottom: var(--space150);
}
.infodet-box-left {
    width: 66%;
}
.infodet-box-right {
    width: 34%;
    padding-left: 145px;
    margin-top: 29px;
}
.infodet-box-left-cry p {
    color: var(--color666);
    font-size: var(--font18);
    font-weight: 400;
    line-height: var(--line16);
    margin-bottom: 11px;
}
.infodet-page .yxedr-active p {
    color: var(--color666);
    font-size: var(--font18);
    font-weight: 400;
    line-height: var(--line16);
    margin-bottom: 11px;
}
.iblt-time {
    opacity: 0.7;
    color: var(--color838);
    font-size: var(--font18);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line16);
}
.iblt-title {
    color: var(--color131);
    font-size: 36px;
    font-weight: 500;
    line-height: var(--line16);
}
.infodet-box-left-top {
    padding-bottom: 21px;
    border-bottom: 1px solid #D9D9D9;
}
.infodet-box-left-cry {
    padding: 28px 0;
    border-bottom: 1px solid #D9D9D9;
}
.infodet-box-left-article {
    padding-top: 40px;
}
.ibrl-li-link-article {
    color: var(--color666);
    font-size: var(--font18);
    font-weight: 400;
    line-height: var(--line16);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
}
.ibrl-li-link-article span {
    color: var(--color666);
    font-size: var(--font18);
    font-weight: 400;
    line-height: var(--line16);
    position: relative;
    transition: all 0.4s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}
.ibrl-li {
    margin-bottom: 11px;
}
.infodet-box-right-list .ibrl-li:last-child {
    margin-bottom: 0px;
}
.ibrl-li-link-article span::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all 0.4s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.ibrt-list-cry .ibrt-list-cry-li:last-child {
    padding-bottom: 0;
}
.ibrl-li-link {
    display: flex;
    flex-direction: row;
}
.infodet-box-right-top {
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    padding: 22px 26px 56px 24px;
    margin-bottom: 20px;
}
.ilcl-link-img {
    border-radius: 8px;
    margin-bottom: 13px;
}
.ilcl-link-img img {
    border-radius: 8px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.ilcl-link-cry-time {
    color: var(--color838);
    font-size: var(--font16);
    font-weight: 400;
    line-height: var(--line16);
    margin-bottom: 6px;
}
.ibrt-title {
    color: var(--color131);
    font-size: var(--font20);
    font-weight: 500;
    line-height: var(--line16);
    margin-bottom: 10px;
}
.ilcl-link-cry-title {
    font-size: var(--font18);
    line-height: var(--line16);
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--color131);
    transition: all 0.4s ease;
    position: relative;
}
.ilcl-link-cry-title::before {
    content: attr(data-text);
    font-size: var(--font18);
    line-height: var(--line16);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all 0.4s ease;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 100%;
}
.ilcl-link {
    display: block;
    width: 100%;
}
.ibrt-list-cry-li {
    margin-bottom: 44px;
}
.ibrt-list-ul {
    display: flex;
    flex-direction: row;
    margin: 0 -18px;
}
.ibrt-list-ul-li {
    width: 50%;
    padding: 0 18px;
}
.ilul-link img {
    width: 140px;
}
.ilul-link {
    width: 100%;
    display: block;
    text-align: center;
}
.ibrb-title {
    margin-bottom: 5px;
}
.ilul-link-text {
    color: var(--color131);
    text-align: center;
    font-size: var(--font16);
    line-height: var(--line16);
}
.ibrt-box {
    padding: 22px 27px 25px;
}
/* 案例列表 */
.caselist-tag-box {
    text-align: center;
    position: relative;
}
.ctbt-list-li-next,
.ctbt-list-li-prev {
    /* display: none; */
}
.caselist-tag-box-title {
    display: inline-block;
    text-align: center;
    font-size: var(--font48);
    font-weight: 600;
    line-height: var(--line13);
    margin-bottom: 37px;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ctbt-list {
    justify-content: center;
}
.ctbt-list-li {
    width: auto !important;
}
.ctbt-list-li-link {
    transition: all 0.4s ease;
    display: block;
    width: auto;
    padding: 9px 18px;
    overflow: hidden;
    color: var(--color131);
    text-overflow: ellipsis;
    font-size: var(--font18);
    line-height: var(--line16);
    position: relative;
    box-sizing: border-box;
}
.ctbt-list-li-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 100%;
    width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    border: 1px solid rgba(131, 129, 147, 0.50);
    padding: 8.5px 0px;
    transition: all 0.4s ease;
    box-sizing: border-box;
}
.ctbt-list-li.active .ctbt-list-li-link{
    border: 1px solid transparent;
    color: var(--colorfff);
}
.ctbt-list-li.active .ctbt-list-li-link::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 1;
    transition: all 0.4s ease;
    border: 1px solid transparent;
    border-image: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    border-image-slice: 1;
    width: 100%;
    display: block;
    height: 100%;
    padding: 8.5px 0px;
    box-sizing: border-box;
}
.ctbt-list-li-link::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all 0.4s ease;
    border: 1px solid transparent;
    border-image: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    border-image-slice: 1;
    width: 100%;
    display: block;
    height: 100%;
    padding: 8.5px 0 8px;
    box-sizing: border-box;
    font-size: var(--font18);
    line-height: var(--line16);
}
.caselist-page .details-top {
    background: #FAFAFB;
    padding: 41px 0 66px;
    position: relative;
}
.caselist-page .details-top::before {
    content: "";
    width: 32%;
    height: 100%;
    display: block;
    background-color: var(--colorfff);
    position: absolute;
    right: 0;
    top: 0;
}
.caselist-tag {
    padding-bottom: 46px;
}
.caselist-page .dtbl-num {
    margin: 0 -45px 68px;
}
.caselist-page .dwsi-cry-more::after {
    right: -4px;
    left: auto;
    top: 53%;
}
.caselist-page .dwsi-cry-more {
    width: 82px;
    color: var(--colorbj);
    font-size: var(--font16);
    font-weight: 500;
    line-height: var(--line16);
    position: relative;
}
.caselist-page .dtbl-title {
    color: var(--color131);
    font-size: 28px;
    font-weight: 500;
    line-height: var(--line16);
    margin-bottom: 33px;
}
.caselist-page .dtbl-logo {
    width: 175px;
    margin-bottom: 26px;
}
.caselist-page .details-story-box-list {
    margin: 0 auto 80px;
    max-width: 1440px;
    width: 85vw;
}
.caselist-page .dsbl-list {
    margin: 0 -12px -80px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.caselist-page .dsbl-list-li {
    padding: 0 12px 80px;
    width: calc(100% / 3);
}
.dsbl-pcfy .comp-tabli li {
    color: var(--color838);
    font-size: var(--font16);
    line-height: var(--line12);
    text-align: center;
}
.dsbl-pcfy .comp-tabli.active li {
    color: var(--color131);
    text-align: center;
    font-size: var(--font16);
    line-height: var(--line12);
}
.dsbl-pcfy .pc-fenye li.activepage {
    border-radius: 5px;
    border: 1px solid var(--colorbj);
    background: linear-gradient(90deg, #FEF9F5 0%, #F6F4FF 100%);
    color: var(--color131);
}
.caselist-page .dllb-imgbox-mark {
    display: flex;
    justify-content: center;
    transition: all 0.4s ease;
    align-items: center;
}
.caselist-page .dllb-imgbox-mark-logo {
    width: 117px;
    position: unset;
    transform: unset;
    transition: all 0.4s ease;
    height: auto;
}
.caselist-list {
    margin-bottom: var(--space150);
}
/* H3 */
.copdet-page .ys-main {
    margin-top: 0 !important;
}
.copdet-banner-box {
    max-width: 1440px;
    margin: auto;
    width: 85vw;
    position: relative;
    z-index: 1;
}
.copdet-banner {
    background: #000;
    padding: 144px 0 114px;
}
.copdet-banner-box-bgleft {
    max-width: 1440px;
    position: absolute;
    width: 672px;
    top: -510px;
    right: 500px;
    opacity: 0.5;
}
.copdet-banner-box-bg {
    max-width: 1440px;
    margin: auto;
    width: 85vw;
    position: relative;
}
.copdet-banner-box-bgright {
    max-width: 1440px;
    position: absolute;
    width: 996px;
    top: -550px;
    right: 0px;
    opacity: 0.7;
}
.copdet-banner-box-time {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line16);
    opacity: 0.7;
    margin-bottom: 15px;
}
.copdet-banner-box-title {
    color: var(--colorfff);
    font-size: 36px;
    font-weight: 500;
    line-height: var(--line16);
}
.copdet-cry-box {
    display: flex;
    flex-direction: row;
}
.copdet-cry-left {
    width: 66%;
}
.copdet-cry-right {
    width: 34%;
    padding-left: 122px;
}
.copdet-cry-left-text p
/* , .copdet-cry-left-text section  */
{
    color: var(--color666);
    font-size: var(--font18);
    line-height: var(--line16);
    margin-bottom: 11px;
}
.copdet-page .yxedr-active p {
    color: var(--color666);
    font-size: var(--font18);
    line-height: var(--line16);
    margin-bottom: 11px;
}
.copdet-cry-left-text p img {
    width: 100%;
}
.copdet-page .yxedr-active p img {
    width: 100%;
}
.copdet-cry {
    margin-top: 50px;
    margin-bottom: 90px;
}
/* .infodet-page .infodet-box-right-bottom {
    padding-bottom: 60px;
} */
.copdet-page .infodet-box-right-top {
    border-radius: unset;
    border: unset;
    padding: unset;
    margin-bottom: 18px;
}
.copdet-cry-left-text p:last-child {
    margin-bottom: 0;
}
.infodet-box-left-cry p:last-child {
    margin-bottom: 0;
}
.infodet-box-left-cry .yxedr-active p:last-child {
    margin-bottom: 0;
}
.copdet-page .ibrt-list-cry-li {
    margin-bottom: 18px;
}
.copdet-page .ibrt-list-cry-li a {
    padding: 22px 17px 22px 19px;
    border-radius: 10px;
    border: 1px solid #E0E9EE;
    background: #FFF;
    box-shadow: 0px 4px 62.8px 0px rgba(0, 75, 121, 0.15);
    transition: all 0.4s ease;
}
.copdet-page .ilcl-link-img {
    border-radius: 8px;
    margin-bottom: 11px;
}
.copdet-page .infodet-box-right-bottom {
    margin-bottom: 60px;
}
.copdet-page .ilcl-link-cry-time {
    margin-bottom: 7px;
}
.copdet-page .ilcl-link-cry-title {
    font-size: var(--font20);
}
.copdet-page .ilcl-link-cry-title::before {
    font-size: var(--font20);
}
.copdet-page .ibrt-title {
    font-size: var(--font20);
    line-height: var(--line16);
    margin-bottom: 18px;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    font-weight: 400;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.ilul-code {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 62.8px 0px rgba(0, 75, 121, 0.15);
    display: flex;
    flex-direction: row;
    padding: 28px 31px 27px;
}
/* H2 */
.coplist-page .ys-main {
    margin-top: 0 !important;
}
.coplist-first-box-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #E0E9EE;
    background: #FFF;
    box-shadow: 0px 4px 62.8px 0px rgba(0, 75, 121, 0.15);
}
.coplist-first {
    padding: 80px 0 0;
}
.coplist-list {
    padding-top: 12px;
}
.coplist-first-box-left {
    width: 50%;
}
.coplist-first-box-right {
    width: 50%;
    padding-left: 50px;
    padding-right: 55px;
}
.cfbr-time {
    color: var(--color838);
    font-size: var(--font18);
    line-height: var(--line16);
    margin-bottom: 11px;
}
.cfbr-title {
    color: var(--color131);
    font-size: var(--font24);
    font-weight: 500;
    line-height: var(--line16);
    margin-bottom: 14px;
    position: relative;
    transition: all 0.4s ease;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.cfbr-title::before {
    content: attr(data-text);
    font-size: var(--font24);
    font-weight: 500;
    line-height: var(--line16);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all 0.4s ease;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 100%;
}
.cfbr-text {
    color: var(--color838);
    font-size: var(--font18);
    line-height: var(--line16);
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 34px;
}
.cfbl-img {
    border-radius: 10px 0px 0px 10px;
}
.cfbl-img img {
    border-radius: 10px 0px 0px 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.cllb-info-time {
    color: var(--color838);
    font-size: var(--font18);
    line-height: var(--line16);
    margin-bottom: 11px;
}
.cllb-info-title {
    color: var(--color131);
    font-size: var(--font20);
    font-weight: 500;
    line-height: var(--line16);
    position: relative;
    transition: all 0.4s ease;
    margin-bottom: 25px;
    height: 4.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.coplist-page .cllb-info-title {
    color: var(--color131);
    font-size: var(--font20);
    font-weight: 500;
    line-height: var(--line16);
    position: relative;
    transition: all 0.4s ease;
    margin-bottom: 25px;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.cllb-info-title::before {
    content: attr(data-text);
    font-size: var(--font20);
    font-weight: 500;
    line-height: var(--line16);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all 0.4s ease;
    height: 4.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-width: 100%;
}
.coplist-page .cllb-info-title::before {
    content: attr(data-text);
    font-size: var(--font20);
    font-weight: 500;
    line-height: var(--line16);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all 0.4s ease;
    height: 3.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 100%;
}
.cllb-info-more {
    color: var(--colorbj);
    font-size: var(--font16);
    font-weight: 500;
    line-height: var(--line12);
    position: relative;
    width: 82px;
}
.coplist-list-box {
    /* width: 85vw;
    max-width: 1440px;
    margin: auto; */
    padding-bottom: 70px;
}
.cllb-img {
    border-radius: 8px 8px 0px 0px;
}
.cllb-img img {
    border-radius: 8px 8px 0px 0px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.coplist-list-box-ul {
    margin: 0 -12px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.clbu-li {
    height: auto;
    display: flex;
    align-items: stretch;
    width: calc(100% / 3);
    padding: 0 12px;
    margin-top: 24px;
}
.cllb-info-more::after {
    content: "";
    background: url(../images/a1_nav02_1.svg) no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 3px;
    right: 0;
}
.clbu-li-link {
    border-radius: 10px;
    border: 1px solid #E0E9EE;
    background: #FFF;
    box-shadow: 0px 4px 62.8px 0px rgba(0, 56, 91, 0.20);
    display: block;
    width: 100%;
}
.cllb-info {
    padding: 28px 29px 42px 31px;
}
.comp-tabli li {
    color: var(--color838);
    font-size: var(--font16);
    line-height: 1.12px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.comp-tabli.activepage {
    color: var(--color131);
    font-size: var(--font16);
    line-height: 1.12px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid transparent;
    background: linear-gradient(90deg, #FEF9F5 0%, #F6F4FF 100%) !important;
    position: relative;
}
.comp-tabli.activepage::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    padding: 1px;
    background: linear-gradient(90deg, #F33260, #85019D);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: all 0.4s ease;
}
.comp-tabli li {
    position: relative;
}
.comp-tabli li::before {
    opacity: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    padding: 1px;
    background: linear-gradient(90deg, #F33260, #85019D);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: all 0.3s;
}
.coplist-comp-tabli {
    height: 14px;
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7px;
}
.coplist-comp-rotate {
    transform: rotate(180deg);
}
.pc-fenye {
    position: relative;
    display: inline-flex;
    text-align: center;
    align-items: center;
}
.coplist-comp-tabli-right {
    margin-left: 65px;
}
.coplist-comp-tabli-left {
    margin-right: 62px;
}
.coplist-list {
    margin-bottom: var(--space150);
}
.pc-fenye li.activepage {
    color: unset;
    background: unset;
}
/* G1 */
.newslist-top-box {
    position: relative;
    border-radius: 10px;
    z-index: 1;
    padding: 14px 19px 16px;
}
.newslist-top-bg {
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.newslist-top-bg img {
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    height: 100%;
}
.newslist-top {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.newslist-top-box-left {
    width: 30%;
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(243, 50, 96, 0.50) 0%, rgba(133, 1, 157, 0.30) 100%);
    position: relative;
    z-index: 1;
    padding: 58px 32px 86px;
}
.newslist-top-title {
    text-align: center;
    font-size: var(--font48);
    font-weight: 700;
    line-height: var(--line13);
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin-bottom: 33px;
}
.ntbl-topbox-tag {
    color: var(--colorfff);
    text-align: center;
    font-size: var(--font14);
    line-height: var(--line12);
    border-radius: 5px;
    /* border: 1px solid transparent; */
    padding: 4px 10px;
    background: linear-gradient(90deg, rgba(254, 249, 245, 0.20) 0%, rgba(246, 244, 255, 0.20) 100%);
    position: relative;
}
.ntbl-topbox-tag::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    background: linear-gradient(90deg, #F33260, #85019D);
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask-composite: exclude;
    padding: 1px;
}
.ntbl-topbox-time {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line16);
    opacity: 0.6;
    padding-left: 14px;
}
.ntbl-title {
    color: var(--colorfff);
    font-size: var(--font28);
    font-weight: 500;
    line-height: var(--line16);
    margin-bottom: 34px;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.newslist-page .ntbl-title {
    color: var(--colorfff);
    font-size: var(--font28);
    font-weight: 500;
    line-height: var(--line16);
    margin-bottom: 34px;
    height: 4.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.ntbl-cry {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line16);
    opacity: 0.6;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 40px;
}
.ntbl-topbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 14px;
}
.newslist-list-box-left {
    width: 66%;
}
.newslist-list-right {
    width: 34%;
    padding-left: 122px;
}
.nlil-text-time {
    color: var(--color838);
    font-size: var(--font16);
    line-height: var(--line16);
    margin-bottom: 12px;
}
.nlil-text-title {
    color: var(--color131);
    font-size: var(--font20);
    font-weight: 500;
    line-height: var(--line16);
    margin-bottom: 61px;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease;
}
.nlil-text-title::before {
    content: attr(data-text);
    font-size: var(--font20);
    font-weight: 500;
    line-height: var(--line16);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all 0.4s ease;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 100%;
}
.nlil-text-tag-cry {
    color: var(--color838);
    font-size: var(--font16);
    line-height: var(--line13);
    border-radius: 2px;
    background: #E5E9F3;
    padding: 4px 10px;
    margin-right: 16px;
}
.nlil-text-tag .nlil-text-tag-cry:last-child {
    margin-right: 0;
}
.nlbl-list-info {
    padding: 23px 0;
}
.nlbl-list {
    margin: -23px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.nlbl-list-info {
    padding: 23px 0;
    height: 100%;
    width: 100%;
}
.nlbl-list-info-a {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 100%;
    width: 100%;
}
.nlil-text {
    padding-left: 48px;
    width: 64%;
}
.nlil-imgbox {
    width: 36%;
    border-radius: 8px;
}
.nlil-imgbox img {
    border-radius: 8px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.nlil-text-tag {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.newslist-list {
    padding-top: 43px;
    margin-bottom: var(--space150);
}
.newslist-list-box {
    display: flex;
    flex-direction: row;
    padding-bottom: 80px;
}
.newslist-list-right-tag {
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    padding: 22px 24px 37px;
    margin-bottom: 20px;
}
.ntll-a {
    background: #E5E9F3;
    padding: 4px 10px;
    border-radius: 2px;
}
.ntll-link {
    color: var(--color838);
    font-size: var(--font16);
    line-height: var(--line13);
    position: relative;
    transition: all 0.4s ease;
}
.ntll-link::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all 0.4s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 100%;
}
.nlrt-tag-list {
    margin: -3px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.nlrt-tag-list-li {
    padding: 3px;
    width: auto;
}
.ibrt-list-cry .ibrt-list-cry-li:last-child {
    margin-bottom: 0;
}
.newslist-page .infodet-box-right-top {
    padding: 22px 26px 47px 24px;
}
.newslist-page .newslist-list-right-bottom {
    padding: 22px 27px 25px;
}
.pc-fenye li {
    border-radius: unset !important;
}
/* G3*/
.paper-page .ntbl-title {
    margin-bottom: 21px;
}
.paper-page .newslist-top-box-left {
    padding: 58px 32px 144px;
}
.nllt-title {
    color: var(--color131);
    font-size: var(--font24);
    line-height: var(--line16);
    margin-bottom: 10px;
    position: relative;
    transition: all 0.4s ease;
    height: 1.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.nllt-title::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all 0.4s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 100%;
}
.nllt-tag-info {
    color: var(--color838);
    font-size: var(--font16);
    line-height: var(--line13);
    border-radius: 2px;
    background: #E5E9F3;
    margin-right: 16px;
    padding: 4px 10px;
}
.nllt-tag .nllt-tag-info:last-child {
    margin-right: 0px;
}
.nllt-tag {
    margin-bottom: 57px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.nllt-download {
    color: var(--colorbj);
    font-size: var(--font16);
    font-weight: 500;
    line-height: var(--line12);
    width: 84px;
    position: relative;
}
.nllt-download::after {
    content: "";
    background: url(../images/g3_xiazai.svg) no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    transform: translate(0, -50%);
}
.newslist-list-box {
    display: flex;
    flex-direction: row;
    height: 100%;
}
.newslist-list-left {
    width: 66%;
}
.newslist-list-right {
    width: 34%;
}
.nlbu-li-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 10px;
    background: var(--colorfff);
    transition: all 0.4s ease;
    padding: 19px 18px;
}
.nlbu-li-link-img {
    width: 34%;
    border-radius: 10px;
}
.nlbu-li-link-text {
    width: 66%;
    padding-left: 42px;
}
.newslist-list-box-ul {
    margin: -10px 0;
}
.newslist-list-box-ul .nlbu-li:last-child {
    padding: 0;
}
.nlbu-li {
    padding: 10px 0;
}
.paper-page {
    background: #F3F5F9;
}
.paper-page .newslist-list-right .infodet-box-right-top {
    border: unset;
    background: #FFF;
}
.paper-page .newslist-list-right .newslist-list-right-tag {
    background: #FFF;
    border: unset;
}
.newslist-list-right .infodet-box-right-bottom {
    background: #FFF;
    border: unset;
    border-radius: 10px;
}
.paper-page .infodet-box-right-top {
    padding: 22px 26px 32px 24px;
}
.newslist-list-right-bottom {
    padding: 22px 31px !important;
}
/* G4 */
.pcbl-top {
    border-radius: 10px;
    background: #FFF;
    padding: 28px 52px;
    position: relative;
}
.papdet-cry-box-left {
    width: 66%;
}
.pcbl-top::after {
    content: "";
    background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 288px;
}
.papdet-cry-box-right {
    width: 34%;
    padding-left: 122px;
}
.papdet-page {
    background: #F3F5F9;
}
.papdet-cry-box {
    display: flex;
    flex-direction: row;
}
.pcbl-time {
    opacity: 0.7;
}
.pcbl-title {
    color: var(--color131);
    font-size: 36px;
    font-weight: 500;
    line-height: var(--line16);
    margin-bottom: 17px;
    /* 57.6px */
}
.pcbl-cry p {
    color: var(--color666);
    font-size: var(--font18);
    line-height: var(--line16);
    margin-bottom: 11px;
    /* 28.8px */
}
.pcbl-cryp:last-child {
    margin-bottom: 0;
    /* 28.8px */
}
.papdet-page .yxedr-active p {
    color: var(--color666);
    font-size: var(--font18);
    line-height: var(--line16);
    margin-bottom: 11px;
    /* 28.8px */
}
.papdet-page .yxedr-active p:last-child {
    margin-bottom: 0;
    /* 28.8px */
}
.pcbxr-code {
    border-radius: 10px;
    background: #FFF;
    padding: 47px 74px 32px;
    margin-bottom: 20px;
}
.pcbxr-code-link {
    display: block;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pcbxr-code-link-img {
    width: 217px;
}
.pcbxr-code-link-text {
    color: var(--color131);
    font-size: var(--font16);
    line-height: var(--line16);
    margin-bottom: 50px;
}
.pcbxr-box-bottom {
    border-radius: 10px;
    background: #FFF;
    border: unset;
    padding: 22px 26px 32px 24px;
    margin: 0;
}
.papdet-cry {
    margin-bottom: var(--space150);
}
.pcbl-top {
    margin-bottom: 72px;
}
.pcbl-bottom .infodet-box-left-article {
    padding-top: 0;
}
/* C1 */
.plll-top-title {
    font-size: var(--font40);
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 8px;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.plll-top-subtitle {
    font-size: var(--font24);
    font-weight: 500;
    line-height: 2;
    margin-bottom: 14px;
    background: linear-gradient(90deg, #FF5E2D 0%, #F33260 60.98%, #85019D 101.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.plll-top-text {
    margin-bottom: 47px;
    height: 6.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.plll-bottom-title {
    color: var(--color131);
    font-size: var(--font24);
    font-weight: 600;
    line-height: 2;
    margin-bottom: 4px;
}
.plll-bottom-cry-info {
    margin: -2px 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.pbci-li {
    padding: 2px 0;
}
.pbci-li-box {
    border-radius: 10px;
    background: #FFF;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    flex-direction: row;
}
.pbci-li-pain {
    color: var(--color838);
    font-size: var(--font20);
    line-height: var(--line16);
    width: fit-content;
    max-width: 50%;
    padding-right: 11px;
}
.proxysrv-page {
    background: #F6F6FE;
}
.pbci-li-service {
    font-size: var(--font20);
    line-height: var(--line13);
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    padding-left: 50px;
}
.plbu-li-link-right {
    overflow: hidden;
}
.plbu-li {
    display: flex;
    align-items: stretch;
    flex-direction: row;
}
.plbu-li-link-right {
    width: 55%;
    padding-left: 84px;
}
.plbu-li-img {
    width: 100%;
}
.plbu-li-link-left {
    width: 45%;
    padding-left: 120px;
}
.proxysrv-list-box {
    margin: auto;
}
.plll-top {
    display: flex;
    flex-direction: column;
    /* align-items: flex-start; */
}
.pbci-li-service {
    position: relative;
}
.pbci-li-service::before {
    content: "";
    background: url(../images/c1_icon07.svg) no-repeat;
    background-size: contain;
    width: 32px;
    height: 38px;
    position: absolute;
    left: 0;
    top: 59%;
    z-index: 1;
    transform: translate(0%, -50%);
}
.proxysrv-list-box-ul .plbu-li:last-child {
    margin-bottom: 0;
}
.proxysrv-list {
    padding-top: 131px;
}
.plbu-li {
    margin-bottom: 129px;
}
.proxysrv-list-box-ul .plbu-li:last-child {
    padding-bottom: 0;
}
.plbu-li.reversal {
    flex-direction: row-reverse;
}
.plbu-li.reversal .plbu-li-link-right {
    width: 46%;
    padding-left: 24px;
}
.plbu-li.reversal .plbu-li-link-left {
    width: 54%;
    padding-left: 122px;
    padding-right: 132px;
}
.psbs-pagination {
    display: none;
}
.pslb-more {
    opacity: 0;
    color: var(--colorbj);
    font-size: var(--font16);
    font-weight: 500;
    line-height: var(--line12);
    width: 82px;
    position: relative;
    bottom: 0;
    left: 0;
    transition: all 0.4s ease;
}
.pslb-more::after {
    content: "";
    background: url(../images/c1_icon05.svg) no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    transform: translate(0, -50%);
}
.pslb-cry {
    color: var(--color838);
    font-size: var(--font18);
    line-height: var(--line16);
    margin-bottom: 24px;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.pslb-text {
    padding: 24px 30px;
}
.psbs-slide-link {
    border-radius: 20px;
    background: #FFF;
    display: block;
    width: 100%;
}
.pslb-bg-title {
    color: var(--colorfff);
    font-size: var(--font24);
    font-weight: 500;
    line-height: 1.75;
    height: 1.75em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.pslb-bg {
    border-radius: 20px 20px 0px 0px;
    padding: 15px 24px 9px 29px;
}
.proxysrv-service-box {
    position: relative;
}
/* H4 */
.cont-page .ys-main {
    margin-top: 0 !important;
}
.cibl-ercode-box img {
    width: 120px;
}
.clui-title {
    opacity: 0.7;
    color: var(--color666);
    font-size: var(--font20);
    line-height: 2.6;
    position: relative;
    padding-left: 25px;
    padding-right: 22px;
    white-space: nowrap;
}
.clui-info {
    opacity: 0.7;
    color: var(--color131);
    font-size: var(--font20);
    line-height: 2.6;
}
.cibl-ercode-box-text {
    color: var(--color666);
    font-size: var(--font16);
    line-height: 1.5;
}
.clui-title::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    transform: translate(0%, -50%);
}
.clui-consulting::before {
    background: url(../images/h4_icon04.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.clui-line::before {
    background: url(../images/h4_icon03.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.clui-email::before {
    background: url(../images/h4_icon02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.clui-address::before {
    background: url(../images/h4_icon01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.cibl-list-ul-info {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.cont-info-box-left {
    width: 41%;
    padding-right: 164px;
}
.cont-info-box-right {
    width: 59%;
    margin-top: -290px;
    border-radius: 20px;
    border: 2px solid #9AB6EC;
    background: #FFF;
    padding: 46px 50px 64px;
    position: relative;
}
.cibl-ercode {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.cibl-list {
    margin-bottom: 44px;
}
.cibl-ercode-box {
    margin-right: 43px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cibl-ercode .cibl-ercode-box:last-child {
    margin-right: 0;
}
.clui-address-info {
    line-height: var(--line13);
}
.clui-address {
    line-height: var(--line13);
}
.clui-email-box {
    margin-bottom: 13px;
}
.cont-info-box-right .ys-form-inof {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.cont-info-box-right .ys-form-inof-item3 {
    width: 50%;
}
.cont-list-li {
    width: 100% !important;
}
.cont-info-box.ys-cont1440 {
    display: flex;
    flex-direction: row;
}
.cont-info-box-right .ys-form-inof-item {
    padding: 0;
    margin: 0;
}
.cont-info {
    overflow: visible;
}
.cont-info-box-right .smfi-fii-input {
    border-radius: 5px;
    border: 1px solid #919AA350;
    height: 50px;
}
.ys-select-show.ys-fii-input.smfi-fii-input.cibr-input::placeholder {
    padding-left: 22px;
}
.cont-info-box-right .icon-arrow-down:before {
    content: "";
    background: url(../images/h4_icon05.svg);
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
.swiper-slide.psbs-slide {
    height: auto;
    display: flex;
}
.smfi-inof {
    margin: -8px -12px;
}
.cibr-li {
    padding: 8px 12px !important;
}
.cibr-submit.ys-form-inof-submit {
    width: 110px;
    margin-top: 21px;
    margin-left: 12px;
}
.cibr-submit .std-btn1-link {
    display: flex;
    align-items: center;
    background: var(--colorbj);
    border-radius: 80px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    justify-content: center;
    height: 48px;
}
.cibr-submit .std-btn1 {
    width: 100%;
}
.cibr-li .ys-select-hd {
    height: unset;
}
.cibr-li .ys-select-bd {
    left: 0;
    top: 100%;
    z-index: 10;
    width: 100%;
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #919AA350;
}
.cont-info-box-right .ys-fii-name {
    color: var(--color131);
    font-size: var(--font18);
    line-height: var(--line16);
    margin-bottom: 5px;
}
.cibr-input::placeholder {
    color: var(--color838);
    font-size: var(--font18);
    line-height: var(--line16);
    padding-left: 0px;
}
.ys-select-xtbbox {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .4s;
}
.cont-info-box-right .ys-fii-input input {
    font-size: var(--size18);
    line-height: 1.5;
    color: var(--color131);
    padding-left: 22px;
}
.cibr-li .ys-fia-text-word a {
    color: var(--colorbj);
    font-size: var(--font16);
    line-height: 1.7;
}
.cibr-li .ys-fia-text-word {
    color: #394854;
    font-size: var(--font16);
    line-height: 1.7;
}
.cibr-li .ys-fia-text-btn::after {
    content: '';
    background: url(../images/h4_icon06.svg) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .4s ease;
}
.cibr-li .ys-select-li {
    color: var(--color838);
    font-size: var(--font16);
    line-height: var(--line16);
}
.cibr-li .ys-select-bd {
    max-height: 120px;
}
.cibr-li .ys-select-bd .ys-select-li {
    transition: all 0.4s ease;
    padding: 12px 22px 0;
}
.cibr-li .ys-select-bd .ys-select-li:last-child {
    padding-bottom: 12px;
}
.cibr-select .ys-select-li:last-child {
    padding-bottom: 10px;
}
.cibr-select .ys-select-li {
    transition: all 0.4s ease;
    padding: 10px 22px 0;
}
.cibr-li input {
    color: var(--color131);
    font-size: var(--font18);
    line-height: var(--line16);
}
.cibr-li-code-box {
    position: relative;
}
.clcb-box {
    position: absolute;
    width: 100px;
    height: 100%;
    cursor: pointer;
    top: 0;
    right: 13px;
}
.clcb-box {
    position: absolute;
    width: 100px;
    height: 38px;
    top: 5px;
    right: 13px;
    display: flex;
    align-items: center;
}
section.cont-info {
    padding-top: 40px;
    margin-bottom: var(--space150);
}
.pblu-list-info {
    font-size: var(--font18);
    line-height: 1.98;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    padding-left: 38px;
}
.pblu-list-info::before {
    content: "";
    background: url(../images/c1_icon07.svg) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 60%;
    z-index: 1;
    transform: translate(0, -50%);
}
.plll-top-text {
    margin-bottom: 10px;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.plll-center-title {
    color: var(--color131);
    font-size: var(--font20);
    font-weight: 600;
    line-height: 2.4;
    /* 240% */
}
.pctl-list-li-info {
    color: var(--color838);
    font-size: var(--font18);
    line-height: var(--line16);
    border-radius: 20px;
    border: 1px solid rgba(11, 3, 120, 0.20);
    background: rgba(255, 255, 255, 0.50);
    padding: 3px 15px;
}
.pctl-list {
    margin: -4px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.plll-center {
    margin-bottom: 15px;
}
.pctl-list-li {
    padding: 4px;
}
/* new C1 */
.plbu-reversal {
    flex-direction: row-reverse;
}
.plbu-reversal .plbu-li-link-right {
    width: 53%;
    padding-left: 52px;
}
.plbu-reversal .plbu-li-link-left {
    width: 47%;
    padding-left: 78px;
    padding-right: 74px;
}
.proxysrv-service-box-title {
    display: flex;
    justify-content: center;
}
.psbt-title {
    font-size: var(--font40);
    font-weight: 500;
    line-height: var(--line12);
    margin-bottom: 42px;
    background: linear-gradient(90deg, #F03161 0%, #86029D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
section.proxysrv-service {
    padding-top: 178px;
    padding-bottom: 100px;
}
.psbs-slide-link-box {
    position: relative;
}
.psbs-wrapper .psbs-slide:nth-child(4n+1) .pslb-bg {
    background: linear-gradient(90deg, #EE4242 0%, #DE0D30 100%);
}
.psbs-wrapper .psbs-slide:nth-child(4n+2) .pslb-bg {
    background: linear-gradient(90deg, #EE4242 0%, #960B96 100%);
}
.psbs-wrapper .psbs-slide:nth-child(4n+3) .pslb-bg {
    background: linear-gradient(90deg, #960994 0%, #8F50EA 100%);
}
.psbs-wrapper .psbs-slide:nth-child(4n+4) .pslb-bg {
    background: linear-gradient(90deg, #370673 0%, #8F50EA 100%);
}
/* .proxysrv-service-box-swiper {
    padding-bottom: 50px !important;
} */
.proxysrv-page .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: unset;
}
.proxysrv-page .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: unset;
}
.proxysrv-page .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: -37px;
    left: auto;
}
.proxysrv-page .swiper-button-prev {
    top: 54% !important;
    width: 54px !important;
    height: 54px !important;
}
.proxysrv-page .swiper-button-next {
    top: 54% !important;
    width: 54px !important;
    height: 54px !important;
}
.proxysrv-page .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: -37px;
    right: auto;
}
.proxysrv-nav {
    top: 50% !important;
    position: fixed;
    left: 48px;
    width: 138px;
    transform: translateY(-50%) translateX(-120px);
    transition: all 0.4s ease;
}
.pnll-link {
    color: var(--color838);
    font-size: var(--font16);
    line-height: var(--line16);
    /* 25.6px */
}
.proxysrv-nav.start {
    transform: translateY(-50%) translateX(0px);
}
.proxysrv-nav.start.end {
    transform: translateY(-50%) translateX(-180px);
}
.proxysrv-nav-list-li {
    margin-bottom: 21px;
}
.proxysrv-nav-list .proxysrv-nav-list-li:last-child {
    margin-bottom: 0;
}
.pnll-link.active {
    color: var(--color131);
}
/* 确保粘性导航容器无overflow限制 */
.proxysrv-list {
    overflow: visible;
    position: relative;
}
.proxysrv-nav-list-li {
    transition: all 0.3s ease;
    color: #666;
    display: block;
    padding: 8px 12px;
    position: relative;
    cursor: pointer;
}
.proxysrv-nav-list-li.active .pnll-link {
    color: var(--color131);
}
.proxysrv-nav-list-li::before {
    content: "";
    background: url(../images/c1_icon06.svg ) no-repeat;
    background-size: contain;
    height: 17px;
    width: 17px;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease;
}
.proxysrv-nav-list-li.active::before {
    opacity: 1;
}
.coplist-comp-tabli path {
    transition: all 0.4s ease;
}
.cont-page .ys-fii-select-search .ys-fii-input {
    border: unset;
}
.ys-select-li {
    transition: all 0.4s ease;
}
.cont-page .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: var(--colorbj);
}
.cont-page .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colorbj);
    background-color: var(--colorbj);
}
.proxysrv-service-box.ys-cont1440 {
    max-width: 1488px;
}
/* .proxysrv-service-box-swiper {
    padding: 0 24px 50px !important;
} */
.infodet-box-right-top.ibrt-box.newslist-list-right-bottom {
    margin: 0;
}
/* .details-story-pagination {
    display: none;
} */
.caselist-page .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: unset;
}
.caselist-page .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: unset;
}
.caselist-page .swiper-button-prev {
    top: 88%;
}
.caselist-page .swiper-button-next {
    top: 88%;
}
.caselist-page .swiper-button-prev {
    left: 180px;
}
.caselist-page .swiper-button-next {
    right: 200px;
}
.ctbt-list-li-prev,
.ctbt-list-li-next {
    display: none !important;
}
.nlbl-list-info-link {
    display: block;
    width: 100%;
}
.clcb-box img {
    width: 100%;
}
/* Lucas end */
/* 辅助-end */

/* 辅助 Leo - start */
/* c21 */
.start-page {
    background-color: #F6F6FE;
}
.start-tap {
    overflow: inherit;
    position: relative;
    z-index: 20;
}
.start-tap-box-tab {
    margin-bottom: 55px;
}
.start-tap-box-ul {
    display: flex;
    justify-content: space-around;
    border-radius: 10px;
    box-shadow: 0px 4px 49.4px 0px rgba(131, 124, 183, 0.56);
    background-color: #fff;
    z-index: 20;
    margin-bottom: 85px;
}
.stbu-li {
    width: 33.3333%;
    display: flex;
    justify-content: center;
}
.stbu-li-link {
    padding: 24px 8px 24px 4px;
    position: relative;
}
.stbu-li-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    left: 0;
    bottom: 0;
    transition: all .4s;
    opacity: 0;
}
.stbu-li-link-le {
    width: 33px;
    flex-shrink: 0;
    margin-right: 15px;
}
.stbu-li-link-le img {
    width: 100%;
}
.stbu-li-link {
    display: flex;
    align-items: center;
}
.stbu-li-link-ri {
    position: relative;
    font-weight: 500;
    transition: all .4s;
}
.stbu-li-link-ri::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all 0.4s;
    width: 100%;
    height: 100%;
}
.stbu-li.on .stbu-li-link::after {
    opacity: 1;
}
/* .stbu-li.on .stbu-li-link-ri {
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */
.stbu-li {
    position: relative;
}
.stbu-li:last-child::after {
    opacity: 0;
}
.stbu-li::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 52px;
    background: #E1C9FF;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .4s;
}
.start-tap-box-tab {
    display: flex;
    justify-content: center;
}
.stbt-ul {
    display: flex;
    border-radius: 50px;
    background: linear-gradient(180deg, rgba(11, 3, 120, 0.20) 0% 0.2, rgba(159, 21, 132, 0.20) 100% 0.2);
    box-shadow: 0px 1px 11.9px 0px rgba(27, 5, 80, 0.21) inset;
}
.stbt-ul-li.on .stbt-ul-li-par {
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin: 4px 5px 4px 5px;
    border-radius: 50px;
    color: var(--color131);
}
.stbt-ul-li-par {
    padding: 0 30px;
}
.stbt-ul-li-par {
    line-height: 48px;
    color: #838193;
    margin: 4px 5px;
}
.ssdb-le {
    width: 34%;
    margin-left: 98px;
    margin-top: 62px;
}
.ssdb-ri {
    width: 50%;
    margin-top: 30px;
}
.ssdb-ri .ys-imgbox-cover img {
    width: 100%;
    transition: all .4s;
}
.ssdb-le-tit {
    display: inline-block;
    line-height: var(--line16);
    font-weight: 500;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 16px;
}
.start-switch-dig-box {
    display: flex;
    justify-content: space-between;
}
.start-switch-dtp {
    padding-right: var(--right);
}
.ssdb-ri-tit {
    line-height: var(--line16);
    display: inline-block;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    margin-bottom: 32px;
}
.ssdb-ri-editor h3 {
    font-size: var(--font24);
    line-height: var(--line16);
    color: var(--color131);
    margin-bottom: 10px;
    font-weight: 500;
}
.ssdb-ri-editor p {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--color838);
    margin-bottom: 24px;
}
.start-switch-dtp-box {
    display: flex;
}
.ssdb-rii {
    padding-left: 80px;
}
.ssdb-lei .ys-imgbox-cover {
    width: 100%;
}
.ssdb-rii-tit {
    font-weight: 500;
    line-height: var(--line16);
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ssdb-rii {
    width: 43%;
}
.ssdb-lei {
    width: calc(63% + 100px);
    margin-left: -138px;
}
.ssdb-rii-editor ul li {
    display: flex;
    align-items: flex-start;
}
.srtu-li-pic {
    width: 46px;
    margin-top: -5px;
    margin-right: 11px;
    flex-shrink: 0;
}
.srtu-li-pic img {
    width: 100%;
    flex-shrink: 0;
}
.srtu-li {
    display: flex;
    align-items: flex-start;
}
.srtu-li {
    margin-bottom: 22px;
}
.srtu-li:last-child {
    margin-bottom: 0;
}
.ssdb-rii {
    margin-top: 30px;
}
.ssdb-rii-tit-ul {
    margin-top: 39px;
}
.sspb-tit {
    line-height: var(--line16);
    display: inline-block;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    margin-bottom: 43px;
}
.start-switch-core .sspb-tit {
    margin-bottom: 38px;
}
.sspb-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sspb-pic-slick {
    margin: 0 -20px;
}
.sspb-pic-slick-time {
    width: 100%;
    padding: 0 20px;
}
.start-switch-pic .slick-dots {
    position: absolute;
    bottom: 15px;
    display: block;
    width: 100%;
    list-style: none;
    text-align: center;
}
.sspb-pic-slick {
    padding-bottom: 25px;
}
.sspb-pic-slick-time img {
    width: 100%;
}
.start-switch-pic .slick-dots li {
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 75px;
    height: 1px;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    vertical-align: middle;
    border-radius: 0;
    background: rgba(131, 129, 147, 0.3);
    transition: all .4s;
}
.start-switch-dtp.no-tit .ssdb-rii {
    margin-top: 62px;
}
.start-switch-pic .slick-dots li.slick-active, 
.details-scheme  .slick-dots li.slick-active{
    position: relative;
    transition: all .4s;
}
.start-switch-pic .slick-dots li.slick-active::after, 
.details-scheme  .slick-dots li.slick-active::after{
   opacity: 1;
}
.start-switch-pic .slick-dots li::after,
.details-scheme  .slick-dots li::after  {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #F33260 60%, #85019D 100%);
    transition: all .4s;
    border-radius: 50%;
    opacity: 0;
}
.start-switch-text .slick-dots li, 
.details-scheme  .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 6px;
    position: relative;
}
.start-switch-core.third .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 6px;
    position: relative;
}
.start-switch-core.third .slick-dots li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(1800deg, rgba(11, 3, 120, 0.20) 20%, rgba(159, 21, 132, 0.20) 100%);
    border-radius: 50%;
    transition: all .4s;
}
.start-switch-text .slick-dots li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(1800deg, rgba(11, 3, 120, 0.20) 20%, rgba(159, 21, 132, 0.20) 100%);
    border-radius: 50%;
    transition: all .4s;
}
.start-switch-core.third .slick-dots li.slick-active {
    position: relative;
}
.start-switch-core.third .slick-dots li.slick-active::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    border-radius: 50%;
    transition: all .4s;
}
.start-switch-core.third .sscb-ul-li {
    margin-bottom: 0;
}
.start-switch-core.third .sscb-ul {
    margin-bottom: 0;
}
.start-switch-text .slick-dots li.slick-active {
    position: relative;
}
.start-switch-text .slick-dots li.slick-active::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    border-radius: 50%;
    transition: all .4s;
}
.data-prod .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    opacity: .2;
}
.none {
    display: none;
}
.data-prod .swiper-pagination-bullet-active {
    opacity: 1;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
}
.data-prod .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0;
    left: 0;
    width: 100%;
}
.start-switch-core.third .slick-dots {
    bottom: 0px;
}
.start-switch-core.third {
    padding-bottom: 25px;
}
.start-switch-text .slick-dots {
    bottom: 0px;
}
.sstb-swiper {
    padding-bottom: 25px;
}
.sscb-slide {
    padding-bottom: 5px;
}
.sstb-ul-li-box {
    padding: 71px 41px 50px 35px;
    border-radius: 20px;
    background: #E3F0FD;
    height: 100%;
}
.sstb-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.sstb-ul-li {
    padding: 0 12px;
}
.sulb-pic {
    width: 50px;
    margin-bottom: 30px;
}
.sulb-pic img {
    width: 100%;
}
.sulb-box-tit {
    line-height: var(--line16);
    margin-bottom: 10px;
    font-weight: 500;
}
.sulb-box-par {
    color: rgba(19, 20, 21, 0.5);
}
.sstb-ul-li:nth-child(4n+1) .sstb-ul-li-box {
    background: #E3F0FD;
}
.sstb-ul-li:nth-child(4n+2) .sstb-ul-li-box {
    background: #EAEAFD;
}
.sstb-ul-li:nth-child(4n+3) .sstb-ul-li-box {
    background: #F4EBF6;
}
.sstb-ul-li:nth-child(4n+4) .sstb-ul-li-box {
    background: #FCF0ED;
}
.start-switch-core-box .sspb-tit {
    margin-bottom: 22px;
}
.sscb-ul-li-box {
    padding: 20px 57px 36px 38px;
    border-radius: 10px;
    background: #FFF;
    height: 100%;
    filter: drop-shadow(2px 3px 8px rgba(0, 0, 0, 0.08));
}
.sulb-image {
    width: 50px;
    margin-bottom: 3px;
}
.sulb-image img {
    width: 100%;
}
.sulb-tit {
    margin-bottom: 11px;
}
.sscb-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    margin-bottom: -24px;
}
.sscb-ul-li {
    width: 50%;
    padding: 0 12px;
    margin-bottom: 24px;
}
.start-switch-core.third .sscb-ul-li {
    width: 33.3333%;
}
.start-switch-core.third .sscb-ul-li-box {
    padding: 20px 36px 32px 38px;
}
.start-page .ys-main {
    position: relative;
}
.start-bj {
    position: absolute;
    left: 53%;
    top: -2%;
    width: 100%;
    z-index: 0;
}
.start-bj img {
    width: 100%;
}
/* d11 */
.data-pic {
    background-color: #000;
}
.data-pic-box {
    max-width: 1920px;
    margin: 0 auto;
}
.data-pic-box-pic {
    width: 100%;
    position: relative;
    z-index: 2;
}
.data-pic-box-pic img {
    width: 100%;
}
.data-pic-box::after {
    content: "";
    width: 40.5%;
    height: 549px;
    border-radius: 583px;
    background: radial-gradient(50% 50% at 50% 50%, #11197C 0%, rgba(78, 6, 125, 0.00) 100%);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.data-pic-box {
    position: relative;
}
.dkbi-link {
    width: 100%;
}
.dkbi-link img {
    width: 100%;
}
.data-key-box-cog {
    position: absolute;
    left: -7%;
    top: 32%;
}
.dkbc-link {
    width: 154px;
}
.dkbc-link img {
    width: 100%;
}
.data-key-box {
    position: relative;
}
.data-well-box-centb {
    display: flex;
    justify-content: center;
    align-items: center;
}
.data-key-box-tit {
    font-weight: 500;
    margin-bottom: 36px;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.data-prod-box-tit {
    font-weight: 500;
    text-align: center;
    color: var(--colorfff);
    margin-bottom: 10px;
    line-height: var(--line16);
}
.data-prod-box-par {
    line-height: var(--line16);
    background: linear-gradient(90deg, #F33260 43.79%, #85019D 73.97%);
    background-clip: text;
    -webkit-background-clip: text;
    display: inline-block;
    -webkit-text-fill-color: transparent;
    display: flex;
    justify-content: center;
    margin-bottom: 38px;
}
/* 轮播 */
.dcws-box {
    position: relative;
    padding: 48px 51px 63px 36px;
    border-radius: 10px;
    background: rgba(16, 11, 65, 0.7);
    transition: all .4s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.dpib-ri-ul-li:nth-child(3n+1) {
    animation-delay: 0.2s;
}
.dpib-ri-ul-li:nth-child(3n+2) {
    animation-delay: 0.3s;
}
.dpib-ri-ul-li:nth-child(3n+3) {
    animation-delay: 0.4s;
}
.dcws-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    background: linear-gradient(to bottom right, rgba(159, 152, 255, 1), rgba(15, 29, 189, 1));
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask-composite: exclude;
    padding: 1px;
    opacity: 0.4;
}
.dcws-box-tit {
    line-height: 2;
    color: var(--colorfff);
    margin-bottom: 11px;
    font-weight: 500;
}
.dcws-box-pic {
    width: 241px;
    margin-bottom: 15px;
}
.dcws-box-pic img {
    width: 100%;
}
.dcws-box-par p {
    color: rgba(255, 255, 255, 0.6);
}
.data-prod .swiper-slide {
    height: auto !important;
}
.dcws-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.data-prod .swiper-container {
    overflow: inherit;
}
.dpbs-cont-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.dpbs-cont-wrapper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.data-prod-bouxe {
    width: 100%;
    height: 250vh;
}
/* ************ */
.cses {
    width: 100% !important;
    position: relative;
    height: calc(100vh - 80px);
    left: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cses-box {
    position: relative;
    width: 100%;
}
.dcws-box {
    position: relative;
}
.sscb-ul-li:nth-child(2n+2) {
    animation-delay: 0.3s;
}
.sscb-ul-li:nth-child(2n+1) {
    animation-delay: 0.2s;
}
.start-switch-core.third .sscb-ul-li {
    padding-top: 8px;
    padding-bottom: 8px;
}
/* ************ */
.data-prod-incre-tit {
    line-height: var(--line12);
    color: var(--colorfff);
    font-weight: 500;
    margin-bottom: 14px;
    text-align: center;
}
.data-prod-incre-tit span {
    font-size: inherit;
    line-height: inherit;
    display: inline-block;
    background: linear-gradient(90deg, #F33260 43.79%, #85019D 73.97%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.data-prod-incre-par {
    color: var(--colorfff);
    line-height: 2;
    margin-bottom: 105px;
    text-align: center;
}
.dpin-ul-li-tit {
    font-size: 80px;
    font-weight: 500;
    line-height: 1.1;
    display: inline-block;
    background: linear-gradient(90deg, #E8BD75 4.84%, #D7927C 94.44%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 13px;
}
.dpin-ul-li-par {
    color: var(--colorfff);
    line-height: 1.5;
}
.dpin-ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.dpin-ul-li {
    width: 25%;
}
.data-prod-incre-num {
    margin-bottom: 90px;
}
.dpib-le {
    width: 39%;
}
.dpib-ri {
    width: 61%;
    display: flex;
}
.dpib-le-box {
    padding: 28px 59px 36px 55px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%);
    backdrop-filter: blur(46.849998474121094px);
    -webkit-backdrop-filter: blur(46.849998474121094px);
    -moz-backdrop-filter: blur(46.849998474121094px);
    -ms-backdrop-filter: blur(46.849998474121094px);
    -o-backdrop-filter: blur(46.849998474121094px);
}
.dpib-le-box-pic {
    width: 70px;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 13px;
}
.dpib-le-box-pic img {
    width: 100%;
}
.dlbe-ul-li-le {
    line-height: 1.65;
    color: var(--colorfff);
    font-weight: 500;
    flex-shrink: 0;
    margin-right: 3px;
}
.dulr-par {
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.7);
}
.dlbe-ul-li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.dlbe-ul-li:last-child {
    margin-bottom: 0;
}
.drul-box {
    padding: 28px 45px 36px 46px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%);
    backdrop-filter: blur(46.849998474121094px);
    -webkit-backdrop-filter: blur(46.849998474121094px);
    -moz-backdrop-filter: blur(46.849998474121094px);
    -ms-backdrop-filter: blur(46.849998474121094px);
    -o-backdrop-filter: blur(46.849998474121094px);
    height: 100%;
}
.dpib-ri-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.data-prod-incre-brand {
    display: flex;
    height: 100%;
}
.dpib-ri-ul-li {
    width: 33.3333%;
    padding-left: 20px;
}
.data-prod-asdw {
    padding-bottom: 79px;
    position: relative;
    width: 100% !important;
    z-index: 1;
}
.data-prod-bj {
    position: relative;
}
.data-prod {
    overflow: hidden !important;
}
.data-prod::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #10122F 0%, #000209 100%);
    z-index: -2;
    opacity: 0;
}
.data-prod-bj {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.data-prod-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.data-well-box-pic {
    width: 100%;
}
.data-well-box-pic img {
    width: 100%;
}
.data-under-box .data-key-box-tit {
    margin-bottom: 50px;
}
.data-under-box-le {
    width: 58%;
}
.data-under-box-ri {
    width: 40.5%;
}
.dubl-top-pic {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.dubl-top-pic img {
    width: 100%;
    transition: all .4s;
}
.dubl-top-cont {
    padding: 37px 40px 40px 40px;
}
.dtct-le {
    font-weight: 500;
    color: var(--colorfff);
}
.dtct-ri p {
    color: var(--colorfff);
    padding: 4px;
    border-radius: 3px;
    background: rgba(207, 211, 218, 0.29);
}
.dubl-top-cont-tit {
    font-weight: 500;
    color: var(--colorfff);
    line-height: var(--line16);
    width: 73%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.8em;
}
.dubl-top {
    position: relative;
}
.dubl-top-cont {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.dubl-top-cont-tiem {
    display: flex;
    align-items: center;
    margin-bottom: 11px;
}
.dtct-le {
    padding-right: 23px;
}
.data-under .std-btn1 {
    width: 104px !important;
}
.data-under .std-btn1-link {
    padding: 0 10px;
    background-color: transparent !important;
}
.data-under .std-btn1-link p {
    line-height: 36px;
    color: var(--colorfff) !important;
}
.data-under .std-btn1-icon {
    margin-left: 2px;
}
.data-under .std-btn1 .std-btn1-link {
    border: solid 1px #fff;
}
.data-under .std-btn1.white .std-btn1-icon img:nth-child(1) {
    opacity: 1;
}
.data-under .std-btn1.white .std-btn1-icon img:nth-child(2) {
    opacity: 0;
}
.dubl-bot-ul-li:first-child .dbul-pic {
    border-radius: 20px;
    background: #1B1B1B;
}
.dbul-cont .dubl-top-cont-tit {
    width: 100%;
    font-size: var(--font20);
}
.dubl-bot-ul {
    display: flex;
    align-items: stretch;
}
.dubl-bot {
    display: flex;
    align-items: stretch;
}
.dubl-bot-ul-li {
    width: 50%;
    margin-right: 24px;
    position: relative;
    height: 100%;
}
.dubl-bot-ul-li:last-child {
    margin-right: 0;
}
.dbul-pic {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.dbul-pic img {
    width: 100%;
    transition: all .4s;
}
.dbul-cont {
    position: absolute;
    left: 0;
    top: 0;
}
.dbul-cont {
    padding: 30px 34px 40px 34px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.dubl-top {
    margin-bottom: 24px;
}
.dubl-bot-ul-li:nth-child(2n) .dtct-le {
    color: var(--color838);
}
.dubl-bot-ul-li:nth-child(2n) .dtct-ri p {
    color: var(--color838);
    background: #CFD3DA;
}
.dubl-bot-ul-li:nth-child(2n) .dubl-top-cont-tit {
    color: #000;
}
.dubl-bot-ul-li:nth-child(2n) .std-btn1 .std-btn1-link {
    border: solid 1px var(--color131);
    transition: all .4s;
}
.dubl-bot-ul-li:nth-child(2n) .std-btn1-link p {
    line-height: 36px;
    color: var(--color131) !important;
    transition: all .4s;
}
.dubl-bot-ul-li:nth-child(2n) .std-btn1-icon img {
    transition: all .4s;
}
.dubl-bot-ul-li:nth-child(2n) .std-btn1.white .std-btn1-icon img:nth-child(1) {
    opacity: 0;
    transition: all .4s;
}
.dubl-bot-ul-li:nth-child(2n) .std-btn1.white .std-btn1-icon img:nth-child(2) {
    opacity: 1;
    transition: all .4s;
}
.dubr-box-cent {
    padding: 38px 61px 38px 45px;
}
.dubr-box-pic {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
}
.dubr-box-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s;
}
.data-key-box-about {
    display: flex;
    justify-content: space-between;
}
.dubr-box {
    position: relative;
    height: 100%;
}
.dubr-box-cent {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}
.dubr-box-cent .dtct-le {
    color: var(--color838);
}
.dubr-box-cent .dtct-ri p {
    color: var(--color838);
    background: rgba(207, 211, 218, 0.38);
}
.dubr-box-cent .dubl-top-cont-tit {
    color: #000;
    width: 100%;
}
.dubr-box-cent .dubl-top-cont-boux {
    margin-bottom: 25px;
}
.std-btn1-link {
    transition: all .4s;
}
.dubr-box-cent .std-btn1 .std-btn1-link {
    border: solid 1px var(--color131);
    transition: all .4s;
}
.dubr-box-cent .std-btn1-link p {
    line-height: 36px;
    color: var(--color131) !important;
    transition: all .4s;
}
.dubr-box-cent .std-btn1-icon img {
    transition: all .4s;
}
.dubr-box-cent .std-btn1.white .std-btn1-icon img:nth-child(1) {
    opacity: 0;
    transition: all .4s;
}
.dubr-box-cent .std-btn1.white .std-btn1-icon img:nth-child(2) {
    opacity: 1;
    transition: all .4s;
}
.start-page .ys-imgbox-contain,
.ys-imgbox-cover {
    z-index: 20;
}
.data-pic-box-image {
    width: 583px;
}
.data-pic-box-image img {
    width: 100%;
}
.data-pic-box {
    position: relative;
}
.data-pic-box-anm {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* 动画 */
.data-pic-up {
    animation: dataUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
@-webkit-keyframes dataUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -160px, 0);
        transform: translate3d(0, -160px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes dataUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -160px, 0);
        transform: translate3d(0, -160px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.std-btn1-link p {
    transition: all .4s;
}
.std-btn1 img {
    transition: all .4s;
}
.start-switch-dig,
.start-switch-dtp,
.std-padd150-bot,
.start-switch-pic,
.start-switch-text,
.start-switch-core,
.start-switch-core,
.start-switch {
    overflow: hidden;
}
/* .slick-dots {
    transition: all .4s !important;
} */
.slick-dots li {
    transition: all .4s !important;
    width: 8px;
    height: 8px;
    margin: 0 6px;
    position: relative;
}
.slick-dots li::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--colormain);
    opacity: 0.2;
    transition: all .4s ease;
    border-radius: 50%;
}
.slick-dots li.slick-active::after{
    opacity: 1;
}
.slick-dots{
    bottom: 0px;
}
.data-pic,
.data-key,
.data-prod,
.data-well,
.data-under {
    overflow: hidden;
}
.start-switch-pic .slick-dots li.slick-active::after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #F33260 60%, #85019D 100%);
    transition: all .4s;
    opacity: 1;
}
.start-switch-pic .slick-dots li::after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #F33260 60%, #85019D 100%);
    transition: all .4s;
    opacity: 0;
}
.stbu-li.swiper-slide{
    width: 160px !important;
}
.start-tap{
    overflow: hidden !important;
        margin-top: -46px;
}
/* 辅助 Leo - end */
/* 首页-start */
.home-page .ys-main{
    padding-bottom: var(--space100);
}
.hnll-tit{
    font-size: var(--font24);
    line-height: var(--line16);
    color: var(--color131);
}
.hnul-link-fr-tit{
    line-height: var(--line16);
    color: var(--color131);
    text-overflow: ellipsis;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease;
}
.hnul-link-fr-tit::after {
    content: attr(data-text);
    font-size: var(--font16);
    line-height: var(--line16);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all 0.4s ease;
    text-overflow: ellipsis;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 100%;
}
.hnul-link{
    display: flex;
    align-items: center;
    transition: all .4s ease;
}
.home-runing-list{
    width: 85vw;
    margin: 0 auto;
}
.home-runing-list1{
    max-width: 1330px;
}
.hrlu-lis{
    width: 173px;
    margin-right:20px;
}
.hrlu-lis .ys-imgbox-cover{
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 2px 15.5px 0px rgba(0, 2, 143, 0.03);
}
.home-runing-list-ul {
    width: calc(var(--width-shu) * var(--width));
    font-size: 0;
}
.home-runing-list-ul {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: calc(calc((173px * var(--width-shu))) + calc((20px * var(--width-shu))));
    animation: donghua1 linear infinite;
}
@keyframes donghua1 {
    0% {
        transform: translateX(0%);
    }
    
    100% {
        transform: translateX(-100%);
    }
}
.home-runing-list-ul2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua2 linear infinite;
}
@keyframes donghua2 {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}
.home-runing-list{
    position: relative;
    overflow: hidden;
    padding: 10px 0;
}
.home-runing-list2{
    max-width: 1520px;
}
.home-runing-list3{
    max-width: 1330px;
}
.home-runing-list4{
    max-width: 1140px;
}
.hrlu-lis img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: all .4s ease;
}
.home-page h2{
    line-height: 1.2;
    text-align: left;
    font-weight: 500;
    background: linear-gradient(90deg, #F03161 0%, #86029D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.home-new-link{
    display: flex;
    align-items: center;
}
.home-new-link-ri{
    width: 51%;
    border-radius: 10px;
    overflow: hidden;
}
.home-new-link-le{
    width: 49%;
    padding-right: 100px;
}
.home-page .ntbl-topbox-tag{
    background: linear-gradient(90deg, #F03161 0%, #86029D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-new .ntbl-topbox-time{
    color: var(--color838);
}
.hnll-tit{
    margin-top: 20px;
    font-size: var(--font24);
    color: var(--color131);
    text-overflow: ellipsis;
    line-height: var(--line16);
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 500;
    position: relative;
    transition: all 0.4s ease;
}
.hnll-tit::after {
    content: attr(data-text);
    font-size: var(--font24);
    line-height: var(--line16);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all 0.4s ease;
    text-overflow: ellipsis;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 100%;
    font-weight: 500;
}
.hnll-word p{
    color: var(--color838);
    line-height: var(--line16);
    text-overflow: ellipsis;
    height:4.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.hnll-word{
    margin-top: 15px;
}
.home-new-link-le .std-btn1{
    margin-top: 34px;
}
.home-new-topcry{
    margin-bottom: 44px;
}
.home-new-ul{
    display: flex;
    margin: 0 -12.5px;
}
.home-new-ul-li{
    width: 33.333333%;
    padding: 0 12.5px;
}
.hnul-link{
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #E0E9EE;
    background: #FFF;
    box-shadow: 0px 4px 62.8px 0px rgba(0, 75, 121, 0.15);
    padding:20px 26px 20px 11px
}
.hnul-link .ys-imgbox-cover{
    width: 38%;
    border-radius: 8px;
}
.hnul-link-fr{
    width: 62%;
    padding-left: 23px;
}
.ntbl-topbox-tag{
    display: inline-block;
}
.hnul-link-fr-tit{
    margin-top: 10px;
}
.home-new{
    padding-bottom: 50px;
}
.home-new-ul-li:nth-child(3n+1){
    animation-delay: 0.2s;
}
.home-new-ul-li:nth-child(3n+2){
    animation-delay: 0.3s;
}
.home-new-ul-li:nth-child(3n+3){
    animation-delay: 0.4s;
}
.home-slide h2{
    text-align: center;
    display: block;
}
.home-info-le h2{
    color: var(--colorfff);
    -webkit-text-fill-color: #fff;
    margin-bottom: 16px;
}
.home-info-le h2 span{
    background: linear-gradient(90deg, #F33260 22.39%, #85019D 80.98%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 16px;
}
.home-info-le-word p{
    color: var(--colorfff);
    line-height: var(--line16);
    opacity: 0.7;
}
.home-info-le .std-btn1{
    margin-top: 24px;
}
.home-swip{
    position: relative;
    z-index: 2;
}
.home-info{
    position: relative;
    z-index: 1;
}
.home-info-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
}
.home-info .ys-cont1440{
    position: relative;
    padding: 293px 0 74px;
    position: relative;
}
.home-info{
    margin-top: -135px;
    position: relative;
    z-index: 1;
}
.home-info-le{
    width: 40%;
}
.home-info-cont{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.home-info-le .std-btn1{
    margin-top: var(--space24);
}
.home-info-ri{
    width: 32%;
    position: relative;
    z-index: 1;
}
.home-info-ri-img{
    width: 100%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.home-info-ri-img img{
    width: 24%;
}
.home-info-ri-cry span{
    font-family: var(--semibold) !important;
    font-size: 220px;
    line-height: 1.1;
    background: linear-gradient(117deg, #FFCD79 13.05%, #D7927C 90.53%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    display: block;
}
.home-info-ri-cry p{
    text-align: center;
    width: 100%;
    display: block;
    background: linear-gradient(180deg, #E8BD75 0%, #D7927C 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    line-height: var(--line12);
}
.home-info-cont{
    margin-bottom: 168px;
}
.hiul-word p{
    line-height: 1.5;
    color: #fff;
}
.hiul-box .ys-demo-num1{
    font-size:54px;
    font-family: var(--semibold) !important;
    background: linear-gradient(90deg, #E8BD75 4.75%, #D7927C 88.16%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    flex-shrink: 0;
    margin-right: 14px;
}
.hiul-box{
    padding-top: 34px;
    border-top: solid 1px rgba(255,255,255,0.7);
    display: flex;
    align-items: flex-start;
}
.hiul-word p span{
    font-size: var(--font20);
    line-height: var(--line12);
    background: linear-gradient(180deg, #E8BD75 0%, #D7927C 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin-right: 10px;
}
.home-info-ul-li{
    width: 33.333333%;
    padding: 0 22.5px;
}
.home-info-ul{
    margin: 0 -22.5px;
    display: flex;
}
.home-info-ul-li:nth-child(3n+1){
    animation-delay: 0.2s;
}
.home-info-ul-li:nth-child(3n+2){
    animation-delay: 0.2s;
}
.home-info-ul-li:nth-child(3n+3){
    animation-delay: 0.2s;
}
.yx_field {
    overflow: visible !important;
    width:83%;
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
}
.yful_wrap {
    height: 100%;
    padding: 21px 34px 42px 74px;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 20px;
    background: linear-gradient(180deg, #FEF8F6 0%, #F6F4FF 100%);
}
.yful-wrap-fr{
    width: 52%;
}
.yful-wrap-fl{
    width: 48%;
    padding-right: 15px;
}
.yful-wrap-tit{
    font-size: var(--font32);
    color: var(--color131);
    font-weight: 500;
    margin-bottom: 12px;
    line-height: 1.2;
}
.yful-wrap-word p{
    font-size: 22px;
    color: var(--color131);
    line-height: 1.8;
    opacity: 0.8;
    text-overflow: ellipsis;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.ywfl-item-word{
    margin-bottom: 18px;
}
.ywfl-item-solu{
    margin-bottom: 10px;
}
.home-swip h2{
    text-align: center;
    display: block;
    margin-bottom: 46px;
}
.ywfl-item span{
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--color838);
    display: inline-block;
    flex-shrink: 0;
    margin-right: 20px;
}
.ywfl-item{
    display: flex;
    align-items: flex-start;
}
.ywfl-item-word p{
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: var(--font20);
    line-height: 1.6;
}
.yful-wrap-word{
    margin-bottom: 35px;
}
.yx_field_ul_li{
    margin: 0 32px;
    height: auto !important;
}
.yx_field_ul_li.swiper-slide-prev{
    left: -67px;
}
.yx_field_ul_li.swiper-slide-next{
    right: -67px;
}
.yisu-lis p{
    font-size: var(--font18);
    color: var(--color131);
    line-height: var(--line16);
    border-radius: 5px;
    border: 1px solid #CCD7ED;
    background: rgba(255, 255, 255, 0.70);
    padding: 5px 18px;
}
.yisu-lis{
    padding: 0 4px;
    margin-bottom: 8px;
}
.ywfl-item-solu-ul{
    margin: 0 -4px;
}
.ywfl-item-solu-ul{
    display: flex;
    flex-wrap: wrap;
}
.ywfl-item-text p{
    font-size: var(--font18);
    color: var(--color838);
    line-height: var(--line16);
}
.yful-wrap-fl .std-btn1{
    margin-left: 90px;
    margin-top: 40px;
}
.ywui-conts p span{
    font-size: var(--font16);
    color: var(--color838);
    line-height: var(--line16);
    display: block;
    margin-top: 3px;
}
.ywui-conts p{
    color: rgba(19, 20, 21, 0.8);
    font-size: 22px;
    line-height: 1.8;
}
.yful-wrap-uls-item{
    margin-bottom: 20px;
}
.yful-wrap-uls-item:last-child{
    margin-bottom: 0px;
}
.ywui-conts{
    position: relative;
    padding-left: 18px;
}
.ywui-conts::after{
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--colormain);
}
.yful-wrap-fl .yful-btcry-ul-li .std-btn1-link{
    padding: 0  !important;
    border: none !important;
}
.yful-wrap-fl .yful-btcry-ul-li .std-btn1{
    margin-top: 12px;
    margin-left: 0px !important;
}
.yful-btcry-ul{
    display: flex;
    margin:0 -4.5px
}
.yful-btcry-ul-li{
    width: 33.333333%;
    padding: 0 4.5px;
    height: auto !important;
}
.ybul-link{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px 15px 22px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.20);
}
.ybul-link-tps-tit{
    margin-bottom: 10px;
    font-size: var(--font20);
    line-height: var(--line16);
    background:linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ybul-link-tps-word p{
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--color838);
    height: auto;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.yx_field{
    position: relative;
    z-index: 1;
}
.yx_field::after{
    content: "";
    width: 100%;
    height: 290px;
    position: absolute;
    left: 0;
    bottom: -20px;
    z-index: -1;
    border-radius: 1206.911px;
    pointer-events: none;
    background: radial-gradient(50% 50% at 50% 50%, #5C5579 0%, rgba(246, 244, 254, 0.00) 100%);
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--colormain) !important;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: var(--colormain) !important;
    opacity: .2;
}
.home-swip .swiper-container{
    padding-bottom: 84px !important;
}
.home-swip .home-solu-bg-img1{
    right: auto;
    left: 0;
}
.home-swip .swiper-pagination{
    width: auto !important;
    left: 50% !important;
    transform: translate3d(-50%,0,0) !important;
    padding: 6px 20px;
    border-radius: 50px;
    background: #83819310;
    bottom: 0px !important;
}
.home-media{
    width: 100%;
    position: relative;
}
.home-media-bg, .home-media-bg img{
    width: 100%;
}
.home-media-cont{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.ys-banner{
    position: relative;
    z-index: 1;
}
.ys-banner-bg{
    width: 100%;
    z-index: -1;
}
.home-media-ul{
    display: flex;
    margin: 0 -12px;
}
.home-media-ul-li{
    width: 33.333333%;
    padding: 0 12px;
}
.hmul-box{
    display: block;
    position: relative;
    z-index: 1;
}
.hmul-bg{
    width: 100%;
    position: relative;
}
.hmul-cry-btn-box p{
    font-size: var(--font16);
    line-height: var(--line12);
    display: inline-block;
    background: linear-gradient(92deg, #F33260 1.78%, #85019D 131.89%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hmul-cry{
    width: calc(100% - 70px);
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    z-index: 10;
}
.hmul-cry-btn-box{
    display: flex;
    align-items: center;
}
.hcbb-icon{
    width: 14px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 10px;
}
.hmul-cry-btn{
    margin-top: 29px;
    display: none;
}
.home-media-ul-li .hmul-box{
    transition: transform .6s ease;
}
.home-media-ul-li.act .hmul-box{
    transform: translateY(-40px);
}
.hmul-cry-tit{
    font-weight: 700;
    font-size: var(--font24);
    color: var(--colorfff);
    line-height: var(--line16);
    margin-bottom: 20px;
}
.hmul-cry-list{
    display: flex;
    margin: 0 -10px;
}
.hmul-cry-list-item{
    padding: 0 10px;
    position: relative;
}
.hmul-cry-list-item::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height:16px;
    background: #fff;
}
.hmul-cry-list-item p{
    font-size: var(--font18);
    line-height: var(--line12);
    color: rgba(255, 255, 255, 0.70);
}
.hmul-cry-list-item:last-child::after{
    display: none;
}
.hmul-box{
    border-radius: 10px;
    overflow: hidden;
}
.home-media-tp h2 {
    -webkit-text-fill-color: #fff;
    color: #fff;
    margin-bottom: 26px;
}
.home-media-tp h2 span{
    background: linear-gradient(90deg, #F33260 28.3%, #85019D 99.78%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-media-tp{
    width: 36%;
    margin-bottom: 190px;
}
.home-media-tp-word p{
    line-height: var(--line16);
    color: var(--color838);
}
.home-solu h2{
    display: block;
    text-align: center;
    margin-bottom: 23px;
}
.home-solu-list{
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-solu-list-ul{
    width: auto;
    display: flex;
    padding: 5px;
    border-radius: 10px;
    background: linear-gradient(90deg, #FEF8F6 0%, #F6F4FF 100%);
    box-shadow: 0px 0px 5.5px 2px rgba(84, 44, 110, 0.05) inset;
}
.hslu-li p{
    color: #333;
    opacity: 0.5;
    text-align: center;
    font-size: var(--font16);
    font-weight: 500;
    white-space: nowrap;
    padding: 10px 30px;
    background: transparent;
    transition: all .4s ease;
    border-radius: 10px;
    background: transparent;
    cursor: pointer;
    line-height: 1.2;
}
.hslu-li.active p{
    opacity: 1;
    background: #fff;
    box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.08);
}
.home-serv{
    padding: 135px 0 150px;
    background: linear-gradient(78deg, #070015 5.99%, #5F24DF 53.66%, #E20522 111.43%);
}
.home-solu{
    position: relative;
    z-index: 2;
}
.home-serv{
    margin-top: -135px;
}
.home-swip-bg, .home-swip-bg img{
    width: 100%;
}
.home-swip .ys-cont1440{
    padding-bottom: var(--space150);
}
.home-solu-botcry-item, .hsbi-top-list{
    display: none;
}
.home-solu-botcry-item:first-child, 
.hsbi-top-list:first-child{
    display: block;
}
.htlb-ri{
    width: 56%;
    position:relative;
}
.htlb-ri img{
    width: 100%;
    position: relative;
}
.htlb-ri img:nth-child(2), .htlb-ri img:nth-child(3){
    position: absolute;
    top: 0;
    left: 0;
    animation-delay: 0.4s;
}
.htlb-le{
    width: 44%;
    padding-right: 90px;
}
.htlb-tit{
    color: var(--color131);
    font-weight: 500;
    font-size: var(--font32);
    margin-bottom: var(--space24);
}
.htlb-word p{
    color: var(--color838);
    line-height: var(--line16);
}
.htlb-le-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    width: 86%;
}
.htlb-le-ul-li{
    width: 50%;
    padding: 0 15px;
    margin-top: 20px;
}
.hlul-crys p{
    color: #6941c6;
    font-size: var(--font20);
    line-height: var(--line12);
}
.hlul-crys-icon{
    width: 22px;
    flex-shrink: 0;
    margin-right: 10px;
    font-size: 0;
}
.hlul-crys-icon img{
    width: 100%;
}
.hlul-crys{
    display: flex;
    align-items: center;
}
.hsbi-top-list-box{
    display: flex;
    align-items: center;
}
.htlb-le .hsul-btn{
    margin-top: 38px;
}
.home-solu-botcry{
    margin-top: 64px;
}
.hsbi-bot-uls-lis p{
    font-size: var(--font16);
    color: var(--color131);
    line-height: 2;
}
.hsbi-bot-uls-lis .hlul-crys-icon{
    width: 20px;
    margin-right: 15px;
    flex-shrink: 0;
}
.hbul-conts-word p{
    line-height: 1.2;
    color: var(--color838);
}
.hsbi-bot-uls{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.hsbi-bot-uls-lis{
    width: 33.333333%;
    padding: 0 5px;
    margin-top: 15px;
    height: auto !important;
}
.hbul-conts{
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #E0E9EE;
    background: #fff;
    padding: 14px 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.hbul-conts::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
    background: linear-gradient(90deg, #FEF9F5 0%, #F6F4FF 100%);
    opacity: 0;
    transition: all .4s ease;
}
.hsbi-bot-uls-lis.active .hbul-conts::after{
    opacity: 1;
}
.ys-ban-title{
    font-size: var(--font90);
    color: var(--colorfff);
    line-height: 1.1;
    display: block;
}
.ys-ban-title span{
    background: linear-gradient(93deg, #EDA967 4.67%, #F33260 65.68%, #85019D 131.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin-bottom: 14px;
}
.ys-banner-wrap-le{
    width: 32%;
}
.ys-ban-text{
    margin-top: 39px;
    color: rgba(255,255,255,0.7);
    font-size: var(--font24);
    line-height: 1.2;
}
.ys-ban-word p{
    font-size: var(--font16);
    color: rgba(255,255,255,0.42);
    line-height: 1.75;
}
.ys-ban-word{
    margin-top: 18px;
}
.ys-banner-wrap-le .hsul-btn{
    margin-top: 45px;
}
.ys-banner-wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.ys-banner-wrap-le .std-btn1.white .std-btn1-link{
    background: transparent;
    border: solid 1px #fff;
}
.ys-banner-wrap-le .std-btn1.white p{
    color: #fff;
}
.ys-banner-wrap-le .std-btn1.white .std-btn1-icon img:nth-child(2){
    opacity: 0;
}
.ys-banner-wrap-le .std-btn1.white .std-btn1-icon img:nth-child(1){
    opacity: 1;
}
.ys-banner-wrap-ri, .ys-ban-slick{
    width: 52%;
}
.ys-ban-slick{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 4;
}
.ys-banner-wrap-ri-pic{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.ys-banner-wrap .ys-cont1440{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ys-ban-txtbox{
    width: 100%;
    overflow: hidden;
}
.ys-ban-txtbox-img1 {
    width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%) translateY(60px);
    transition: all 1s ease;
    opacity: 0 !important;
    transition-delay: 0s;
    overflow: hidden;
}
.ys-ban-li.slick-active .ys-ban-txtbox-img1{
    transform: translateX(-50%) translateY(0px);
    opacity: 1 !important;
    transition-delay: 0.2s;
}
.ys-ban-txtbox-img2, .ys-ban-txtbox-img3{
    width: 34%;
    position: absolute;
    transform: translateY(60px);
    opacity: 0 !important;
    transition: all 1s ease;
    transition-delay: 0s;
}
.ys-ban-txtbox-img3{
    transition-delay: 0s;
}
.ys-ban-txtbox-img2{
    top: 0;
    right: 0;  
}
.ys-ban-txtbox-img3 {
    top: 48%;
    left: 0%;
    position: relative !important;
}
.ys-banner-wrap-ri-pic {
    transform: rotate(-15deg);
    transform-origin: left bottom;
    opacity: 0 !important;
    transition: all 0s;
}
.ys-ban-picul-li.slick-active .ys-ban-txtbox-img2,
.ys-ban-picul-li.slick-active .ys-ban-txtbox-img3{
    transform: translateY(0px);
    opacity: 1 !important;
}
.ys-ban-picul-li.slick-active .ys-ban-txtbox-img2{
    /* transition-delay: 0.5s; */
}
.ys-ban-picul-li.slick-active .ys-ban-txtbox-img3{
    /* transition-delay: 0.6s; */
}
.ys-ban-li.slick-active .ys-banner-wrap-ri-pic{
    transform: rotate(0deg);
    opacity: 1 !important;
    transition: all .6s ease;
}
.home-serv h2{
    color: #fff;
    display: block;
    text-align: center;
    -webkit-text-fill-color: #fff;
}
.ys-ban-slick .slick-list{
    overflow: visible !important;
}
.ys-banner-wrap-ri{
    position: relative;
}
.ys-ban-slick {
    width:100%;
    position: absolute;
    top: auto;
    right: 0;
    transform: inherit;
    z-index: 4;
    bottom: 0;
}
.ys-ban-picul{
    width:60%;
    height: 100%;
    position: absolute;
    right: 0;
    z-index: 4;
    bottom: 0;
    pointer-events: none;
}
.ys-ban-picul .slick-list, .ys-ban-picul .slick-track{
    height: 100%;
}
.ys-ban-picul .ys-ban-txtbox{
    height: 100%;
}
.ys-ban-slick .slick-dots {
    position: absolute;
    bottom: 0;
    right: -100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 20px;
    list-style: none;
    text-align: center;
    height: 100%;
}
.ys-ban-slick .slick-dots li{
    margin: 8px 0;
    background: rgba(255,255,255,0.3);
}
.ys-ban-slick .slick-dots li.slick-active{
    background: rgba(255,255,255,1);
}
.home-solu-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
}
.home-solu-bg-img3{
    position: absolute;
    bottom:0;
    right: -8%;
    width: 996px;
}
.home-solu-bg-img1 {
    position: absolute;
    top: 36%;
    right: 26%;
    width: 511px;
}
.home-solu-bg-img2{
    position: absolute;
    top: 32%;
    right: 26%;
    width: 672px;
}
.home-swip-bg{
    position: relative;
    z-index: -1;
}
.home-serv-bg{
    width: 83%;
    max-width: 1595px;
    margin: 0 auto;
}
.home-serv-bg svg{
    width: 100%;
    height: auto !important;
}
.home-serv-cont{
    width: 100%;
    /* max-width: 1920px; */
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.home-serv-bt{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 81px;
}
.home-serv-bt-ul{
    display: flex;
    margin: 0 -18px;
}
.hsbu-li{
    width: 436px;
    padding: 0 18px;
}
.home-serv-dots{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    max-width: 1700px;
}
.hsdu-li{
    pointer-events: all;
}
.hsbu-li-box{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: linear-gradient(180deg, rgba(11, 3, 120, 0.20) 0%, rgba(159, 21, 132, 0.20) 100%);
    backdrop-filter: blur(4.050000190734863px);
}
.hsbu-li-icon{
    width: 40px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 20px;
}
.hsbu-li-icon img{
    width: 100%;
}
.hsdu-li{
    position: absolute;
}
.hsbu-li-box p{
    font-size: var(--font18);
    line-height: var(--line13);
    text-align: center;
    color: var(--colorfff);
}
.hsdu-li5 .hsdu-li-box-icon, .hsdu-li6 .hsdu-li-box-icon{
    width: 100px;
    margin: 0 auto;
}
.hsdu-li3 .hsdu-li-box-icon, .hsdu-li4 .hsdu-li-box-icon{
    width: 124px;
} 
.hsdu-li1 .hsdu-li-box-icon, .hsdu-li2 .hsdu-li-box-icon{
    width: 92px;
} 
.hsdu-li-box-icon img{
    width: 100%;
}
.hsdu-li-box p{
    color: #fff;
    font-size: var(--font18);
    line-height: 1.6;
    text-align: center;
}
.hsdu-li-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hscl-svg{
    width: 240px;
    position: relative;
}
.hscl-svg svg{
    width: 100%;
    height: auto !important;
}
.home-serv-cont-left{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.hscl-list-text p{
    text-align: center;
    font-size: var(--font20);
    line-height: 1.5;
    color: #fff;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    padding: 14px 20px;
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter: blur(22px);
}
.hscl-list{
    width: 100%;
    position: absolute;
    top: 0;
    left: 20%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 10;
}
.a1-path{
    animation: rotate 4s linear infinite;
    transform-origin: center center;
}
@keyframes rotate{
    100%{
        transform: rotate(1turn);
    }
}
.hsdu-li-box-icon svg{
    width: 100%;
    height: auto !important;
}
.hsdu-li-box-top{
    position: relative;
}
/* 服务 */
.hsdu-li1 .hsdu-li-box-icon, .hsdu-li2 .hsdu-li-box-icon {
    width: 92px;
    height: 92px;
}
.hsdu-li3 .hsdu-li-box-icon {
    width: 124px;
    height: 124px;
}
.hsdu-li4 .hsdu-li-box-icon{
    width: 100px;
    height: 100px;
}
.hsdu-li5 .hsdu-li-box-icon{
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.hsdu-li6 .hsdu-li-box-icon{
    width: 144px;
    height: 144px;
}
.hsdu-li-box-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.hsdu-li5{
    top: 50% !important;
    left: 29% !important;
}
.hsdu-li3{
    top: 39% !important;
    left: 18% !important;
}
.hsdu-li1{
    top: 32% !important;
    left: 29% !important;
}
.hsdu-li2{
    top: 32% !important;
    left: 64% !important;
}
.hsdu-li4 {
    top: 42% !important;
    left: 76.5% !important;
}
.hsdu-li6 {
    top: 48% !important;
    left: 63% !important;
}
.hlbt-line{
    position: absolute;
    top: 50%;
    left:calc(50% - 3px);
    transform: translate(-50%, -50%);
    width: calc(100% + 0px);
    height: calc(100% + 0px);
}
.hlbt-line img{
    width: 100%;
    height: 100%;
}
.home-serv-bg-link a{
    display: block;
}
.home-serv{
    position: relative;
}
.home-serv-top{
    position: absolute;
    top: 188px;
    left: 50%;
    transform: translateX(-50%);
}
.home-serv-min{
    animation: upshow 4s ease infinite;
}
@keyframes upshow{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(15px);
    }
    100%{
        transform: translateY(0px);
    }
}
.sffr-pic-dots{
    position: absolute;
    left: -6px;
    top: -6px;
    /* transform: translateY(-50%); */
    width: 12px;
    height: 12px;
    background: var(--colorfff);
    border-radius: 50%;
    display: block;
}
.ys-ban-txtbox-img1 {
    mask-image: url(../images/a1_banrj01_hight2.png);
    -webkit-mask-image: url(../images/a1_banrj01_hight2.png);
    mask-size: 100% 112%;
    -webkit-mask-size: 100% 112%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: 50% 100%;
    -webkit-mask-position: 50% 100%;
}
.ybdu-li svg {
    fill: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.ybdu-li {
    width: 14px;
    height: 14px;
    position: relative;
    margin: 10px 0;
    cursor: pointer;
}
.ybdu-li::after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s;
}
.ybdu-li::before{
    content: "";
    width: 100%;
    height: 100%;
    border:solid 1px rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    opacity: 0;
    transition: all .4s ease;
}
.ybdu-li.on::before{
    opacity: 1;
}
.ybdu-li.on::after {
    opacity: 0;
}
.ys-ban-dots {
    position: absolute;
    right: 46px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.home-swip .swiper-pagination-bullet{
    border-radius: 8px !important;
    position: relative;
    background: var(--colormain) !important;
}
.home-swip .swiper-pagination-bullet::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    transition: width 4s;
    background: var(--colormain) !important;
    border-radius: 8px;
}
.home-swip .swiper-pagination-bullet-active{
    width: 26px !important;
    background:transparent !important;
}
.home-swip .swiper-pagination-bullet-active::after{
    width: 100%;
}
/* 首页-end */
/* 合并补充-start */
.ys-form-inof-item.ys-modal-btn .ys-select-bd{
    display: block !important;
    position: relative;
    left: auto;
    top: auto;
    max-height: inherit !important;
    height: 100% !important;
}
.copdet-page .mod-bread{
    display: none;
}
.copdet-page h1{
    color: var(--colorfff);
    font-size: 36px;
    font-weight: 500;
    line-height: var(--line16);
    animation: none !important;
}
.copdet-page .ys-nyban-title p{
    color: rgba(255,255,255,0.7);
    font-size: var(--font18);
    line-height: var(--line16);
    margin-bottom: 15px;
    animation: none !important;
}
.copdet-page .ys-nyban-title{
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}
.clbu-li:nth-child(3n+1){
    animation-delay: 0.2s;
}
.clbu-li:nth-child(3n+2){
    animation-delay: 0.3s;
}
.clbu-li:nth-child(3n+3){
    animation-delay: 0.4s;
}
.caselist-page .ys-main{
    padding-top: 80px;
}
.ys-page-wrap.act .ys-bread-list a{
    color: var(--color838);
    opacity: 0.7;
}
.ys-page-wrap.act .ys-bread-list::before{
    color: var(--color838);
    opacity: 0.7;
}
.ys-page-wrap.act .ys-hd-pc {
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 0%);
}
.ys-page-wrap.act .ys-hd-pc.isfixed{
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
}
.dsbl-list-li:nth-child(3n+1){
    animation-delay: 0.2s;
}
.dsbl-list-li:nth-child(3n+2){
    animation-delay: 0.3s;
}
.dsbl-list-li:nth-child(3n+3){
    animation-delay: 0.4s;
}
.details-page .ys-main{
    padding-top: 80px;
}
.newslist-page .ys-main{
    padding-top: 58px;
}
.infodet-page .ys-main,
.paper-page .ys-main, .papdet-page .ys-main{
    padding-top: 60px;
}
.paper-page .ys-hd-pc.isfixed, .paper-page .ys-hd-pc.ishover, .paper-page .ys-page-wrap.act .ys-hd-pc {
    background: #F3F5F9;
}
.details-scheme-box {
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.dwsi-cry{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.dwsi-cry-text{
    text-align: left;
    font-size: var(--font16);
    line-height: var(--line16);
    height: 3.2em;
    text-overflow: ellipsis;
}
.dsbs-wrapper-slide-info {
    padding: 20px 46px 23px 27px;
}
.dwsi-cry-more::after {
    left: auto;
    top: 50%;
    right: -20px;
    transform: translate(0%, -50%);
}
.details-scheme .dwsi-cry-more{
    opacity: 0;
    transition: all .4s ease;
}
.data-page .dsbs-prev, .dsbs-next{
    top: 50% !important;
}
.ys-nybanner2 h1{
    font-size: var(--font48);
    line-height: var(--line16);
    color: var(--colorfff);
    font-weight: 500;
    margin-bottom: 4px;
}
.ys-nybanner2 p span{
    display: block;
    background: linear-gradient(90deg, #FF5E2D 0%, #F33260 60.98%, #85019D 101.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: var(--font24);
    line-height: 2;
    font-weight: 500;
}
.ys-nybanner2 .ys-nyban-title p {
    font-size: var(--font16);
    line-height: var(--line16);
    color: rgba(255,255,255,0.8);
}
.ys-nyban-person, .ys-nyban-pictu, .ys-nyban-phimg{
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: auto;
}
.ys-nybanner2 .ys-nyban-title{
    width: 29%;
}
.ys-nybanner2 .ys-nyban-btn{
    margin-top: 40px;
}
.proxysrv-nav {
    transform: translateY(-50%) translateX(-180px);
}
.proxysrv-page .swiper-button-prev, 
.proxysrv-page .swiper-button-next{
    top: 40% !important;
}
.hsul-btn{
    display: flex;
    align-items: center;
    margin-top: 63px;
}
.home-slide .details-top-box-right{
    width: 46%;
}
.home-slide .details-top-box-left{
    width: 54%;
    padding-right: 0px !important;
    padding-left: 102px;
}
.home-slide .details-top-box{
    flex-direction: row-reverse;
}
.home-slide .dtbl-logo{
    width: 194px;
    margin-bottom: 6px;
}
.home-slide .dtbl-title p{
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--color131);
    text-overflow: ellipsis;
    height: 4.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.home-slide .dtbl-title {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--color131);
    font-weight: 400;
    margin-bottom: 22px;
}
.home-slide .dtbl-num-left-num {
    background: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color131);
    color: var(--color131);
}
.hsul-btn .std-btn1{
    margin-right: 16px;
}
.home-slide-cont{
    position: relative;
    z-index: 1;
}
.home-slide-cont::after{
    content: "";
    position: absolute;
    left: 40%;
    top: 0%;
    transform: translateX(-50%);
    width: 406px;
    height: 406px;
    opacity: 0.5;
    pointer-events: none;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 166, 0, 0.60) 0%, rgba(255, 166, 0, 0.00) 100%);
}
.home-slide-cont::before{
    content: "";
    position: absolute;
    left: 35%;
    top: -17%;
    transform: translateX(-50%);
    width: 534px;
    height: 534px;
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
    opacity: 0.5;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 0, 72, 0.60) 0%, rgba(255, 0, 72, 0.00) 100%);
}
.mod-arrows{
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
}
.arrows-icon{
    pointer-events: all;
    cursor: pointer;
}
.arrows-icon img{
    width: 100%;
}
.home-slide .mod-arrows{
    width: calc(100% + 140px);
}
.home-slide h2{
    text-align: center;
    background: linear-gradient(90deg, #F03161 0%, #86029D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: var(--font40);
    margin-bottom: 60px;
    line-height: 1.2;
    font-weight: 500;
}
.home-slide-ul-li{
    padding:0 10px;
}
.home-slide-ul{
    margin: 0 -10px;
}
.sscb-ul-li{
    height: auto;
}
.sscb-ul{
    align-items: stretch;
}
.start-switch{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .4s ease;
    pointer-events: none;
}
.start-switch.act{
    opacity: 1;
    pointer-events: all;
    position: relative;
    animation:ysfadeInUp .8s ease-in-out both;
    animation-delay:.2s
}
.start-change{
    width: 100%;
    position: relative;
}
.start-page .proxysrv-service .psbs-prev::after, 
.start-page .proxysrv-service .psbs-next::after{
    display: none;
}
.start-page .proxysrv-service .psbs-prev{
    left: -30px !important;
}
.start-page .proxysrv-service .psbs-next{
    right: -30px !important;
}
.start-page .psbs-slide:nth-child(3n+1) .pslb-bg{
    background: linear-gradient(90deg, #EE4242 0%, #960B96 100%);
}
.start-page .psbs-slide:nth-child(3n+2) .pslb-bg{
    background: linear-gradient(90deg, #960994 0%, #8F50EA 100%);
}
.start-page .psbs-slide:nth-child(3n+3) .pslb-bg{
    background: linear-gradient(90deg, #370673 0%, #8F50EA 100%);
}
.dwsi-cry-title{
    text-align: left;
}
.ys-nyban-icon{
    position: absolute;
    width: 55% !important;
    right: 0px !important;
    top: 50%;
    transform: translateY(-50%);
    animation: fud 1.8s  .3s linear both 1;
}
@keyframes fud{
    0%{
        
        top: 50%;
    }
    50%{
        top: 48%;
    }
    100%{
        top: 50%;
    }
}
.data-page .ys-nybanner2 .ys-nyban-title{
    width: 60%;
}
.dkbi-link{
    position: relative;
}
.dkbi-link-svg{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.dkbi-link-svg svg{
    width: 100%;
    height: 100%;
}
.dkbi-link-svg-list .shadow{
    opacity: 0;
    transition: all .4s ease;
}
.dkbi-link-svg-list:first-child .shadow{
    animation: show 2s linear infinite both;
    transition: none;
}
@keyframes show{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.dkbi-link-svg-list a{
    display: block;
    position: relative;
}
/* 合并补充-end */
/* h4--新增弹窗-start */
.fmul-text{
    font-size: var(--font24);
    color: var(--color131);
    line-height: var(--line16);
    font-weight: 500;
    margin-bottom: 17px;
    width: 100%;
}
.fmul-uls-lis{
    display: flex;
    align-items: flex-start;
}
.fmul-uls-lis span{
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: solid 1px var(--color838);
    flex-shrink: 0;
    margin-right: 9px;
    position: relative;
    top: 7px;
    display: inline-block;
}
.fmul-uls-lis span img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    opacity: 0;
    transition: all.4s ease;
}
.fmul-uls-lis p{
    font-size: var(--font18);
    color: var(--color131);
    line-height: var(--line16);
}
.fmul-uls-lis{
    margin-bottom: 10px;
    cursor: pointer;
}
.fmul-uls-lis:last-child{
    margin-bottom: 0px;
}
.fmul-item{
    margin-bottom: 30px;
}
.fmul-item:last-child{
    margin-bottom: 0px;
}
.fmul-item-text p{
    color: var(--color838);
    line-height: var(--line16);
}
.fmul-item-text{
    margin-bottom: 11px;
}
.fmul-uls-lis.on span img{
    opacity: 1;
}
.fmul-boxlis{
    display: flex;
    flex-direction: column;
}
.form-modal-bot{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top:13px;
    border-top: solid 1px rgba(131,129,147,0.3);
    margin-top: 40px;
}
.form-modal-reset p, .form-modal-submit p{
    font-size:var(--font16);
    line-height: 48px;
    padding: 0 20px;
    border-radius: 9999px;
    border: solid 1px #FF1515;
    position: relative;
    cursor: pointer;
}
.form-modal-reset p{
    color: #FF1515;
    background: #fff;
}
.form-modal-reset{
    margin-right: 8px;
}
.form-modal-submit p{
    color: var(--colorfff);
    background: #FF1515;
}
.form-modal-ul{
    display: flex;
}
.form-modal .ys-modal-content {
    width: 1024px;
    padding: 40px 50px 18px;
    max-width: calc(100vw - 40px);
    max-height: 670px;
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
    background: #FFF;   
}
.form-modal-ul-li{
    display: flex;
    flex-wrap: wrap;
}
.fmul-boxuls{
    display: flex;
}
.fmul-boxlis{
    padding: 0 37px;
}
.form-modal .ys-modal-close {
    right: 50px;
}
.form-select .ys-fii-input{
    height: 50px;
    border-radius: 5px;
    border: solid 1px #919AA350 !important;
}
.form-modal.ys-modal {
    background: rgba(0, 0, 0, .7);
}
.form-select .ys-fii-input, .form-select input[type="text"] {
    cursor: pointer !important;
}
.form-select .ys-fii-input{
    padding-right: 40px;
    position: relative;
}
/* h4--新增弹窗-end */
/* H1公司介绍汇总页-start */
.about-topcry{
    padding: calc(126px + var(--headh)) 0 175px;
}
.ys-cont1640{
    width: 85vw;
    max-width: 1640px;
    margin: 0 auto;
}
.about-ban-ri{
    width: 53%;
}
.about-ban-ri img{
    width: 100%;
}
.about-ban-le{
    width: 47%;
    padding-left: 102px;
    padding-right: 68px;
}
.about-tab{
    margin-bottom: 25px;
}
.about-tab p{
    font-size: var(--font20);
    color: var(--colorfff);
    line-height: var(--line16);
    position: relative;
    padding-left:20px;
}
.about-tab p::after{
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #FF1515;
}
.about-ban-wrap{
    display: flex;
    align-items: flex-start;
}
.about-page h1{
    background: linear-gradient(91deg, #F37C32 27.55%, #F33260 82.55%, #85019D 139.89%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    line-height: var(--line13);
    margin-bottom: 40px;
}
.about-ban-le-word p{
    color: rgba(255,255,255,0.7);
    line-height: var(--line16);
    margin-bottom: 20px;
}
.about-ban-le-word p:last-child{
    margin-bottom: 0px;
}
.home-info-ri-cry{
    width: 100%;
}
.arlu-li-box-hide{
    width: 100%;
}
.about-hono-wrap{
    display: flex;
    align-items: flex-end;
}
.about-hono-ri{
    width: 59%;
}
.about-hono-le{
    width: 41%;
    padding-right: 129px;
    position: relative;
}
.about-hono-le-cont{
    width: 100%;
    position: relative;
}
.about-page .home-info-ul-li{
    padding: 0 20px;
}
.about-page .home-info-ul{
    margin: 0 -20px;
}
.hiul-word p span{
    display: block;
}
.hiul-word p {
    display: flex;
    align-items: flex-start;
}
.hiul-word{
    position: relative;
    top: 24px;
}
.about-cult-cont{
    width: 77%;
    margin: 0 auto;
    border-radius: 30px;
    display: block;
    padding: 123px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.about-cult .ys-cont1280{
    position: relative;
}
.about-pic-ul{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.about-pic-ul-li{
    pointer-events: all;
    position: absolute;
}
.apul-img, .apul-img img{
    width: 100%;
}
.apul-img{
    border-radius: 10px;
    overflow: hidden;
}
.apul-crys p{
    text-align: center;
    font-size: var(--font24);
    color: var(--colorfff);
    line-height: 2;
}
.about-pic-ul-li1 .apul-crys, 
.about-pic-ul-li3 .apul-crys, 
.about-pic-ul-li5 .apul-crys{
    width: 244px;
}
.about-pic-ul-li2 .apul-crys{
    width: 282px;
}
.about-pic-ul-li4 .apul-crys{
    width: 316px;
}
.about-cult-ul-li{
    display: none;
}
.about-cult-ul-li:first-child{
    display: block;
}
.apul-img{
    transition: transform  1s ease !important;
}
.apul-crys{
    perspective: 1000px;
}
.acul-cry{
    width: 66%;
    margin: 0 auto;
}
.acul-cry-word p{
    color: rgba(255,255,255,0.7);
    line-height: var(--line16);
    height: 8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
}
.acul-cry-tit{
    text-align: center;
    font-weight: 500;
    margin-bottom: 33px;
    line-height: var(--line12);
    color: var(--colorfff);
}
.about-cult .about-tab{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 17px;
}
.about-hono{
    padding-bottom: 234px;
}
.about-min{
    position: relative;
    width: 100%;
}
.about-min-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.about-min-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.about-wait-history{
    position: relative;
}
.horizontal-scrollBar {
    height: 150%;
}
.horizontal-scrollBar {
    width: 100%;
    height: 200%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.scrollBar-thumb {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: grab;
    z-index: 10;
}
.scrollBar-thumb::before {
    content: "";
    width: 200vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.about-wait-history-swiper {
    overflow: visible !important;
    /* display: flex; */
}
.awhs-ul {
    display: flex;
}
.awhs-li.awhs-li1 {
    width: 489px !important;
    flex-shrink: 0;
}
.awhs-li-wrap {
    padding-left: 42px;
    position: relative;
    padding-right: 100px;
}
.awhs-li-wrap-year {
    font-size: 64px;
    font-family: var(--semibold) !important;
    background:linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: var(--line13);
    margin-bottom: 25px;
    display: inline-block;
}
.alwi-li {
    margin-bottom: 14px;
}
.alwi-li:last-child{
    margin-bottom: 0px;
}
.alwi-li p{
    color: var(--color838);
    line-height: var(--line16);
    font-size: var(--font20);
}
.awhs-li-wrap::after {
    height: 300px;
}
.awhs-li-wrap::after {
    content: "";
    width: 1px;
    height: 280px;
    background:rgba(11, 3, 120, 0.20);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.about-wait-history-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    box-shadow: 0px 0px 25px rgba(255, 255, 255, 0.20);
    position: absolute;
    z-index: 5;
    opacity: 0;
    position: fixed;
    pointer-events: none;
}
.about-wait-history-icon img{
    width: 100%;
}
.about-wait-history-icon.active{
    opacity: 1;
}
.about-deve h2{
    font-weight: 500;
    display: inline-block;
    line-height: var(--line12);
    margin-bottom: 120px;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.about-wait-history{
    margin-bottom:845px;
}
.about-comm{
    padding-bottom: 222px;
}
.about-page h2{
    font-weight: 500;
    line-height: var(--line12);
}
.about-min h2{
    background: linear-gradient(90deg, #EC712F 2.54%, #F33260 69.74%, #85019D 131.87%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.about-comm h2{
    margin-bottom: 32px;
    display: inline-block;
}
.about-comm-tit{
    display: flex;
    justify-content: center;
}
.about-comm-pic, .about-comm-pic img{
    width: 100%;
}
.about-comm-pic{
    position: relative;
}
.about-addr{
    position: relative;
}
.about-addr-pic{
    width: 100%;
}
.about-addr-pic svg{
    width: 100%;
    height: auto !important;
    pointer-events: none;
}
.ys-cont1750{
    width: 85vw;
    max-width: 1920px;
    margin: 0 auto;
}
.line{
    width: 100% !important;
    cursor: pointer !important;
    pointer-events: all !important;
}
.line circle, .line path{
    transition: all .4s ease;
}
.line.act circle{
    fill: #fff;
}
.line.act path{
    stroke:#fff;
}
.about-runing h2{
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.arlu-li-box{
    height: 100%;
    border-radius: 20px;
    border: 1px solid #F0BA84;
    position: relative;
    padding: 22px 38px;
    overflow: hidden;
}
.arlu-li-box-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.arlu-li-box-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.arlu-li{
    width: 340px;
    flex-shrink: 0;
    margin-right: 24px;
    height: auto !important;
}
.albh-date p{
    text-align: center;
    color: var(--color838);
    line-height: var(--line13);
}
.about-runing-list-ul{
    align-items: stretch !important;
}
.albh-date{
    margin-bottom: 8px;
}
.albh-tit{
    width: 73%;
    margin: 0 auto;
    text-align: center;
    color: var(--color131);
    line-height: var(--line16);
    height: 4.8em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 5px;
}
.albh-word p{
    text-align: center;
    color: var(--color838);
    line-height: var(--line13);
}
.albh-pic{
    width: calc(100% - 76px);
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    display: flex;
    justify-content: space-between;
}
.about-runing .about-comm-tit{
    margin-bottom: 57px;
}
.about-runing-list-ul {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: calc(calc((340px * var(--width-shu))) + calc((24px * var(--width-shu))));
    animation: donghua1 linear infinite;
}
.about-runing-list-ul2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua2 linear infinite;
}
.about-runing-list{
    position: relative;
    overflow: hidden;
}
.about-runing-cry{
    position: relative;
    overflow: hidden;
}
.about-runing-cry::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 34%;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 63.73%);
    z-index: 2;
}
.about-runing-cry::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 34%;
    height: 100%;
    background: linear-gradient(-270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 63.73%);
    z-index: 2;
}
.about-runing-list{
    margin-bottom: 24px;
}
.about-runing-list:last-child{
    margin-bottom: 0px;
}
@keyframes donghua3{
    0% {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }
    
    100% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }
}
@keyframes donghua4{
    0% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
    
    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
.about-runing-list2 .about-runing-list-ul1 {
    animation: donghua3 linear infinite;
}
.about-runing-list2 .about-runing-list-ul2 {
    transform: translateX(100%);
    animation: donghua4 linear infinite;
}
.aasc-ul-li{
    width: 366px !important;
    flex-shrink: 0;
    height: auto !important;
}
.aasc-ul-li-box{
    height: 100%;
    border-radius: 10px;
    position: relative;
    background: #2F2541;
    overflow: hidden;
    padding: 46px 81px 29px 33px;
    transition: all .4s ease;
}
.aasc-ul-li-box::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    padding: 1px;
    background: linear-gradient(180deg, rgba(255,255,255,0.5), rgba(255,255,255,0.1));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: all 0.4s ease;
    pointer-events: none;
}
.aulb-text{
    font-size: var(--font24);
    line-height: var(--line12);
    color: var(--colorfff);
    transition: all .4s ease;
    font-weight: 500;
    margin-bottom: 36px;
}
.aulb-word p{
    font-size: var(--font20);
    line-height: var(--line16);
    opacity: 0.7;
    transition: all .4s ease;
    color: var(--colorfff);
}
.about-addr-swip{
    position: absolute;
    left: 50%;
    bottom: 205px;
    transform: translateX(-50%);
}
.aulb-icon{
    width: 100px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}
.aulb-icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .4s ease;
}
.aulb-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.aasc-ul-li.act .aasc-ul-li-box{
    background: #fff;
}
.aasc-ul-li.act .aulb-icon img:nth-child(2){
    opacity: 1;
}
.aasc-ul-li.act .aulb-icon img:nth-child(1){
    opacity: 0;
}
.aasc-ul-li.act .aulb-text{
    color: var(--color131);
}
.aasc-ul-li.act .aulb-word p{
    color: var(--color838);
}
.about-addr-swip #ys-swiper{
    overflow: visible !important;
}
.about-addr-swip .mod-arrows {
    position: relative;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 25px;
}
.about-addr-list{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.about-addr-list-items{
    position: absolute;
}
.about-addr-list-items p{
    font-size: var(--font16);
    color: #fff;
    line-height: 1.25;
    display: inline-block;
    padding: 3px 8px;
    border-radius: 5px;
    background: rgba(171, 131, 240, 0.20);
}
.about-addr-list-items{
    opacity: 0;
    transition: all .4s esae;
}
.about-addr-list-items.act{
    opacity: 1;
}
.awhs-ul .slick-dots li.slick-active::after {
    opacity: 1;
}
.awhs-ul .slick-dots li::after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #F33260 60%, #85019D 100%);
    transition: all .4s;
    border-radius: 50%;
    opacity: 0.3;
}
.awhs-ul .slick-dots li{
    background: transparent;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.awhs-ul .slick-dots{
    bottom: 0px;
}
/* H1公司介绍汇总页-end */
/* 20250524 */
.home-runing-list2 ul, .home-runing-list4 ul{
    animation-delay: 1s;
}
.arrows-icon{
    width: 44px;
}
.hiul-word p{
    display: flex;
}
.home-new h2{
    margin-bottom: 20px;
}
.home-info-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.yful-wrap-fl .yful-btcry-ul-li .std-btn1-link::after{
    display: none;
}
.yful-wrap-fr img:nth-child(2){
    object-fit: cover;
}
.end li::before, 
.first li::before, 
.next li::before, 
.prev li::before {
    color: var(--color838);
    transition: all .4s ease;
}
.about-cult-bg, .about-cult-bg img{
    width: 100%;
}
.about-addr .arrows-icon{
    width: 30px;
    margin-right: 17px;
}
.about-addr .arrows-icon:last-child{
    margin-right: 0px;
}
.data-page .psbs-slide-link {
    box-shadow: 0px 3px 18px 0px rgba(0, 75, 121, 0.05);
}
/* 由大到小 */
.yx-case8-fadeInUpimg {
    animation: fadeInUpimg 2.4s ease 1;
}

@keyframes fadeInUpimg {
    0% {
        transform: scale(1.5);
    }

    100% {
        transform: none;
    }
} 
/* 由小到大 */
.yx-case8-fadeInUpimg2 {
    animation: fadeInUpimg 3s linear 1 forwards;
    animation-delay: 0.2s;
}

@keyframes fadeInUpimg {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
     /* Lucas start */
     .ys-select-li:hover {
        color: var(--color131);
    }
    .coplist-comp-tabli:hover path {
        stroke: #ff0000;
    }
    .nlbl-list-info:hover .nlil-text-title {
        color: transparent;
    }
    .nlbl-list-info:hover .nlil-text-title::before {
        opacity: 1;
    }
    .coplist-first-box-link:hover .cfbr-title {
        color: transparent;
    }
    .coplist-first-box-link:hover .cfbr-title::before {
        opacity: 1;
    }
    .psbs-slide-link:hover {
        box-shadow: 0px 3px 18px 0px rgba(0, 75, 121, 0.15);
    }
    .psbs-slide-link:hover .pslb-more {
        opacity: 1;
    }
    .nlbu-li-link:hover .nllt-title {
        color: transparent;
    }
    .nlbu-li-link:hover .nllt-title::after {
        opacity: 1;
    }
    .nlbu-li-link:hover {
        box-shadow: 2px 4px 12px 0px rgba(45, 25, 134, 0.08);
    }
    .ctbt-list-li-link:hover {
        color: transparent;
    }
    .ntll-a:hover .ntll-link::after {
        opacity: 1;
    }
    .ntll-a:hover .ntll-link {
        color: transparent;
    }
    .comp-tabli:hover li {
        background: linear-gradient(90deg, #FEF9F5 0%, #F6F4FF 100%) !important;
        border-radius: unset;
    }
    .comp-tabli:hover li::before {
        opacity: 1;
    }
    .comp-tabli:hover {
        opacity: 1;
    }
    .clbu-li-link:hover .cllb-info-title {
        color: transparent;
    }
    .ibrl-li-link:hover .ibrl-li-link-article span {
        color: transparent;
    }
    .ilcl-link:hover .ilcl-link-cry-title {
        color: transparent;
    }
    .dsbl-list-link:hover .dllb-info-title {
        color: transparent;
    }
    .nlbl-list-info:hover .nlil-imgbox img {
        transform: scale(1.05);
    }
    .dsbl-list-link:hover .dllb-info-title::before {
        opacity: 1;
    }
    .coplist-first-box:hover .cfbl-img img {
        transform: scale(1.05);
    }
    .clbu-li-link:hover .cllb-info-title::before {
        opacity: 1;
    }
    .ccrb-link:hover {
        box-shadow: 0px 4px 62.8px 0px rgba(0, 75, 121, 0.3) !important;
    }
    .dllb-img:hover img {
        transform: scale(1);
    }
    .ctbt-list-li-link:hover {
        color: transparent;
    }
    .ctbt-list-li-link:hover::after {
        opacity: 1;
    }
    .ilcl-link:hover .ilcl-link-cry-title::before {
        opacity: 1;
    }
    .dtbr-imgbox:hover img {
        transform: scale(1.05);
    }
    .dllb-img:hover img {
        transform: scale(1.05);
    }
    .ibrl-li-link:hover .ibrl-li-link-article span::before {
        opacity: 1;
    }
    .cont-page .ys-nyban-title h1 {
        margin-bottom: 14px;
    }
    /* Lucas end */
    /* Leo-start */
    /* c21 */
    .stbu-li-link:hover::after {
        opacity: 1;
    }
    .stbu-li-link:hover .stbu-li-link-ri {
        color: transparent;
    }
    .stbu-li-link:hover .stbu-li-link-ri::before {
        opacity: 1;
    }
    .stbt-ul-li-par:hover {
        cursor: pointer;
    }
    .dubl-bot-ul-li:nth-child(2n) .std-btn1-link:hover p {
        color: var(--colorfff) !important;
    }
    .dubl-bot-ul-li:nth-child(2n) .std-btn1 .std-btn1-link:hover {
        border: solid 1px var(--colorbj) !important;
    }
    .dubl-bot-ul-li:nth-child(2n) .std-btn1.white:hover .std-btn1-icon img:nth-child(1) {
        opacity: 1 !important;
    }
    .dubl-bot-ul-li:nth-child(2n) .std-btn1.white:hover .std-btn1-icon img:nth-child(2) {
        opacity: 0 !important;
    }
    .dubr-box-cent .std-btn1-link:hover p {
        color: var(--colorfff) !important;
    }
    .dubr-box-cent .dubr-box:hover .std-btn1 .std-btn1-link::before {
        opacity: 0;
        /* border: solid 1px var(--colorbj) !important; */
    }
    .dubr-box-cent .std-btn1.white:hover .std-btn1-icon img:nth-child(1) {
        opacity: 1 !important;
    }
    .dubr-box-cent .std-btn1.white:hover .std-btn1-icon img:nth-child(2) {
        opacity: 0 !important;
    }
    .dubr-box:hover .dubr-box-pic img {
        transform: scale(1.02);
    }
    .dubl-bot-ul-li:hover .dbul-pic img {
        transform: scale(1.02);
    }
    .dubl-top:hover .dubl-top-pic img {
        transform: scale(1.02);
    }
    .ssdb-ri:hover .ys-imgbox-cover img {
        transform: scale(1.02);
    }
    /* 了解左一 */
    .dubl-top:hover .std-btn1 .std-btn1-link::before {
        opacity: 0;
        /* border: solid 1px var(--colorbj) !important; */
    }
    .dubl-top:hover .std-btn1-link::after {
        transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    }
    /* 坐下一 */
    .dubl-bot-ul-li .dbul-cont:hover .std-btn1 .std-btn1-link::before {
        opacity: 0;
        /* border: solid 1px var(--colorbj) !important; */
    }
    .dubl-bot-ul-li .dbul-cont:hover .std-btn1-link::after {
        transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    }
    /* youshang */
    .data-under-box-ri .dubr-box:hover .std-btn1 .std-btn1-link:before {
        /* border: solid 1px var(--colorbj) !important; */
        opacity: 0;
    }
    .data-under-box-ri:hover .std-btn1-link::after {
        transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    }
    .data-under-box-ri:hover .std-btn1-link p {
        color: var(--colorfff) !important;
    }
    .data-under-box-ri:hover .std-btn1 img:nth-child(2) {
        opacity: 0 !important;
        transition: all .4s;
    }
    .data-under-box-ri:hover .std-btn1 img:nth-child(1) {
        opacity: 1 !important;
        transition: all .4s;
    }
    .dcws-box:hover {
        background: #1A1162;
        cursor: pointer;
    }
    .dubl-bot-ul-li:last-child:hover .std-btn1-link p {
        color: var(--colorfff) !important;
    }
    .dubl-bot-ul-li:last-child:hover .std-btn1 img:nth-child(2) {
        opacity: 0 !important;
        transition: all .4s;
    }
    .dubl-bot-ul-li:last-child:hover .std-btn1 img:nth-child(1) {
        opacity: 1 !important;
        transition: all .4s;
    }
    /* Leo-end */
    .home-new-link:hover .hnll-tit{
        color: transparent;
    }
    .home-new-link:hover .hnll-tit::after{
        opacity: 1;
    }
    .hnul-link:hover .hnul-link-fr-tit{
        color: transparent;
    }
     .hnul-link:hover .hnul-link-fr-tit::after{
        opacity: 1;
    }
    .hnul-link:hover{
        transform: translateY(-10px);
    }
    .home-runing-list:hover .home-runing-list-ul {
        animation-play-state: paused !important;
    }
    .hrlu-lis .ys-imgbox-cover:hover img{
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
    }
    .pprw-link-cont:hover .pprw-link-tit::after{
        opacity: 1;
    }
    .pprw-link-cont:hover .pprw-link-tit{
        color: transparent;
    }
    .mpul-link:hover p::after,
    .plli-cry:hover p::after{
        opacity: 1;
    }
    .mpul-link:hover p, 
    .plli-cry:hover p{
        color: transparent;
    }
    .head-ldi-nub:hover a::after{
        opacity: 1;
    }
    .head-ldi-nub:hover a{
        color: transparent;
    }
    .mfbc-ri-demo .ys-select-li a:hover{
        color: rgba(255,255,255,1);
    }
    .mltu-li a:hover{
        color: rgba(255,255,255,1);
    }
    .mfmu-li-item ul li a:hover{
        color:rgba(255,255,255,1);
    }
    .mfmu-li-item ul li{
        margin-bottom: 8px;
    }
    .mfmu-li-item ul li:last-child{
        margin-bottom: 0px;
    }
    .std-btn1-link:hover::after{
        transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    }
    .std-btn1.white .std-btn1-link:hover{
        border: solid 1px #E91212;
    }
    .std-btn1.white .std-btn1-link:hover p{
        color: #fff;
    }
    .std-btn1.white .std-btn1-link:hover img:nth-child(2){
        opacity: 0;
    }
    .std-btn1.white .std-btn1-link:hover img:nth-child(1){
        opacity: 1;
    }
    .dsbs-wrapper-slide-info:hover .dwsi-cry-more{
        opacity: 1;
    }
    .dkbi-link-svg-list a:hover .shadow{
        opacity: 1;
    }
    .end:hover li::before, 
    .first:hover li::before, 
    .next:hover li::before, 
    .prev:hover li::before {
        color: var(--color131) !important;
    }
    .comp-tabli:hover li{
        color: var(--color131) !important;
    }
}



/* 20250524 */
.pcbl-cry{
    max-height: 60vh;
    overflow: hidden;
}
.dtbr-imgbox img{
    width: 100%;
}
.home-serv-bt-ph{
    display: none;
}
/* .home-serv-bt-ph{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} */

/* 20250526--bug修改-start */
.home-runing-list2 .home-runing-list-ul1, 
.home-runing-list4 .home-runing-list-ul1 {
    animation: donghua3 linear infinite;
}
.home-runing-list2 .home-runing-list-ul2, 
.home-runing-list4 .home-runing-list-ul2 {
    transform: translateX(100%);
    animation: donghua4 linear infinite;
}
.hmul-cry-list-item{
    margin-top: 4px;
}
.hmul-cry-list{
    flex-wrap: wrap;
}
.hmul-cry {
    width: calc(100% - 60px);
}
.hlbt-line{
    left: calc(50% - 0px);
}
.hsdu-li3{
    top: 48% !important;
}
.hsdu-li5 {
    top: 58% !important;
}
.hsdu-li1 {
    top: 40% !important;
}
.hsdu-li2 {
    top: 38% !important;
}
.hsdu-li6 {
    top: 56% !important;
}
.hsdu-li4 {
    top: 48% !important;
}
.home-media-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 280px 0 200px;
}
.ybul-link .std-btn1-icon{
    transition: all .4s ease;
}
.psbs-slide{
    padding: 0 12px;
}
.psbs-wrapper{
    margin: 0 -12px;
}
/* .proxysrv-service-box-swiper .mod-arrows{
    width: 118%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
} */
.dcws-box {
    background: rgba(16, 11, 65, 0.4);
}
.dsbs-wrapper-slide-info{
    width: 100%;
}
.details-scheme.empty .swiper-button-prev, 
.details-scheme.empty .swiper-button-next{
    display: none;
}
.fmul-boxuls{
    margin: 0 -37px;
}
.nlrt-tag-list form{
    display: flex;
    flex-wrap: wrap;
}
.clcb-box{
    width: auto !important;
    height: 38px;
}
.clcb-box img{
    height: 100%;
}
.std-btn1-link p{
    line-height: 1.75 !important;
}
.std-btn1-link {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.stbu-li.on .stbu-li-link-ri::before{
    opacity: 1;
}
.stbu-li.on .stbu-li-link-ri{
    color: transparent;
}
.ys-ban-title{
    min-height: 2.3em;
}
.hscl-svg{
    width: 280px;
}
.home-serv-cont-left{
    top: 86%;
}
.ys-ban-text, .ys-ban-word, .ys-banner .hsul-btn{
    opacity: 0;
}
.ys-ban-title{
    animation:ysfadeInUp .8s ease-in-out both;
    animation-delay:.2s
}
.ys-ban-text{
    animation:ysfadeInUp .8s ease-in-out both;
    animation-delay:.3s
}
.ys-ban-word{
    animation:ysfadeInUp .8s ease-in-out both;
    animation-delay:.4s
}
.hsul-btn{
    animation:ysfadeInUp .8s ease-in-out both;
    animation-delay:.4s
}
.dtbl-pic{
    width: 36px;
    position: absolute;
    top: 20px;
    left: 45px;
    z-index: 2;
}
.dtbl-pic img{
    width: 100%;
}
.home-slide .details-top-box-left{
    position: relative;
}
.home-slide .dtbl-title p{
    font-size: var(--font24);
}
/* .home-media-ul{
    align-items: flex-end;
    height: 100%;
} */
.ys-nybanner2 p span{
    line-height: 1.5;
}
.ys-nybanner2 .ys-nyban-btn {
    margin-top: 30px;
}
.dwsi-cry-icon{
    width: 50px;
}
.dwsi-cry-icon svg{
    width: 100% !important;
    height: auto !important;
}
.dubl-bot-ul-li:first-child img{
    opacity: 0;
}
.details-scheme .mod-arrows{
    width: 112%;
}
.start-tap-box-ul{
    justify-content: center;
}
.proxysrv-service .mod-arrows{
    width: 114%;
}
/* ph */
.ys-page-wrap.act .ys-phnav-logo img:nth-child(2){
    opacity: 1;
}
.ys-page-wrap.act .ys-phnav-logo img:nth-child(1){
    opacity: 0;
}
.ys-page-wrap.act .ys-ph-navbar3 .ys-phnav-header a, 
.ys-page-wrap.act .ys-ph-navbar3 .ys-phnav-search .iconfont{
    color: var(--color131) !important;
}
.ys-page-wrap.act .ys-phnav-menubtn span, .ys-page-wrap.act .ys-phnav-menubtn::after, .ys-page-wrap.act .ys-phnav-menubtn::before{
    background: var(--color131) !important;
}
.ys-page-wrap.act .ys-ph-navbar3 .ys-phnav-header,
.ys-page-wrap.act .ys-ph-navbar3 .ys-phnav-header {
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
}
/* ph-end */
.dsbl-list-li.slick:not(:first-child){
    display: none;
}
.form-modal-ul-li{
    width: 33.333333%;
    padding: 0 35px;
    flex-direction: column;
}
.form-modal-ul{
    margin: 0 -35px;
}
.form-modal-ul-li:last-child{
    width: 66.666667%;
}
/* 20250529--修改bug */
.sulb-tp{
    display: flex;
    align-items: flex-start;
}
.sulb-image {
    width: 50px;
    margin-bottom: 3px;
    position: relative;
    top: -6px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 8px;
}
.psbs-wrapper .slick-list{
    padding-bottom: 20px;
}
.data-page .ys-nybanner2 .ys-nyban-title p span,
.data-page .ys-nybanner2 .ys-nyban-title p{
    font-size: var(--font28);
}
.home-serv-top{
    top: 260px;
}
.home-serv-dots-ul{
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.hsbi-top-list-box{
    align-items: flex-start;
}
.home-media-cont-show{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ys-ph-nav-first .ys-phnav-lisbox{
    border-bottom: solid 1px rgba(0, 0, 0, .2);
}
.ys-ph-nav-second .ys-phnav-lisbox{
    border-bottom: none;
}
.ys-ph-navbar3 .ys-ph-nav .ys-phnav-header-font, .ys-ph-navbar3 .ys-ph-nav a {
    font-size: 14px;
}
.albh-pic img{
    width: 18%;
}
.dcbl-cp-ul{
    display: flex;
    flex-wrap: wrap;
}
.dcbr-bottom ul{
    padding-left: 18px !important;
}
.dcbr-bottom ul li{
    margin-bottom: 10px;
}
.dcbr-bottom ul li:last-child{
    margin-bottom: 0px;
}
.dsbl-list-li{
    padding: 0 12px;
}
.dsbl-list{
    margin: 0 -12px;
}
.dsbl-list .slick-list{
    padding-bottom: 20px;
}
.ctbt-list-li-next img, .ctbt-list-li-prev img{
    width: 100%;
}
.about-deve .mod-arrows{
    position: relative;
    position: relative;
    top: auto;
    left: auto;
    transform: inherit;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
.awhs-li:nth-child(2n){
    margin-top: 130px;
}
.ys-phnav-header{
    z-index: 101;
}
.ys-ph-navbar3 .ys-phnav-header{
    transition: all .4s ease;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .ybul-link:hover .std-btn1-icon{
        transform: translateX(10px);
    }
    .ybul-link:hover .std-btn1-icon img:nth-child(1){
        opacity: 0 !important;
    }
    .ybul-link:hover .std-btn1-icon img:nth-child(2){
        opacity: 1 !important;
    }
    .ybul-link:hover .std-btn1-link p{
        color: var(--colorbj) !important;
    }
    .dcws-box:hover{
        background: rgba(26, 17, 98, 0.4);
    }
}
/* 20250526--bug修改-end */

/* D21全域消费者运营---start */
.ys-nybanner2 .ys-nyban-title{
    width: 46.5%;
}
.ys-nybanner2 p span{
    line-height: 1.6;
    margin-bottom: 10px;
}
.area-page .ys-nybanner2 p span{
    font-size: var(--font24);
}
.area-page .ys-nybanner2 .ys-nyban-title p{
    font-size: var(--font20);
}
.ys-nyban-icon{
    animation: fud 2.4s  .3s ease-out both 1;
}
.area-point{
    width: 100%;
    position: relative;
    background: #020107;
    z-index: 1;
}
.area-point-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: -1;
}
.area-point-bg img:nth-child(1){
    width: 888px;
    position: absolute;
    left: 33px;
    bottom: 0;
}
.data-prod{
    background: #020107;
}
.dwsi-cry-icon{
    width: 50px;
    flex-direction: 0;
}
.dwsi-cry-icon img{
    width: 100%;
}
.details-scheme .mod-arrows{
    width: 108%;
}
.area-page .details-scheme{
    margin-top: var(--space150);
}
.area-page-tit{
    display: flex;
    justify-content: center;
}
.area-indu h2{
    font-size: var(--font40);
    line-height: var(--line12);
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.area-indu .area-page-tit{
    margin-bottom: 14px;
}
.area-page h2{
    text-align: center;
    font-weight: 500;
}
.gdsi-link{
    position: relative;
    display: block;
}
.gdsi-link-text {
    position: absolute;
    left: 50%;
    bottom: 46px;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 20px;
    z-index: 21;
    text-align: center;
    color: var(--color131);
    line-height: 2;
    font-weight: 500;
    font-size: var(--font24);
}
.deve-staff-slide-pic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none !important;
    z-index: 2;
}
.deve-staff-slide-pic img:nth-child(1) {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
}
.deve-staff-slide-pic img:nth-child(2) {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
}
.area-indu-swip{
    width: 100%;
    position: relative;
}
.area-adv, .area-avd-picul{
    position: relative;
    width: 100%;
}
.area-avd-picul-li{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    /* transition: all .4s ease; */
}
.area-avd-picul-li.act{
    opacity: 1;
    position: relative;
    top: auto;
    left: auto;
}
.area-adv-cont{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 194px 0 77px;
}
.area-adv h2{
    text-align: left !important;
    color: #fff;
}
.area-adv-cont .ys-cont1560{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.area-adv-bot-tit{
    font-size: 230px;
    line-height: 1.6;
    font-weight: 500;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255, 255, 255, 0.00) 72%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.area-adv-bot{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.aacu-lis-box-text{
    font-size: var(--font24);
    line-height: 2;
    color: #fff;
    font-weight: 500;
}
.aacu-lis-box-word p{
    opacity: 0.6;
    color: #fff;
    font-size: var(--font20);
    line-height: var(--line16);
}
.aacu-lis{
    width: 33.333333%;
    padding: 0 12px;
    height:auto !important;
}
.area-adv-cont-ul{
    margin: 0 -12px;
    display: flex;
}
.aacu-lis-box{
    height: 100%;
    border-radius: 10px;
    padding: 37px 42px 43px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(21.950000762939453px);
    -webkit-backdrop-filter: blur(21.950000762939453px);
    -moz-backdrop-filter: blur(21.950000762939453px);
    -ms-backdrop-filter: blur(21.950000762939453px);
    -o-backdrop-filter: blur(21.950000762939453px);
    position: relative;
    transition: all .4s ease;
}
.aacu-lis-box::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    padding: 1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.2));
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 10px;
    pointer-events: none;
}
.area-adv-bot-textul {
    position: absolute;
    right: 0;
    bottom: 60px;
}
.aabt-li{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.aabt-li.act{
    position: relative;
    top: auto;
    left: auto;
    opacity: 1;
    pointer-events: all;
}
.aacu-lis-box{
    transition: all .4s ease;
    bottom: 0px;
}
.aacu-lis.act .aacu-lis-box{
    bottom: 30px;
}
.area-page .data-prod h2{
    color: #fff;
    background: transparent;
    margin-bottom: 40px;
}
.area-page .dcws-box{
    align-items: flex-start;
}
.area-cmr h2{
    color: transparent;
    background:linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 40px;
}
.area-cmr-svg svg{
    width:100%;
    height: auto !important;
}
.area-cmr-svg-link{
    display:block;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.area-cmr-svg-list.act{
    opacity:1;
    cursor: pointer !important;
}
.area-cmr-svg-list a{
    display:block;
    cursor: pointer;
}
.area-cmr-cont{
    width:100%;
    position: relative;
}
.area-cmr-right{
    width: 158px;
    position:absolute;
    top: 239px;
    right: -92px;
}
.area-cmr-right img{
    width: 100%;
}
.area-solut{
   background: #020107; 
}
.area-solut h2{
    color:#fff;
}
.area-solut-ul-li{
    padding: 0 12.5px;
}
.area-solut-ul{
    margin: 0 -12.5px;
}
.asul-box{
    position: relative;
    border-radius: 10px;
    transition: all .4s ease;
}
.asul-box::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    padding: 1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2));
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 10px;
    z-index: 4;
    pointer-events: none;
}
.asul-box::after{
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.51);
    backdrop-filter: blur(25.049999237060547px);
    -webkit-backdrop-filter: blur(25.049999237060547px);
    -moz-backdrop-filter: blur(25.049999237060547px);
    -ms-backdrop-filter: blur(25.049999237060547px);
    -o-backdrop-filter: blur(25.049999237060547px);
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
    z-index: 3;
}
.asul-box-bg{
    width: 100%;
    position: relative;
}
.asul-box-bot{
    width: calc(100% - 78px);
    position: absolute;
    left: 50%;
    bottom: 54px;
    transform: translateX(-50%);
    z-index: 5;
}
.asul-box-bot-tit{
    font-size: var(--font32);
    line-height: var(--line16);
    color: var(--colorfff);
    margin-bottom: 10px;
}
.asul-box-bot-text {
    color: var(--colorfff);
    font-size: var(--font20);
    opacity: 0.7;
    line-height: var(--line16);
    transition: all .4s ease;
}
.asul-box-bot-word p{
    color: var(--colorfff);
    font-size: var(--font18);
    opacity: 0.7;
    line-height: var(--line16);
}
.asul-box-bot-word{
    display: none;
    padding-top: 36px;
}
.area-solut-ul-li{
    width: 33.333333% !important;
}
.area-solut h2{
    margin-bottom: 40px;
}
.area-point-cont{
    width: 66%;
    margin: 0 auto;
}
.area-point h2{
    color: #fff;
}
.apul-box{
    display: flex;
    align-items: center;
    padding: 26px 35px;
    border-radius: 10px;
background: linear-gradient(90deg, #352F9B 0%, #121035 100%);
}
.apul-le{
    font-size: var(--font24);
    font-weight: 500;
    line-height: 2;
    color: #fff;
    flex-shrink: 0;
}
.apul-ri p{
    color: var(--color838);
    font-size: var(--font18);
    line-height: var(--line16);
}
.apul-ri{
    width: 100%;
    padding-left: 80px;
}
.area-point-ul-li{
    transform-origin: center;
    /* transform: scale(0.8); */
    /* opacity: 0.6; */
    transition: all .4s ease;
}
/* .area-point-ul-li.act{
    transform: scale(1);
    opacity: 1;
} */
.area-point h2{
    margin-bottom: 40px;
}
.area-top{
    width: 100%;
    position: relative;
}
.aapl-img, .aapl-img img{
    width: 100%;
}
@media screen and (min-width: 1200px) {
    .asul-box:hover::after{
        opacity: 1;
    }
}
/* D21全域消费者运营--end */
/* 20250604 */
.area-point{
    width: 100%;
    /* height: 300vh; */
}
.area-point-crys {
    padding-top: var(--space100) !important;
    /* position: absolute; */
    /* left: 0; */
    width: 100%;
    /* height: 100vh; */
}
.area-point.start .area-point-crys {
    position: fixed;
    left: 0;
    top: 0;
}
.area-point.end .area-point-crys {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
}
.area-point-cont {
    overflow: hidden;
}
.area-point-bg{
    pointer-events: none;
}
.area-point-bg img:nth-child(1) {
    width: 46.25%;
    position: absolute;
    left: 33px;
    bottom: -130px;
}
.area-point-bg img:nth-child(2){
    width: 70%;
    position: absolute;
    right: -45%;
    bottom: -240px;
}
.area-point-wrap{
    height: calc(var(--height1) * 3.5);
    /* overflow: visible; */
    /* line-height: var(--height1); */
}
/* .area-point-ul-li:not(:first-child) {
    opacity: 0;
} */
.area-solut.three .area-solut-ul-li{
    width: 33.333333%!important;
}
.area-solut.four .area-solut-ul-li{
    width: 25%!important;
}
.area-page .dsbs-wrapper-slide-info{
    height: 100% !important;
}
.area-page .data-prod-asdw{
    padding-bottom: 0px !important;
}
.area-adv-bot-tit{
    white-space: nowrap;
    text-align: right;
}
.dcws-box::after{
    pointer-events: none;
}
.area-adv-bot-textul{
    width: 100%;
}
.area-adv-phtit{
    display:none;
}
.data-prod-box{
    height: 100%;
}
.cses{
    height: calc(100vh - var(--headh));
}
.area-solut-ul-li.act .asul-box-bot-text{
    opacity: 1;
}
.area-solut.four .asul-box-bot {
    width: calc(100% - 60px);
    bottom: 40px;
}
.area-solut.four .asul-box-bot-word p{
    font-size: var(--font16);
} 
.area-solut.four .asul-box-bot-word{
    padding-top: 24px;
}
.gdsi-link-text{
    bottom: 74px;
}
/* 20250605 */
.start-page .ys-nybanner2 .ys-nyban-title {
    width: 35%;
}
.std-btn1-link{
    padding-top: 8px !important;
}
.area-page .proxysrv-service{
    background: #F3F5F9;
    margin-top: var(--space150);
    padding: var(--space100) 0;
}
.area-cmr-pic, .area-cmr-pic img{
    width: 100%;
}
.mfmu-li-itembt{
    display: flex;
    margin: 0 -20px;
}
.mfmu-li-itembt ul{
    padding: 0 20px;
}
.area-cmr-svg-list.act .acsl-item2{
    opacity: 1;
}
.area-cmr-svg-list.act .acsl-item1{
    opacity: 0;
}
.area-cmr-svg-list.act path{
    fill: #fff;
}
.area-cmr-svg-list path, .acsl-item2, .acsl-item1{
    transition: all.4s ease;
}
.acsl-item2{
    opacity: 0;
}
.acsl-item1{
    opacity: 1;
}
.htlb-le{
    padding-top: 10px;
}
.dcbl-cp-list{
    margin-right: 6px;
}
.asul-box-bg img{
    width: 100%;
}
.home-media-ul .slick-list{
    overflow: visible !important;
}
/* 20250607 */
@keyframes borderTurnWithTranslate{
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.hsbl-line1{
    /* width: 100%; */
    /* opacity: 1; */
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    /* animation: borderTurnWithTranslate 2.5s infinite linear; */
    /* background-image: conic-gradient(from 0 at 50% 50%, rgba(0, 99, 178, .5) 0deg, rgba(0, 99, 178, 0) 60deg, rgba(0, 99, 178, 0) 310deg, rgba(0, 99, 178, .5) 360deg); */
    /* background-image: conic-gradient(from 0 at 50% 50%, rgba(107, 43, 255, 1) 0deg, rgba(219, 204, 255, 1) 60deg, rgba(255, 255, 255, 0) 310deg, rgba(255, 255, 255, 0) 360deg); */
    /* background-position: center center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* display: block; */
    /* transform-origin: center; */
    /* animation: clipAnimation 2s ease-in-out infinite; */
    /* clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%); */
}
.hsbl-line2{
    /* clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%); */
    /* animation: clipAnimation 2s ease-in-out infinite; */
    /* animation-delay: 10s; */
}
/* @keyframes clipAnimation {
    0% {
        clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%);
    }
    100% {
        clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);
    }
} */
.hsbl-line::before {
    content: "";
    float: left;
    padding-top: 100%;
}
.hsbl-line::after {
    clear: both;
    content: "";
    display: block;
}
.sb1lb-wai {
    inset: 0;
    -webkit-mask: linear-gradient(var(--colorenvi) 0 0) content-box, linear-gradient(var(--colorenvi) 0 0);
    mask: linear-gradient(rgba(107, 43, 255, 1) 0 0) content-box, linear-gradient(rgba(107, 43, 255, 1) 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: relative;
    width: 100%;
    border-radius: 50px;
    /* padding: 2px; */
    height: 100%;
    /* position: absolute; */
}
.about-ban-ri-svg{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:auto !important;
    z-index:2;
}
.about-ban-ri-svg svg{
    width:100%;
    height:auto !important;
}
.about-dots-item1{
    animation:kuox 3s linear infinite;
}
.about-dots-item2{
    animation:kuox 3s linear infinite;
    animation-delay:0.2s;
}
.about-dots:nth-child(2n) .about-dots-item1{
    animation-delay:0.2s;
}
.about-dots:nth-child(2n) .about-dots-item2{
    animation-delay:0.4s;
}
@keyframes kuox{
    0% {
        opacity: 0;
        transform:  scale(1);
    }
    
    10% {
        opacity: 1;
        transform:scale(1);
    }
    90% {
        opacity: 0;
        transform:scale(2.6);
    }
    100% {
        opacity: 0;
        transform:scale(1);
    }
}
.about-dots{
    position: relative;
} 
.about-dots-item1, .about-dots-item2{
    transform-origin: center;
    will-change: transform, opacity;
}
.about-dots-item1 ellipse, 
.about-dots-item2 ellipse{
    opacity:0;
}
.ys-banner-wrap-ri{
    animation: fadeIn .8s ease-in-out both;
    animation-delay: 0.2s;
}
.ys-ban-li:first-child{
    animation: fadeUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
.area-solut{
    overflow: hidden;
}
.area-top{
    overflow: visible !important;
}
.area-point-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.area-point-ul-li.active {
    transform: scale(1);
    opacity: 1;
}
.area-point-ul-li.swiper-slide-prev{
    opacity: 0.8;
}
.area-point-ul-li{
    opacity: 0.2;
    transform: scale(0.9);
    transition-property:all;
}
#area-point-swiper{
    height: var(--height1);
    overflow: visible !important;
}
.area-point-wrap{
    overflow: hidden !important;
}
.apul-box{
    height: 100%;
}

/* 20250612-delia-start */
.hmul-cry-btn{
    display: block !important;
}
.hmul-cry-list-item p{
    line-height: 1.4;
}
.proxysrv-service .pslb-more{
    opacity: 1 !important;
}
.proxysrv-service .pslb-more::after{
    transition: all .4s;
}
.caselist-page .dtbl-num-left-num, 
.details-page .dtbl-num-left-num{
    text-align: center;
    display: inline-block;
}
.caselist-page .dtbl-num-left, 
.details-page .dtbl-num-left{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hlul-crys p{
    color: #131415;
}
.home-serv-top{
    z-index: 2;
}
.home-serv-top-word p{
    text-align: center;
    color: var(--colorfff);
    opacity: 0.7;
}
.home-serv-top-word{
    margin-top: 23px;
}
.std-btn1.white .std-btn1-link{
    border: none !important;
}
.std-btn1.white .std-btn1-link::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: transparent;
    border: solid 1px #FFF;
    border-radius: 80px;
    opacity: 1;
    transition: all.4s ease;
}
.hsul-btn .std-btn1:last-child{
    margin-right: 0px;
}
.std-btn1.white.red .std-btn1-link::before{
    border: solid 1px var(--colorbj);
}
.home-slide .std-btn1.white .std-btn1-link::before{
    border: solid 1px var(--colorbj);
}
.dubl-bot-ul-li:last-child .std-btn1-link::before, 
.data-under-box-ri .std-btn1.white .std-btn1-link::before{
    border: solid 1px var(--color131);
}
.std-btn1.white .std-btn1-link{
    background: transparent;
}
.ntll-a{
    cursor: pointer;
}
.home-serv-bg-link .hsbl-text{
    transition: all .4s ease;
    transform-origin: 45% 93.9% !important;
}
.hsdu-li-box-icon img{
    transition: all .4s ease;
    transform-origin: center;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, 
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
    display: none;
}
.home-swip .swiper-button-next, 
.home-swip .swiper-button-prev{
    width: 35px;
}
.home-swip .swiper-button-next img, 
.home-swip .swiper-button-prev img{
    width: 100%;
}
.home-swip .swiper-button-prev {
    left: -35px;
    top: calc(50% - 42px);
    transform: translateY(-50%);
}
.home-swip .swiper-button-next {
    right: -40px;
    top: calc(50% - 42px);
    transform: translateY(-50%);
}
.home-swip .swiper-pagination-bullet-active{
    background: rgba(131,129,147,0.2) !important;
}
.home-swip .swiper-pagination{
    padding-top: 4px;
    padding-bottom: 8px;
}
@media screen and (min-width: 1200px) {
    .hsdu-li-box:hover .hsdu-li-box-icon img{
        transform: scale(1.05);
    }
    .home-serv-bg-link a:hover .hsbl-text{
        transform: scale(1.1);
    }
    .proxysrv-service .psbs-slide-link:hover .pslb-more::after{
        transform: translate(8px, -50%);
    }
    .gdsi-link:hover .ys-imgbox-cover img{
        transform: scale(1.1);
    }
    .std-btn1.white .std-btn1-link:hover::before{
        opacity: 0;
    }
}
.start-switch-pic .slick-dots li, 
.start-switch-pic .slick-dots li::after{
    border-radius: 0px !important;
}
.start-page .start-switch-core .third .sulb-tp{
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
}
.ys-ban-title, .ys-ban-text{
    font-size: var(--font40);
}
.ys-ban-title {
    min-height: auto;
}
.ys-ban-text{
    margin-top: 28px;
}
.ys-banner-wrap-le {
    width: 36%;
}
.dbul-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dubl-bot-ul-li:first-child img{
    opacity: 1;
}
.data-page .proxysrv-service{
    background: #F3F5F9;
}
.dubl-bot-ul-li:nth-child(2n) .dtct-le, .dubr-box-cent .dtct-le {
    color: #000;
}
.dubl-bot-ul-li:nth-child(2n) .dtct-ri p {
    color: #000;
}
.dubr-box-cent .dtct-ri p {
    color: #000;
    background: rgba(207, 211, 218, 0.38);
}
.dpin-ul-li {
    width: auto;
}
.dpin-ul{
    justify-content: space-between;
}
section.proxysrv-service{
    padding-top:var(--space100);
}
.ys-ban-txtbox-img2, .ys-ban-txtbox-img3{
    width: 100%;
}
.data-prod-bj img{
    object-position: bottom;
}
/* 20250612-delia-end */

/* 20250710--改版--start */
/* 长模板 */
.mode-page .plbu-li-box{
    display:flex;
    align-items: center;
}
.mode-page .plbu-li:nth-child(2n) .plbu-li-box{
    flex-direction: row-reverse;
}
.mode-page .proxysrv-list{
    padding: var(--space100) 0;
}
.mode-page .plll-top-text{
    height:auto;
    -webkit-line-clamp:inherit;
}
.mode-ban-wrap{
    display:flex;
    align-items: center;
}
.mode-ban-ri{
    width:46%;
}
.mode-ban-le .ys-nyban-title{
    width:100%;
}
.mode-ban-le{
    width:54%;
    padding-right:186px;
}
.mode-ban-ri .ys-nyban-icon{
    width:100% !important;
    position: relative;
    transform: inherit;
} 
.mode-ban-le h1{
    font-size: var(--font48) !important;
    color: var(--colorfff);
    font-weight: 500;
    margin-bottom: 16px;
}
.mode-ban-le p span{
    background: linear-gradient(90deg, rgba(243, 50, 96, 1) 49.36%, rgba(178, 8, 208, 1) 103.18%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: var(--font24);
    line-height: var(--line16);
    font-weight: 500;
}
.stbu-li.on .stbu-li-link::after{
    width: 100%;
}
.stbu-li .stbu-li-link::after{
    width: 0%;
    opacity: 1;
    left: 50%;
    transform: translateX(-50%);
}
.mode-page .start-tap{
    overflow: visible !important;
}
.mode-page .start-tap-box-ul{
    margin-bottom: 0px;
    background-color: transparent;
    box-shadow: none;
}
.mode-page .start-tap{
    position: sticky;
    top: 0;
}
.mode-page .ys-hd-pc{
    /* transition: transform .36s linear; */
}
.mode-page .ys-hd-pc.act{
    transform: translateY(-100%);
}
.mode-page .start-tap-box{
    box-shadow: 0px 4px 49.4px 0px rgba(131, 124, 183, 0.56);
    background-color: #fff;
    transition: all .36s ease;
}
.mode-page .start-tap.start .start-tap-box{
    box-shadow: 0px 4px 49.4px 0px rgba(131, 124, 183, 0);
    background-color: transparent;
}
.mode-page .start-tap{
    transition: all .36s ease;
}
.mode-page .start-tap.start{
    box-shadow: 0px 4px 49.4px 0px rgba(131, 124, 183, 0.56);
    background-color: #fff;
}
.mode-page .start-tap.start .stbu-li-link{
    padding-top: 16px;
    padding-bottom: 16px;
}
.mode-page .area-solut{
    padding:200px 0 60px;
    position: relative;
    z-index: 1;
}
.mode-page, .mode-page .area-solut{
    background: var(--colorfff);
}
.area-solut-bg{
    width:100%;
    height:100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.area-solut-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.mode-page .asul-box{
    background: #020107;
    border-radius: 10px;
    overflow: hidden;
    transition: all .36s ease;
}
.mode-page .area-solut .asul-box-bot-word{
    padding-bottom: 40px;
    padding-top: 10px !important;
}
.mode-page .area-solut .asul-box-bot-word p{
    text-overflow: ellipsis;
    height: 12.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
}
.mode-page .area-solut.four .asul-box-bot {
    width: calc(100% - 76px);
    bottom: 24px;
}
.mode-page .asul-box-bot-text{
    text-overflow: ellipsis;
    height: 4.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;  
}
.mode-page .area-solut-ul-li{
    padding:0 13px;
    width: 25%;
}
.mode-page .area-solut-ul{
    margin: 0 -13px;
}
.mode-page h2{
    text-align: center;
}
.mode-page .asul-box-bg img{
    transition: all .36s ease;
}
.mode-page  .slick-list{
    padding-bottom:66px;
}
.mode-page  .slick-dots{
    width: auto;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    padding: 8px 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.mode-page .slick-dots li {
    width: 9px;
    height: 9px;
    margin: 0 5.5px;
    background: rgba(255,255,255,0.5);
}
.mode-page .slick-dots li.slick-active{
    width: 28px;
    border-radius: 5px;
}
.mode-page .slick-dots li::after{
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 0%;
    height: calc(100% - 2px);
    background: var(--colorfff);
    transition: all 3s linear;
    border-radius: 5px;
}
.mode-page .slick-dots li.slick-active::after{
    width: calc(100% - 2px);
}
.nkul-box-word{
    width: 100%;
}
.nkul-box-word p{
    color:#838193;
    line-height: var(--line16);
    font-size: var(--font16);
    transition: all .36s ease;
}
.mkul-box-tit{
    font-size: var(--font20);
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 8px;
    color: var(--color131);
    transition: all .36s ease;
    width: 100%;
}
.mkul-box{
    padding:20px 32px 40px;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    background: linear-gradient(90deg, #FEF9F5 0%, #F6F4FF 100%);
    background-blend-mode: soft-light, normal;
    box-shadow: 0px 11.392px 22.336px 0px rgba(53, 62, 185, 0.09), 0px -2px 1px 0px rgba(151, 158, 255, 0.40) inset;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    -moz-backdrop-filter: blur(2px);
    -ms-backdrop-filter: blur(2px);
    -o-backdrop-filter: blur(2px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    overflow: hidden;
}
.mkul-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    padding: 1px;
    background: linear-gradient(125deg, rgba(243, 50, 96, 1),rgba(243, 50, 96, 0),rgba(243, 50, 96, 0), rgba(133, 1, 157, 1));
    -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.mkul-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(243, 50, 96, 1),rgba(133, 1, 157, 1));
    z-index: -1;
    opacity: 0;
    transition: all .36s ease;
}
.mkul-box-icon{
    width:56px;
    position: relative;
    margin-bottom: 26px;
    flex-shrink: 0;
}
.mkul-box-icon img{
    width: 100%;
    transition: all .36s ease;
}
.mkul-box-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.mode-key-ul-li{
    width:25%;
    padding:0 10px;
    margin-top: 35px;
}
.mode-key-ul{
    display:flex;
    flex-wrap:wrap;
    margin: 0 -10px;
}
.mode-plan{
    max-width:1800px;
    margin:0 auto;
    position:relative;
    z-index:1;
}
.mode-plan-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
}
.mode-plan-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mode-page .area-page-tit{
    display: flex;
    justify-content: center;
}
.area-page-tit h2{
    display: inline-block;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}
.mode-plan{
    padding:120px 0 60px;
    margin-top:var(--space150);
    border-radius: 20px;
}
.mode-plan h2{
    background: transparent;
    -webkit-text-fill-color:#fff;
    color: #fff;
}
.mode-plan .mkul-box-icon img:nth-child(1){
    opacity:1 !important;
}
.mode-plan .mode-key-ul{
    display:block;
}
.mode-plan .mkul-box-tit{
    color:#fff;
    font-size:var(--font24);
    margin-bottom: 16px;
}
.mode-plan .nkul-box-word p{
    color:#fff;
    opacity: 0.8;
}
.mode-plan .mkul-box{
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    align-items: flex-start;
    padding: 32px;
    justify-content: flex-start;
}
.mode-plan .mkul-box-icon{
    margin-bottom:40px;
}
.mode-plan .mkul-box::before{
    background: linear-gradient(125deg, rgba(255, 255, 255, 1),rgba(255, 255, 255, 0),rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
.mode-plan .mkul-box::after{
    display: none;
}
.mode-key-ul-li{
    height:auto;
}
.mkul-box{
    height:100%;
}
.mode-page .proxysrv-service{
    background: #F3F5F9;
}
.mode-adv-cont{
    display:flex;
}
.mode-adv-ri{
    width:48%;
    border-radius: 10px;
    overflow: hidden;
}
.mode-adv-ri img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mode-adv-le{
    width:52%;
    padding-right:24px;
}
.mode-adv .malu-li-icon{
    width:56px;
    margin-bottom: 52px;
}
.mode-adv-le-ul{
    display:flex;
    flex-wrap:wrap;
    margin:-12px;
}
.malu-li{
    width:50%;
    padding:12px;
    height: 50%;
}
.mode-adv .area-page-tit{
    margin-bottom:40px;
}
.malu-li-box{
    border-radius:20px;
    overflow:hidden;
    padding:32px;
}
.malu-li-tit{
    font-size:var(--font24);
    color:var(--color131);
    line-height: var(--line16);
    font-weight: 500;
    margin-bottom: 10px;
}
.malu-li-word p{
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--color838);
}
.malu-li:nth-child(4n+1) .malu-li-box{
    background: #E3F0FD;
}
.malu-li:nth-child(4n+2) .malu-li-box{
    background: #EAEAFD;
}
.malu-li:nth-child(4n+3) .malu-li-box{
    background: #F4EBF6;
}
.malu-li:nth-child(4n+4) .malu-li-box{
    background: #FCF0ED;
}
.short-page .ys-nybanner2 .ys-nyban-pc{
    opacity: 0 !important;
}
.short-page .area-solut{
    background: transparent !important;
}
.short-page .ys-nybanner2 .ys-nyban-icon{
    opacity: 1 !important;
}
/* 首页--start */
.home-pano-cont{
    position: relative;
}
.home-pano-bg{
    position: relative;
    width: 80%;
    margin: 0 auto;
    pointer-events: none;
}
.home-pano-bg img:nth-child(1){
    width: 100%;
}
.home-pano-bg-pic{
    display: block;
    width: 34%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    pointer-events: all !important;
}
.home-pano-bg-pic img{
    width: 100%;
}
.home-pano h2{
    text-align: center;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 24px;
}
.home-pano-top-word p{
    text-align: center;
}
.home-pano-top{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.home-pano-tpul{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 100%;
    pointer-events: none;
}
.home-pano-tpul-li{
    width: 302px;
    position: absolute;
    pointer-events: all !important;
}
.home-pano-tpul-li1{
    top: 0%;
    left: 0%;
}
.home-pano-tpul-li2 {
    top: 0%;
    left: calc(100% - 302px);
}
.home-pano-tpul-li3{
    top: calc(100% - 310px);
    left: 1%;
}
.home-pano-tpul-li4 {
    top: calc(100% - 310px);
    left: calc(100% - 330px);
}
.hptl-pic{
    width: 100%;
    display: block;
}
.hptl-pic img{
    width: 100%;
}
.home-pano-cont{
    position: relative;
}
.home-pano-btul{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.home-pano-btul-li{
    width: 260px;
    position: absolute;
    pointer-events: none;
    
}
.home-pano-btul-li.active .hpbl-edr{
    opacity: 1;
}
.hpbl-edr{
    opacity: 0;
    transition: all .36s ease;
    padding: 20px;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid  #FEF9F5;
    background: linear-gradient(180deg, rgba(11, 3, 120, 0.02) 0%, rgba(159, 21, 132, 0.02) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    pointer-events: all !important
}
.hpbl-edr h6{
    font-size: var(--font18);
    line-height: var(--line12);
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 4px;
}
.hpbl-edr p{
    color: #73708C;
    line-height: var(--line16);
    font-size: var(--font16);
    margin-bottom: 10px;
}
.hpbl-edr p:last-child{
    margin-bottom: 0px;
}
.home-pano-btul-li1 .hpbl-edr p{
    margin-bottom: 20px;
}
.home-pano-btul-li1{
    top: 0%;
    left: -4%;
}
.home-pano-btul-li2 {
    top: 0%;
    left: calc(100% - 180px);
}
.home-pano-btul-li3{
    left: -4%;
    top: 50%;
}
.home-pano-btul-li4{
    left: calc(100% - 180px);
    top: 50%;
}
@keyframes home_dh01{
    0%{
        transform: translateY(0%);
    }
    50%{
        transform: translateY(3%);
    }
    100%{
        transform: translateY(0%);
    }
}
.home-pano-tpul-li.active .hptl-pic img{
    animation: home_dh01 1.8s ease-in-out infinite;
}
.home-pano-cont .home-pano-bg{
    animation-delay: .3s;
}
.home-pano-cont .home-pano-tpul{
    animation-delay: .4s;
}
.hnlu-lis{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 6px;
    position: relative;
    z-index: 2;
}
.hnlu-lis::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .36s;
    border-radius: 10px;
    background: linear-gradient(0deg, #FEF9F5 0%, #FEF9F5 100%);
    z-index: -1;
}
.hnlu-lis.on::before{
    opacity: 0;
}
.hnlu-lis::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .36s;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(14, 0, 206, 0.40) 0%, rgba(190, 36, 160, 0.40) 100%);
    z-index: -1;
}
.hnlu-lis.on::after{
    opacity: 1;
}
.hnlu-lis:last-child::before{
    margin-bottom: 0px;
    background: linear-gradient(180deg, #FEF9F5 67.38%, rgba(246, 244, 255, 0.00) 100%);
}
.hnlu-li-tps{
    padding: 32px 30px;
    transition: all .36s ease;
}
.hnlu-lis{
    display: flex;
    position: relative;
    cursor: pointer;
    z-index: 1;
    border-radius: 10px;
}
.hnlu-lis.on .hnlu-li-tps{
    padding-bottom: 16px;
}
.hnlu-li-bts{
    display: none;
    padding: 0 24px 24px 32px;
}
.hnlu-lis:first-child .hnlu-li-bts{
    display: block;
}
.home-newso{
    position: relative;
    z-index: 1;
}
.home-newso h2{
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-newso .home-media-tp {
    width: 100%;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}
.home-newso h2{
    text-align: center;
}
.home-newso-le{
    width: 28%;
}
.home-newso-ri{
    width:72%;
    border-radius: 0px 20px 0 0;
    overflow: hidden;
    padding-top: 40px;
    padding-right: 40px;
    position: relative;
    padding-left: 116px;
    z-index: 1;
}
.home-newso-ri-bg{
    width: 73%;
    height: auto;
    position: absolute;
    bottom: -20px;
    right:0;
    z-index: 0;
    pointer-events: none;
}
.home-newso .ys-cont1440{
    position: relative;
}
.home-newso-le .hlul-crys p{
    font-size: var(--font24);
    font-weight: 500;
    color: var(--color838);
    line-height: 1.5;
    transition: all .36s ease;
    text-align: center;
    width: 100%;
}
.home-newso-le .hnlu-lis.on .hlul-crys p{
    color: var(--colorfff);
}
.home-newso-le .hbul-conts-word p{
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--color838);
    transition: all .36s ease;
}
.home-newso-le .hnlu-lis.on .hbul-conts-word p{
    color: var(--colorfff);
}
.home-newso{
    padding-bottom: 178px !important;
}
.home-serv{
    margin-top: 0px !important;
}
.hnru-lis{
    display: none;
}
.hnru-lis:first-child{
    display: block;
}
.home-newso-cont{
    display: flex;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(254, 249, 245, 1) 0%, rgba(246, 244, 255, 0.00) 100%);
}
.hnru-lis-btn {
    margin-top: 13px;
    width: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hnru-lis-btn .std-btn1-link{
    padding: 0 32px;
}
.hnru-lis-boxs{
    position: relative;
}
.hnru-lis-btn .hnru-lis-btn1 .std-btn1-link::after {
    transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.hnru-lis-btn2{
    margin-left: 18px;
}
.hnru-lis-btn2 p{
    color: transparent !important;
    position: relative;
}
.hnru-lis-btn2 p::after{
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    font-size: var(--font16);
    line-height: 1.75;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 1;
    transition: all .4s ease;
}
.hnru-lis-btn2 .std-btn1-link::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 80px;
    opacity: 1;
    transition: all .4s ease;
    z-index: -1;
    background: #fdfdfe;
}
.hnru-lis-btn2 .std-btn1-link{
    position: relative;
    z-index: 2;
    background: linear-gradient(90deg, #F33260 0%, #85019D 100%);
}
.home-pano, .home-newso{
    position: relative;
    overflow: hidden;
}
.home-pano .home-solu-bg-img1 {
    top: -40%;
    right: -20%;
    width: 996px;
}
.home-pano .home-solu-bg-img2 {
    width: 780px;
    top: -14%;
    left: -17%;
}
.home-newso .home-solu-bg-img1 {
    top: 42%;
    right: auto;
    left: 14%;
    width: 996px;
    z-index: -1;
    opacity: 1;
}
.home-newso .home-solu-bg-img2 {
    width: 672px;
    top: 53%;
    left: -11%;
}
.home-swip-bg {
    position: absolute;
    z-index: 0;
    top: 0;
}
.ys-ban-newpic{
    width: 100%;
    transform: translateY(60px);
    opacity: 0;
    transition: all 0s;
}
.ys-ban-li.slick-active{
    opacity: 1 !important;
}
.ys-ban-li.slick-active .ys-ban-newpic{
    transform: translateY(0px);
    opacity: 1;
    transition: all 1.2s;
    transition-delay: 0.2s;
}
.ys-banner-wrap-ri .ys-ban-slick {
    position: relative;
    right: auto;
    bottom: auto;
    opacity: 1;
}
.ys-banner-wrap-cont{
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 500px;
    padding-right: 240px;
}
.ys-banner-wrap-ri{
    width: 54.8% !important;
}
.ys-banner-wrap-le{
    width: 45.2% !important;
    padding-right: 86px;
}
.ys-ban-txtbox{
    width: 100%;
    position: relative;
}
.ys-ban-card1 {
    width: 316px;
    position: absolute;
    left: 65%;
    top: 24%;
    transform: translateY(60px);
    opacity: 0;
    transition: all 0s;
}
.ys-ban-li.slick-active .ys-ban-card1{
    transform: translateY(0px);
    opacity: 1;
    transition: all .8s;
    transition-delay: 0.5s;
}
.ys-ban-card2 {
    width: 248px;
    position: absolute;
    left: 44%;
    top: 47%;
    transform: translateY(60px);
    opacity: 0;
    transition: all 0s;
}
.ys-ban-li.slick-active .ys-ban-card2{
    transform: translateY(0px);
    opacity: 1;
    transition: all .8s;
    transition-delay: 0.6s;
}
.ys-ban-card3 {
    width: 270px;
    position: absolute;
    left: 16%;
    top: 79%;
    transform: translateY(60px);
    opacity: 0;
    transition: all 0s;
}
.ys-ban-li.slick-active .ys-ban-card3{
    transform: translateY(0px);
    opacity: 1;
    transition: all .8s;
    transition-delay: 0.7s;
}
.ys-ban-title{
    font-size: 54px;
    line-height: 1.3;
    margin-bottom: 30px;
}
.ys-ban-title span{
    display: block;
}
.ys-ban-text{
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--colorfff);
}
.hbul-conts-word img{
    width: 80px;
}
.hbul-conts-word span{
    display: flex;
    justify-content: flex-end;
    margin-top: -20px;
    margin-right: -15px;
}
.home-newso-le .hbul-conts-word p{
    width: 89%;
}
.home-serv{
    z-index: 1;
}
.home-newso{
    z-index: 2;
    overflow: visible !important;
}
.hnru-lis-boxs-pic img{
    width: 100%;
}
.hnlu-lis-ph{
    display: none;
} 
.home-info-btul-li{
    width: 20%;
    padding: 0 36px;
}
.home-info-btul{
    margin: 0 -36px;
}
.hibl-crys{
    width: 100%;
    position: relative;
    padding: 0 32px;
}
.hibl_crys-bg {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
}
.hibl-crys .ys-demo-num1{
    background: linear-gradient(358deg, rgba(255, 255, 255, 0.00) -5.39%, #FFF 57.31%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: var(--font48);
    line-height: var(--line12);
    text-align: center;
    margin-bottom: 5px;
    font-family: 'Lianwei-Semibold' !important;
}
.hibl-crys .hiul-word p{
    font-size: var(--font16);
    text-align: center;
    line-height: var(--line16);
    color: var(--colorfff);
    display: block;
}
.hibl-crys .hiul-word {
    top: auto;
    width: 100%;
}
.hibl-crys{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.home-info-btul-li{
    height: auto !important;
}
.home-info-btul .slick-list{
    padding-bottom: calc(var(--space24) * 2);
}
/* 首页--end */
@media screen and (min-width: 1200px) {
    .hnru-lis-btn2 .std-btn1-link:hover p::after{
        opacity: 0;
    }
    .hnru-lis-btn2 .std-btn1-link:hover p{
        color: var(--colorfff) !important;
    }
    .hnru-lis-btn2 .std-btn1-link:hover .std-btn1-icon img:nth-child(2){
        opacity: 1;
    }
    .hnru-lis-btn2 .std-btn1-link:hover .std-btn1-icon img:nth-child(1){
        opacity: 0;
    }
    .hptl-pic:hover img{
        animation: home_dh01 1.8s ease-in-out infinite;
    }
    .stbu-li-link:hover::after {
        width: 100%;
    }
    .mode-page .asul-box:hover{
        background: rgba(66, 12, 83, 0.51);
    }
    .mode-page .asul-box:hover .asul-box-bg img{
        transform: scale(1.2);
    }
    .mkul-box:hover .mkul-box-icon img:nth-child(1){
        opacity: 0;
    }
    .mkul-box:hover .mkul-box-icon img:nth-child(2){
        opacity: 1;
    }
    .mkul-box:hover .mkul-box-tit{
        color:#fff;
    }
    .mkul-box:hover .nkul-box-word p{
        color:#fff;
    }
    .mkul-box:hover::after{
        opacity: 1;
    }
}
/* 20250710--改版--end */

/* 20250713--修改--start */
.mode-page, .mode-page .area-solut{
    background: #F6F8FA;
}
.mode-page .proxysrv-nav{
    padding-top: 20px;
    padding-bottom: 20px;
    z-index:99;
    left: 0;
    width: 160px;
    padding-left: 24px;
    border-radius: 0px 20px 20px 0px;
    background: rgba(255, 255, 255, 0.76);
    backdrop-filter: blur(19.899999618530273px);
    -webkit-backdrop-filter: blur(19.899999618530273px);
    -moz-backdrop-filter: blur(19.899999618530273px);
    -ms-backdrop-filter: blur(19.899999618530273px);
    -o-backdrop-filter: blur(19.899999618530273px);
}
.mode-page .proxysrv-nav-list-li{
    padding-left: 30px;
}
.mode-page .proxysrv-nav-list-li::before{
    left: 0;
    transform: translate(0%,-50%);
}
.mode-key{
    position: relative;
    z-index: 1;
    overflow: visible !important;
}
.mode-key::after{
    content: "";
    width: 784px;
    height: 784px;
    position: absolute;
    top:50%;
    left: 100%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    opacity: 0.5;
    background: radial-gradient(50% 50% at 50% 50%, #F33260 0%, rgba(133, 1, 157, 0.00) 100%);
    filter: blur(300px);
    pointer-events: none;
    z-index: -1;
}
.mode-key::before{
    content: "";
    width: 641px;
    height: 641px;
    position: absolute;
    top:100%;
    left: 0%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
   opacity: 0.3;
    background: radial-gradient(50% 50% at 50% 50%, #85019D 0%, rgba(243, 50, 96, 0.00) 100%);
    filter: blur(100px);
    pointer-events: none;
    z-index: -1;
}
.mkul-box{
    justify-content: space-between;
}
.malu-li-word p{
    height: 4.8em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.mode-page .start-tap-box{
    border-radius:10px;
}


/* 20250717 */
.mode-page .proxysrv-service .slick-list{
    padding-bottom: 0px !important;
}
.hibl-crys .hiul-word p{
    font-size: var(--font20);
}
.hbul-conts-word span {
    display: flex;
    justify-content: flex-end;
    margin-top: 0px !important;
    margin-right: -50px;
    margin-bottom: -50px;
    opacity: 0;
    transition: all .36s;
    transition-delay: .6s;
}
.hnlu-lis.on .hbul-conts-word span{
    opacity: 1;
}

.home-pano-bg-pic {
    position: absolute;
    top: 42%;
    left: 48.5%;
    transform: translate(-50%, -50%);
}
.home-pano-tpul-li1 {
    top: 6%;
}
.home-pano-tpul-li2 {
    top: 6%;
}
.home-newso-le .hlul-crys p{
    text-align: left;
}

.malu-li-box{
    height: 100%;
}
.malu-li{
    min-height: 50%;
    height: auto;
}
/* 2025.8.4-leo-start */
.mfmb-cent{
    display: flex;
    justify-content: space-between;
}
.mod-foot-min-bot{
    display: block;
}
.mfmb-link p{
    color: var(--colorfff);
    font-size: var(--font18);
    font-weight: bold;
    line-height: var(--line12);
}
.mfmb-link a{
    color: rgba(255, 255, 255, 0.70);
    font-size: var(--font16);
    line-height: var(--line13);
    margin-left: 12px;
    transition: all .4s;
}
.mfmb-link{
    display: flex;
    align-items: center;
}
.pprp-link-box-pic{
    width: 20px;
    margin-right: 8px;
}
.pprp-link-box-pic img{
    width: 100%;
}
.plbc-link{
    font-size: var(--font18);
    line-height: 1.75;
    color: var(--color131);
    
}
.pprp-link-box{
    display: flex;
    align-items: center;
}
.pprp-tit{
    margin-bottom: 20px;
    font-size: var(--font16);
    line-height: var(--line12);
    color: var(--color838);
}
.prod-pull-ri-plate{
    margin-bottom: 40px;
}
.mode-page .proxysrv-list{
    padding-bottom: 0;
}
.mode-key{
    padding-top: var(--space100);
}
.area-cmr{
    padding-top: var(--space100);
}
.mode-adv .malu-li-icon{
    margin-bottom: 20px;
}
.malu-li-word p {
    height: 8em;
    -webkit-line-clamp: 5;
}
.home-newso-ri .std-btn1-link{
    overflow: hidden;
}
.home-newso-ri .std-btn1-link{
    overflow: hidden;
}
.home-swip-bg{
    top: -1px;
}
.home-newso-ri .hnru-lis-btn2 .std-btn1-link{
    background: transparent !important;
    border: 1px solid #ba197f;
}
.home-newso-ri .hnru-lis-btn2 .std-btn1-link::before{
    background: transparent !important;
}
@media screen and (min-width: 1200px) {
    .mfmb-link a:hover{
        color: var(--colorfff);
    }
    .home-newso-ri .hnru-lis-btn2 .std-btn1-link:hover{
        border: 1px solid transparent;
    }
}
/* 2025.8.4-leo-end */
.mode-plan{
    margin-top:0px !important;
    overflow: hidden;
}
.mode-plcry{
    padding-top:var(--space150);
}
.plbc-link{
    line-height: 1.2;
}
.pprp-link-box{
    margin-top: 25px;
}
.pprp-tit{
    margin-bottom: 0px !important;
}

/*20250811--修改--start*/
.paper-page .nllt-title{
    font-size: var(--font20);
    -webkit-line-clamp:2;
    height: auto;
    max-height: 3.2em;
}
.nllt-title::after{
    -webkit-line-clamp:2;
    height: auto;
    max-height: 3.2em;
}
.area-cmr{
    padding-top: var(--space150);
}
.pctl-list-li-info{
    display: block;
    cursor: pointer;
}
.ntbl-topbox-tag::before{
    z-index: -2;
    pointer-events: none;
}
.hnul-link-fr .ntbl-topbox-tag,
.home-new .ntbl-topbox-tag{
    z-index: 3;
    background: linear-gradient(90deg, rgba(254, 249, 245, 1) 0%, rgba(246, 244, 255, 1) 100%);
}
.newslist-top .ntbl-topbox-tag{
    z-index: 3;
    background: linear-gradient(90deg, rgba(254, 249, 245, 0.20) 0%, rgba(246, 244, 255, 0.20) 100%);
}
.newslist-top .ntbl-topbox-tag span{
    display: block;
    text-align: center;
    color: #fff;
    font-size: var(--font14);
    line-height: var(--line13);
}
.hnul-link-fr .ntbl-topbox-tag span,
.home-new .ntbl-topbox-tag span{
    display: block;
    text-align: center;
    background:  linear-gradient(90deg, rgba(243, 50, 96, 1) 0%, rgba(133, 1, 157, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: var(--font14);
    line-height: var(--line13);
}
.hnul-link-fr .ntbl-topbox-tag::before,
.home-new .ntbl-topbox-tag:before,
.newslist-top .ntbl-topbox-tag:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    padding: 1px;
    background: linear-gradient(90deg, rgba(243, 50, 96, 1) 0%, rgba(133, 1, 157, 1) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
    
}
/*20250811--修改--end*/
/*20250820--开屏动画*/
.mod-start{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    /*display: none;*/
}
.mod-start video{
    background: transparent;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-newso .home-solu-bg-img2 {
    left: 0;
    width: 20%;
    bottom: 0;
    top: auto;
}
.home-newso .home-solu-bg-img1 {
    top: auto;
    right: auto;
    left: 14%;
    width: 30%;
    z-index: -1;
    opacity: 1;
    bottom: -14%;
}
.home-newso{
    overflow: hidden !important;
}
/*20250827--start*/
.mod-aside {
    width: 62px;
    position: fixed;
    z-index: 10;
    border-radius: 53px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%) translateX(150%);
    background: #FFF;
    box-shadow: 0 1px 15px 2px rgba(53, 92, 192, 0.07);
    padding: 20px 0px;
    transition: all .36s ease;
}
.mod-aside.ys_show{
    transform: translateY(-50%) translateX(0%);
}
.mod-aside-ul-li {
    position: relative;
}
.maul-show {
    display: block;
    cursor: pointer;
    width: 100%;
    padding: 14px 10px;
    position: relative;
}
.maul-show-img {
    width: 24px;
    margin: 0 auto 2px;
}
.maul-show-img img {
    width: 100%;
}
.maul-show-text p {
    text-align: center;
    color: #000;
    font-size: var(--font16);
    line-height: 1.25;
}
.maul-hide {
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    padding-right: 20px;
    opacity: 0;
    pointer-events: none;
    transition: all .36s;
}
.mod-aside-ul-tel .maul-hide a {
    padding:15px 20px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    font-size: var(--font20);
    line-height: 1.3;
    display: block;
    white-space: nowrap;
    font-weight: bold;
     background:linear-gradient(90deg, #F33260 0%, #85019D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mod-aside-ul-tel .maul-hide a::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events:none;
    z-index: -1;
    background: #FFF;
}
.maul-hide-pic {
    width: 138px;
    padding: 14px;
    border-radius: var(--radius10);
    overflow: hidden;
    background: #fff;
}
.mod-aside-ul-tel .maul-hide a, .maul-hide-pic {
    box-shadow: 0px 12px 20px 0px rgba(0, 18, 97, 0.08);
}
.maul-hide-pic img {
    width: 100%;
}
.mod-aside-ul-li.act .maul-hide {
    opacity: 1;
    pointer-events: all;
}
.mod-aside-ul-top .maul-show-img{
    width: 16px;
}
.mod-aside-ul-top{
    position: relative;
}
.mod-aside-ul-top::after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 52%;
    height: 1px;
    background: #D5DAE4;
}

/*20250827--end*/