@charset "utf-8";
/* 公共样式 - start */
@font-face {
    font-family: 'WANBANG-Bold';
    src: url('../fonts/Mulish-Bold/Mulish-Bold.woff2') format('woff2'),
        url('../fonts/Mulish-Bold/Mulish-Bold.woff') format('woff');
}
@font-face {
    font-family: 'WANBANG-Regular';
    src: url('../fonts/Mulish-Regular/Mulish-Regular.woff2') format('woff2'),
        url('../fonts/Mulish-Regular/Mulish-Regular.woff') format('woff');
}
@font-face {
    font-family: 'WANBANG-ROBLight';
    src: url('../fonts/RobotoLight/RobotoLight.woff2') format('woff2'),
        url('../fonts/RobotoLight/RobotoLight.woff') format('woff');
}
@font-face {
    font-family: 'WANBANG-ROBRegular';
    src: url('../fonts/RobotoRegular/RobotoRegular.woff2') format('woff2'),
        url('../fonts/RobotoRegular/RobotoRegular.woff') format('woff');
}
@font-face {
    font-family: 'WANBANG-ROBBold';
    src: url('../fonts/RobotoBold/RobotoBold.woff2') format('woff2'),
        url('../fonts/RobotoBold/RobotoBold.woff') format('woff');
}
@font-face {
    font-family: 'WANBANG-MONORegular';
    src: url('../fonts/RobotoMono-Regular/RobotoMono-Regular.woff2') format('woff2'),
        url('../fonts/RobotoMono-Regular/RobotoMono-Regular.woff') format('woff');
}

body,
input,textarea{
    font-family: "WANBANG-Regular", "PingFang SC","Microsoft YaHei" !important;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "WANBANG-Regular","PingFang SC", "Microsoft YaHei" !important;
}
html{
    font-size: 100px;
}
a[href=""],a[href='']{
    cursor:default
}
.mod-form input:-webkit-autofill,
.mod-form input:-webkit-autofill:hover,
.mod-form input:-webkit-autofill:focus,
.mod-form input:-webkit-autofill:active {
    -webkit-text-fill-color: #333 !important;
}
:root{
    /* 字号 */
    --font100: 1.0rem;
    --font98: 0.98rem;
    --font96: 0.96rem;
    --font94: 0.94rem;
    --font92: 0.92rem;
    --font90: 0.90rem;
    --font88: 0.88rem;
    --font86: 0.86rem;
    --font84: 0.84rem;
    --font82: 0.82rem;
    --font80: 0.80rem;
    --font78: 0.78rem;
    --font76: 0.76rem;
    --font74: 0.74rem;
    --font72: 0.72rem;
    --font70: 0.70rem;
    --font68: 0.68rem;
    --font66: 0.66rem;
    --font64: 0.64rem;
    --font62: 0.62rem;
    --font60: 0.60rem;
    --font58: 0.58rem;
    --font56: 0.56rem;
    --font54: 0.54rem;
    --font52: 0.52rem;
    --font50: 0.50rem;
    --font48: 0.48rem;
    --font46: 0.46rem;
    --font44: 0.44rem;
    --font42: 0.42rem;
    --font40: 0.40rem;
    --font38: 0.38rem;
    --font36: 0.36rem;
    --font34: 0.34rem;
    --font32: 0.32rem;
    --font30: 0.30rem;
    --font28: 0.28rem;
    --font26: 0.26rem;
    --font24: 0.24rem;
    --font22: 0.22rem;
    --font20: 0.20rem;
    --font18: 0.18rem;
    --font16: 0.16rem;
    --font14: 0.14rem;
    --font12: 0.12rem;
    /* 间距 */
    --space250: 2.5rem;
    --space240: 2.4rem;
    --space230: 2.3rem;
    --space220: 2.2rem;
    --space210: 2.1rem;
    --space200: 2.0rem;
    --space190: 1.9rem;
    --space180: 1.8rem;
    --space170: 1.7rem;
    --space160: 1.6rem;
    --space150: 1.5rem;
    --space140: 1.4rem;
    --space130: 1.3rem;
    --space120: 1.2rem;
    --space110: 1.1rem;
    --space100: 1.0rem;
    --space90: 0.9rem;
    --space80: 0.8rem;
    --space70: 0.7rem;
    --space60: 0.6rem;
}
:root {
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line165: 1.65;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 80px;
    /* 颜色 */
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --colormain: #EA5504;
    /* add - start */
    --colormain1: #FF8904;
    --colortit1: #323232;
    --color000: #000;
    /* add - end */
    --colorf5f:#F5F5F5;
    --colord8d:#D8D9E0;
    --color252:#252525;
    --colorlinear: linear-gradient(135deg, #EA5504 0%, #FF8904 100%);
    /* 板块间距 */
    --space40: 0.4rem;
    /* 段落间距 */
    --parpspace16: 0.16rem;
    --parpspace12: 0.12rem;
    --parpspace10: 0.1rem;  
    /* 特殊字体或粗细 */
    --bold:'WANBANG-Bold';
    --transition: all 0.4s ease;
    --transition1: all 0.8s var(--bezier1);
    --transition2: transform 1.5s var(--bezier2),-webkit-transform 1.5s var(--bezier2), opacity 1.2s var(--bezier2),color 0.3s var(--bezier2);
    --shadow: 0 8px 15px 3px rgba(0, 0, 0, 0.03);
    --shadow1: 0 105px 30px 0 rgba(240, 96, 0, 0.00), 0 68px 27px 0 rgba(240, 96, 0, 0.01), 0 38px 23px 0 rgba(240, 96, 0, 0.03), 0 17px 17px 0 rgba(240, 96, 0, 0.04), 0 4px 9px 0 rgba(240, 96, 0, 0.05);
    /* 等于gsap的sine.out */
    --bezier1: cubic-bezier(0.39, 0.575, 0.565, 1); 
    /* 等于gsap的expo.inOut */
    --bezier2: cubic-bezier(.38, 0, 0, 1);
}
.std-font80,
.std-font80 p {
    font-size: var(--font80);
    color: var(--color333);
    line-height: var(--line12);
}
.std-font64,
.std-font64 p,
.yxedr-active h2 {
    font-size: var(--font64);
    color: var(--color333);
    line-height: var(--line12);
}
/* add - start */
.std-font60,
.std-font60 p {
    font-size: var(--font60);
    color: var(--color333);
    line-height: var(--line12);
}
.std-text14,
.std-text14 p {
    font-size: var(--font14);
    color: var(--color999);
    line-height: var(--line165);
}
/* add - end */
.std-font48,
.std-font48 p {
    font-size: var(--font48);
    color: var(--color333);
    line-height: var(--line12);
}
.std-font40,
.std-font40 p,
.yxedr-active h3 {
    font-size: var(--font40);
    color: var(--color333);
    line-height: var(--line12);
}
.std-font32,
.std-font32 p,
.yxedr-active h4 {
    font-size: var(--font32);
    color: var(--color333);
    line-height: var(--line14);
}
.std-font24,
.std-font24 p,
.yxedr-active h5 {
    font-size: var(--font24);
    color: var(--color333);
    line-height: var(--line14);
}
.std-font20,
.std-font20 p,
.yxedr-active h6 {
    font-size: var(--font20);
    color: var(--color333);
    line-height: var(--line15);
}
.std-text18,
.std-text18 p {
    font-size: var(--font18);
    color: var(--color333);
    line-height: var(--line16);
}
.std-text16,
.std-text16 p {
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--line165);
}
.yxedr-active,
.yxedr-active p {
    font-size: var(--font16);
    color: var(--color252);
    line-height: var(--line165);
}
.yxedr-active p{
    margin-bottom: 0.75em;
}
.yxedr-active>p:last-child{
    margin-bottom: 0;
}
.std-padding120t {
    padding-top: var(--space120);
}
.std-padding120 {
    padding-bottom: var(--space120);
}
.std-padding100t {
    padding-top: var(--space100);
}
.std-padding100 {
    padding-bottom: var(--space100);
}
.std-margin40 {
    margin-bottom: var(--space40);
}
.std-padding40 {
    padding-bottom: var(--space40);
}
.yxedr-active h2, .yxedr-active h3 {
    margin-bottom: var(--parpspace16);
}
.yxedr-active h4 {
    margin-bottom: var(--parpspace12);
}
.yxedr-active h5 {
    margin-bottom: var(--parpspace10);
}
.search-main{
    --colormain1: var(--colormain) !important;
}
/*分享翻译*/
.ys-wechat-cont-parga p::before{
    /* content: '分享到 - 微信'; */
    content: 'Share the - WeChat';
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: #999 !important;
    white-space: nowrap;
    margin-left: 0.1rem;
}
/*导航默认选中*/
.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;
}
/* 侧边锚点隐藏 */
.mod-anchor{
    opacity: 0;
    transform: translateX(-50%);
    transition: all .4s ease;
    position: fixed;
    z-index: 20;
}
.mod-anchor.on1 {
    opacity: 1;
    transform: translateX(0%);
}
.mod-anchor ul{
    transition: all .4s ease;
}
.mod-anchor:not(.act) ul{
    opacity: 1;
    transform: translateX(0%);
}
.mod-anchor.act ul{
    opacity: 0;
    transform: translateX(-50%);
}
/* 轮播箭头 */
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled,
.slick-arrow.slick-disabled{
    pointer-events: none!important;
    opacity: .5!important;
}
.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev, 
.mod-arrows1 .slick-next{
    
}
/* 载入 */
.ys-upfade1{
    opacity: 0;
    transform-origin: 0% 50%;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    transition: var(--transition2);
    will-change: transform, opacity;
}
.ys-upfade1.ys-fade-true{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0px, 0);
}
/* 首页banner载入 */
.ys-ban-li.act .ys-ban-title{
    animation: ysfadeInUp .8s ease-in-out both;
}
.ys-ban-slick.ys-slick-act .ys-ban-li.act .ys-ban-title{
    animation-delay: 0.4s;
}

/* 公共样式 - end */

.std-btn1-link{
    display: flex;
    border-radius: 80px;
    background:  linear-gradient(135deg, #EA5504 0%, #FF8904 100%);
    padding: 0.1rem 0.54rem;
    align-items: center;
    width: fit-content;
    position: relative;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    cursor: pointer;
}
.std-btn1-link::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(114deg, #FF8904 15.33%, #EA5504 84.67%);
    opacity: 0;
    transition: var(--transition);
}
.std-btn1-link img{
    width:30px;
}
.std-btn1-link-text{
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: normal;
    margin-right: 0.16rem;
}
.std-btn1-link *{
    position: relative;
    z-index: 2;
}
.std-btn2-link{
    font-size: var(--font18);
    line-height: normal;
    color: var(--colorfff);
    border-radius: 30px;
    background: linear-gradient(114deg, #EA5504 15.33%, #FF8904 84.67%);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 0.15rem 0.32rem;
    width: fit-content;
    position: relative;
}
.std-btn2-link::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(114deg, #FF8904 15.33%, #EA5504 84.67%);
    opacity: 0;
    transition: var(--transition);
    z-index: -1;
}
.std-btn3-link{
    padding: 8px 0.2rem;
    line-height: normal;
    color: var(--colormain);
    font-size: var(--font18);
    position: relative;
    z-index: 1;
    border-radius: 30px;
    border: 1px solid var(--colormain);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: var(--transition);
    cursor: pointer !important;
}
.std-btn3-link::before{
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    width: 0;
    left: auto;
    top: 0;
    background:var(--colorlinear);
    transition: var(--transition);
    z-index: -1;
}
.std-btn4-link-path{
    transition: var(--transition);
}
.std-btn4-link-text{
    color: var(--color666);
    font-size: var(--font18);
    line-height: var(--line16);
    margin-right: 0.16rem;
    transition: var(--transition);
    flex: 1;
}
.std-btn4-link{
    display: flex;
    align-items: center;
}
.std-btn5-link-text{
    font-size: var(--font16);
    color: var(--color666);
    transition: var(--transition);
    margin-right: 0.16rem;
}
.std-btn5-link .ys-imgbox-cover{
    width: 30px;
}
.std-btn5-link .ys-imgbox-cover img:nth-child(2){
    opacity: 0;
}
.std-btn5-link{
    display: flex;
    align-items: center;
    width: fit-content;
    border-radius: 80px;
    background: var(--colorf5f);
    padding: 0.1rem 0.54rem;
    position: relative;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.std-btn5-link *{
    position: relative;
    z-index: 2;
}
.std-btn5-link::before{
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    width: 0;
    left: auto;
    top: 0;
    background:var(--colorlinear);
    transition: var(--transition);
    z-index: -1;
}
.std-btn6-link .ys-imgbox-cover img:nth-child(2){
    opacity: 0;
}
.std-btn6-link .ys-imgbox-cover{
    margin-right: 0.2rem;
}
.std-btn6-link .ys-imgbox-cover img:nth-child(1){
    position: relative;
    z-index: 3;
}
.std-btn6-link .ys-imgbox-cover img:nth-child(2){
    z-index: 3;
}
.std-btn6-link{
    padding: 0.1rem 0.3rem 0.1rem 0.1rem;
    border-radius: 80px;
    background: rgba(255, 255, 255, 0.10);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: var(--transition);
    display: flex;
    align-items: center;
    position: relative;
    width: fit-content;
}
.std-btn6-link::before{
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    width: 0;
    left: auto;
    top: 0;
    background:var(--colorlinear);
    transition: var(--transition);
    z-index: -1;
}
.std-btn6-link-text{
    color: var(--colormain);
    font-size: var(--font16);
    line-height: normal;
    transition: var(--transition);
}
.std-btn7-link{
    width:40px;
    height: 40px;
    padding: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--colormain);
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}
.std-btn7-link::before{
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    width: 0;
    left: auto;
    top: 0;
    background:var(--colorlinear);
    transition: var(--transition);
    z-index: -1;
}
.std-btn5 .ys-imgbox-cover img,.std-btn6 .ys-imgbox-cover img,.std-btn7 .ys-imgbox-cover img{
    transform: scale(1) !important;
}
.std-btn7-link .ys-imgbox-cover img:nth-child(2){
    opacity: 0;
}
.std-btn7-link .ys-imgbox-cover{
    z-index: 2;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .std-btn7-link:hover::before{
        width: 100%;
        left: 0;
        right: auto;
    }
    .std-btn7-link:hover .ys-imgbox-cover img:nth-child(1){
        opacity: 0;
    }
    .std-btn7-link:hover .ys-imgbox-cover img:nth-child(2){
        opacity: 1;
    }
    .std-btn6-link:hover::before{
        width: 100%;
        left: 0;
        right: auto;
    }
    .std-btn6-link:hover .std-btn6-link-text{
        color: var(--colorfff);
    }
    .std-btn6-link:hover .ys-imgbox-cover img:nth-child(1){
        opacity: 0;
    }
    .std-btn6-link:hover .ys-imgbox-cover img:nth-child(2){
        opacity: 1;
    }
    .std-btn1-link:hover::before{
        opacity: 1;
    }
    .std-btn2-link:hover::before{
        opacity: 1;
    }
    .std-btn3-link:hover::before{
        width: 100%;
        left: 0;
        right: auto;
    }
    .std-btn3-link:hover{
        color: var(--colorfff);
    }
    .std-btn4-link:hover .std-btn4-link-text{
        color: var(--colormain);
    }
    .std-btn4-link:hover .std-btn4-link-path{
        fill:var(--colormain);
    }
    .std-btn5-link:hover::before{
        width: 100%;
        left: 0;
        right: auto;
    }
    .std-btn5-link:hover .std-btn5-link-text{
        color: var(--colorfff);
    }
    .std-btn5-link:hover .ys-imgbox-cover img:nth-child(1){
        opacity: 0;
    }
    .std-btn5-link:hover .ys-imgbox-cover img:nth-child(2){
        opacity: 1;
    }
}
/* start */
.ys-nybanner{
    position: relative;
}
.ys-bread{
    position: absolute;
    left: var(--place);
    top: 20px;
    z-index: 2;
}

.ys-bread-list a{
    color: rgba(255, 255, 255, .7);
    font-size: var(--font16);
    line-height: var(--line165);
}
.ys-bread-list:last-child a{
    color: rgba(255, 255, 255, 1);
}
.ys-bread-list::before{
    color: rgba(255, 255, 255, .7);
}
.ys-nybanner .std-font80{
    font-size: var(--font80);
    color: var(--colorfff);
    line-height: var(--line12);
    font-family: var(--bold);
}
.ys-nyban-title h1 > span{
    color: var(--colormain);
}
.ys-nybanner .ys-nyban-title .ys-cont1600{
    margin-bottom: 0.6rem;
}
.prodspec-info{
    padding: 1rem 0 1.8rem;
}
.prodspec-info-top-list{
   --ge: absolute;
   --gap1: 0.2rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
}
.prodspec-info-top-list>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
   position: relative;
}
.prodspec-info-top-list>li>a{
   height: 100%;
   display: flex;
   flex-direction: column;
   transition: var(--transition);
   color: var(--color666);
   font-size: var(--font20);
   line-height: var(--line15);
   position: relative;
   padding: 0.2rem 0;
}
.pitl-item.act .pitl-item{
    color: var(--colormain);
}
.pitl-item.act .pitl-item::before{
    width: 100%;
}
.prodspec-info-top{
    border-bottom: 1px solid #D8D9E0;
    margin-bottom: 0.4rem;
}
.prodspec-info-cent-le{
    width:14.625%;
}
.picl-select{
    padding: 0.14rem 0.24rem;
    border-radius: 25px;
    border: 1px solid var(--color999);
}
.picl-select .icon-arrow-down{
    color: var(--colormain);
    font-size: 12px;
}
.picl-select input::placeholder{
    color: var(--color666);
    font-size: var(--font16);
}
.prodspec-info-cent-ri{
    width: 30%;
    position: relative;
}
.prodspec-info-cent-ri input{
    height: 48px;
    border-radius: 30px;
    background: var(--colorf5f);
    padding: 0 0.52rem 0 0.2rem;
    width: 100%;
    color: var(--color333);
}
.prodspec-info-cent {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.6rem;
    position: relative;
    z-index: 3;
}
.picr-box{
    width:36px;
    height: 36px;
    border-radius: 50%;
    background: var(--colorlinear);
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
}
.picr-box img{
    width: 100%;
}
.prodspec-info-bot-list{
   --ge: 33.333333%;
   --gap1: 0.16rem;
   --gap2: 0.3rem;
   margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
   display: flex;
   flex-wrap: wrap;
}
.prodspec-info-bot-list>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.prodspec-info-bot-list>li>a{
   height: 100%;
   display: flex;
   flex-direction: column;
   position: relative;
   overflow: hidden;
   border-radius: 0.16rem;
   padding: 0.3rem;
    background: var(--colorf5f);
    box-shadow:0 105px 30px 0 transparent;
    justify-content: space-between;
    transition: var(--transition);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.prodspec-info-bot-list>li>div{
   height: 100%;
   display: flex;
   flex-direction: column;
   position: relative;
   overflow: hidden;
   border-radius: 0.16rem;
   padding: 0.3rem;
    background: var(--colorf5f);
    box-shadow:0 105px 30px 0 transparent;
    justify-content: space-between;
    transition: var(--transition);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    cursor: pointer;
}
.pibl-item-link-bg{
    position: absolute;
    top: 0;
    right: 0;
    width: 2.9rem;
    pointer-events: none;
    z-index: 1;
    transform: translateX(50%);
    opacity: 0;
    transition: all 1s var(--bezier2);
}
.pibl-item-link-top .std-font24{
    font-family: var(--bold);
}
.pibl-item-link-top .std-font24{
    color: var(--color252);
}
.pilt-cry{
    margin-top: 4px;
    margin-bottom:0.9rem;
}
.pilt-cry,.pilt-cry p{
    color: var(--color666);
}
.pibl-item-link-top{
    position: relative;
    z-index: 2;
}
.ys-pcfy{
    margin-top: 0.64rem;
}
.pc-fenye li {
    width: 33px;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    color: #999;
    margin: 0 10px;
    border-radius: 0.12rem;
}
.pc-fenye .end li::before,.pc-fenye .first li::before,.pc-fenye .next li::before,.pc-fenye .prev li::before{
    color: var(--color252);
    transition: var(--transition);
}
.whitepaper-info .prodspec-info-cent-ri{
    margin-left: auto;
}
.prodspec-info-cent-ri input::placeholder{
    color: var(--color999);
    font-size: var(--font14);
}
.whitepaper-info-list{
   --ge: 50%;
   --gap1: 0.2rem;
   --gap2: 0.4rem;
   margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
   display: flex;
   flex-wrap: wrap;
}
.whitepaper-info-list>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.whitepaper-info-list>li>a{
   height: 100%;
   display: flex;
   justify-content: space-between;
   padding: 0.2rem 0.2rem 0.2rem 0.3rem;
   border-radius: 0.2rem;
    background: var(--colorf5f);
    position: relative;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: var(--transition);
     box-shadow:0 105px 30px 0 transparent;
}
.wili-link-le{
    width:29.73%;
    display: flex;
    flex-direction: column;
}
.wili-link-le-top{
    margin-bottom: 2.27rem;
}
.wili-link-ri{
    width:36.58%;
    border-radius: 4px 8px 8px 4px;
    background: var(--colorfff);
    transition: var(--transition);
    position: relative;
    padding: 0.17rem 0.23rem 0.17rem 0.27rem;
    z-index: 3;
}
.wili-link-ri::before{
    content: "";
    width: 1px;
    height: 100%;
    background:rgba(0, 0, 0, 0.10);
    position: absolute;
    top: 0;
    left: 12px;
}
.wili-link-le-top .std-font24{
    color: var(--color252);
    font-family: var(--bold);
    margin-bottom: 0.1rem;
}
.wllt-cry,.wllt-cry p{
    color: var(--color666);
}
.wili-link-ri-zs{
    position: absolute;
    top: 0;
    right: 20px;
    width: 22px;
}
.wili-link-ri-logo{
    width: 0.97rem;
    margin-bottom: 1.88rem;
}
.wili-link-ri-tit{
    font-family: var(--bold);
}
.wili-link .pibl-item-link-bg{
    width:5.23rem ;
}
@media screen and (min-width: 1200px) {
    .ys-bread-list a:hover{
        color: rgba(255, 255, 255, 1);
    }
    .pitl-item:hover{
        color: var(--colormain);
    }
    .pitl-item:hover::before{
        width: 100%;
    }
    .pibl-item-link:hover .std-btn7-link::before{
        width: 100%;
        left: 0;
        right: auto;
    }
    .pibl-item-link:hover .std-btn7-link .ys-imgbox-cover img:nth-child(1){
        opacity: 0;
    }
    .pibl-item-link:hover .std-btn7-link .ys-imgbox-cover img:nth-child(2){
        opacity: 1;
    }
    .pibl-item-link:hover .pibl-item-link-bg{
        transform: translateX(0%);
        opacity: 1;
    }
    .pibl-item-link:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .wili-link:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .wili-link:hover .wili-link-ri{
        background: var(--colorf5f);
    }
    .wili-link:hover .pibl-item-link-bg{
        transform: translateX(0%);
        opacity: 1;
    }
    .wili-link:hover .std-btn7-link::before{
        width: 100%;
        left: 0;
        right: auto;
    }
    .wili-link:hover .std-btn7-link .ys-imgbox-cover img:nth-child(1){
        opacity: 0;
    }
    .wili-link:hover .std-btn7-link .ys-imgbox-cover img:nth-child(2){
        opacity: 1;
    }
}
/* end */
/* 公共标题 mod-title1 - start */
.mod-title1{
    font-family: var(--bold);
}
.mod-title1-group{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.mod-title1-group .mod-title1{
    color: var(--color252);
    line-height: var(--line12);
}
.mod-title1 span{
    color: var(--colormain);
}
.mod-title1-group .std-btn2{
    margin-top: .4rem;
}
/* 公共标题 mod-title1 - end */
.newslist-main .ys-bread{
    top:40px ;
}
.news-feed{
    padding: 1rem 0 1.8rem;
}
.news-inof{
    --gap1: .1rem;
    --gap2: .2rem;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
}
.news-inof-item{
    width: 33.333333%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}
.news-inof-item-link{
    display: block;
    padding-bottom: .2rem;
    color: var(--color333);
    background: var(--colorfff);
    border-radius: .2rem;
    transition: var(--transition);
    box-shadow:  0 0 0 0 transparent;
}
.news-inof-image{
    overflow: hidden;
    border-radius: .2rem;
}
.news-inof-image img:nth-child(n+2){
    object-fit: cover;
    object-position: center;
}
.news-inof-copy{
    padding: 0.2rem;
}
.news-inof-title{
    color: #252525;
    height: 3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-inof-meta{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: .6rem;
}
.news-inof-date{
    color: var(--color666);
    font-family: "Roboto", sans-serif;
    line-height: .38rem;
    transition: var(--transition);
}
.news-inof-more .std-btn4-link{
    width: fit-content;
}
.news-inof-more .std-btn4-link-img{
    position: relative;
    display: block;
    width: .24rem;
    height: .24rem;
    overflow: hidden;
}
.news-inof-more .std-btn4-link-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.news-inof-more .std-btn4-link-img img:nth-child(n+2){
    opacity: 0;
    transition: opacity .3s ease;
}

/* 设计稿中第一张为 hover 演示；所有新闻 li 默认保持同一视觉。 */
/* E3 新闻列表 902:37330 - end */

/* E4 新闻详情 902:37442 - start */
.news-main{
    --news-border: #D8D9E0;
}
.news-main,
.news-main .ys-main,
.news-article-core{
    overflow: visible;
}
.news-head{
    padding-top: 1.8rem;
    position: relative;
}
.ys-bread.res .ys-bread-list a{
    color: rgb(37,37,37,0.7);
}
.ys-bread.res .ys-bread-list::before {
    color: rgba(37,37,37,0.7);
}
.ys-bread.res .ys-bread-list:last-child a{
    color: rgba(37,37,37,1);
}
/* E4 新闻标题 902:37444 - start */
.news-head-core{
    padding-bottom: .6rem;
    border-bottom: 1px solid var(--news-border);
}
.news-title{
    color: var(--colortit1);
    font-family: var(--bold);
    line-height: var(--line12);
}
.news-date{
    display: block;
    margin-top: 0.4rem;
    color: var(--color666);
    line-height:2.1;
}
/* E4 新闻标题 902:37444 - end */

/* E4 正文与侧栏 902:37459 - start */
.news-article{
    overflow: visible;
    padding: 1.2rem 0 1.8rem;
}
.news-article-core{
    display: flex;
    align-items: flex-start;
}
.news-body{
    width: 73.75%;
    padding-right: .6rem;
    border-right: 1px solid var(--news-border);
}
.news-side{
    align-self: stretch;
    width: 22.5%;
}
.news-edr p:not(:last-child){
    margin-bottom: 0.75em;
}
.news-side-sticky{
    position: sticky;
    top: calc(var(--headh) + .4rem);
}
.news-side-title{
    color: var(--color252);
    font-family: var(--bold);
    line-height: var(--line14);
}
.news-share{
    display: flex;
    align-items: center;
}
.news-share .news-side-title{
    margin-right: .4rem;
}
.news-share-inof{
    display: flex;
    align-items: center;
}
.news-share-inof-item{
    width: 32px;
    position: relative;
    --codew: 120px;
}
.news-share-inof-item+.news-share-inof-item{
    margin-left: .15rem;
}
.news-share-link{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color999);
    border-radius: 50%;
    cursor: pointer;
}
.news-wrap{
    overflow: visible;
}
.news-recommend{
    margin-top: .86rem;
}
.news-recommend-inof{
    margin-top: .6rem;
}
.news-recommend-inof-link{
    position: relative;
    display: block;
    color: var(--color252);
    padding: 0.3rem 0;
    border-bottom: 1px solid var(--news-border);
}
.news-recommend-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 3.2em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--color252);
    font-family: "WANBANG-Regular", "Microsoft YaHei", sans-serif;
    font-weight: 400;
    line-height: var(--line16);
}
.news-recommend-meta{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .2rem;
}
.news-recommend-date{
    color: var(--color666);
    line-height: 1.5;
}
.news-recommend-more{
    display: flex;
    align-items: center;
    color: var(--color666);
    font-size: var(--font14);
    line-height: 1.5;
}
.news-recommend-arrow{
    position: relative;
    display: block;
    width: .168rem;
    height: .12rem;
    margin-left: .12rem;
}
.news-recommend-arrow img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .3s ease;
}
.news-recommend-arrow-hover{
    opacity: 0;
}
.news-edr{
    padding-bottom: 0.6rem;
    border-bottom: 1px solid rgba(153, 153, 153, 0.50);
}

/* E4 上下篇导航 902:37503 - start */
.news-switch{
    width: 94.375%;
    margin-top: .6rem;
    padding: .1rem;
    border-radius: .8rem;
    background: var(--colorf5f);
}
.news-switch-inof{
    display: flex;
    align-items: center;
}
.news-switch-inof-item{
    width: 33.333333%;
}
.news-switch-inof-link{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .1rem .26rem;
    border-radius: .8rem;
    color: var(--color666);
    position: relative;
}
.news-switch-inof-link::before{
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colorlinear);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: var(--transition);
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.news-switch-icon{
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    margin-right: .16rem;
    z-index: 3;
}
.news-switch-icon img{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%,-50%);
    transition:var(--transition);
}
.news-switch-icon-hover{
    opacity: 0;
}
.news-switch-prev .news-switch-icon-default{
    transform: translate(-50%,-50%) scaleX(-1);
}
.news-switch-label{
    color: var(--color666);
    transition:var(--transition);
    position: relative;
    z-index: 2;
}
/* 仅调整视觉顺序，三项 li 保持完全相同的 DOM 结构。 */
.news-switch-next .news-switch-icon{
    order: 2;
    margin-right: 0;
    margin-left: .16rem;
}
.research-intro{
    overflow: visible;
}
.research-title{
    text-align: center;
}
.research-intro-core{
    display: flex;
    align-items: flex-start;
    margin-top: .6rem;
    justify-content: space-between;
}
.research-intro-inof{
    width: 36.25%;
    padding-top: 1.13rem;
}
.research-intro-num,
.research-intro-num p{
    color: var(--colorfff);
    line-height: normal;
}
.research-intro-num{
    display: inline-flex;
    align-items: center;
    padding: .1rem .24rem;
    border-radius: .24rem;
    background: var(--colormain);
}
.research-intro-copy,
.research-intro-copy p{
    color: var(--color666);
    line-height: var(--line165);
    color: var(--color252);
}
.research-intro-copy{
    margin-top: .2rem;
}
.research-intro-img{
    position: sticky;
    top: calc(var(--headh) + 1rem);
    align-self: flex-start;
    width: 60%;
    margin-left: 3.75%;
    border-radius: .2rem;
}
/* E2 研发能力 902:37211 - end */

/* E2 核心技术 902:37224;902:37227 - start */
.technology-core{
    position: relative;
    overflow: visible;
    height: 200vh;
}
.technology-core-post{
    height: 100vh;
    max-height: 8.9rem;
    position: sticky;
    top: 0;
    width: 100%;
    padding-top:1.8rem;
}
.technology-core-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}
.technology-core-bg img{
    width: 100%;
    max-height: 7.6rem;
    object-fit: cover;
}
.technology-core-title{
    position: relative;
}
.technology-core-core{
    position: relative;
    z-index: 1;
}
.technology-core-scroll{
    position: relative;
    margin-top: 1.73rem;
}
.technology-core-scroll::-webkit-scrollbar{
    display: none;
}
.technology-core-inof{
    display: flex;
    width: calc(100% + 5.2rem);
    margin-left: -.15rem;
}
.technology-core-scroll.is-static{
    overflow-x: auto;
}
.technology-core-inof-item{
    display: flex;
    flex: 0 0 25%;
    width: 25%;
    padding: 0 .15rem;
}
.technology-core-card{
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: visible;
    padding: .4rem;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: .2rem;
    background: rgba(245,245,245,.7);
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem);
    transition: background-color .4s ease, box-shadow .4s ease;
}
.technology-core-card::after{
    position: absolute;
    top: -.75rem;
    right: -.7rem;
    width: 3.1rem;
    height: 2rem;
    border-radius: 50%;
    z-index: 0;
    background: radial-gradient(ellipse at center, rgba(240,96,0,.26) 0, rgba(240,96,0,.1) 42%, rgba(240,96,0,0) 72%);
    content: "";
    filter: blur(.04rem);
    opacity: 0;
    pointer-events: none;
    transform: rotate(-38deg);
    transition: opacity .4s ease;
}
.technology-core-inof-item-icon{
    position: relative;
    z-index: 1;
    width: .64rem;
    height: .64rem;
}
.technology-core-inof-item-icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.technology-core-inof-item-content{
    position: relative;
    z-index: 1;
    margin-top: 1.5rem;
}
.technology-core-inof-item-title{
    color: var(--color252);
}
.technology-core-inof-item-copy,
.technology-core-inof-item-copy p{
    color: var(--color666);
    line-height: var(--line165);
}
.technology-core-inof-item-copy{
    margin-top: .22rem;
}
/* E2 核心技术 902:37224;902:37227 - end */

/* E2 智能制造 902:37269 - start */
.manufacturing-system{
    overflow: visible;
    padding-top: 1.8rem;
}
.manufacturing-system-core{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.manufacturing-system-copy{
    position: sticky;
    top: calc(var(--headh) + 1rem);
    width: 40%;
}
.manufacturing-system-title{
    color: var(--color252);
}
.manufacturing-system-text,
.manufacturing-system-text p{
    color: var(--color666);
    line-height: var(--line165);
}
.manufacturing-system-text p:not(:last-child){
    margin-bottom: 0.26rem;
}
.manufacturing-system-text{
    margin-top:0.4rem ;
}
.manufacturing-system-inof{
    width: 56.25%;
}
/* E2 智能制造 902:37269 - end */

/* E2 认证文件 902:37297 - start */
.certificate-doc{
    overflow: visible;
    padding: 1.8rem 0;
}
.certificate-title{
    text-align: center;
}
.certificate-inof{
    display: flex;
    margin: .6rem -.15rem 1.24rem;
}
.certificate-inof .slick-list {
    padding: 0.68rem 0px;
    margin: -0.68rem 0;
}
.manufacturing-system-inof-li:not(:last-child){
    margin-bottom: 0.4rem;
}
.msil-box{
    position: relative;
}
.msil-bot{
    position: absolute;
    left: 0;
    bottom: 0;
    width:100%;
    padding: 0.4rem;
}
.msil-bot-num{
    color: var(--colorfff);
    font-size: var(--font14);
    line-height: var(--line165);
    margin-bottom: 0.1rem;
}
.msil-box .ys-imgbox-cover{
    border-radius: 0.2rem;
}
.msil-bot .std-font24{
    color: var(--colorfff);
    font-family: var(--bold);
}
.certificate-inof{
   --ge: 25%;
   --gap1: 0.15rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
}
.certificate-inof-item{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.certificate-inof-item>div{
   height: 100%;
   display: flex;
   flex-direction: column;
   border-radius: 0.2rem;
   background: var(--colorf5f);
   transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   overflow: hidden;
   transition: var(--transition);
   box-shadow: 0 0 0 0 transparent;
   padding: 0.45rem 0.36rem;
}
.certificate-inof-item-img{
    width: 1.46rem;
    margin: 0 auto;
}
.certificate-inof-item-copy,.certificate-inof-item-copy p{
    color: var(--color666);
    text-align: center;
}
.certificate-inof-item-copy{
    margin-top: 0.36rem;
}
/* E2 认证文件 902:37297 - end */

/* 内页PC悬浮状态 - start */
@media screen and (min-width: 1200px) {
    /* E2 认证文件 hover 902:37297 - start */
    .mod-arrows1 .slick-prev:hover,
    .mod-arrows1 .slick-next:hover{
        color: var(--colorfff);
        background-color: var(--colormain);
    }
    /* E2 认证文件 hover 902:37297 - end */

    /* E3 新闻列表 hover 902:37333 - start */
    .news-inof-item-link:hover{
        box-shadow: 0 .04rem .09rem rgba(240, 96, 0, .05), 0 .17rem .17rem rgba(240, 96, 0, .04), 0 .38rem .23rem rgba(240, 96, 0, .03), 0 .68rem .27rem rgba(240, 96, 0, .01), 0 1.05rem .3rem rgba(240, 96, 0, 0);
    }
    .news-inof-item-link:hover .news-inof-date,
    .news-inof-item-link:hover .std-btn4-link-text{
        color: var(--colormain);
    }
    .news-inof-item-link:hover .std-btn4-link-img img:first-child{
        opacity: 0;
    }
    .news-inof-item-link:hover .std-btn4-link-img img:nth-child(n+2){
        opacity: 1;
    }
    /* E3 新闻列表 hover 902:37333 - end */
    /* E4 新闻详情 hover 902:37442 - start */
    .news-recommend-inof-link:hover .news-recommend-date,
    .news-recommend-inof-link:hover .news-recommend-more{
        color: var(--colormain);
    }
    .news-recommend-inof-link:hover .news-recommend-arrow-default{
        opacity: 0;
    }
    .news-recommend-inof-link:hover .news-recommend-arrow-hover{
        opacity: 1;
    }
    .news-switch-inof-link:hover .news-switch-icon-default{
        opacity: 0;
    }
    .news-switch-inof-link:hover .news-switch-icon-hover{
        opacity: 1;
    }
    /* E4 新闻详情 hover 902:37442 - end */
    /* D5资料下载主体 hover 902:37648 - start */
    .download-inof-card:hover{
        background: var(--colorfff);
        box-shadow: 0 .16rem .3rem rgba(234, 85, 4, .12);
    }
    .download-inof-card:hover .download-card-glow{
        opacity: 1;
    }
    .download-inof-card:hover .std-btn7-link::before{
        right: auto;
        left: 0;
        width: 100%;
    }
    .download-inof-card:hover .std-btn7-link .ys-imgbox-cover img:nth-child(1){
        opacity: 0;
    }
    .download-inof-card:hover .std-btn7-link .ys-imgbox-cover img:nth-child(2){
        opacity: 1;
    }
    /* D5资料下载主体 hover 902:37648 - end */
    /* D5_1白皮书卡片悬浮状态 902:37830;902:37860 - start */
    .whitepaper-card:hover{
        background: var(--colorfff);
        box-shadow: 0 .04rem .09rem rgba(240, 96, 0, .05), 0 .17rem .17rem rgba(240, 96, 0, .04), 0 .38rem .23rem rgba(240, 96, 0, .03), 0 .68rem .27rem rgba(240, 96, 0, .01);
    }
    .whitepaper-card:hover .whitepaper-card-glow{
        opacity: 1;
    }
    .whitepaper-card:hover .whitepaper-cover{
        background: var(--colorf5f);
    }
    .whitepaper-card:hover .std-btn7-link{
        background: var(--colorlinear);
    }
    .whitepaper-card:hover .std-btn7-link::before{
        right: auto;
        left: 0;
        width: 100%;
    }
    .whitepaper-card:hover .std-btn7-link .ys-imgbox-cover img:nth-child(1){
        opacity: 0;
    }
    .whitepaper-card:hover .std-btn7-link .ys-imgbox-cover img:nth-child(2){
        opacity: 1;
    }
    /* D5_1白皮书卡片悬浮状态 902:37830;902:37860 - end */
    /* E2 核心技术 hover 902:37227 - start */
    /* 设计稿首张卡片为 hover 演示；默认态统一为半透明浅灰卡片。 */
    .technology-core-card:hover{
        background: var(--colorfff);
        box-shadow: 0 .04rem .09rem rgba(240,96,0,.05), 0 .17rem .17rem rgba(240,96,0,.04), 0 .38rem .23rem rgba(240,96,0,.03), 0 .68rem .27rem rgba(240,96,0,.01), 0 1.05rem .3rem rgba(240,96,0,0);
    }
    .technology-core-card:hover::after{
        opacity: 1;
    }
    /* E2 核心技术 hover 902:37227 - end */
    /* E2 认证文件 hover 902:37297 - start */
    /* 设计稿首张证书为 hover 演示；HTML 默认态不预置悬浮类。 */
    .certificate-inof-item-card:hover{
        background: var(--colorfff);
        box-shadow: 0 .04rem .09rem rgba(240,96,0,.05), 0 .17rem .17rem rgba(240,96,0,.04), 0 .38rem .23rem rgba(240,96,0,.03), 0 .68rem .27rem rgba(240,96,0,.01), 0 1.05rem .3rem rgba(240,96,0,0);
    }
    /* E2 认证文件 hover 902:37297 - end */
}
/* 内页PC悬浮状态 - end */

/* D5资料下载主体 902:37648 - start */
.download-page{
    --download-border: #D8D9E0;
    padding: 1rem 0 .88rem;
}
.download-tab-inof{
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid var(--download-border);
}
.download-tab-item+.download-tab-item{
    margin-left: .32rem;
}
.download-tab-link{
    position: relative;
    display: block;
    padding-bottom: .2rem;
    color: var(--color999);
    line-height: 1.5;
}
.download-tab-item.act .download-tab-link{
    color: var(--colormain);
}
.download-tab-item.act .download-tab-link::after{
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
    background: var(--colormain);
    content: "";
}
.download-filter{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .4rem;
}
.download-select{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 2.34rem;
    height: .48rem;
    padding: 0 .16rem;
    border: 1px solid var(--download-border);
    border-radius: .24rem;
}
.download-select-copy{
    color: var(--color666);
    line-height: 1.5;
}
.download-select-icon{
    width: .12rem;
    height: .06rem;
}
.download-search{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 4.8rem;
    height: .48rem;
    padding-left: .14rem;
    border-radius: .24rem;
    background: var(--colorf5f);
}
.download-search-copy{
    color: var(--color999);
    line-height: 1.5;
}
.download-search-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .4rem;
    height: .4rem;
    margin-right: .04rem;
    border-radius: 50%;
    background: var(--colorlinear);
}
.download-search-btn img{
    width: .2rem;
    height: .2rem;
}
.download-inof{
    display: flex;
    flex-wrap: wrap;
    margin: .64rem -.16rem -.3rem;
}
.download-inof-item{
    width: 33.333333%;
    padding: 0 .16rem .3rem;
}
.download-inof-card{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
    padding: .3rem .3rem .36rem;
    border-radius: .16rem;
    background: var(--colorf5f);
    transition: background var(--transition), box-shadow var(--transition);
}
.download-card-copy,
.download-card-action{
    position: relative;
    z-index: 1;
}
.download-card-title{
    color: var(--color252);
    font-family: var(--bold);
    font-weight: 700;
    line-height: 1.4;
}
.download-card-copy p{
    margin-top: .04rem;
    color: var(--color999);
    line-height: 1.65;
}
.download-card-action{
    margin-top: .84rem;
}
.download-card-action .ys-imgbox-cover{
    width: .13rem;
    height: .13rem;
}
.download-card-glow{
    position: absolute;
    z-index: 0;
    bottom: -.75rem;
    left: 50%;
    width: 4.15508rem;
    max-width: none;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
    transition: opacity var(--transition);
}
.download-page .ys-pcfy{
    margin-top: .4rem;
}
/* D5资料下载主体 902:37648 - end */

/* D5_1白皮书主体 902:37785 - start */
.whitepaper-filter{
    display: flex;
    justify-content: flex-end;
    margin-top: .4rem;
}
.whitepaper-inof{
    display: flex;
    flex-wrap: wrap;
    margin: .6rem -.2rem -.4rem;
}
.whitepaper-item{
    width: 50%;
    padding: 0 .2rem .4rem;
}
.whitepaper-card{
    position: relative;
    overflow: hidden;
    border-radius: .2rem;
    background: var(--colorf5f);
}
.whitepaper-copy,
.whitepaper-action,
.whitepaper-cover{
    position: absolute;
}
.whitepaper-copy,
.whitepaper-action{
    z-index: 2;
    left: 3.846154%;
    width: 27.820513%;
}
.whitepaper-copy{
    top: 7.5%;
}
.whitepaper-title{
    color: var(--color252);
    font-family: var(--bold);
    font-weight: 700;
    line-height: 1.4;
}
.whitepaper-copy p{
    margin-top: .1rem;
    color: var(--color666);
    line-height: 1.6;
}
.whitepaper-action{
    bottom: 7.5%;
}
.whitepaper-action .ys-imgbox-cover{
    width: .13rem;
    height: .13rem;
}
.whitepaper-cover{
    z-index: 1;
    top: 5%;
    right: 2.948718%;
    width: 34.230769%;
    height: 90%;
    overflow: hidden;
    border-radius: .04rem .08rem .08rem .04rem;
    background: var(--colorfff);
    transition: background var(--transition);
}
.whitepaper-cover-spine,
.whitepaper-cover-bookmark,
.whitepaper-cover-logo,
.whitepaper-cover-title{
    position: absolute;
}
.whitepaper-cover-spine{
    top: 0;
    left: 4.494382%;
    width: 1px;
    height: 100%;
}
.whitepaper-cover-bookmark{
    top: 0;
    right: 7.490637%;
    width: 8.239700%;
    height: 9.444444%;
}
.whitepaper-cover-logo{
    top: 4.722222%;
    left: 10.112360%;
    width: 36.329588%;
    height: 7.222222%;
}
.whitepaper-cover-title{
    top: 64.166667%;
    left: 10.112360%;
    width: 81.273408%;
    color: var(--color252);
    font-family: var(--bold);
    font-weight: 700;
    line-height: 1.4;
}
.whitepaper-card-glow{
    position: absolute;
    z-index: 0;
    top: -2.36rem;
    left: 3.51rem;
    width: 4.46631rem;
    max-width: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition);
}
.whitepaper-page .ys-pcfy{
    margin-top: .64rem;
}
/* D5_1白皮书主体 902:37785 - end */
/* 2026 7.22 start */
.ys-select-bd{
    border-radius:0.1rem;
    border: 1px solid #D8D9E0 !important;
    background:#FFF;
    padding: 0.3rem;
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line165);
}
.ys-select-li{
    padding: 0.1rem 0;
    border-bottom: 1px solid #D8D9E0;
}
.ys-select-li:first-child{
    padding-top: 0;
}
.ys-select-li:last-child{
    padding-bottom: 0;
    border-bottom: unset;
}
.picl-select .ys-select-bd{
    margin-top: 0.1rem;
}
.picl-select .ys-select-inof{
    height: 136px;
}
.picl-select  .mCSB_scrollTools{
    width: 1px;
}
.news-recommend-inof-link>.std-text18{
    color: var(--color252);
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.nril-box-le{
    color: var(--color666);
    line-height: 2.1;
    transition: var(--transition);
    font-size: var(--font18);
    font-family: 'WANBANG-ROBRegular';
}
.nril-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.std-btn4-link svg{
    width:24px;
}
.technology-core-scroll-list{
   --ge: 5rem;
   --gap1: 0.15rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   width: max-content;
}
.tcsl-item{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.tcsl-item>div{
   height: 100%;
   display: flex;
   flex-direction: column;
   padding: 0.4rem;
   border-radius: 0.2rem;
   position: relative;
    background: rgba(245, 245, 245, 0.70);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    -moz-backdrop-filter: blur(50px);
    -o-backdrop-filter: blur(50px);
    -ms-backdrop-filter: blur(50px);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: var(--transition);
    box-shadow: 0 0 0 0 transparent;
}
.tcsl-item-cry-border{
    border: 1px solid transparent;
    background: linear-gradient(130deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.2rem;
    pointer-events: none;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.tcsl-item-cry-icon{
    width:0.64rem ;
    margin-bottom: 1.58rem;
}
.tcsl-item-cry-bot .std-font24{
    color: var(--color000);
    font-family: var(--bold);
    margin-bottom: 0.2rem;
}
.ticb-cry,.ticb-cry p{
    color: var(--color666);
}
.tcsl-item-cry .pibl-item-link-bg{
    width:2.8rem ;
}
.std-slickbtn-cry{
    width: 0.64rem;
    height: 0.64rem;
    border: 1px solid var(--colormain);
    border-radius: 50%;
    padding: 0.13rem;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.std-slickbtn-cry::before{
    content: "";
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 50%;
    background: var(--colorlinear);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: var(--transition);
    opacity: 0;
}
.std-slickbtn-cry svg{
    width: 100%;
    position: relative;
    z-index: 3;
}
.std-slickbtn-cry-path{
    transition: var(--transition);
}
.std-slickbtn{
    display: flex;
    align-items: center;
}
.std-slickbtn-prev{
    margin-right: 0.2rem;
}
.certificate-doc .std-slickbtn{
    margin-top: 0.6rem;
    justify-content: center;
}
.certificate-title{
    margin-bottom: 0.6rem;
}
.charger-cases .std-slickbtn{
    display: none;
}
@media screen and (min-width: 1200px) {
    .tcsl-item-cry:hover .pibl-item-link-bg{
        opacity: 1;
        transform: translateX(0);
    }
    .tcsl-item-cry:hover{
        background: var(--colorfff); 
        box-shadow: var(--shadow1);
    }
    .news-switch-inof-link:hover::before{
        opacity: 1;
    }
    .news-switch-inof-link:hover .news-switch-label{
        color: var(--colorfff);
    }
    .news-recommend-inof-link:hover .nril-box-le{
        color: var(--colormain);
    }
    .news-recommend-inof-link:hover .std-btn4-link-text{
        color: var(--colormain);
    }
    .news-recommend-inof-link:hover .std-btn4-link-path{
        fill: var(--colormain);
    }
    .news-inof-item-link:hover .std-btn4-link-path{
        fill: var(--colormain);
    }
    .pc-fenye .end:hover li::before, .pc-fenye .first:hover li::before, .pc-fenye .next:hover li::before, .pc-fenye .prev:hover li::before{
        color: var(--colormain);
    }
    .certificate-inof-item-card:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .std-slickbtn-prev:hover::before{
        opacity: 1;
    }
    .std-slickbtn-prev:hover .std-slickbtn-cry-path{
        fill:var(--colorfff)
    }
    .std-slickbtn-next:hover::before{
        opacity: 1;
    }
    .std-slickbtn-next:hover .std-slickbtn-cry-path{
        fill:var(--colorfff)
    }
}
/* 2026.7.22 end */
/* 分界线 - start */
/* lucas - start */
/* 公共 - start */
/* 公共Header及下拉 902:38522 - start */
.ys-hd-pc{
    height: var(--headh);
    z-index: 100;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
}
.ys-hd-pc-core{
    height: var(--headh);
    align-items: center;
}
.head-logo{
    width: 148px;
    flex: none;
    margin-right:2.32rem ;
}
.head-logo img:first-child,
.ys-hd-pc.isfixed .head-logo img:first-child,
.ys-hd-pc.ishover .head-logo img:first-child,
.ys-phnav-logo img:first-child,
.ys-hd-ph.isfixed .ys-phnav-logo img:first-child,
.ys-page-wrap.on .ys-phnav-logo img:first-child{
    opacity: 1 !important;
}
.head-logo img{
    width: 100%;
}
.head-nav{
    --gap1: .12rem;
    --gap2: .08rem;
}
.yhpc-le {
    display: flex;
}
.head-nav-item-title{
    color: var(--color252);
    font-size: var(--font18);
}
.yxnav-active1 .head-nav-item-title,
.select-anchor .head-nav-item-title{
    color: var(--colormain);
}
.head-other,
.head-lang-top{
    display: flex;
    align-items: center;
}
.head-other{
    flex: none;
}
.head-lang{
    position: relative;
    margin: 0 .4rem 0 0;
}
.head-lang-top{
    cursor: pointer;
}
.head-lang-top img:first-child{
    order: 2;
    width:24px;
    margin-right: 0;
}
.head-lang-top img:last-child{
    order: 3;
    width:24px;
    margin-left: 0;
}
.head-lang-top img,
.ys-hd-pc.isfixed .head-lang-top img,
.ys-hd-pc.ishover .head-lang-top img,
.head-search-btn img:first-child,
.ys-hd-pc.isfixed .head-search-btn img:first-child,
.ys-hd-pc.ishover .head-search-btn img:first-child{
    opacity: 1 !important;
}
.head-lang-top span{
    order: 1;
    color: var(--color252);
    font-size: var(--font18);
    line-height: 1.6;
    margin-right: .06rem;
}
.head-search{
    margin-right: .4rem;
}
.head-search-btn{
    width: 20px;
    cursor: pointer;
}
.head-search-btn img{
    width: 100%;
}
.head-nav-item-product{
    position: fixed;
    top: var(--headh);
    left: 0;
    width: 100vw;
    height: 560px;
    transform: none;
    border-top: 1px solid rgba(216, 217, 224, .55);
    box-shadow: var(--shadow);
}
.head-product-core{
    display: flex;
    height: 100%;
}
.head-product-tabs{
    width: 13%;
    flex: none;
    padding: 0.6rem 0.3rem 0.6rem 0;
    position: relative;
}
.head-product-tabs::before{
    content: "";
    width: 1px;
    height: calc(100% - 0.6rem - 0.6rem);
    background:var(--colord8d) ;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.head-product-tab-item{
    cursor: pointer;
}
.head-product-tab-item+.head-product-tab-item{
    margin-top: .4rem;
}
.head-product-tab-link{
    color: var(--color666);
    font-size: var(--font20);
    line-height: 1.5;
}
.yxnav-active2 .head-product-tab-link,
.select-anchor .head-product-tab-link{
    color: var(--colormain);
}
.head-product-panels{
    flex: 1;
    height: 100%;
    width:87%;
}
.head-product-panel{
    display: none;
    height: 100%;
}
.head-product-panel-cry{
    display: flex;
    height: 100%;
}
.head-product-menu{
    width: 27%;
    padding: 0.6rem 0.75rem 0.6rem 0.3rem;
    flex: none;
    background: #FFF;
    box-shadow: 63px 0 18px 0 rgba(0, 49, 87, 0.00), 40px 0 16px 0 rgba(0, 49, 87, 0.00), 23px 0 14px 0 rgba(0, 49, 87, 0.01), 10px 0 10px 0 rgba(0, 49, 87, 0.02), 3px 0 6px 0 rgba(0, 49, 87, 0.02);
}
.head-product-menu-item+.head-product-menu-item{
    margin-top: .3rem;
}
.head-product-menu-link{
    display: block;
    color: var(--color666);
    font-size: var(--font18);
    line-height: 1.65;
}
.yxnav-active3 .head-product-menu-link,
.select-anchor .head-product-menu-link{
    color: var(--colormain);
}
.head-product-card{
    position: relative;
    width: 73%;
    height: 100%;
}
.head-product-card-scroll{
    height: 100%;
    padding-top: 0.6rem;
    padding-left: 0.69rem;
    padding-right: 0.6rem;
    margin-right: -0.7rem;
    margin-left: -10px;
    overflow: hidden;
}
.head-product-card-scroll .mCustomScrollBox{
    overflow:visible;
}
.head-product-card-scroll .mCSB_scrollTools {
    right: -0.6rem;
    height: 3.8rem;
    top: auto;
    bottom: 0.6rem;
}
.head-product-card-group{
    display: none;
    padding-left: 10px;
    padding-right: 10px !important;
}
.head-product-card-group.on{
    display: block;
}
.head-product-card-morebtn{
    margin-left: auto;
    margin-bottom: 0.3rem;
    width: fit-content;
}
.hill-top-tit{
    color: var(--color252);
    font-size: var(--font20);
    line-height: var(--line15);
    margin-bottom: 0.1rem;
    transition: var(--transition);
}
.hill-top-cry,.hill-top-cry p{
    color:var(--color666);
    font-size: var(--font16);
    line-height: var(--line165);
}
.hilr-label{
    color: var(--colorfff);
    font-size: var(--font14);
    padding: 6px 0.15rem;
    line-height: normal;
    border-radius: 16px;
    width: fit-content;
    margin-bottom: 0.16rem;
    margin-left: auto;
    background: linear-gradient(135deg, #EA5504 0%, #FF8904 100%);
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
}
.head-product-card-prolist{
   --ge: 50%;
   --gap1: 0.15rem;
   --gap2: 0.3rem;
   margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
   display: flex;
   flex-wrap: wrap;
   padding-bottom: 0.6rem;
}
.head-product-card-prolist>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.head-product-card-prolist>li>a{
   height: 100%;
   display: flex;
   padding: 0.2rem 0.2rem 0 0.2rem;
   border-radius: 0.16rem;
    background:  #F5F5F5;
    justify-content: space-between;
    transition: var(--transition);
    box-shadow: 0 0 0 0 transparent;
}
.head-product-card-scroll .mCSB_scrollTools{
    width: 4px;
    opacity: 1;
}
.hpcp-item-link-le{
    width:40%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0.2rem;
}
.hpcp-item-link-ri{
    width:53%;
        margin-top: 0.3rem;
}
.hpcp-item-link:hover .ys-imgbox-cover img{
    transition: all 1s var(--bezier2);
}
.head-product-card-scroll .mCSB_draggerRail{
    width: 4px;
    border-radius: .02rem;
    background-color: #F0F0F0 !important;
}
.head-product-card-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: rgb(234,85,4,0.3) !important;
}
.head-product-card-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.15rem;
}
.head-product-card-item{
    width: 50%;
    padding: .15rem;
}
.head-product-card-link{
    display: block;
    position: relative;
    overflow: hidden;
    border: 0;
    border-radius: .16rem;
    background: var(--colorf5f);
    transition: var(--transition);
}
.head-product-card-copy{
    position: absolute;
    left: .2rem;
    top: .2rem;
    bottom: .2rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.head-product-card-title{
    max-width: 2.45rem;
    color: var(--color252);
    font-size: var(--font20);
    line-height: 1.5;
}
.head-product-card-text{
    color: var(--color666);
    font-size: var(--font16);
    line-height: 1.65;
    margin-top: .1rem;
}
.head-product-card-more{
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    color: var(--color252);
    font-size: var(--font16);
    line-height: 1.65;
}
.head-product-card-more .std-btn3-link{
    display: contents;
    padding: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    border: 0;
    border-radius: 0;
    overflow: visible;
}
.head-product-card-more .std-btn3-link::before{
    display: none;
}
.head-product-card-more .std-btn-text{
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
.head-product-card-arrow{
    display: none;
}
.head-product-card-img{
    position: absolute;
    right: .3rem;
    bottom: .08rem;
    width: 2.65rem;
    height: 2.65rem;
}
.head-product-card-tag{
    position: absolute;
    right: .2rem;
    top: .18rem;
    z-index: 3;
    padding: .04rem .15rem;
    color: var(--colorfff);
    font-size: var(--font14);
    line-height: 1.5;
    border-radius: .2rem;
    background: var(--colorlinear);
}
.head-product-all{
    display: flex;
    align-items: center;
}
.head-product-all span{
    color: var(--colormain);
    font-size: var(--font20);
    line-height: var(--line15);
    margin-right: 0.15rem;
}
.head-product-all img{
    width: 12px;
}
.head-nav-item-simple{
    width: 260px;
    padding: .3rem;
    border-top: 1px solid var(--colord8d);
    border-radius: 0 0 .14rem .14rem;
    box-shadow: none;
    box-shadow: var(--shadow);
}
.head-nav-simple-item{
    position: relative;
}
.head-nav-simple-item.is-compact::after{
    display: none;
}
.head-nav-simple-item.is-compact+.head-nav-simple-item{
    margin-top: .1rem;
}
.head-nav-simple-link{
    display: block;
    color: rgba(37, 37, 37,0.7);
    font-size: var(--font16);
    line-height: 1.65;
    padding: 0.1rem 0;
    border-bottom: 1px solid #D8D9E0;
    transition: var(--transition);
}
.head-nav-simple-item:first-child .head-nav-simple-link{
    padding-top: 0;
}
.head-nav-simple-item:last-child .head-nav-simple-link{
    padding-bottom: 0;
    border-bottom: unset;
}
.yxnav-active2 .head-nav-simple-link,
.select-anchor .head-nav-simple-link{
    color: var(--colormain);
    opacity: 1;
}
/* 公共Header及下拉 902:38522 - end */

/* 公共CTA I902:36879;592:667 - start */
.std-cta{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .93rem 0;
    border-bottom: 1px solid var(--colord8d);
    background: var(--colorf5f);
}
.std-cta .std-font80{
    line-height: var(--line12);
}
/* 公共CTA I902:36879;592:667 - end */

/* 公共Footer I902:36879;592:672 - start */
.ys-footer{
    background: var(--colorf5f);
    padding-top: 1.3rem;
}
.footer-top{
    padding-bottom: .6rem;
}
.footer-brand{
    width: 100px;
    flex: none;
}
.footer-logo{
    display: block;
    width: 1.00461rem;
}
.footer-logo img{
    display: block;
    width: 100%;
    height: auto;
}
.footer-nav{
    width: 12.9rem;
    --gap1: .2rem;
    --gap2: .3rem;
    --gap3: .1rem;
}
.footer-nav>li>a{
    display: block;
    color: var(--color252);
    font-size: var(--font20);
    line-height: var(--line15);
    transition: var(--transition);
}
.footer-nav ul a{
    display: block;
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line165);
    transition: var(--transition);
}
.footer-contact{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .3rem;
}
.footer-contact-title{
    display: none;
}
.footer-contact-list{
    display: flex;
    flex-wrap: wrap;
    width:55.19%;
}
.footer-contact-list li{
    display: flex;
    align-items: center;
}
.footer-contact-list li+li{
    margin-left: .3rem;
}
.footer-contact-list img{
    width: 24px;
    margin-right: .1rem;
}
.footer-contact-list a,
.footer-contact-list span{
    color: rgba(102, 102, 102,0.8);
    font-size: var(--font16);
    line-height: var(--line165);
    transition: var(--transition);
}
.footer-text, .footer-text a, .footer-text p{
    line-height: var(--line165);
}
.footer-share{
    --gap1: .1rem;
    --width1: .3rem;
}
.footer-share-btn img{
    width: 40px;
}
.ys-footer {
    --sapceft3: 0.3rem;
    --sapceft4: 0.39rem;
}
.footer-legal,
.footer-text p{
    display: flex;
    align-items: center;
}
.footer-powered{
    color: var(--color999);
    font-size: var(--font14);
    line-height: 1.5;
    margin-left: .12rem;
}
.footer-privacy{
    --gap1: .12rem;
}
.footer-share-code{
    top: auto;
    bottom: calc(100% + .1rem);
}
.footer-share-code::before{
    top: auto;
    bottom: -.08rem;
    border-top: .08rem solid var(--colorfff);
    border-bottom: 0;
}
.footer-share-code::after{
    top: auto;
    bottom: -.1rem;
}
.footer-bot {
    border-top: 1px solid var(--colord8d);
}
.footer-bot .ys-cont1600{
    display: flex;
    justify-content: space-between;
}
/* 公共Footer I902:36879;592:672 - end */
/* 公共 - end */
/* index - start */
/* 首页banner载入 */
.ys-ban-li.isact .ys-ban-title  .std-font80>div>div{
    animation: isshear .8s ease-in-out both;
}
.ys-ban-slick.ys-slick-act .ys-ban-li.isact .ys-ban-title .std-font80>div>div{
    animation-delay: 0.4s;
}
.ys-ban-li.isact .std-btn2 .std-btn2-link{
    animation: isshear .8s ease-in-out both;
}
.ys-ban-slick.ys-slick-act .ys-ban-li.isact .std-btn2 .std-btn2-link{
    animation-delay: 0.5s;
}
@-webkit-keyframes isshear {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 110%, 0);
        transform: translate3d(0, 110%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes isshear {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 110%, 0);
        transform: translate3d(0, 110%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.ys-ban-slick .ys-ban-title .std-font80>div{
    overflow: hidden;
    line-height: var(--line12);
    font-size: var(--font80);
}
.ys-ban-slick .ys-ban-title .std-font80>div>div{
    line-height: var(--line12);
    font-size: var(--font80);
}
.home-hero-more{
    overflow: hidden;
}
/* 首页banner 902:36840 - start */
.home-hero-more{
    margin-top: .6rem;
}
.mod-dots1{
    --place: calc(50vw - 800px);
}
@media screen and (max-width: 1882px){
    .mod-dots1{
        --place: 7.5vw;
    }
}
.mod-dots1 .slick-dots{
    right: auto;
    bottom: .7rem;
    left: var(--place);
    display: flex;
    align-items: center;
    width: auto;
    line-height: 0;
    text-align: left;
}
.mod-dots1 .slick-dots li,
.mod-dots1 .slick-dots li.slick-active{
    width: .16rem;
    height: .16rem;
    margin: 0 .13rem;
    border: .01rem solid transparent;
    border-radius: 50%;
    background: transparent !important;
    box-sizing: border-box;
}
.mod-dots1 .slick-dots li:first-child{
    margin-left: 0;
}
.mod-dots1 .slick-dots li::before{
    width: .06rem;
    height: .06rem;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: var(--colormain);
}
.mod-dots1 .slick-dots li::after{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: .01rem solid var(--colormain);
    border-radius: 50%;
    box-sizing: border-box;
    transform: none;
    background: transparent;
    opacity: 0;
    clip-path: polygon(50% 50%, 50% 0, 50% 0, 50% 0);
    animation: none;
}
.mod-dots1 .slick-dots li.slick-active{
    border-color: rgba(234, 85, 4, .35);
}
.mod-dots1 .slick-dots li.slick-active::before{
    width: 0;
    height: 0;
}
.mod-dots1.ys-dots1.dots-go .slick-dots li.slick-active::after{
    opacity: 1;
    -webkit-animation: mod-dots1-progress var(--pro) linear both;
    animation: mod-dots1-progress var(--pro) linear both;
}
.home-hero-note{
    position: absolute;
    right: 80px;
    bottom:70px;
    z-index: 10;
    width: 2.8rem;
    pointer-events: all;
    display: flex;
    align-items: center;
    padding: .2rem;
    border-radius: 0.1rem;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    box-shadow:inset 4px 4px 20px 2px rgb(18 1 1 / 4%), inset -4px -4px 9px 2px rgb(255 255 255 / 40%), 0 18px 32px 0 rgb(255 255 255 / 18%);
}
.home-hero-note-bor{
    border: 1px solid transparent;
    background: linear-gradient(130deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.1rem;
    pointer-events: none;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.home-hero-note .std-text16,.home-hero-note .std-text16 p{
    color: var(--color666);
    line-height: var(--line165);
}
.home-banner-dir-li.act svg {
    stroke: var(--colormain);
    animation: homeCircle1 var(--pro) linear both;
}
@keyframes homeCircle1 {
    to {
        stroke-dashoffset: 0;
    }
}
.home-banner-dir-li svg{
    width: 100%;
    fill: none;
    stroke-width: 2;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
}
.home-banner-dir{
    position: absolute;
    bottom: 70px;
    left: var(--place);
    display: flex;
}
.home-banner-dir-li{
    width: 18px;
    height: 18px;
    position: relative;
    --pro: 4s;
    cursor: pointer;
}
.hbdl-cir{
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);
    border: 1px solid var(--colormain);
    opacity: 0;
    border-radius: 50%;
    transition: var(--transition);
}
.hbdl-cent{
    width:6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    z-index: 4;
    background: var(--colormain);
    transition: var(--transition);
}
.home-banner-dir-li.act .hbdl-cent{
    opacity: 0;
}
.home-banner-dir-li.act .hbdl-cir{
    opacity: 0.3;
}
.home-banner-dir-li:not(:last-child){
    margin-right: 0.24rem;
}
.home-banner-dir-li svg{
    opacity: 0;
    position: relative;
    z-index: 3;
}
.home-banner-dir-li.act svg{
    opacity: 1;
}
/* 首页banner 902:36840 - end */
/* 首页智慧能源 904:38800 - start */
.home-energy{
    padding-top: 1.2rem;
}
.home-energy-media{
    padding: 0 20px;
    border-radius: .2rem;
    overflow: hidden;
    width: 100%;
}
.home-energy-media-warp{
    width: 80%;
    position: relative;
    margin: auto;
}
.home-energy-img{
    width: 100%;
    position: relative;
}
.home-energy-img picture,
.home-energy-img picture img{
    width: 100%;
    display: block;
}
.home-energy-tag{
    position: absolute;
}
.home-energy-tags .std-btn6-link{
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}
.home-energy .mod-title1{
    margin-bottom:1rem ;
}
.home-energy-tag .std-btn6-link{
    position: relative;
}
.std-btn6-link-border{
    border: 1px solid transparent;
    background: linear-gradient(353deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 80px;
    pointer-events: none;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: var(--transition);
}
.home-energy-tag .ys-imgbox-cover::before {
    content: '';
    background-image: url(../images/a1_icon031.svg);
    background-size: 100% 100%;
    position: absolute;
    width: 120%;
    height: 120%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    transform-origin: center center;
    z-index: 2;
    animation: scalebig1 5.0s linear infinite;
    transition: var(--transition);
    will-change: transform, opacity;
}
@keyframes scalebig1 {
    0% {
        transform: translate(-50%,-50%) scale(1);
        opacity: 1;
    }
    40% {
        transform: translate(-50%,-50%) scale(2.0);
        opacity: 1;
    }
    70% {
        transform: translate(-50%,-50%) scale(3.5);
        opacity: 0;
    }
}
@-webkit-keyframes scalebig1 {
    0% {
        transform: translate(-50%,-50%) scale(1);
        opacity: 1;
    }
    40% {
        transform: translate(-50%,-50%) scale(2.0);
        opacity: 1;
    }
    70% {
        transform: translate(-50%,-50%) scale(3.5);
        opacity: 0;
    }
}
/* 首页智慧能源 904:38800 - end */

/* 首页数据优势 902:36759 - start */
.home-choose{
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}
.home-main .mod-title1-group .mod-title1 .std-font80{
    color: var(--color252);
}
.home-choose .mod-title1 span{
    background: linear-gradient(135deg, #EA5504 0%, #FF8904 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    padding-bottom: 10px;
}
.home-choose-list{
   --ge: 50%;
   --gap1: 0.2rem;
   --gap2: 0.4rem;
   margin: 1rem calc(var(--gap1) * -1) calc(var(--gap2) * -1);
   display: flex;
   flex-wrap: wrap;
}
.home-choose-list>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.home-choose-list>li>div{
   height: 100%;
   display: flex;
   flex-direction: column;
   padding: 0.6rem 0.4rem;
   border-radius: 0.2rem;
    border: 1px solid #FFF;
    background: var(--colorf5f);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    -moz-backdrop-filter: blur(50px);
    -o-backdrop-filter: blur(50px);
    -ms-backdrop-filter: blur(50px);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.hcli-box-num{
    font-family: 'WANBANG-MONORegular';
    font-size: var(--font80);
    line-height: var(--line12);
    background: linear-gradient(135deg, #EA5504 0%, #FF8904 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1.68rem;
}
.hcli-box-cry,.hcli-box-cry p{
    color: var(--color999);
    font-family: var(--bold);
}
.hcli-box .pibl-item-link-bg{
    width: 4.2rem;
}
.home-network{
    padding-bottom: 1.2rem;
}
.home-news{
    padding-bottom: 1.2rem;
}
.footer-text{
    display: flex;
}
/* 首页新闻 902:36795 - end */
@media screen and (min-width: 1200px){
    /* 公共 - start */
    /* 公共Header桌面悬浮状态 - start */
    .head-product-menu-link:hover,
    .head-product-all:hover{
        color: var(--colormain);
    }
    .head-product-card-link:hover{
        background: var(--colorfff);
        box-shadow: 0 .04rem .12rem rgba(240, 96, 0, .12);
    }
    .head-product-card-link:hover .head-product-card-title,
    .head-product-card-link:hover .head-product-card-more,
    .head-product-card-link:hover .head-product-card-more .std-btn-text{
        color: var(--colormain);
    }
    .head-product-card-link:hover .head-product-card-more::after{
        background-image: url("../images/head_arrow.svg");
    }
    .head-product-card-link:hover .head-product-card-photo{
        transform: translate(-50%, -50%) scale(1.05);
    }
    /* 公共Header桌面悬浮状态 - end */
    /* 公共 - end */
    /* index - start */
    /* 首页PC悬浮状态 - start */
    .home-stat-item:hover::before{
        opacity: 1;
        transform: scale(1);
    }
    .home-network-nav-item:hover{
        opacity: 1;
    }
    .home-news-wrap:hover .home-news-slick.std-arrows2 .slick-prev:not(.slick-disabled),
    .home-news-wrap:hover .home-news-slick.std-arrows2 .slick-next:not(.slick-disabled){
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .home-news-slick.std-arrows2 .slick-prev:not(.slick-disabled):hover,
    .home-news-slick.std-arrows2 .slick-next:not(.slick-disabled):hover{
        color: var(--colorfff);
        border-color: var(--colormain);
        background-color: var(--colormain);
    }
    .home-news-card:hover .home-news-img img:last-child{
        transform: scale(1.06);
    }
    .home-news-card:hover::before{
        background-color: var(--colormain);
    }
    .home-news-card:hover .home-news-copy .std-font20,
    .home-news-card:hover .home-news-meta .std-text18{
        color: var(--colormain);
    }
    .home-news-card:hover .home-news-more .std-btn4-link-path{
        fill: var(--colormain);
    }
    /* 首页PC悬浮状态 - end */
    /* index - end */
}
/* index - end */
/* lucas - end */
/* teemo - start */
.std-padtp180{
    padding-top: var(--space180);
}
.std-padbt180{
    padding-bottom: var(--space180);
}
.std-pads180{
    padding: var(--space180) 0;
}
.mod-title1-group .mod-title1 {
    line-height: var(--line15);
}
.mod-title1-group .mod-title1 h2,
.mod-title1-group .mod-title1 .std-font80{
    line-height: var(--line15);
}
.picl-select {
    padding: 0;
}
.picl-select .ys-select-hd{
    padding: 0 0.24rem;
}
.picl-select .ys-select-xtbbox{
    right: 0.24rem;
}
/* 公共CTA I902:36879;592:667 - start */
.std-cta{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .93rem 0;
    border-bottom: 1px solid var(--colord8d);
    background: var(--colorf5f);
}
.std-cta .std-font80{
    line-height: 1;
}
/* 公共CTA I902:36879;592:667 - end */
/* 公共按钮补充 - start */
/* 公共按钮补充 - end */
/* 公共简介补充 - start */
.ys-nyban-desc{
    margin-top: 0.2rem;
}
.ys-nyban-desc,
.ys-nyban-desc p{
    color: var(--colorfff);
}
/* 公共简介补充 - end */
/* b1 - start */
/* B1产品列表 902:36893 - start */
.product-main .ys-nyban-img{
    position: relative;
}
.product-main .ys-nyban-img::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: linear-gradient(99deg, #FFF 6.27%, rgba(255, 255, 255, 0.00) 75.7%);
}
.product-main .ys-bread-list a {
    color: var(--color252);
    font-size: 14px;
    line-height: var(--line165);
}
.product-core{
    overflow: visible;
}
.product-category-list{
    display: flex;
    align-items: center;
    width: fit-content;
    padding: .1rem;
    margin: 0;
    border-radius: .5rem;
    overflow: hidden;
    background: var(--colorf5f);
}
.product-category-item + .product-category-item{
    margin-left: .4rem;
}
.product-category-link{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .4rem;
    height: 60px;
    border-radius: .25rem;
    color: var(--color666);
    cursor: pointer;
    isolation: isolate;
    transition: var(--transition);
}
.product-category-link::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background: linear-gradient(166.81deg, #ea5504 0%, #ff8904 100%);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}
.product-category-link  span {
    position: relative;
    z-index: 1;
    color: inherit;
}
.product-category-item.act .product-category-link{
    color: var(--colorfff);
    border-radius: .5rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.product-category-item.act .product-category-link::before{
    opacity: 1;
}
.product-core-layout{
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: .6rem;
}
.product-anchor{
    width: 16.5%;
    position: sticky;
    z-index: 5;
    top: calc(var(--headh) + 1rem);
}
.product-anchor-inof{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.product-anchor-item + .product-anchor-item{
    margin-top: .2rem;
}
.product-anchor-link{
    color: var(--color666);
    cursor: pointer;
    transition: var(--transition);
}
.product-anchor-link span{
    color: inherit;
}
.product-anchor-link.act{
    color: var(--colormain);
}
.product-groups{
    width: 76.875%;
    min-width: 0;
}
.product-group + .product-group{
    margin-top: 1rem;
}
.product-section-title{
    margin-bottom: .6rem;    
    color: var(--color252);
    font-family: var(--bold);
}
.product-inof{
    --product-card-gap: .3rem;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--product-card-gap) / -2) calc(var(--product-card-gap) * -1);
}
.product-inof-item{
    width: 50%;
    padding: 0 calc(var(--product-card-gap) / 2);
    margin-bottom: var(--product-card-gap);
}
.product-card{
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0.1rem;
    background: var(--colorf5f);
    transition: var(--transition);
}
.product-card-link{
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    padding: .3rem;
    text-decoration: none;
}
.product-card-copy{
    display: flex;
    flex-direction: column;
    width: 68.7%;
    min-width: 0;
}
.product-card-title {
    width: 68.7%;
    color: var(--color252);
    font-family: var(--bold);
    transition: var(--transition);
}
.product-card-description{
    max-height: 6.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.product-card-description,
.product-card-description  p{
    color: var(--color666);
}
.product-card-action{
    margin-top: auto;
    padding-top: .3rem;
}
.product-card-action .std-btn4-link-text{
    flex: none;
    margin-right: 8px;
}
.product-card-image{
    width:53.71%;
    transform-origin: 50% 50%;
    transition: var(--transition);
    margin-top: 6px;
    flex-shrink: 0;
}
.product-card-image img{
    width: 100%;
}   
.product-card-hot{
    position: absolute;
    z-index: 3;
    top: .3rem;
    right: .3rem;
    height: 34px;
    padding: 0 .2rem;
    border-radius: .2rem;
    background: var(--colorlinear);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-card-hot .std-text16,
.product-card-hot .std-text16 p{
    color: var(--colorfff);
}
.product-inof-item:not(.is-hot) .product-card-hot{
    display: none;
}
.product-card-link{
    flex-direction: column;
}
.product-card-cont{
    margin-top: 10px;
    display: flex;
    height: 100%;
}
/* B1产品列表 902:36893 - end */
/* b1 - end */
/* c2 - start */
/* C2 案例列表 902:38331 - start */
.case-archive{
    background: var(--colorfff);
}
.case-archive .prodspec-info-cent-le,
.case-archive .case-filter-actions,
.case-archive .case-card-inof,
.case-archive .case-card-more{
    display: flex;
    align-items: center;
}
.case-archive .prodspec-info-cent-le{
    width: auto;
    align-items: stretch;
}
.prodspec-info-cent .picl-select{
    width: 234px;
    height: var(--height);
    padding: 0;
    border: 1px solid var(--color999);
    border-radius: .5rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background: var(--colorfff);
}
.prodspec-info-cent .picl-select .icon-arrow-down {
    color: var(--color666);
    font-size: 12px;
}
.prodspec-info-cent .picl-select2{
    width: 340px;
    margin-left: .24rem;
}
.prodspec-info-cent .picl-select .ys-select-show{
    padding: 0 .52rem 0 .22rem;
    border: 0;
    outline: 0;
    color: var(--color666);
    font-family: inherit;
    font-size: var(--font16);
    background: transparent;
}
.prodspec-info-cent .picl-select .ys-select-xtbbox{
    right: .22rem;
    color: var(--colormain);
    font-size: .14rem;
    width: 20px;
}
.prodspec-info-cent .picl-select .ys-select-xtbbox svg{
    width: 100%;
    height: auto;
}
.prodspec-info-cent .picl-select .ys-select-xtbbox svg path{
    transition: var(--transition);
}
.prodspec-info-cent .picl-select .ys-select-hd.on svg path{
    fill: var(--colormain);
}
.prodspec-info-cent .picl-select .ys-select-bd{
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.prodspec-info-cent .picl-select .ys-select-inof{
    max-height: 300px ;
    padding: 0;
}
.prodspec-info-cent .picl-select .ys-select-li{
    display: flex;
    align-items: center;
    padding: 10px 0;
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line165);
    transition: var(--transition);
}
.prodspec-info-cent .picl-select .ys-select-li:last-child{
    padding-bottom: 0;
}
.picl-select .ys-select-li.on{
    color: var(--colormain);
}
.picl-select .mCSB_outside+.mCSB_scrollTools{
    right: -15px;
}
.prodspec-info-cent .picl-select1 .ys-select-li+.ys-select-li{
    border-top: 1px solid var(--colord8d)   ;
}
.case-archive .prodspec-info-cent-ri{
    width: auto;
}
.case-archive .case-filter-actions{
    flex: 0 0 auto;
}
.case-archive .case-filter-reset{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.36rem;
    height: var(--height);
    color: var(--color666);
    font-size: var(--font18);
    line-height: 1.6;
    transition: color .3s ease;
    cursor: pointer;
}
.case-archive .case-filter-search{
    margin-left: 0;
}
.case-archive .case-filter-search .std-btn1-link{
    justify-content: center;
    height: var(--height);
    padding: 0;
    background: linear-gradient(160.71deg, #EA5504 0%, #FF8904 100%);
}
.case-archive .case-filter-search .std-btn1-link-text{
    margin-right: 0;
    font-size: var(--font18);
    padding: 0 0.4rem;
}
.case-archive .case-card-inof{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 .1rem -0.4rem;
}

.case-card-item{
    width: 50%;
    height: auto;
    margin-bottom: .4rem;
    padding: 0 .1rem;
}
.case-card-link{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.case-card-image{
    border-radius: 0.1rem;
    background: #f5f5f5;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    flex-shrink: 0;
}
.case-card-image img{
    width: 100%;
    object-fit: cover;
}
.case-card-copy{
    padding: 0.2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.case-card-title{
    color: var(--color252);
    font-family: var(--bold);
    transition: var(--transition);
    max-height: 4.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.case-card-more{
    width: fit-content;
    margin-top: .22rem;
    transition: var(--transition);
}
.case-card-more .std-btn4-link-text{
    margin-right: 8px;
}
.case-card-more .std-btn4-link-text,
.case-card-more .std-btn4-link-text span{
    color: var(--color666);
}
.case-card-arrow{
    position: relative;
    display: block;
    width: 28px;
    top: 1px;
}
.case-card-arrow img{
    width: 100%;
    transition: var(--transition);
}
.case-card-arrow img:last-child{    
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.case-archive .ys-pcfy{
    margin-top: .64rem;
}
.case-archive .pc-fenye li{
    color: var(--color999);
}
.case-archive .pc-fenye li.activepage{
    color: var(--colorfff);
}
.case-archive .pc-fenye .case-page-ellipsis{
    cursor: default;
}
/* C2 案例列表 902:38331 - end */
.picl-select .ys-select-bd{
    border-radius:0.2rem;
    border: 1px solid var(--colord8d);
    background:#FFF;
    padding: 0.3rem;
    padding-top: 0.2rem;
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line165);
}
.case-archive .ys-sit-icon::after, 
.case-archive .ys-sit-icon::before {
    display: none;
}
.case-products .product-card-link{
    padding: 0.4rem;
}
.prodspec-info-cent .picl-select2 .ys-select-inof{
    max-height: none;
    height: auto;
}
.case-product-option .ys-slide-item-top{
    padding: 10px 0;
    align-items: start;
}
.case-product-option .ys-slide-item-top{
    border-bottom: 1px solid var(--colord8d);
}

.case-product-option .ys-slide-item-top .ys-sit-name {
    padding-right: 0.1rem;
}
.prodspec-info-cent .picl-select2 .ys-select-li:last-child {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--colord8d);
}
.case-product-option2>.ys-slide-item-top .ys-sit-name{
    width: 90%;
    padding-left: 0.2rem;
}
.prodspec-info-cent .picl-select2 .case-product-option2 .ys-select-li{
    padding-left: 0.4rem;
}
.cpot-icon{
    width: 20px;
    flex-shrink: 0;
    transition: var(--transition);
    margin-top: 5px;
}
.cpot-icon svg{
    width: 100%;
    height: auto;
}
.cpot-icon svg path{
    transition: var(--transition);
}
.case-product-option1.on .cpot-icon1,
.case-product-option2.on .cpot-icon2{
    transform: rotate(180deg);
}
.case-product-option1.on .cpot-icon1 svg path,
.case-product-option2.on .cpot-icon2 svg path{
    fill: var(--colormain);
}
.case-product-option1.on .case-product-name1,
.case-product-option2.on .case-product-name2{
    color: var(--colormain);
}
.case-pro-scroll{
    max-height: 300px;
}
/* c2 - end */
/* c3 - start */
/* C3 案例详情 902:37515 - start */
.case-main{
    background: var(--colorfff);
}
.case-main .ys-nyban-title h1{
    font-size: var(--font40);
    font-family: var(--bold);
    color: var(--colorfff);
    line-height: var(--line12);
}
.case-detail .news-edr{
    padding-bottom: .6rem;
    border-bottom: 1px solid var(--colord8d);
}
.case-article p{
    color: var(--color252);
    font-size: var(--font16);
    line-height: var(--line165);
}
.news-switch{
    width: 100%;
    margin-top: .6rem;
}
.case-switch-active .news-switch-inof-link::before{
    opacity: 1;
}
.news-switch-label{
    color: var(--colorfff);
}
.news-switch-inof{
    justify-content: space-between;
    position: relative;
}
.case-detail .news-switch-inof-item{
    width: fit-content;
}
.news-switch-icon{
    width: 30px;
    height: auto;
    position: relative;
    flex-shrink: 0;
}
.news-switch-icon img{
    width: 100%;
    transition: var(--transition);
    transform: translate(0,0);
    top: 0;
    left: 0;
}
.news-switch-icon img:first-child{
    position: relative;
}
.news-switch-icon img:last-child{
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0,0);
    opacity: 0;
}
.news-switch-inof-item2 .news-switch-inof-link{
    flex-direction: row-reverse;
}
 .news-switch-inof-item2 .news-switch-icon{
    margin-right: 0;
    margin-left: 0.16rem;
}
.news-switch-inof-item3{
    width: fit-content;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
/* C3 案例详情 902:37515 - end */

/* C3 关联案例 902:37536 - start */
.case-section-title{
    text-align: center;    
    color: var(--color252);
    font-family: var(--bold);
}
.case-related-list{
    display: flex;
    margin: .6rem .1rem 0;
}
.case-related-cont{
    position: relative;
}
.case-related .case-card-item:not(:first-child){
    display: none;
}

.cases-arrows{
    position: absolute;
    width: 100vw;
    top: 0;
    left: 0;
    height: var(--picHeig);
    /* pointer-events: none; */
    z-index: 10;
}
.cases-arrows-control{
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    cursor: pointer;
}
.cases-arrows-control-prev{
    left: 0;
}
.cases-arrows-control-next{
    right: 0;
}
.cases-arrow{
    position: absolute;
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
    background:  rgba(102, 102, 102, 0.20);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    cursor: pointer;
    opacity: 0;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);
}
.cases-arrow img{
    width: 100%;
}
/* C3 关联案例 902:37536 - end */

/* C3 关联产品 902:37565 - start */
.case-products{
    overflow: visible;
    background: var(--colorfff);
}
.case-product-list{
    display: flex;
    margin: .6rem .2rem 0;
}
.case-product-item{
    width: 33.333333%;
    padding: 0 .15rem;
}
.case-product-list .case-product-item:not(:first-child){
    display: none;
}
.case-product-card{
    position: relative;
    display: block;
    padding: 0;
    overflow: hidden;
    border-radius: .2rem;
    background: var(--colorf5f);
    color: var(--color252);
    transition: var(--transition);
}
.case-product-media{
    position: absolute;
    top: 20%;
    right: 5%;
    width: 48.333333%;
    margin: 0;
}
.case-product-media img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.case-product-copy{
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 6.666667%;
    display: flex;
    flex-direction: column;
    width: 36.166667%;
    padding: 0;
}
.case-product-title{
    color: var(--color252);
    font-family: var(--bold);
    line-height: var(--line14);
    transition: color .3s ease;
}
.case-product-text{
    margin-top: .1rem;
    color: var(--color666);
    line-height: var(--line16);
}
.case-product-hot{
    position: absolute;
    top: 7.5%;
    right: 4.666667%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: .69rem;
    padding: .04rem .1rem;
    border-radius: .12rem;
    background: var(--colorlinear);
    color: var(--colorfff);
    line-height: var(--line165);
}
.case-product-item:not(.is-hot) .case-product-hot{
    display: none;
}
.case-product-item.is-hot .case-product-title,
.case-product-item.is-hot .case-product-more .std-btn4-link-text{
    color: var(--colormain);
}
.case-product-more{
    display: block;
    margin-top: auto;
    color: var(--color666);
}
.case-product-item.is-hot .case-product-media{
    right: -11%;
    width: 80%;
}
.case-product-item.is-hot .case-product-copy{
    top: 7.5%;
    bottom: 7.5%;
    left: 5%;
}
.case-product-more .std-btn4-link{
    display: inline-flex;
    align-items: center;
}
.case-product-arrow{
    position: relative;
    display: block;
    width: .24rem;
    height: .24rem;
    margin-left: .08rem;
}
.case-product-arrow img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: var(--transition);
}
.case-product-arrow img:nth-child(2){
    opacity: 0;
}
.case-product-controls{
    justify-content: center;
    margin-top: .6rem;
}.case-product-list .product-inof-item{
    padding:  0 0.1rem;
}
.case-product-controls .std-slickbtn-cry,
.case-products .std-slickbtn-cry {
    width: 64px;
    height: 64px;
    border: 1px solid var(--colormain);
    border-radius: 50%;
    padding: 0.13rem;
    cursor: pointer;
    transition: var(--transition);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.case-related .case-card-item{
    margin-bottom: 0;
}
/* C3 关联产品 902:37565 - end */
/* c3 - end */
/* d1 - start */
/* 全生命周期服务体系 902:37203 - start */
.service-intro-core{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.service-intro-copy{
    width: 41.875%;
}
.service-intro-title{
    color: var(--color252);
}
.service-intro-text{
    margin-top: .4rem;
}
.service-intro-text,
.service-intro-text p{
    color: var(--color666);
}
.service-intro-media{
    width: 55%;
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
/* 全生命周期服务体系 902:37203 - end */
/* 全球运维服务网络 902:37150 - start */
.service-network {
    margin-bottom: -0.5rem;
    padding-bottom: 0.5rem;
}
.service-network-head {
    text-align: center;
}
.service-network-title {
    color: var(--color252);
}
.service-network-text {
    margin-top: .1rem;
}
.service-network-text,
.service-network-text p {
    color: var(--color666);
}
.service-network-inof {
    display: flex;
    align-items: stretch;
    margin: 0.6rem -0.16rem 0;
}
.service-network-inof-item{
    display: flex;
    width: 33.333%;
    padding: 0 .16rem;
}
.service-network-inof-item + .service-network-inof-item {
    display: none;
}
.service-assure .case-product-controls,
.service-network .case-product-controls{
    margin-top: 0;
}
.service-assure-box .std-slickbtn-prev,
.service-assure-box  .std-slickbtn-next,
.service-network-box .std-slickbtn-prev,
.service-network-box .std-slickbtn-next{
    margin-top: 0.6rem;
}
.service-assure-box .case-product-controls{
    display: none;
}
.service-network-card{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: .3rem;
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorf5f);
    transition: var(--transition);
    position: relative;
}
.service-network-bg{
    position: absolute;
    top: 0;
    right: 0;
    width: 57.2265%;
    opacity: 0;
    transition: var(--transition);
}
.service-network-bg img{
    width: 100%;
}
.service-network-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: .1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colormain);
}
.service-network-icon img{
    width: 48px;
}
.service-network-copy{
    margin-top: .4rem;
}
.service-network-card-title{
    color: var(--color252);
    font-family: var(--bold);
}
.service-network-card-text{
    margin-top: .2rem;
}
.service-network-card-text,
.service-network-card-text p{
    color: var(--color666);
}
.service-network-inof .slick-list{
    padding: 0 0  40px;
    margin: 0 0  -40px;
}
/* 全球运维服务网络 902:37150 - end */

/* 售后服务保障标题 902:37189 - start */
.service-assure-head{
    width: 70.4375%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.service-assure-title,
.service-assure-title p{
    color: var(--color252);
}
.service-assure-text{
    margin-top: .1rem;
}
.service-assure-text,
.service-assure-text p{
    color: var(--color666);
}
/* 售后服务保障标题 902:37189 - end */

/* 售后服务保障手风琴 902:37192 - start */
.service-assure-inof{
    display: flex;
    align-items: flex-start;
    height: 560px;
    margin: .6rem -0.1rem 0;
}
.service-assure-inof-item{
    position: relative;
    flex: none;
    width: 37.5%;
    height: 100%;
    overflow: hidden;
    border-radius: .2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: var(--transition);
    padding:  0 0.1rem;
}
.service-assure-inof-item.on{
    width: 62.5%;
}
.service-assure-item-link{
    position: relative;
    display: block;
    height: 100%;
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.service-assure-item-link::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    pointer-events: none;
    opacity: 1;
    background: linear-gradient(0deg, #222326 0%, rgba(34, 35, 38, 0.00) 100%);
}
.service-assure-inof-item.on .service-assure-item-link::after{
    opacity: 0;
}
.service-assure-media{  
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.service-assure-media img{
    width: 100%;
    height: 100%;    
    object-fit: cover;
    object-position: center;
}
.service-assure-copy{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.3rem;
    color: var(--colorfff);    
    opacity: 0;
    pointer-events: none;
        
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);    
}
.service-assure-copy::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #222326 0%, rgba(34, 35, 38, 0.00) 100%);
    pointer-events: none;
    z-index: 0;
}
.service-assure-card-title{
    font-family: var(--bold);
    transition: var(--transition);
}
.service-assure-card-title,
.service-assure-card-text{
    position: relative;
    z-index: 1;
}
.service-assure-inof-item.on .service-assure-copy {
    transition: var(--transition);
    opacity: 1;
    transition-delay: .28s;
    pointer-events: all;
}

.service-assure-card-title,
.service-assure-card-title p,
.service-assure-card-text,
.service-assure-card-text p{
    color: var(--colorfff);
}
.service-assure-card-text{
    margin-top: 0.2rem;
}
.service-assure-fir{
    position: absolute;
    left: 0.3rem;
    bottom: 0.3rem;
    opacity: 1;
    transition: var(--transition);
    z-index: 2;
}
.service-assure-inof-item.on .service-assure-fir{
    opacity: 0;
}
/* 售后服务保障手风琴 902:37192 - end */
/* d1 - end */
/* d2 - start */
.maintain-main .ys-nyban-img{
    position: relative;
}
.maintain-main .ys-nyban-img::after{
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #436D92 0%, rgba(67, 109, 146, 0.00) 100%);
}
/* 运维服务中间内容 902:38069 - start */
/* 3-4-5标准化运维体系 902:38088 - start */
.maintain-system{
    overflow: visible;
}
.maintain-system-title{
    width: 79.125%;
    text-align: center;
    margin: auto;
    color: var(--color252);
}
.maintain-section-title{
    color: var(--color252);
    font-family: var(--bold);
    text-align: center;
}
.maintain-system-wrap{
    position: relative;
    margin-top: .6rem;
}
.maintain-system-graphic{
    width: 46.25%;
    margin: auto;
}
.maintain-system-wrap-pic{
    width: 46.25%;
    margin: 0 auto;
    position: relative;
}
.mswp-li:first-child{
    display: block;
}
.mswp-li{
    display: none;
}
.mswp-li img{
    width: 100%;
}
.maintain-system-wrap-graphic{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    opacity: 1;
    width: 46.25%;
    height: auto;
}
.maintain-system-wrap-graphic svg{
    width: 100%; 
    opacity: 0;
}
.maintain-system-wrap-list{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.mswl-li{
    position: absolute;
    pointer-events: all;
    opacity: 0.1;
    transition: var(--transition);
}

.mswl-li-cont{
    text-align: left;
}
.mswl-li-cont-tit{
    color: var(--color252);
}

.mswl-li.act{
    opacity: 1;
}
.mswl-li.act .mswl-li-cont-tit{
    color: var(--colormain);
}
.mswl-li0{
    width: 32.6875%;
    padding-top: 23.125%;
    right: 5.5%;
    padding-left: 11.3125%;
}
.mswl-li0 .mswl-li-cont-info{
    margin-top: 0.33rem;
}
.mswl-li1{
    padding-top: 0.53rem;
    bottom: -1rem;
    right: 24.5%;
}
.mswl-li1 .mswl-li-cont-info{
    margin-top: 0.2rem;
}
.mswl-li2{
    width: 28.75%;
    padding-top: 12.5%;
    left: 15.625%;
}
.mswl-li2 .mswl-li-cont-info{
    margin-top: 0.3rem;
}
.mswl-li-cont-info li{
    position: relative;
    padding-left: 0.16rem;
}
.mswl-li-cont-info li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: var(--color666);
    border-radius: 50%;
}
.mswl-li-cont-info li,
.mswl-li-cont-info li>p{
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line165);
}
/* 3-4-5标准化运维体系 902:38088 - end */

/* 服务等级协议 902:38130 - start */
.maintain-system{
    padding-bottom: var(--space100);
}
/* .maintain-agreement{
    padding-top: 2.2rem;
} */
.maintain-agreement-image{
    margin-top: .6rem;
    cursor: pointer;
}
.maintain-agreement-image img{
    display: block;
    width: 100%;
}
/* 服务等级协议 902:38130 - end */

/* 四级技术支持 902:38298 - start */
.maintain-support .maintain-section-title{
    color: var(--colormain);
}
.maintain-support .maintain-section-title .std-font64{
    color: var(--colormain);
}
.maintain-support .maintain-section-title h2 span{
    color: var(--color252);
}
.maintain-support-panel{
    margin-top: .6rem;
    padding: .6rem;
    border-radius: .2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    height: 5rem;
    background: linear-gradient(180deg, rgba(245,245,245,0) 0%, var(--colorf5f) 100%);
}
.maintain-support-inof{
    display: flex;
    align-items: stretch;
    height: 100%;
    position: relative;
}
.maintain-support-inof-item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 25%;
    padding: .2rem .3rem var(--support-card-bottom);
    position: relative;
}
.maintain-support-inof-item.on1{
    --support-card-bottom: 0;
}
.maintain-support-inof-item.on2{
    --support-card-bottom: .4rem;
}
.maintain-support-inof-item.on3{
    --support-card-bottom: .8rem;
}
.maintain-support-inof-item.on4{
    --support-card-bottom: 1.2rem;
}
.maintain-support-level{
    color: var(--colormain);
    line-height: 1;
    text-align: left;
}
.maintain-support-level span{
    color: var(--colormain);
    font-family: var(--bold);
}
.maintain-support-con{
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.maintain-support-inof-item::before{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: calc( 100% - 8px );
    transform: translateX(-50%);
    background: linear-gradient(to top, rgba(234, 85, 4, 0), rgba(234, 85, 4, 0.4));
    content: '';
    transition: var(--transition);
}
.maintain-support-inof-item::after{
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: translateX(-50%);
    background: rgba(234,85,4,.18);
    content: '';
    transition: var(--transition);
}
.maintain-support-card{
    display: flex;
    align-items: center;
    justify-content: start;
    padding: .2rem;
    border-radius: .1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorfff);
    position: relative;
   
    text-align: center;
    transition: var(--transition);
}
.maintain-support-card span{
    text-align: left;
    color: var(--color252); 
}
.pibl-item-link-bg{
    width: 67%;
    pointer-events: none;
}
.pibl-item-link-bg img{
    width: 100%;
}
/* 设计稿的 L0 强调仅为 hover 演示，默认态保持四项一致。 */
/* 四级技术支持 902:38298 - end */

/* 运维系统平台 902:38177 - start */
.maintain-platform{
    background: var(--colorfff);
}
.maintain-platform .maintain-section-title,
.maintain-platform .maintain-section-title .std-font64{
    color: var(--color252);
}
.maintain-platform .maintain-section-title .std-font64 > span{
    color: var(--colormain);
}
.maintain-platform-inof{
    display: flex;
    flex-wrap: wrap;
    margin-top: .6rem;
    margin-right: -.15rem;
    margin-left: -.15rem;
}
.maintain-platform-inof-item{
    width: 50%;
    padding: 0 .15rem;
}
.mpii-link{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: .2rem;
}
.maintain-platform-image{
    overflow: hidden;
    border-radius: .2rem;
}
.maintain-platform-image::after{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 28.16%;
    background: linear-gradient(180deg, rgba(32,36,45,0) 0%, #20242D 100%);
    content: '';
}
.maintain-platform-image img:last-child{
    transition: transform .5s ease;
}
.maintain-platform-title{
    position: absolute;
    z-index: 1;
    right: .32rem;
    bottom: .26rem;
    left: .32rem;
    color: var(--colorfff);
    font-family: var(--bold);
    font-weight: 700;
    line-height: 1.2;
}
.maintain-platform-title .std-font24{
    color: var(--colorfff);
}
/* 运维系统平台 902:38177 - end */
/* 运维服务中间内容 902:38069 - end */
/* d2 - end */
/* d6 - start */
/* D6 常见问题列表 902:38027 - start */
.faq-inof-list{
    width: 100%;
}
.faq-inof-item{
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: .3rem;
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background-color: #f5f5f5;
    cursor: pointer;
    transition: var(--transition);
}
.faq-inof-item:last-child{
    margin-bottom: 0;
}
.faq-inof-item-top{
    align-items: start;
    justify-content: space-between;
    padding: 0.3rem;
    --iconwidth: 32px;
}
.faq-inof-item-bot{
    padding: 0.1rem 0.3rem 0.3rem;
}
.faq-inof-title{
    width: calc(100% - 0.4rem - var(--iconwidth));
    margin: 0;
    color: var(--color666);
    transition: var(--transition);
}
.faq-inof-item-top,
.faq-inof-item-bot{
    position: relative;
    z-index: 1;
}
.faq-inof-copy{
    width: 95%;
}
.faq-inof-copy,
.faq-inof-copy p{
    color: var(--color666);
}
.faq-inof-item.on{
    background-color: #fff;
    box-shadow: 0 4px 9px rgba(240, 96, 0, .05), 0 17px 17px rgba(240, 96, 0, .04), 0 38px 23px rgba(240, 96, 0, .03), 0 68px 27px rgba(240, 96, 0, .01), 0 105px 30px rgba(240, 96, 0, 0);
}
.faq-inof-item.on .faq-inof-title{
    color: #252525;
}
.faq-inof-item.on .faq-inof-icon img:first-child {
    opacity: 0;
}
.faq-inof-item.on .faq-inof-icon img:last-child {
    opacity: 1;
}
.faq-inof-item .pibl-item-link-bg{
    top: auto;
    bottom: 0;
}
.faq-main .ys-pcfy{
    margin-top: .6rem;
}
/* D6 常见问题列表 902:38027 - end */
/* D6 联系我们 CTA 902:38068 - start */
.faq-main .ys-nyban-img::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
     background: linear-gradient(90deg, #0E171B 0%, rgba(14, 23, 27, 0.00) 100%);
}
.faq-cta{
    background-color: #f5f5f5;
    border-bottom: 1px solid var(--colord8d);
}
.faq-cta-core{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .94rem 0 .93rem;
    text-align: center;
}
.faq-cta-title{
    margin: 0 0 .4rem;
    color: #252525;
    font-weight: 700;
    line-height: 1;
}
.faq-cta-btn .std-btn2-link{
    display: flex;
    align-items: center;
    justify-content: center;
}
/* D6 联系我们 CTA 902:38068 - end */
/* d6 - end */
.news-head-core{
    padding-bottom: .6rem;
    border-bottom: 1px solid var(--colord8d);
}
.news-title{
    color: var(--colortit1);
    font-family: var(--bold);
    line-height: var(--line12);
}
.news-date{
    display: block;
    margin-top: 0.4rem;
    color: var(--color666);
    line-height: 2.1;
    font-family: 'WANBANG-ROBRegular';
}
/* E4 新闻标题 902:37444 - end */

/* E4 正文与侧栏 902:37459 - start */
.news-article{
    overflow: visible;
    padding-top: var(--space120);
}
.news-article-core{
    display: flex;
    align-items: flex-start;
}
.news-body{
    width: 73.75%;
    padding-right: .6rem;
    border-right: 1px solid var(--news-border);
}
.news-side{
    align-self: stretch;
    width: 26.25%;
    padding-left: 0.6rem;
}
.news-edr p:not(:last-child){
    margin-bottom: 0.75em;
}
.news-side-sticky{
    position: sticky;
    top: calc(var(--headh) + .4rem);
}
.news-side-title{
    color: var(--color252);
    font-family: var(--bold);
    line-height: var(--line14);
}
.news-share{
    display: flex;
    align-items: center;
}
.news-share .news-side-title{
    margin-right: .4rem;
}
.news-share-inof{
    display: flex;
    align-items: center;
}
.news-share-inof-item{
    width: 32px;
    position: relative;
    --codew: 120px;
}
.news-share-inof-item+.news-share-inof-item{
    margin-left: .15rem;
}
.news-share-link{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color999);
    border-radius: 50%;
    cursor: pointer;
}
.news-share-wechat>img,
.news-share-link>img{
    width: 20px;
}
.news-recommend{
    margin-top: .8rem;
}
.news-recommend-inof{
    margin-top: .6rem;
}
.news-recommend-inof-link{
    position: relative;
    display: block;
    color: var(--color252);
    padding: 0.3rem 0;
    border-bottom: 1px solid var(--news-border);
}
.news-recommend-inof-item:first-child .news-recommend-inof-link{
    padding-top: 0;
}
.nril-tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 3.2em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--color252);
}
.news-recommend .nril-box {
    padding-top: 0.2rem;
}
.news-recommend .nril-box-le {
    font-family: 'WANBANG-ROBRegular';
    line-height: 2.1;
}
.news-recommend-meta{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .2rem;
}
.news-recommend-date{
    color: var(--color666);
    line-height: 1.5;
}
.news-recommend-more{
    display: flex;
    align-items: center;
    color: var(--color666);
    font-size: var(--font14);
    line-height: 1.5;
}
.news-recommend-arrow{
    position: relative;
    display: block;
    width: .168rem;
    height: .12rem;
    margin-left: .12rem;
}
.news-recommend-arrow img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .3s ease;
}
.news-recommend-arrow-hover{
    opacity: 0;
}
.news-edr{
    padding-bottom: 0.6rem;
    border-bottom: 1px solid rgba(153, 153, 153, 0.50);
}
.news-edr p{
    font-size: var(--font16);
    color: var(--color252);
    line-height: var(--line165);
    margin-bottom: 0.75em;
}
/* E4 上下篇导航 902:37503 - start */
.news-switch{
    position: relative;
    padding: .1rem;
    border-radius: .8rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorf5f);
}
.news-switch-inof{
    display: flex;
    align-items: center;
    position: relative;
}
.news-switch-inof-item{
    width: 17.2%;
}
.news-switch-inof-link{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .1rem .26rem;
    border-radius: .8rem;
    color: var(--color666);
    position: relative;
}
.news-switch-inof-link::before{
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colorlinear);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: var(--transition);
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.news-switch-icon{
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    margin-right: .16rem;
    z-index: 3;
}
.news-switch-icon img{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%,-50%);
    transition:var(--transition);
}
.news-switch-icon-hover{
    opacity: 0;
}
.news-switch-prev .news-switch-icon-default{
    transform: translate(-50%,-50%) scaleX(-1);
}
.news-switch-label{
    color: var(--color666);
    transition:var(--transition);
    position: relative;
    z-index: 2;
}
.news-switch-next .news-switch-icon{
    order: 2;
    margin-right: 0;
    margin-left: .16rem;
}
/* D5 - start */
 .picl-select .ys-select-hd{
    padding: 0;
}
.picl-select{
    height: var(--height);
    padding: 0;
    border-radius: 25px;
    border: 1px solid var(--color999);
}
.prodspec-info-list{
   display: flex;
   flex-wrap: nowrap;
}
.prodspec-info-list>li + li{
   margin-left: 0.4rem;
}
.prodspec-info-list>li>a{
   height: 100%;
   display: flex;
   flex-direction: column;
   transition: var(--transition);
   color: var(--color666);
   font-size: var(--font20);
   line-height: var(--line15);
   position: relative;
   padding: 0.2rem 0;
   white-space: nowrap;
}
.prodspec-info-list>li>span{
    height: 100%;
   display: flex;
   flex-direction: column;
   transition: var(--transition);
   color: var(--color666);
   font-size: var(--font20);
   line-height: var(--line15);
   position: relative;
   padding: 0.2rem 0;
   white-space: nowrap;
}
.pitl-item.act span{
    color: var(--colormain);
}
.pitl-item>a::before{
    content: "";
    width: 0%;
    height: 1px;
    background: var(--colormain);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: var(--transition);
}
.pitl-item.act>a{
    color: var(--colormain);
}
.pitl-item.act>a::before{
    width: 100%;
}
.prodspec-info-scroll{
    max-width: 100%;
}
.prodspec-info-scroll .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{
    bottom: -5px;
}
.prodspec-info-scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{
    background: #c2c2c2;
}
.prodspec-info-scroll .case-archive .mCSB_outside+.mCSB_scrollTools{
    right: 0;
}
.prodspec-info-top{
    border-bottom: 1px solid var(--colord8d);
    margin-bottom: 0.4rem;
}
.prodspec-info-cent-le{
    width: 14.625%;
}

.picl-select .icon-arrow-down{
    color: var(--colormain);
    font-size: 12px;
}
.picl-select input::placeholder{
    color: var(--color666);
    font-size: var(--font16);
}
.prodspec-info-cent-ri{
    width: 30%;
    position: relative;
}
.prodspec-info-cent-ri input{
    height: 48px;
    border-radius: 30px;
    background: var(--colorf5f);
    padding: 0 0.52rem 0 0.2rem;
    width: 100%;
    color: var(--color333);
}
.prodspec-info-cent {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.6rem;
    --height: 48px
}
.picr-box{
    width:36px;
    height: 36px;
    border-radius: 50%;
    background: var(--colorlinear);
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
}
.picr-box img{
    width: 100%;
}
.prodspec-info-bot-list{
   --ge: 33.333333%;
   --gap1: 0.16rem;
   --gap2: 0.3rem;
   margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
   display: flex;
   flex-wrap: wrap;
}
.prodspec-info-bot-list>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.prodspec-info-bot-list>li>a{
   height: 100%;
   display: flex;
   flex-direction: column;
   position: relative;
   overflow: hidden;
   border-radius: 0.1rem;
   padding: 0.3rem;
    background: var(--colorf5f);
    box-shadow:0 105px 30px 0 transparent;
    justify-content: space-between;
}
.pibl-item-link-bg{
    position: absolute;
    top: 0;
    right: 0;
    width: 2.9rem;
    pointer-events: none;
    z-index: 1;
    transform: translateX(50%);
    opacity: 0;
    transition: all 1s var(--bezier2);
}
.pibl-item-link-top .std-font24{
    font-family: var(--bold);
}
.pibl-item-link-top .std-font24{
    color: var(--color252);
}
.pilt-cry{
    margin-top: 4px;
    margin-bottom:0.9rem;
}
.pilt-cry,.pilt-cry p{
    color: var(--color666);
}
.pilt-cry{
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.pibl-item-link-top{
    position: relative;
    z-index: 2;
}
.ys-pcfy{
    margin-top: 0.64rem;
}
.pc-fenye li {
    width: 33px;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    color: #999;
    margin: 0 10px;
    border-radius: 0.12rem;
}
.pc-fenye .end li::before,.pc-fenye .first li::before,.pc-fenye .next li::before,.pc-fenye .prev li::before{
    color: var(--color252);
    transition: var(--transition);
}
.whitepaper-info .prodspec-info-cent-ri{
    margin-left: auto;
}
.prodspec-info-cent-ri input::placeholder{
    color: var(--color999);
    font-size: var(--font14);
}
.prodspec-main .picl-select .mCSB_outside+.mCSB_scrollTools {
    right: -14px;
}
.prodspec-info-cent-ri input,
.prodspec-info-cent-ri input::placeholder{
    font-size: var(--font14);
    line-height: var(--line165);
}
.prodspec-info-cent-ri input{
    color: var(--color252);
}
.prodspec-info-cent-ri input::placeholder{
    color: var(--color999);
}
.picr-box{
    padding: 0;
}
.picr-box img{
    width: 20px;
}
.pibl-item .ys-imgbox-cover{
    width: 20px;
}
.pibl-item .std-btn7-link{
    padding: 0;
}
.pibl-item .ys-imgbox-cover img{
    width: 100%;
}
.pilt-tit {
    color: var(--color252);
    font-family: var(--bold);
    max-height: 2.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.prodspec-info-bot-list>li>a{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.picl-select .ys-select-hd.on svg path{
    fill: var(--colormain);
}
.picl-select .ys-select-li:first-child {
   padding-top: 10px;
}
.prodspec-info-cent-ri{
    width: 480px;
}
/* D5 - end */
/* D5_1白皮书卡片 - start */
.wllt-cry {
    height: 4.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.wllt-cry,
.wllt-cry p{
    color: var(--color666);
}
.wili-link-ri-zs{
    position: absolute;
    top: 0;
    right: 20px;
    width: 22px;
}
.wili-link-ri-logo{
    width: 0.97rem;
    margin-bottom: 1.88rem;
}
.wili-link-ri-tit{
    font-family: var(--bold);
}
.wili-link .pibl-item-link-bg{
    width:5.23rem ;
}
.wili-link-le-top .std-font24{
    color: var(--color252);
    font-family: var(--bold);
    margin-bottom: 0.1rem;
}
.wili-link-ri-logo{
    width: 97px;
}
.wili-link-ri-logo img{
    width: 100%;
}
.wllt-tit{
    color: var(--color252);
    font-family: var(--bold);
    max-height: 2.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
} 
.wili-link-ri-tit{
    color: var(--color252);
    height: 4.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.news-inof{
    --gap2: 0.4rem
}
.news-inof-item-link{
    padding-bottom: 0;
}
.news-inof-title{
    color: var(--color252);
}
.news-inof-date{
    font-family: 'WANBANG-ROBRegular';
    line-height: 2.1;
}
.news-inof-image,
.news-inof-item-link{
    border-radius: 0.1rem;
}
.whitepaper-info-list{
   --ge: 50%;
   --gap1: 0.2rem;
   --gap2: 0.4rem;
   margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
   display: flex;
   flex-wrap: wrap;
}
.whitepaper-info-list>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.whitepaper-info-list>li>a{
    min-height: 4rem;
    height: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0.2rem 0.2rem 0.2rem 0.3rem;
    border-radius: 0.1rem;
    background: var(--colorf5f);
    position: relative;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: var(--transition);
     box-shadow:0 105px 30px 0 transparent;
}
.wili-link-le{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.1rem 0;
}
.wili-link-le-top{
    margin-bottom: 0.2rem;
}
.wili-link-ri{
    width:36.58%;
    border-radius: 4px 8px 8px 4px;
    background: var(--colorfff);
    transition: var(--transition);
    position: relative;
    padding: 0.17rem 0.23rem 0.17rem 0.27rem;
    z-index: 3;
}
.wili-link-ri::before{
    content: "";
    width: 1px;
    height: 100%;
    background:rgba(0, 0, 0, 0.10);
    position: absolute;
    top: 0;
    left: 0.12rem;
}
.whitepaper-info-list-item .std-btn7-link .ys-imgbox-cover{
    width: 20px;
}
.whitepaper-info-list-item .std-btn7-link .ys-imgbox-cover img{
    width: 100%;
}
/* D5_1白皮书卡片 - end */
/* E3 新闻列表 - start */
.newslist-main .ys-bread{
    top:40px ;
}
.news-inof{
    --gap1: .1rem;
    --gap2: .4rem;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
}
.news-inof-item{
    width: 33.333333%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}
.news-inof-item-link{
    display: block;
    color: var(--color333);
    background: var(--colorfff);
    border-radius: .1rem;
    transition: var(--transition);
    box-shadow:  0 0 0 0 transparent;
}
.news-inof-image{
    overflow: hidden;
    border-radius: .1rem;
}
.news-inof-image img:nth-child(n+2){
    object-fit: cover;
    object-position: center;
}
.news-inof-copy{
    padding: 0.2rem;
}
.news-inof-title{
    color: var(--color252);
    max-height: 3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-inof-meta{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: .4rem;
}
.news-inof-date{
    color: var(--color666);
    font-family: 'WANBANG-ROBRegular';
    line-height: 2.1;
    transition: var(--transition);
}
.news-inof-more .std-btn4-link{
    width: fit-content;
}
.news-inof-more .std-btn4-link-img{
    position: relative;
    display: block;
    width: 24px;
    overflow: hidden;
}
.news-inof-more .std-btn4-link-img img{
    width: 100%;
}
.news-inof-more .std-btn4-link-img img:nth-child(n+2){
    opacity: 0;
    transition: var(--transition);
}
/* E3 新闻列表 - end */
@media screen and (min-width: 1200px){
    /* b1 - start */
    /* B1 分类选中同态 hover - start */
    .product-category-item:not(.act) .product-category-link:hover{
        color: var(--colorfff);
        border-radius: .5rem;
    }
    .product-category-item:not(.act) .product-category-link:hover::before{
        opacity: 1;
    }
    .product-anchor-link:not(.act):hover{
        color: var(--colormain);
    }
    /* B1 分类选中同态 hover - end */
    /* B1产品列表 hover 902:36930 - start */
    .product-card:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
        -webkit-box-shadow: var(--shadow1);;
    }
    .product-card:hover .product-card-title,
    .product-card:hover .std-btn4-link-text{
        color: var(--colormain);
    }
    .product-card:hover .std-btn4-link-path{
        fill: var(--colormain);
    }
    .product-card:hover .product-card-image{
        transform: scale(1.1) translateY(10%);
    }
    /* B1产品列表 hover 902:36930 - end */
    /* b1 - end */
    /* c2 - start */
    /* C2 案例列表 hover 902:38331 - start */
    .case-archive .pitl-item:not(.act) .pitl-item:hover,
    .case-archive .case-filter-reset:hover,
    .prodspec-info-cent .picl-select .ys-select-li:hover,
    .case-archive .case-card-link:hover .case-card-more,
    .case-card-link:hover .case-card-more .std-btn4-link-text,
    .case-card-link:hover .case-card-more span{
        color: var(--colormain);
    }
    .case-card-link:hover .case-card-title {
        color: var(--color252);
    }
    .case-card-link:hover .case-card-arrow img:first-child{
        opacity: 0;
    }
    .case-card-link:hover .case-card-arrow img:last-child{
        opacity: 1;
    }
    .pitl-item a:hover{
        color: var(--colormain);
    }
    .pitl-item a:hover::before{
        width: 100%;
    }
    /* C2 案例列表 hover 902:38331 - end */
    /* c2 - end */
    /* c3 - start */
    /* C3 案例详情 hover 902:37515 - start */
    .case-related-link:hover .case-related-image img:nth-child(2){
        transform: scale(1.04);
    }
    .case-related-link:hover .case-related-more .std-btn4-link-text,
    .case-product-card:hover .case-product-title,
    .case-product-card:hover .case-product-more .std-btn4-link-text{
        color: var(--colormain);
    }
    .case-related-link:hover .case-related-arrow img:first-child,
    .case-product-card:hover .case-product-arrow img:first-child{
        opacity: 0;
    }
    .case-related-link:hover .case-related-arrow img:nth-child(2),
    .case-product-card:hover .case-product-arrow img:nth-child(2){
        opacity: 1;
    }
    .case-product-card:hover{
        background: var(--colorfff);
        box-shadow: 0 4px 9px rgba(240, 96, 0, .05), 0 .17rem .17rem rgba(240, 96, 0, .04), 0 .38rem .23rem rgba(240, 96, 0, .03), 0 .68rem .27rem rgba(240, 96, 0, .01), 0 1.05rem .3rem rgba(240, 96, 0, 0);
    }
    .news-switch-inof-link:hover  .news-switch-icon img:first-child{
        opacity: 0;
    }
    .news-switch-inof-link:hover  .news-switch-icon img:last-child{
        opacity: 1;
    }
    /* C3 案例详情 hover 902:37515 - end */
    /* c3 - end */
    /* d1 - start */
    /* 服务体系桌面悬浮状态 902:37150;902:37192 - start */
    .service-network-card:hover{
        background: var(--colorfff);
        box-shadow:  0 74px 30px 0 rgba(240, 96, 0, 0.00), 0 48px 27px 0 rgba(240, 96, 0, 0.01), 0 27px 23px 0 rgba(240, 96, 0, 0.03), 0 12px 17px 0 rgba(240, 96, 0, 0.04), 0 3px 9px 0 rgba(240, 96, 0, 0.05); 
        -webkit-box-shadow:  0 74px 30px 0 rgba(240, 96, 0, 0.00), 0 48px 27px 0 rgba(240, 96, 0, 0.01), 0 27px 23px 0 rgba(240, 96, 0, 0.03), 0 12px 17px 0 rgba(240, 96, 0, 0.04), 0 3px 9px 0 rgba(240, 96, 0, 0.05); 
    }
    .service-network-card:hover .pibl-item-link-bg {
        transform: translateX(0%);
        opacity: 1;
    }
    /* 服务体系桌面悬浮状态 902:37150;902:37192 - end */
    /* d1 - end */
    /* d2 - start */
    /* 运维服务中间内容 hover 902:38069 - start */
    .maintain-system-focus-trigger,
    .maintain-system-callout{
        cursor: pointer;
    }
    .maintain-support-inof-item:hover::before{
        background: linear-gradient(to top, rgba(234, 85, 4, 0), rgba(234, 85, 4, 1));
    }
    .maintain-support-inof-item:hover::after{
        background: var(--colormain);
    }
    .maintain-support-inof-item:hover .maintain-support-card{
        box-shadow: var(--shadow1);
        -webkit-box-shadow: var(--shadow1);
    }
    .mpii-link:hover .maintain-platform-image img:last-child{
        transform: scale(1.05);
    }
    .maintain-support-inof-item:hover .pibl-item-link-bg{
        transform: translateX(10%);
        opacity: 1;
    }
    /* 运维服务中间内容 hover 902:38069 - end */
    /* d2 - end */
    /* d6 - start */
    /* D6 常见问题悬浮状态 902:38027 - start */
    .faq-inof-item:not(.on):hover{
        background-color: #fff;
        box-shadow: 0 4px 9px rgba(240, 96, 0, .05), 0 17px 17px rgba(240, 96, 0, .04), 0 38px 23px rgba(240, 96, 0, .03), 0 68px 27px rgba(240, 96, 0, .01);
    }
    .faq-inof-item:not(.on):hover .faq-inof-title{
        color: var(--color252);
    }
    /* D6 常见问题悬浮状态 902:38027 - end */
    /* d6 - end */
    /* E4 新闻详情 hover 902:37442 - start */
    .news-recommend-inof-link:hover .news-recommend-date,
    .news-recommend-inof-link:hover .news-recommend-more{
        color: var(--colormain);
    }
    .news-recommend-inof-link:hover .news-recommend-arrow-default{
        opacity: 0;
    }
    .news-recommend-inof-link:hover .news-recommend-arrow-hover{
        opacity: 1;
    }
    .news-switch-inof-link:hover .news-switch-icon-default{
        opacity: 0;
    }
    .news-switch-inof-link:hover .news-switch-icon-hover{
        opacity: 1;
    }
    /* E4 新闻详情 hover 902:37442 - end */
    /* D5资料下载主体 hover 902:37648 - start */
    .download-inof-card:hover{
        background: var(--colorfff);
        box-shadow: 0 .16rem .3rem rgba(234, 85, 4, .12);
    }
    .download-inof-card:hover .download-card-glow{
        opacity: 1;
    }
    .download-inof-card:hover .std-btn7-link::before{
        right: auto;
        left: 0;
        width: 100%;
    }
    .download-inof-card:hover .std-btn7-link .ys-imgbox-cover img:nth-child(1){
        opacity: 0;
    }
    .download-inof-card:hover .std-btn7-link .ys-imgbox-cover img:nth-child(2){
        opacity: 1;
    }
    .pitl-item:hover{
        color: var(--colormain);
    }
    .pitl-item:hover::before{
        width: 100%;
    }
    .pibl-item-link:hover .std-btn7-link::before{
        width: 100%;
        left: 0;
        right: auto;
    }
    .pibl-item-link:hover .std-btn7-link .ys-imgbox-cover img:nth-child(1){
        opacity: 0;
    }
    .pibl-item-link:hover .std-btn7-link .ys-imgbox-cover img:nth-child(2){
        opacity: 1;
    }
    .pibl-item-link:hover .pibl-item-link-bg{
        transform: translateX(0%);
        opacity: 1;
    }
    .pibl-item-link:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .wili-link:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .wili-link:hover .wili-link-ri{
        background: var(--colorf5f);
    }
    .wili-link:hover .pibl-item-link-bg{
        transform: translateX(0%);
        opacity: 1;
    }
    .wili-link:hover .std-btn7-link::before{
        width: 100%;
        left: 0;
        right: auto;
    }
    .wili-link:hover .std-btn7-link .ys-imgbox-cover img:nth-child(1){
        opacity: 0;
    }
    .wili-link:hover .std-btn7-link .ys-imgbox-cover img:nth-child(2){
        opacity: 1;
    }
    /* D5资料下载主体 hover 902:37648 - end */
    /* D5_1白皮书卡片悬浮状态 902:37830;902:37860 - start */
    .whitepaper-card:hover{
        background: var(--colorfff);
        box-shadow: 0 4px 9px rgba(240, 96, 0, .05), 0 .17rem .17rem rgba(240, 96, 0, .04), 0 .38rem .23rem rgba(240, 96, 0, .03), 0 .68rem .27rem rgba(240, 96, 0, .01);
    }
    .whitepaper-card:hover .whitepaper-card-glow{
        opacity: 1;
    }
    .whitepaper-card:hover .whitepaper-cover{
        background: var(--colorf5f);
    }
    .whitepaper-card:hover .std-btn7-link{
        background: var(--colorlinear);
    }
    .whitepaper-card:hover .std-btn7-link::before{
        right: auto;
        left: 0;
        width: 100%;
    }
    .whitepaper-card:hover .std-btn7-link .ys-imgbox-cover img:nth-child(1){
        opacity: 0;
    }
    .whitepaper-card:hover .std-btn7-link .ys-imgbox-cover img:nth-child(2){
        opacity: 1;
    }
    /* D5_1白皮书卡片悬浮状态 902:37830;902:37860 - end */
    /* E2 认证文件 hover 902:37297 - start */
    .mod-arrows1 .slick-prev:hover,
    .mod-arrows1 .slick-next:hover{
        color: var(--colorfff);
        background-color: var(--colormain);
    }
    /* E2 认证文件 hover 902:37297 - end */
    /* E2 认证文件 hover 902:37297 - start */
    .mod-arrows1 .slick-prev:hover,
    .mod-arrows1 .slick-next:hover{
        color: var(--colorfff);
        background-color: var(--colormain);
    }
    /* E2 认证文件 hover 902:37297 - end */
     /* E3 新闻列表 hover 902:37333 - start */
    .news-inof-item-link:hover{
        box-shadow: 0 4px 9px rgba(240, 96, 0, .05), 0 .17rem .17rem rgba(240, 96, 0, .04), 0 .38rem .23rem rgba(240, 96, 0, .03), 0 .68rem .27rem rgba(240, 96, 0, .01), 0 1.05rem .3rem rgba(240, 96, 0, 0);
    }
    .news-inof-item-link:hover .news-inof-date,
    .news-inof-item-link:hover .std-btn4-link-text{
        color: var(--colormain);
    }
    .news-inof-item-link:hover .std-btn4-link-img img:first-child{
        opacity: 0;
    }
    .news-inof-item-link:hover .std-btn4-link-img img:nth-child(n+2){
        opacity: 1;
    }
    /* E3 新闻列表 hover 902:37333 - end */
    /* E2 核心技术 hover 902:37227 - start */
    /* 设计稿首张卡片为 hover 演示；默认态统一为半透明浅灰卡片。 */
    .technology-core-card:hover{
        background: var(--colorfff);
        box-shadow: 0 4px 9px rgba(240,96,0,.05), 0 .17rem .17rem rgba(240,96,0,.04), 0 .38rem .23rem rgba(240,96,0,.03), 0 .68rem .27rem rgba(240,96,0,.01), 0 1.05rem .3rem rgba(240,96,0,0);
    }
    .technology-core-card:hover::after{
        opacity: 1;
    }
    /* E2 核心技术 hover 902:37227 - end */
    /* E2 认证文件 hover 902:37297 - start */
    /* 设计稿首张证书为 hover 演示；HTML 默认态不预置悬浮类。 */
    .certificate-inof-item-card:hover{
        background: var(--colorfff);
        box-shadow: 0 4px 9px rgba(240,96,0,.05), 0 .17rem .17rem rgba(240,96,0,.04), 0 .38rem .23rem rgba(240,96,0,.03), 0 .68rem .27rem rgba(240,96,0,.01), 0 1.05rem .3rem rgba(240,96,0,0);
    }
    /* E2 认证文件 hover 902:37297 - end */
}
/* teemo - end */

/* 2026.07.27 - start */
/* 公共 - start */
.ys-nybanner .ys-nyban-title .std-text18,
.ys-nybanner .ys-nyban-title .std-text18 p,
.ys-nybanner .ys-nyban-title .std-text20,
.ys-nybanner .ys-nyban-title .std-text20 p{
    color: var(--colorfff);
}
/* 公共 - end */
/* b2 - start */
/* b2-hero-start */
.charger-main .ys-nybanner1{
    padding-top: 1.6rem;
    background: var(--colorfff);
    position: relative;
}
.charger-hero-core{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.charger-hero-copy{
    width: 48.75%;
}
.charger-hero-copy .std-font64{
    color: var(--colormain);
    font-family: var(--bold);
    line-height: var(--line12);
}
.charger-hero-points{
    margin-top: .6rem;
}
.charger-hero-points,.charger-hero-points *{
    color: var(--color252);
}
.charger-hero-points ul li{
    position: relative;
    padding-left: 0.27rem;
}
.charger-hero-points ul li:not(:last-child){
    margin-bottom: 0.1rem;
}
.charger-hero-points ul li::before{
    content: "";
    width:6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color252);
    position: absolute;
    top: 10px;
    left: 0.12rem;
}
.charger-hero-summary{
    margin-top: .6rem;
    padding:0.1rem 0.15rem;
    border-left: 1px solid var(--color999);
}
.charger-hero-summary,.charger-hero-summary p{
    color: var(--color666);
    line-height: var(--line165);
}
.charger-hero-actions{
    display: flex;
    flex-wrap: wrap;
    margin: 0.6rem -0.1rem -0.2rem;
}
.charger-hero-actions .std-btn2{
    padding: 0 .1rem;
    margin-bottom: 0.2rem;
}
.charger-gallery{
    width: 47.5%;
    position: relative;
    border-radius: 0.1rem;
    background: #F5F5F5;
}
.charger-gallery-list{
    width: 100%;
    padding: 0 0.3rem 0.6rem;
}
.charger-gallery .home-banner-dir{
    position: absolute;
    bottom: 0.3rem;
    left: 50%;
    transform: translateX(-50%);
}
/* b2-hero-end */

/* b2-advantages-start */
.charger-advantages{
    padding-top: 1.8rem;
    margin-bottom: -50px;
    padding-bottom: 50px;
}
.charger-section-title{
    text-align: center;
}
.charger-section-title .std-font64{
    color: var(--color252);
    font-family: var(--bold);
}
.charger-section-title .std-font64 span{
    color: var(--colormain);
}
.casi-box .std-font24{
    background:  linear-gradient(135deg, #EA5504 0%, #FF8904 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--bold);
    margin-bottom: 0.25rem;
}
.casi-box-cry,.casi-box-cry p{
    color: var(--color666);
}
.charger-advantages-slick{
   --ge: 33.333333%;
   --gap1: 0.1rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
}
.charger-advantages-slick-item{
   width: var(--ge);
   padding: 0 var(--gap1);
}
.charger-advantages-slick-item>div{
   height: 100%;
   display: flex;
   flex-direction: column;
   border-radius: 0.1rem;
    background: #F5F5F5;
    transition: var(--transition);
    box-shadow: 0 0 0 0 transparent;
    padding: 0.3rem;
    justify-content: flex-start;
}
.charger-advantages-slickbox{
    width: 96.25%;
    margin-top:0.6rem ;
}
.charger-main .std-slickbtn {
    justify-content: center;
    
}
.charger-advantages-slick .slick-list{
    overflow: visible;
}
/* b2-advantages-end */

/* b2-parameters-start */
.charger-parameters{
    padding-top: 1.8rem;
}
.charger-parameters .charger-section-title{
    margin-bottom: .6rem;
}
.mod-table1{
    padding: .4rem .6rem;
    border-radius: .1rem;
    background: rgba(245, 245, 245, .7);
}
.mod-table1 table{
    width: 100%;
    border-collapse: collapse;
}
.mod-table1 tr{
    border-bottom: 1px solid #d1d2d4;
    display: block;
    margin-bottom: 0.2rem;
}
.mod-table1 tr:last-child{
    margin-bottom: 0;
}
.mod-table1 td:first-child{
    width: 3rem;
    padding: .08rem .4rem .08rem 0;
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line165);
}
.mod-table1 td:last-child{
    padding: .08rem 0;
    font-size: var(--font18);
    color: var(--color252);
    line-height: var(--line16);
}
.cpbs-item-link .std-btn4-link-text{
    color: var(--color252);
    margin-right: 0.08rem;
}
.cpbs-item-link .std-font24{
    color: var(--color252);
    transition: var(--transition);
    margin-bottom: 0.1rem;
}
.case-products-box-slick{
   --ge: 33.333333%;
   --gap1: 0.15rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
}
.cpbs-item{
   width: var(--ge);
   padding: 0 var(--gap1);
}
.cpbs-item>a{
   height: 100%;
   display: flex;
   flex-direction: column;
   padding: 0.4rem 0.29rem 0.3rem 0.4rem;
   border-radius: 0.1rem;
    background: #F5F5F5;
    box-shadow: 0 0 0 0 transparent;
    transition: var(--transition);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.cilb-le-cry,.cilb-le-cry p{
    color: var(--color666);
}
.cilb-le-cry{
    max-height: 6.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.cilb-le{
    width: 40.87%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cilb-ri{
    width:54.61% ;
}
.cpbs-item-link-bot{
    display: flex;
    justify-content: space-between;
}
.case-products-box{
    margin-top: 0.6rem;
    padding: 0 30px;
}
.cilb-ri .ys-imgbox-cover{
    transition: var(--transition);
}
.case-products-box-slick .slick-list{
    margin: -50px 0;
    padding: 50px 0;
}
/* b2-parameters-end */

/* b2 - end */
/* d3 - start */
/* D3 Intelligent Manufacturing 1249:42382 - start */
.manufacturing-main{
    background-color: var(--colorfff);
}
.manufacturing-main .ys-nybanner{
    overflow: hidden;
}
.manufacturing-main .ys-nyban-img{
    position: relative;
}
.manufacturing-main .ys-nyban-img::after{
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(20, 27, 37, .96), rgba(20, 27, 37, .7) 26%, rgba(20, 27, 37, 0) 56%);
    content: "";
}
.manufacturing-main .ys-nyban-img img{
    display: block;
    width: 100%;
    height: auto;
}
.manufacturing-main .ys-nyban-title{
    z-index: 1;
}
.manufacturing-main .ys-nyban-title .ys-cont1600{
    margin-bottom: .58rem;
}
.manufacturing-main .ys-nyban-title .std-font80{
    max-width: none;
    color: var(--colorfff);
    font-family: var(--bold);
    font-weight: 700;
    line-height: 1;
}
.manufacturing-main .ys-nyban-title .std-font80 span{
    color: var(--colormain);
}
.manufacturing-banner-copy{
    padding-top: .2rem;
    color: var(--colorfff);
    line-height: var(--line15);
}
.manufacturing-banner-copy p{
    margin: 0;
    color: inherit;
    line-height: inherit;
}
.manufacturing-main .ys-bread{
    z-index: 1;
}
.manufacturing-main .ys-bread .ys-bread-list,
.manufacturing-main .ys-bread .ys-bread-list a{
    color: rgba(255, 255, 255, .76);
}
.manufacturing-video{
    padding: 1.8rem 0;
}
.manufacturing-video-media{
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    border-radius: .1rem;
    background-color: #e9e9e9;
}
.manufacturing-video-media > img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.manufacturing-video-media.ys-video-modal{
    cursor: pointer;
}
.manufacturing-video-media > .manufacturing-video-play{
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    z-index: 1;
    width: 1.16667rem;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: contain;
}
.manufacturing-video-media.ys-video-modal:focus-visible{
    outline: .02rem solid var(--colorfff);
    outline-offset: -.08rem;
}
/* D3 Intelligent Manufacturing 1249:42382 - end */
/* d3 - end */
.contact-hero {
    position: relative;
    padding-top: 1.2rem;
}
/* f2 - start */
.contact-result{
    padding: 2.96rem 0 2.2rem;
    position: relative;
    background: var(--colorfff);
}
.contact-result-core{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contact-result-icon{
    width:80px;
}
.contact-result-icon svg{
    width: 100%;
}
.contact-result-icon-img{
    display: block;
    width: .4rem;
}
.contact-result-title{
    font-family: var(--bold);
    text-align: center;
    background: linear-gradient(175.26deg, #ea5504 0%, #ff8904 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0.4rem;
}
/* f2 - end */
@media screen and (min-width: 1200px){
    /* 公共 - start */
    /* 公共 - end */
    /* b2 - start */
    /* b2-hover-start */
    .charger-advantage-card:hover{
        background: var(--colorfff);
        box-shadow: 0 4px 9px rgba(240, 96, 0, .05), 0 17px 17px rgba(240, 96, 0, .04), 0 38px 23px rgba(240, 96, 0, .03), 0 68px 27px rgba(240, 96, 0, .01);
    }
    .std-dots1 .slick-dots li:not(.slick-active):hover{
        background-color: rgba(234, 85, 4, .65);
    }
    .charger-slider-control:not(.charger-slider-next):hover{
        border-color: transparent;
        background: var(--colorlinear);
    }
    .charger-slider-control:not(.charger-slider-next):hover .charger-slider-icon-default{
        opacity: 0;
    }
    .charger-slider-control:not(.charger-slider-next):hover .charger-slider-icon-hover{
        opacity: 1;
    }
    .charger-recommend-link:hover{
        background: var(--colorfff);
        box-shadow: 0 .04rem .09rem rgba(240, 96, 0, .05), 0 .17rem .17rem rgba(240, 96, 0, .04), 0 .38rem .23rem rgba(240, 96, 0, .03), 0 .68rem .27rem rgba(240, 96, 0, .01), 0 1.05rem .3rem rgba(240, 96, 0, 0);
    }
    .charger-recommend-link:hover .std-btn7-link::before{
        right: auto;
        left: 0;
        width: 100%;
    }
    .charger-recommend-link:hover .std-btn7-link .ys-imgbox-cover img:nth-child(1){
        opacity: 0;
    }
    .charger-recommend-link:hover .std-btn7-link .ys-imgbox-cover img:nth-child(2){
        opacity: 1;
    }
    /* b2-hover-end */
    /* b2 - end */
    /* c1 - start */
    /* c1-hover-start */
    .solution-product-control:hover .solution-product-arrow img:first-child{
        opacity: 0;
    }
    .solution-product-control:hover .solution-product-arrow img + img{
        opacity: 1;
    }
    .solution-resource-inof-item-link:hover{
        background-color: var(--colormain);
        color: var(--colorfff);
    }
    .solution-resource-inof-item-link:hover .solution-resource-copy{
        color: rgba(255, 255, 255, .82);
    }
    .solution-resource-inof-item-link:hover .solution-resource-icon img:first-child{
        opacity: 0;
    }
    .solution-resource-inof-item-link:hover .solution-resource-icon img + img{
        opacity: 1;
    }
    .solution-advantages-card:hover{
        background-color: var(--colorfff);
        box-shadow: 0 .04rem .09rem rgba(240, 96, 0, .05), 0 .17rem .17rem rgba(240, 96, 0, .04), 0 .38rem .23rem rgba(240, 96, 0, .03), 0 .68rem .27rem rgba(240, 96, 0, .01);
        transform: translateY(-.04rem);
    }
    .solution-advantages-card:hover .std-font20{
        color: var(--colormain);
    }
    /* c1-hover-end */
    /* c1 - end */
    /* d3 - start */
    /* d3 - end */
    /* e1 - start */
    .brand-hero:hover .brand-hero-image img{
        transform: scale(1.025);
    }
    .brand-intro-media:hover .brand-intro-image img{
        transform: scale(1.1) translateY(-3%);
    }
    .brand-culture-list{
        height: 640px;
    }
    .brand-culture-card,
    .brand-culture-vision,
    .brand-culture-mission,
    .brand-culture-values{
        flex: 1 1 0;
        width: auto;
        height: 100%;
        padding-top: 0;
        cursor: pointer;
        transition: flex .7s ease;
    }
    .brand-culture-card.is-active{
        flex: 3.535 1 0;
    }
    .brand-culture-card .brand-culture-desc{
        max-height: 0;
        margin-top: 0;
        overflow: hidden;
        opacity: 0;
        transform: translateY(.12rem);
        transition: max-height .3s ease, margin-top .3s ease, opacity .3s ease, transform .3s ease;
    }
    .brand-culture-card.is-active .brand-culture-copy{
        right: 3.009%;
        left: 3.009%;
    }
    .brand-culture-card.is-active .brand-culture-desc{
        width: 45.04%;
        max-height: 6em;
        margin-top: 3px;
        opacity: 1;
        transform: none;
    }
    .brand-culture-card:hover .brand-culture-image img{
        transform: scale(1.06);
    }
    .brand-partner-card:hover{
        background: #fff;
        box-shadow: 0 4px 9px rgba(240, 96, 0, .05), 0 17px 17px rgba(240, 96, 0, .04), 0 38px 23px rgba(240, 96, 0, .03), 0 68px 27px rgba(240, 96, 0, .01), 0 105px 30px rgba(240, 96, 0, 0);
    }
    .brand-honor-card:hover{
        background: #fff;
        box-shadow: 0 4px 4.5px rgba(240, 96, 0, .05), 0 17px 8.5px rgba(240, 96, 0, .04), 0 38px 11.5px rgba(240, 96, 0, .03), 0 68px 13.5px rgba(240, 96, 0, .01), 0 105px 15px rgba(240, 96, 0, 0);
    }
    .brand-timeline-panel.is-cursor-follow{
        cursor: none;
    }
    .brand-timeline-panel.is-cursor-follow .brand-timeline-controls{
        top: var(--brand-timeline-cursor-y, 50%);
        right: auto;
        bottom: auto;
        left: var(--brand-timeline-cursor-x, 50%);
        pointer-events: none;
        opacity: 0;
        transform: translate(-50%, -50%);
        transition: opacity .16s ease;
    }
    .brand-timeline-panel.is-cursor-follow.is-cursor-visible .brand-timeline-controls{
        opacity: 1;
    }
    .brand-timeline-panel.is-cursor-follow .brand-timeline-prev,
    .brand-timeline-panel.is-cursor-follow .brand-timeline-next{
        cursor: none;
    }
    .brand-timeline-controls .brand-timeline-prev:hover,
    .brand-timeline-controls .brand-timeline-next:hover{
        background: rgba(37, 37, 37, .12);
    }
    .brand-map-total-switch:hover{
        background: #ea5504;
        color: #fff;
    }
    .brand-map-legend-inof .brand-map-legend-inof-item:hover{
        background: #ea5504;
        color: #fff;
    }
    .brand-map-legend-inof .brand-map-legend-inof-item:hover .brand-map-dot{
        background: #fff;
    }
    /* e1 - end */
    /* f1 f1_1 f1_2 - start */
    .contact-card:hover {
        background: #fff;
        box-shadow: 0 105px 30px rgba(240, 96, 0, 0), 0 68px 27px rgba(240, 96, 0, .01), 0 38px 23px rgba(240, 96, 0, .03), 0 17px 17px rgba(240, 96, 0, .04), 0 4px 9px rgba(240, 96, 0, .05);
    }
    .contact-card:hover .contact-card-title img {
        margin-right: 10px;
    }
    .contact-form .ys-fii-select .ys-select-li:hover {
        color: var(--contact-orange);
        background: transparent;
    }
    .contact-tab-item:hover .contact-tab-link {
        color: #fff;
        background: linear-gradient(160.453632deg, #ea5504 0%, #ff8904 100%);
        border-radius: 50px;
    }
    /* f1 f1_1 f1_2 - end */
    /* f2 - start */
    /* f2 - end */
}
/* 2026.07.27 - end */

/* Lucas start */
.footer-privacy a{
    color: var(--color666);
    font-size: var(--font14);
    line-height: var(--line165);
}
.ys-ban-title .std-font80{
    color: var(--color252);
}
.ys-banner{
    height: 100vh;
}
.ys-ban-slick,.ys-ban-slick .slick-list,.ys-ban-slick .slick-list .slick-track,.ys-ban-slick .slick-list .slick-track .ys-ban-li,.ys-ban-slick .slick-list .slick-track .ys-ban-li .ys-ban-imgbox *,.ys-ban-slick .slick-list .slick-track .ys-ban-li .ys-ban-imgbox{
    height: 100%;
}
.ys-ban-slick .slick-list .slick-track .ys-ban-li .ys-ban-imgbox *{
    object-fit: cover;
}
body::after{
    display: none;
}
.ys-page-wrap{
    position: relative;
}
.ys-page-wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    pointer-events: none;
    opacity: 0;
    transition: var(--transition);
}
body.mod-viewer .ys-page-wrap::after{
    opacity: 1;
}
.home-energy-tag .ys-imgbox-cover{
    border-radius: 50%;
}
.home-energy-tag.res .std-btn6-link{
    flex-direction: row-reverse;
}
.home-energy-tag.res .ys-imgbox-cover{
    margin-right: 0;
    margin-left: 0.2rem;
}
.home-energy-tag.res .std-btn6-link {
    padding: 0.1rem 0.1rem 0.1rem 0.3rem;
}
.home-news-bot{
    width: 90%;
    margin-top: 1rem;
}
.hnbl-li-link-top .std-font20{
    color: var(--color252);
    transition: var(--transition);
    height: 3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 0.2rem;
    font-family: var(--bold);
}
.hllt-bot{
    display: flex;
    justify-content: space-between;
}
.hllt-bot-time{
    color: var(--color666);
    font-size: var(--font18);
    line-height: 2.1;
    transition: var(--transition);
}
.hnbl-li-link-top{
    margin-bottom: 0.3rem;
}
.hnbl-li-link .ys-imgbox-cover{
    border-radius: 0.2rem;
}
.home-news-bot-list{
   --ge: 50%;
   --gap1: 0.2rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
}
.hnbl-li{
   width: var(--ge);
   padding: 0 var(--gap1);
}
.hnbl-li>a{
   height: 100%;
   display: flex;
   flex-direction: column;
   position: relative;
}
.hnbl-li-link::before{
    content: "";
    width: 1px;
    height: 100%;
    background:#D8D9E0;
    transition: var(--transition);
    position: absolute;
    top: 0;
    left: calc(var(--gap1) * -1);
}
.home-news-bot-list .slick-list {
    overflow: visible;
}
.home-news-bot{
    position: relative;
}
.home-news-bot-wrap {
    width: 106%;
    position: absolute;
    top: 50%;
    left: -3%;
    height: auto !important;
    display: flex;
    transform: translateY(-50%);
    justify-content: space-between;
}
.hnbw-cry-brn.slick-disabled{
    opacity: 0 !important;
}
.hnbw-cry{
    width: 50%;
    cursor: pointer;
    position: relative;
}
.hnbw-cry-brn{
    width: 0.8rem;
    height: 0.8rem;
    background: rgba(102, 102, 102, 0.6);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter:  blur(25px);
    -moz-backdrop-filter:  blur(25px);
    -o-backdrop-filter:  blur(25px);
    -ms-backdrop-filter:  blur(25px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
     opacity: 1;
    transition: opacity 0.3s ease;
    transform-origin: center center;
    cursor: pointer;
}
.hnbw-cry-brn img{
    width:12px ;
}
.pbcb-prev img{
    transform: rotate(180deg);
}
.home-network-bot{
    margin-top: 1.8rem;
    margin-left: 20px;
}
.home-network-bot-le{
    width:67.7%;
    position: relative;
    z-index: 5;
    transform: translate();
}
.hnbl-cry{
    width: 100%;
}
.home-network-bot-le .ys-imgbox-cover{
    border-radius: 0.2rem;
}
.hnbr-bot-slick{
   --ge: 50%;
   --gap1: 0.15rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
}
.hnbr-bot-slick-item{
   width: var(--ge);
   padding: 0 var(--gap1);
   
}
.hnbr-bot-slick-item>div{
   height: 100%;
}
.home-network-bot-ri{
    width:32.3%;
    height: 100%;
    padding-left: 30px;
    
}
.home-network-bot{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.htli-cry,.htli-cry p{
    color: var(--color252);
    line-height: var(--line15);
}
.htli-cry{
    max-height: 15em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
}
.hnbr-top-list-item .std-btn4{
    margin-top: 0.4rem;
    width: fit-content;
}
.hnbr-top{
    width: 74.9%;
    margin-bottom: 1.5rem;
}
.hnbr-top .std-btn4-link-text {
    color: var(--color252);
    margin-right: 0.08rem;
}
.hnbr-bot-slick-item .ys-imgbox-cover{
    border-radius: 0.2rem;
}
.hnbr-bot-slick{
    width: 54.4%;
}
.hnbr-bot-slick .slick-list {
    overflow: visible !important;
}
.hnbr-bot-zhan {
    width: 54.4%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    --gap1: 0.15rem;
   margin: 0 calc(var(--gap1) * -1);
   z-index: 5;
   pointer-events: none;
}
.hnbr-bot{
    position: relative;
}
.hnbr-bot-zhan-list{
   width:100%;
   display: flex;
   flex-wrap: wrap;
}
.hnbr-bot-zhan-list>li{
   width: calc(100% - 0.3rem);
   transform: translateX(0.15rem);
}
.hnbr-bot-zhan-list>li>div{
   height: 100%;
   display: flex;
   flex-direction: column;
   width: 100%;
   border-radius: 0.2rem;
}
.nbzl-item{
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 100% 100%;
}
.hnbr-bot-slick-item{
  transition: all 0.36s cubic-bezier(0.55, 0.01, 0, 1)
}
.hnbr-bot-slick-item.thisprev,.hnbr-bot-slick-item.slick-active{
    opacity: 0;
}
.nbzl-item.thisprev{
    transform-origin:0% 0%;
    transform: scale(0);
    transition: transform 1s ease !important;
}
.nbzl-item.isprepare{
    transform: translateX(0.15rem) scale(1, 1)!important;
}
.nbzl-item.thisnext{
    opacity: 0;
}
.nbzl-item.isprepare{
    z-index: 5;
    opacity: 1;
}
.hnbr-top-list-item:not(:first-child){
    display: none;
}
.ys-ban-li.act .home-hero-note{
    animation: faderight .8s ease-in-out both;
}
.ys-ban-slick.ys-slick-act .ys-ban-li.act .home-hero-note{
    animation-delay: 0.4s;
}
@-webkit-keyframes faderight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes faderight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.home-energy-img{
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.head-product-card-prolist>li>a {
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    padding: 0.2rem;
    overflow: hidden;
    position: relative;
}
.hpcp-item-link .ys-imgbox-cover{
    transition: var(--transition);
}
.home-choose-list>li>div{
    border-radius: 0.1rem;
}
.home-network-bot-le .ys-imgbox-cover{
    border-radius: 0.1rem;
}
.hnbr-bot-slick-item .ys-imgbox-cover,.hnbr-bot-zhan-list>li>div,.hnbl-li-link .ys-imgbox-cover{
    border-radius: 0.1rem;
}
.std-btn6-link .ys-imgbox-cover{
    width: 28px;
}
.footer-contact-list {
    flex: 1;
    padding-right: 20px;
}
.footer-share {
    --width1: 40px;
}
.footer-logo {
    width: 100%;
}
.footer-contact-ph{
    display: none;
}
.footer-legal-ph{
    display: none;
}
.home-network-phbot{
    display: none;
}
.hnbr-bot-zhan{
    pointer-events: none;
}
.hpcp-item-link-ri .ys-imgbox-cover img{
    transform: scale(1) !important;
}
.hill-top-cry{
    height: 6.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.std-btn4-link {
    width: fit-content;
}
.head-product-tabs,.head-product-menu{
    height: 100%;
}
.head-nav-item-product .mCSB_inside>.mCSB_container>* {
    padding-right: 0;
}
.hnbl-li{
    transition: var(--transition);
}
.hnbl-li.isfadeout{
    opacity: 0;
}
.hpcp-item-link .std-btn4-link-text{
    color: var(--color252);
    font-size: var(--font16);
    margin-right: 0.08rem;
}
.hpcp-item-link .std-btn4-link-path {
    fill: var(--color252);
}
.hpcp-item-link .std-btn4-link svg {
    width: 22px;
}
.charger-products{
    padding-top: 1.8rem;
    margin-bottom: -50px;
    padding-bottom: 50px;
}
.charger-cases{
    padding-top: 1.8rem;
}
.charger-cases-bot{
    padding: 0 20px;
    margin-top:0.6rem ;
    position: relative;
}
.charger-cases-slick{
   --ge: 50%;
   --gap1: 0.1rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
}
.charger-cases-slick-item{
   width: var(--ge);
   padding: 0 var(--gap1);
}
.charger-cases-slick-item>a{
   height: 100%;
   display: flex;
   flex-direction: column;
}
.ccsi-link-bot .std-btn4-link-text{
    margin-right:0.09rem;
}
.ccsi-link-bot .std-font24{
    font-family: var(--bold);
    margin-bottom: 0.3rem;
}
.ccsi-link-bot {
    padding: 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.ccsi-link .ys-imgbox-cover{
    border-radius: 0.1rem;
}
.charger-cases .home-news-bot-wrap {
    bottom: auto;
    top: 0;
    left: 20px;
}
.crsi-link-top .std-font24{
    font-family: var(--bold);
    margin-bottom: 4px;
    color: var(--color252);
}
.crsi-link-top-cry,.crsi-link-top-cry p{
    color: var(--color666);
}
.charger-recom-slick{
   --ge: 33.333333%;
   --gap1: 0.16rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
}
.charger-recom-slick-item{
   width: var(--ge);
   padding: 0 var(--gap1);
}
.charger-recom-slick-item>.crsi-link{
   height: 100%;
   display: flex;
   flex-direction: column;
   padding: 0.3rem;
   border-radius: 0.1rem;
    background:#F5F5F5;
    transition: var(--transition);
    box-shadow: 0 0 0 0 transparent;
    justify-content: space-between;
}
.crsi-link-top{
    margin-bottom: 0.9rem;
}
.charger-recom{
    padding-top:1.8rem ;
    padding-bottom: 50px;
    margin-bottom: -50px;
}
.charger-recom-slick{
    margin-top: 0.6rem;
}
.charger-recom-slick .slick-list{
    padding: 50px 0;
    margin: -50px 0;
}
.charger-faq-bot-slide .std-font20{
    color: var(--color666);
}
.charger-faq-bot-slide .ys-slide-item-bot,.charger-faq-bot-slide .ys-slide-item-bot p{
    color: var(--color666);
}
.charger-faq-bot-slide .ys-slide-item-bot{
    margin-top: 0.4rem;
}
.charger-faq-bot-slide .ys-slide-item{
    transition: var(--transition);
    border-radius: 0.1rem;
    background: #F5F5F5;
    padding: 0.3rem;
}
.charger-faq-bot-slide .ys-slide-item.on .ys-sit-name{
    color: var(--color252);
}
.charger-faq-bot-slide .ys-slide-item.on{
    background: var(--colorfff);
    box-shadow: var(--shadow1);
}
.charger-faq{
    padding: 1.8rem 0;
}
.charger-faq-bot-slide .ys-slide-item:not(:last-child){
    margin-bottom: 0.4rem;
}
.charger-faq-bot-slide .ys-slide-item.on .faq-inof-icon-default {
    opacity: 0;
}
.charger-faq-bot-slide .ys-slide-item.on .faq-inof-icon-open {
    opacity: 1;
}
.charger-faq-bot-slide .ys-slide-item.on .faq-inof-icon {
    border-color: transparent;
}
.charger-faq-bot-slide .ys-slide-item-top .ys-sit-name{
    padding-right: 0.4rem;
    flex: 1;
}
.charger-faq-bot{
    margin-top: 0.6rem;
}
.manufacturing-info-wrap{
    position: relative;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border-radius: 0.1rem;
}
.manufacturing-info-wrap-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 6;
    transform: translate(-50%,-50%);
    cursor: pointer;
    width:1.16rem;
    transition: var(--transition);
}
.manufacturing-info{
    padding:1.5rem 0 1.8rem;
}
.ys-nyban-desc{
    margin-top: 0.2rem;
}
.ys-nyban-desc,
.ys-nyban-desc p{
    color: var(--colorfff);
}
.manufacturing-info-wrap-btn img:nth-child(2){
    opacity: 0;
}
.manufacturing-info-wrap-btn.act img:nth-child(2){
    opacity: 1;
}
.manufacturing-info-wrap-btn.act img:nth-child(1){
    opacity: 0;
}
.manufacturing-info-wrap-btn.ishide{
    opacity: 0;
}
.manufacturing-info-wrap-btn.act{
    opacity: 1 !important;
}
.std-slickbtn .std-slickbtn-cry {
    margin-top: 0.6rem;
}
.std-slickbtn {
    justify-content: center;
}
.case-main .charger-products{
    padding-bottom: 1.8rem;
}
.mod-title1 .std-font64{
    color: var(--color252);
}
.case-article,.case-article p{
    font-size: var(--font16);
    color: var(--color252);
    line-height: var(--line165);
}
.faq-inof-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #666;
    border-radius: 50%;
    transition: border-color .36s ease;
}
.faq-inof-icon-default {
    width: 12px;
    height: 12px;
}
.faq-inof-icon-open {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity .36s ease;
}
.ys-sit-icon::after, .ys-sit-icon::before{
    content: unset;
}
.faq-info{
    padding: 1rem 0 1.8rem;
}
.faq-info .charger-faq-bot{
    margin-top: 0;
}
.faq-info .charger-faq-bot-slide .ys-slide-item:not(:last-child) {
    margin-bottom: 0.3rem;
}
.charger-faq-bot-slide .ys-slide-item-bot{
    width: 95.32%;
}
.news-feed .prodspec-info-top{
    margin-bottom: 0.6rem;
}
@media screen and (min-width: 1200px){
    .hnbl-li-link:hover .std-font20{
        color: var(--colormain);
    }
    .hnbl-li-link:hover::before{
        background:var(--colormain);
    }
    .hnbl-li-link:hover .std-btn4-link-text{
        color: var(--colormain);
    }
    .hnbl-li-link:hover .hllt-bot-time{
        color: var(--colormain);
    }
    .hnbl-li-link:hover .std-btn4-link-path{
        fill: var(--colormain);
    }
    .hpcp-item-link:hover .hill-top-tit{
        color: var(--colormain);
    }
    .hpcp-item-link:hover{
        background:#FFF;
        box-shadow: 0 98.534px 28.152px 0 rgba(240, 96, 0, 0.00), 0 63.812px 25.337px 0 rgba(240, 96, 0, 0.01), 0 35.66px 21.584px 0 rgba(240, 96, 0, 0.03), 0 15.953px 15.953px 0 rgba(240, 96, 0, 0.04), 0 3.754px 8.446px 0 rgba(240, 96, 0, 0.05);
    }
    .hpcp-item-link:hover .std-btn4-link-text{
        color: var(--colormain);
    }
    .hpcp-item-link:hover .std-btn4-link-path{
        fill: var(--colormain);
    }
    .hpcp-item-link:hover .ys-imgbox-cover{
        transform: scale(1.1) translateY(10%);
    }
    .footer-nav ul a:hover{
        color: var(--colormain);
    }
    .footer-nav>li>a:hover{
        color: var(--colormain);
    }
    .footer-contact-list li a:hover{
        color: var(--colormain);
    }
    .footer-contact-list li span:hover{
        color: var(--colormain);
    }
    .home-energy-tag .std-btn6-link:hover .ys-imgbox-cover::before{
        opacity: 0 !important;
    }
    .home-energy-tag .std-btn6-link:hover .std-btn6-link-border{
        opacity: 0;
    }
    .hcli-box:hover .pibl-item-link-bg{
        transform: translateX(0);
        opacity: 1;
    }
    .casi-box:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .cpbs-item-link:hover .cilb-ri .ys-imgbox-cover{
        transform: scale(1.1) translateY(10%);
    }
    .cpbs-item-link:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .cpbs-item-link:hover .std-font24{
        color: var(--colormain);
    }
    .cpbs-item-link:hover .std-btn4-link-text{
        color: var(--colormain);
    }
    .cpbs-item-link:hover  .std-btn4-link-path{
        fill: var(--colormain);
    }
    .ccsi-link:hover .std-btn4-link-text{
        color: var(--colormain);
    }
    .ccsi-link:hover  .std-btn4-link-path{
        fill: var(--colormain);
    }
    .crsi-link:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .crsi-link:hover .std-btn7-link::before {
        width: 100%;
        left: 0;
        right: auto;
    }
    .crsi-link:hover .std-btn7-link .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }
    .crsi-link:hover .std-btn7-link .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }
}
/* lucas end */
/* 2026.7.28 Teemo start */
/* d4 - start */
/* D4 Banner 1249:42418 - start */
.financial-main .ys-nyban-img::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 54.8%;
    height: 100%;
    background: linear-gradient(90deg, #141B25 0%, rgba(20, 27, 37, 0.00) 100%);
}
.financial-intro-core{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.financial-intro-media{
    position: relative;
    width: 42.125%;
    border-radius: .1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.financial-intro-media img{
    width: 100%;
}
.financial-intro-copy{
    width: 50.5%;
}
.financial-intro-title{
    color: var(--color252);
    font-family: var(--bold);
}
.financial-intro-title span{
    color: var(--colormain);
}
.financial-intro-text{
    margin-top: .16rem;
}
.financial-intro-text,
.financial-intro-text p{
    color: var(--color666);
}
/* D4 Financial introduction 1249:42410 - end */

/* D4 Financial service list 1249:42438 - start */
.financial-service-list{
    display: flex;
    flex-direction: column;
}
.financial-service-list>li+li{
    margin-top: .4rem;
}

.financial-service-card{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding-right: .6rem;
    border-radius: .1rem;
    background: var(--colorf5f);
    transition: var(--transition);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.financial-service-list>li:nth-child(even) .financial-service-card{
    flex-direction: row-reverse;
    padding-right: 0;
    padding-left: .6rem;
}
.financial-service-media{
    width: 46.75325%;
    flex-shrink: 0;
    border-radius: .1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.financial-service-media img{
    width: 100%;
    object-fit: cover;
}
.financial-service-copy{
    display: flex;
    width: 48.05%;
    flex-direction: column;
    justify-content: space-between;
    padding: .8rem 0;
}
.financial-service-body{
    padding-top: 0.2rem;
    display: flex;
    flex-direction: column;
}
.financial-service-num{
    color: var(--color666);
    font-size: var(--font24);
    font-family: 'WANBANG-ROBLight';
    transition: var(--transition);
}
.financial-service-title{
    color: var(--color252);
    font-family: var(--bold);
    transition: var(--transition);
    max-height: 4.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.financial-service-text{
    margin-top: 0.2rem;
}
.financial-service-text,
.financial-service-text p{
    color: var(--color666);
}
/* D4 Financial service list 1249:42438 - end */
/* d4 - end */
/* g1 - start */
/* 合作伙伴招募 */
.partner-banner-text,
.partner-banner-text p {
    color: var(--colorfff);
    font-size: var(--font20);
    line-height: var(--line15);
}
.partner-main .ys-nyban-title h1{
    font-weight: bold;
}
.partner-title {
    text-align: center;
}
.partner-title {
    color: var(--color252);
    font-weight: bold;
}
.partner-title span {
    color: var(--colormain);
}
.partner-benefit-list {
    display: flex;
    margin: 0.6rem -0.1rem 0;
}
.partner-benefit-item {
    position: relative;
    width: 33.3333%;
    padding: 0 0.1rem;
}
.partner-benefit-item + .partner-benefit-item{
    display: none;
}
.partner-benefit-media{
    border-radius: .1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.partner-benefit-media::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 44%;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .72) 100%);
    pointer-events: none;
}
.partner-benefit-item-cry{
    position: relative;
    width: 100%;
}
.partner-benefit-copy {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 0.3rem;
    width: 100%;
}
.partner-benefit-name {
    color: var(--colorfff);
    font-weight: bold;
}
.partner-benefit-desc{
    margin-top: 0.2rem;
}
.partner-benefit-desc,
.partner-benefit-desc p {
    color: var(--colorfff);
}

.partner-rights-core {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .6rem;
}
.partner-rights-media {
    position: relative;
    width: 53.75%;
    border-radius: .1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.partner-rights-media img {
    width: 100%;
}
.partner-rights-list {
    display: flex;
    width: 42.5%;
    flex-direction: column;
    align-items: flex-start;
}
.partner-rights-item {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.partner-rights-item + .partner-rights-item {
    margin-top: 0.4rem;
}
.partner-rights-name {
    color: var(--color252);
    font-weight: bold;
    padding: .2rem 0;
    border-bottom: 1px solid var(--colord8d);
}
.partner-rights-name span{
    padding-right: 0.2rem;
}
.partner-rights-desc {
    margin-top: 0.2rem;
}
.partner-rights-desc, 
.partner-rights-desc p {
    color: var(--color666);
}
.partner-product {
    overflow: visible;
}
.partner-product-feature {
    position: relative;
    overflow: hidden;
}
.partner-product-detail-list {
    width: 100%;
    margin: var(--space180) -0.1rem 0;
}
.partner-product-detail-list .slick-list {
    overflow: visible;
}
.partner-product-switch .slick-list{
    margin: 0 0 -40px;
    padding: 0 0 40px;
}
.partner-product-feature .std-slickbtn{
    display: none ;
}
.ppdl-li {
    padding: 0 0.1rem;
    width: 100%;
}
.ppdl-li  + .ppdl-li {
    display: none;
}
.ppdl-li-cont{
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: .48rem ;
    background: var(--colorf5f); 
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.ppdl-li + .ppdl-li{
    display: none;
}
.partner-product-media{
    width: 35.45%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.partner-product-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    width: 60%;
    float: right; 
}
.partner-product-name {
    color: var(--color252);
    font-weight: bold;
}
.partner-product-name span {
    color: var(--colormain);
}
.partner-product-point {
    margin-top: .4rem;
}
.partner-product-point li + li {
    margin-top: .2rem;
}
.partner-product-point-name,
.partner-product-point-name p {
    color: var(--color252);
    font-size: var(--font20);
    line-height: 1.5;
}
.partner-product-point-desc,
.partner-product-point-desc p {
    margin-top: .1rem;
    color: var(--color666);
}

.partner-product-switch {
    position: relative;
    display: block;
    margin-top: 0.4rem;
}
.partner-product-switch-box{
    display: flex;
    justify-content: center;
}
.partner-product-list {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: nowrap;
    width: 85%;
    margin: 0 -0.1rem 0 ;
}
.partner-product-list .slick-track {
    display: flex;
    align-items: stretch;
}
.partner-product-thumb{
    width: calc(100% / 6);
    padding: 0 0.1rem;
}
.partner-product-thumb + .partner-product-thumb{
    display: none;
}
.partner-product-thumb-cont{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .27rem .14rem ;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border-radius: .1rem;
    cursor: pointer;
    transition: var(--transition);
    box-shadow: 0 0 0 0 transparent;
}
.partner-product-thumb:not(:first-child) {
    display: none;
}
.pptc-media {
    width: 67.1%;
    position: relative;
    flex: none;
}
.pptc-media img {
    width: 100%;
}
.pptc-name {
    margin-top: 0.1rem;
    color: var(--color666);
    text-align: center;
}
.partner-product-thumb.on .partner-product-thumb-cont {
    background: var(--colorfff);
    box-shadow: 0 .04rem .09rem rgba(240, 96, 0, .05), 0 .17rem .17rem rgba(240, 96, 0, .04), 0 .38rem .23rem rgba(240, 96, 0, .03);
}

.partner-product-switch .std-slickbtn{
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}
.partner-product-switch .std-slickbtn .std-slickbtn-cry{
    margin-top: 0;
    pointer-events: all;
}

.partner-policy {
    overflow: visible;
}
.partner-policy .slick-list{
    margin: 0 0 -30px;
    padding: 0 0 30px;
}
.partner-policy-list {
    display: flex;
    align-items: stretch;
    margin: .6rem -0.2rem 0;
}
.partner-policy-list .slick-track {
    display: flex;
    align-items: stretch;
}
.partner-policy-item:not(:first-child) {
    display: none;
}
.partner-policy-list.slick-initialized .partner-policy-item {
    display: flex !important;
}
.partner-policy-item {
    display: flex;
    width: 25%;
    padding: 0 .2rem;
}
.partner-policy-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: .3rem;
    overflow: visible;
    background: var(--colorf5f);
    border-radius: .1rem;
    cursor: pointer;
    transition: var(--transition);
}
.partner-policy-media {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border-radius: .1rem;
}
.partner-policy-name {
    width: 82%;
    margin: 0 auto;
    margin-top: .2rem;
    color: var(--color252);
    text-align: center;
}

.partner-entry {
    padding-bottom: 2.02rem;
    overflow: visible;
}
.partner-entry-list {
    display: flex;
    align-items: stretch;
    overflow: visible;
    margin: 0 -0.1rem;
}
.partner-entry-item {
    display: flex;
    align-items: center;
    align-self: stretch;
    height: auto;
    width: 50%;
    padding: 0 0.1rem;
}
.partner-entry-item-box{
    width: 100%;
    height: 100%;
    position: relative;
    padding: .51rem .6rem;
    background: var(--colorf5f);
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: visible;
}
.partner-entry-copy {
    width: 68%;
}
.partner-entry-title {
    color: var(--color252);
    font-weight: bold;
}
.partner-entry-title span {
    color: var(--colormain);
}
.partner-entry-copy .std-btn1 {
    margin-top: .4rem;
}
.partner-entry-copy .std-btn1-link {
    padding: 0.14rem 0.4rem;
}
.partner-entry-copy .std-btn1-link-text {
    margin-right: 0;
    font-size: var(--font18);
}
.partner-entry-media {
    position: absolute;
    z-index: 1;
    bottom: -32%;
    right: 0.4rem;
    width: 30.38%;
}
.partner-entry-media img {
    display: block;
    width: 100%;
    max-width: none;
}
.partner-doc-mask {
    position: absolute;
    inset: 0;
    background: rgba(37, 37, 37, .6);
}
.partner-doc-panel {
    position: relative;
    z-index: 1;
    width: 480px;
    padding: .4rem;
    background: var(--colorfff);
    border-radius: .1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.partner-doc-close {
    position: absolute !important;
    top: .2rem;
    right: .2rem;
    z-index: 1;
    width: 16px;
    cursor: pointer;
}
.partner-doc-close img {
    display: block;
    width: 100%;
}
.partner-doc-preview {
    width: 52%;
    margin: 0 auto;
    border-radius: .1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.partner-doc-name {
    margin-top: .2rem;
    color: var(--color252);
    font-weight: bold;
    text-align: center;
}
.partner-doc-panel .std-btn1 {
    display: flex;
    justify-content: center;
    margin-top: .3rem;
}
.partner-doc-panel .std-btn1-link{
    height: 48px;
    padding: 0 0.4rem;
}
.partner-doc-panel .std-btn1-link-text{
    line-height:  var(--line165);
    margin-right: 0;
}
/* g1 - end */
/* g2 - start */
.dealer-wrap{
    position: relative;
}
.dealer-search-core{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dealer-graphic{
    width: 15%;
    flex-shrink: 0;
}
.dealer-graphic img{
    width: 100%;
}
.dealer-title-group{
    margin-top: .6rem;
    text-align: center;
}
.dealer-title{
    margin: 0;
    color: var(--color252);
    font-weight: bold;
}
.dealer-title span{
    color: var(--colormain);
}
.dealer-copy{
    margin-top: .2rem;
}
.dealer-copy,
.dealer-copy p{
    color: var(--color666);
}
.dealer-search-form{
    width: 51.25%;
    margin-top: .6rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dealer-field{
    display: block;
    width: 100%;
    height: 70px;
    padding: 0 .24rem;
    border: 0;
    border-radius: .8rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorf5f);
    color: var(--color666);
    font-size: var(--font20);
    line-height: var(--line15);
    text-align: center;
}
.dealer-field::placeholder{
    color: var(--color666);
    font-size: var(--font20);
    line-height: var(--line15);
}
.dealer-search-form .std-btn2-link{
    margin-top: 0.2rem;
    padding: 0.15rem 0.4rem;
}
.dealer-result{
    margin-top: .6rem;
    padding: .4rem .6rem;
    border-radius: .1rem;
    background: var(--colorf5f);
}
.dealer-result-title{
    color: var(--color252);
    font-weight: bold;
}
.dealer-result-detail{
    margin-top: 0.4rem;
    display: flex;
    justify-content: space-between;
}
.dealer-data-list{
    padding-left: 0.2rem;
    border-left: 1px solid  var(--colord8d);
}
.dealer-data-list1{
    width: 32%;
}
.dealer-data-list2{
    width: calc(100% - 32% - 0.6rem);
}
.dealer-data-item{
    display: flex;
}
.dealer-data-item + .dealer-data-item{
    margin-top: .1rem;
}
.dealer-data-list1 .dealer-data-item span:first-child{
    min-width: 0.96rem;
    flex-shrink: 0;
}
.dealer-data-list2 .dealer-data-item span:first-child{
    min-width: 0.48rem;
    flex-shrink: 0;
}
.dealer-data-item span:first-child{
    color: var(--color666);
}
.dealer-data-item span:last-child{
    padding-left: 0.2rem;
    color: var(--color252);
}
.dealer-result-error{
    text-align: center;
    margin-top: 0.6rem;
    color: var(--colormain);
}
.partner-main .std-cta h2 ,
.dealer-main .std-cta h2{
    color: var(--color252);
    font-weight: bold;
}
.partner-main .std-cta span,
.dealer-main .std-cta span{
    color: var(--colormain);
}

.partner-doc-modal{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow-x: hidden !important;
    overflow-y: auto;
}
/* g2 - end */
/* E2 - start */
.research-intro{
    height: 300vh;
    overflow: visible;
}
.research-intro-sticky{
    position: sticky;
    top: var(--headh);
    height: calc(100vh - var(--headh));
    display: flex;
    justify-content: center;
    align-items: center;
}
.research-title{
    text-align: center;
}
.research-intro-core{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin-top: .6rem;
    overflow: hidden;
}
.research-intro-core .std-slickbtn{
    display: none;
}
.research-intro-inof{
    padding-top: 0;
    width: 36.25%;
    position: relative;
}
.research-intro-inof-item{
    opacity: 0;
    transition: var(--transition);
}
.research-intro-num{
    display: inline-flex;
    align-items: center;
    padding: 0 .24rem;
    height: 40px;
    border-radius: .5rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colormain);
    color: var(--colorfff);
    line-height: normal;
}
.research-intro-copy,
.research-intro-copy p{
    color: var(--color666);
    line-height: var(--line165);
    color: var(--color252);
}
.research-intro-copy{
    margin-top: .2rem;
}
.research-intro-img{
    width: 60%;
    border-radius: .1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: static;
    margin-left: 0;
}
.research-intro-img img{ 
    width: 100%;
}
/* E2 研发能力 902:37211 - end */

/* E2 核心技术 902:37224;902:37227 - start */
.technology-core{
    position: relative;
    overflow: visible;
    height: 200vh;
}
.technology-core-post{
    position: sticky;
    top: var(--headh);
    width: 100%;
    padding-top:var(--space180);
    /* overflow: hidden; */
}
.technology-core-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}
.technology-core-bg img{
    width: 100%;
    max-height: 7.6rem;
    object-fit: cover;
}
.technology-core-title{
    position: relative;
}
.technology-core-core{
    position: relative;
    z-index: 1;
}
.technology-core-scroll{
    position: relative;
    margin-top: 1.73rem;
}
.technology-core-scroll::-webkit-scrollbar{
    display: none;
}
.technology-core-inof{
    display: flex;
    width: calc(100% + 5.2rem);
    margin-left: -.15rem;
}
.technology-core-scroll.is-static{
    overflow-x: auto;
}
.technology-core-inof-item{
    display: flex;
    flex: 0 0 25%;
    width: 25%;
    padding: 0 .15rem;
}
.technology-core-card{
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: visible;
    padding: .4rem;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: .2rem;
    background: rgba(245,245,245,.7);
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem);
    transition: var(--transition);
}

.technology-core-inof-item-content{
    position: relative;
    z-index: 1;
    margin-top: 1.5rem;
}
.technology-core-inof-item-title{
    color: var(--color252);
}
.technology-core-inof-item-copy,
.technology-core-inof-item-copy p{
    color: var(--color666);
    line-height: var(--line165);
}
.technology-core-inof-item-copy{
    margin-top: .22rem;
}
.technology-core .std-slickbtn{
    display: none;
}
/* E2 核心技术 902:37224;902:37227 - end */

/* E2 智能制造 902:37269 - start */
.manufacturing-system{
    overflow: visible;
}
.manufacturing-system-core{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.manufacturing-system-copy{
    position: sticky;
    top: calc(var(--headh) + 1rem);
    width: 40%;
}
.manufacturing-system-title{
    color: var(--color252);
}
.manufacturing-system-text,
.manufacturing-system-text p{
    color: var(--color666);
}
.manufacturing-system-text p:not(:last-child){
    margin-bottom: 0.26rem;
}
.manufacturing-system-text{
    margin-top:0.4rem ;
}
.manufacturing-system-inof{
    width: 56.25%;
}
/* E2 智能制造 902:37269 - end */

/* E2 认证文件 902:37297 - start */
.certificate-doc{
    overflow: visible;
}
.certificate-title{
    text-align: center;
    margin-bottom: 0;
}
.certificate-inof .slick-list {
    padding: 0;
    margin: 0;
}
.manufacturing-system-inof-li:not(:last-child){
    margin-bottom: 0.4rem;
}
.msil-box{
    position: relative;
}
.msil-bot{
    position: absolute;
    left: 0;
    bottom: 0;
    width:100%;
    padding: 0.4rem;
    border-radius: 0 0 0.1rem 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.msil-bot::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(0deg, #20242D 0%, rgba(32, 36, 45, 0.00) 100%);
}
.msil-bot-num{
    color: var(--colorfff);
    font-size: var(--font14);
    line-height: var(--line165);
    margin-bottom: 0.1rem;
}
.msil-box .ys-imgbox-cover{
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.msil-cont{
    position: relative;
    z-index: 2;
}
.msil-tit {
    color: var(--colorfff);
    font-family: var(--bold);
}
.certificate-inof{
   --ge: 25%;
   --gap1: 0.15rem;
   margin: 0.6rem calc(var(--gap1) * -1) 0;
   display: flex;
   flex-wrap: wrap;
}
.certificate-inof-item{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.certificate-inof-item>div{
   height: 100%;
   display: flex;
   flex-direction: column;
   border-radius: 0.1rem;
   background: var(--colorf5f);
   transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   overflow: hidden;
   transition: var(--transition);
   box-shadow: 0 0 0 0 transparent;
   padding: 0.45rem 0.36rem;
}
.certificate-inof-item-img{
    width: 47.4%;
    margin: 0 auto;
}
.certificate-inof-item-copy,.certificate-inof-item-copy p{
    color: var(--color666);
    text-align: center;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.certificate-inof-item-copy{
    margin-top: 0.36rem;
}
.picl-select .ys-select-bd{
    margin-top: 0.1rem;
}
.picl-select  .mCSB_scrollTools{
    width: 1px;
}
.nril-box-le{
    color: var(--color666);
    line-height: 2.1;
    transition: var(--transition);
    font-size: var(--font18);
    font-family: 'WANBANG-ROBRegular';
}
.nril-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.std-btn4-link svg{
    width:24px;
}
.technology-core-scroll-list{
   --ge: 26.041666%;
   --gap1: 0.15rem;

   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   width: max-content;
}
.manufacturing-system  .std-slickbtn{
    display: none;
}
.technology-core-scroll-list>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   max-width: 5rem;
   margin-bottom: 0;
}
.technology-core-scroll-list .tcsl-item-cry{
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0.4rem;
    border-radius: 0.1rem;
    position: relative;
    background: #f1f0f0;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    -moz-backdrop-filter: blur(50px);
    -o-backdrop-filter: blur(50px);
    -ms-backdrop-filter: blur(50px);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: var(--transition);
    box-shadow: 0 0 0 0 transparent;
}
.manufacturing-system .case-product-controls,
.technology-core .case-product-controls{
    display: none;
}
.tcsl-item-cry-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: .1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colormain);
    margin-bottom: 1.58rem;
}
.tcsl-item-cry-icon img{
    width: 48px;
}
.tcsl-item-cry-bot .ticb-tit{
    color: var(--color000);
    font-family: var(--bold);
    margin-bottom: 0.2rem;
}
.ticb-cry,.ticb-cry p{
    color: var(--color666);
}
.tcsl-item-cry .pibl-item-link-bg{
    width: 2.8rem ;
}
.certificate-doc .std-slickbtn{
    margin-top: 0;
}
.certificate-doc .slick-list {
    margin-bottom: -40px;
    padding-bottom: 40px;
}
/* E2 认证文件 902:37297 - end */
/* E2 - end */
@media screen and (min-width: 1200px){
    /* d4 - start */
    .financial-service-list>li .financial-service-card:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .financial-service-list>li .financial-service-card:hover .financial-service-num,
    .financial-service-list>li .financial-service-card:hover .financial-service-title{
        color: var(--colormain);
    }
    /* d4 - end */
    /* g1 - start */
    .partner-benefit-item:hover .partner-benefit-media img:last-child {
        transform: scale(1.05);
    }
    .partner-product-thumb:hover .partner-product-thumb-cont{
        background: var(--colorfff);
        box-shadow: 0 4px 9px rgba(240, 96, 0, .05), 0 .17rem .17rem rgba(240, 96, 0, .04), 0 .38rem .23rem rgba(240, 96, 0, .03);
    }
    .partner-policy-card:hover {
        background: var(--colorfff);
        box-shadow: 0 4px 9px rgba(240, 96, 0, .05), 0 .17rem .17rem rgba(240, 96, 0, .04), 0 .38rem .23rem rgba(240, 96, 0, .03);
    }
    .std-arrows1 .std-arrow-prev:hover .partner-carousel-arrow img:first-child,
    .std-arrows1 .std-arrow-next:hover .partner-carousel-arrow img:first-child {
        opacity: 0;
    }
    .std-arrows1 .std-arrow-prev:hover .partner-carousel-arrow img + img,
    .std-arrows1 .std-arrow-next:hover .partner-carousel-arrow img + img {
        opacity: 1;
    }
    /* g1 - end */
    /* g2 - start */
    .dealer-data-address{
        white-space: nowrap;
    }
    /* g2 - end */
    /* e2 - start */
    .tcsl-item-cry:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
        -webkit-box-shadow: var(--shadow1);
    }
    /* e2 - end */
}
/* 2026.7.28 Teemo end */

/* 2026.7.29 lucas start */
.solution-chall-top,.solution-chall-top p{
    color: var(--color999);
    font-family: var(--bold);
}
.solution-chall-top p span {
    --size: 0;
    transition: unset;
    -webkit-text-fill-color: #2525254d;
    background-image: -webkit-linear-gradient(right,#252525, #252525 100%);
    background-position: 0px;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-size: var(--size) 100%;
}
.solution-main .manufacturing-info{
    padding-bottom: 0;
}
.solution-adva-bot-ri,.solution-adva-bot-ri p{
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line165);
}
.solution-adva-bot-ri p:not(:last-child){
    margin-bottom: 0.75em;
}
.solution-adva-bot-ri h4{
    font-size: var(--font32);
    color: var(--color252);
    line-height: var(--line14);
    font-family: var(--bold);
}
.solution-adva-bot-ri h5{
    font-size: var(--font24);
    color: var(--color252);
    line-height: var(--line14);
    margin-bottom: 0.2rem;
    font-family: var(--bold);
}
.solution-adva-bot-le{
    width:53.75%;
    border-radius: 0.1rem;
    background: #F5F5F5;
    padding: 0.3rem 0.7rem;
}
.solution-adva-bot-ri{
    width:38.75%;
}
.solution-adva-bot{
    display: flex;
    justify-content: space-between;
    margin-top: 0.6rem;
    align-items: center;
}
.solution-adva .home-banner-dir {
    position: relative;
    bottom: auto;
    left: auto;
    display: flex;
    margin-top: 0.6rem;
    justify-content: center;
}
.solution-plan-img{
    border-radius: 0.1rem;
    margin-top: 0.6rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.solution-plan-img img{
    width: 100%;
}
.spbs-item-cry .std-font20{
    transition: var(--transition);
    color: var(--color252);
    margin-bottom: 0.2rem;
}
.spbs-item-cry-info,.spbs-item-cry-info p{
    color: var(--color666);
}
.solution-plan-bot-slick{
   --ge: 25%;
   --gap1: 0.15rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
   padding: 0.3rem 0 0.6rem;
}
.spbs-item{
   width: var(--ge);
   padding: 0 var(--gap1);
}
.spbs-item>div{
   height: 100%;
   display: flex;
   flex-direction: column;
   padding: 0.2rem;
   transition: var(--transition);
   box-shadow: 0 0 0 0 transparent;
   border-radius: 0.1rem;
   background: #F5F5F5;
}
.solution-plan-bot-slick .slick-list {
    margin: -0.5rem 0;
    padding: 0.5rem 0;
}
.solution-fram-bot img{
    width: 100%;
}
.solution-fram-bot{
    margin-top: 0.6rem;
}
.solution-fram{
    padding-top: 1.2rem;
}
.solution-plan .home-banner-dir {
    position: relative;
    bottom: auto;
    left: auto;
    display: flex;
    margin-top: -0.2rem;
    justify-content: center;
}
.brand-banner-post{
    width: 100%;
}
.brand-banner-wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 5;
}
.brand-banner{
    overflow: visible;
    position: relative;
}
.brand-banner-post-le{
    width:36.125%;
    margin-top: 2.8rem;
    pointer-events: all;
}
.brand-banner-post-ri{
    width:46.75%;
    margin-bottom:1rem;
    margin-top: auto;
    pointer-events: all;
}
.brand-banner-post-info{
    display: flex;
    justify-content: space-between;
    height: 100%;
}
.brand-banner-post-le .std-font80{
    color: var(--colorfff);
    font-family: var(--bold);
    line-height: 1.1;
}
.brand-banner-post-le .std-font80 span{
    color: var(--colormain);
}
.brand-banner-post-ri,.brand-banner-post-ri p{
    color: rgba(255, 255, 255, 0.50);
    font-size: var(--font24);
    line-height: var(--line14);
    font-family: var(--bold);
}
.brand-banner-post-ri p span {
    --size: 0;
    transition: unset;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.5);
    background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 100%);
    background-position: 0px;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-size: var(--size) 100%;
}
.brand-main .manufacturing-info-wrap {
    clip-path: inset(9% 12% round 18px);
}
.brand-main .manufacturing-info{
    padding-bottom: 0;
}
.brand-culture-bot{
    margin-top: 0.6rem;
    height:6.4rem;
}
.bcbf-slide-box{
    position: relative;
    height: 100%;
}
.bcbf-slide-box-info{
    position: absolute;
    width: 100%;
    padding:0.3rem;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.bcbf-slide-box .ys-imgbox-cover{
    height: 100%;
    border-radius: 0.1rem;
}
.bcbf-slide-box .ys-imgbox-cover img:nth-child(2){
    object-fit: cover;
}
.brand-culture-bot-fold{
    --gap1: 0.1rem;
    height: 100%;
}
.brand-culture-bot-fold .ys-fold-nub {
    width: calc(calc(var(--cont) + calc(var(--gap1) * 2)) * .17);
}
.ys-fold-nub.on {
    width: calc(calc(var(--cont) + calc(var(--gap1) * 2)) * .6);
}
.bcbf-slide-box .ys-imgbox-cover::before{
    content: "";
    width: 100%;
    height:40%;
    background: linear-gradient(0deg, #032A34 0%, rgba(3, 42, 52, 0.00) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.bcbf-slide-box-info .std-font40{
    color: var(--colorfff);
    font-family: var(--bold);
    margin-bottom: 0.13rem;
    font-size: var(--font22);
}
.bsbi-cry,.bsbi-cry p{
    color: var(--colorfff);
}
.bsbi-cry{
    width:100%;
    display: none;
}
.brand-deve-bot{
    position: relative;
    margin: 0.55rem auto;
    overflow: hidden;
    width: calc(100% - 40px);
}
.brand-deve-bot::before{
    content: "";
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index:1 ;
}
.brand-deve-bot-bg{
    width: 100%;
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    pointer-events: none;
}
.bdbs-item-cry{
    padding:0.6rem 0.4rem;
    position: relative;
}
.bdbs-item-cry::before{
    content: "";
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 110, 251, 0.00) 0%, var(--colormain) 51.92%, rgba(0, 110, 251, 0.00) 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.bdbs-item-cry-time{
    font-size: var(--font70);
    line-height: var(--line12);
    background: linear-gradient(135deg, #EA5504 0%, #FF8904 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'WANBANG-ROBBold';
    margin-bottom: 0.2rem;
}
.bdbs-item-cry-info,.bdbs-item-cry-info p{
    color: var(--color666);
}
.brand-deve-bot-box{
    position: absolute;
    top: 0;
    left: var(--place);
    width: var(--cont);
}
.brand-deve-bot-swiper .swiper-pagination{
    display: none;
}
.about-hist-swiper-follow{
    width: 0.64rem;
    position: absolute;
    z-index: 5;
    pointer-events: none;
    opacity: 0;
    top: 0;
    left: 0;
}
.brand-star-bot{
    width: calc(100% - 40px);
    margin: 0.6rem auto 0;
    border-radius: 0.1rem;
    background: linear-gradient(180deg, #FFF 0%, #F5F5F5 100%);
    padding-bottom: 45px;
}
.brand-star-bot-map{
    width: 100%;
}
.bsbm-item:not(:first-child){
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
}
.bsbm-item img{
    width: 100%;
}
.blic-text{
    transition: var(--transition);
    color: var(--color666);
    line-height: normal;
    font-size: var(--font16);
    padding-right: 10px;
    flex: 1;
}
.blic-dir{
    width:16px;
    height:16px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border-radius: 50%;
    background: var(--dircolor);
    transition: var(--transition);
}
.bsbt-list-item-cry{
    padding:8px 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: var(--transition);
    border-radius: 26px;
    background: var(--colorfff);
    cursor: pointer;
}
.bsbt-list-item:not(:last-child){
    margin-bottom:0.1rem;
}
.bsbt-list-item.act .bsbt-list-item-cry{
    background: var(--dircolor);
}
.bsbt-list-item.act .blic-text{
    color: var(--colorfff);
}
.bsbt-list-item.act .blic-dir{
    background: var(--colorfff);
}
.brand-star-bot .ys-cont1600{
    position: relative;
}
.brand-star-bot-tab{
    position: absolute;
    bottom: 0;
    left: 0;
}
.brand-star-bot-point{
    position: relative;
}
.blii-item-text {
    color: var(--color252);
    font-size: var(--font14);
    line-height: normal;
    transition: var(--transition);
    flex: 1;
    opacity: 0;
    position: absolute;
    white-space: nowrap;
    padding: 0.08rem 0.3rem 0.08rem 0.15rem;
    border-radius: 28px;
    box-shadow: 0 7.66px 9.574px -5.745px rgba(0, 0, 0, 0);
    background: #fff;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
}
.blii-item-dir{
    background: var(--dircolor);
    width:10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    z-index: 5;
    cursor: pointer;
}
.blii-item.act .blii-item-text{
    opacity: 1;
}
.blii-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    position: absolute;
    transition: var(--transition);
    padding: 0 !important;
}
.blii-item.act{
    z-index: 30;
}
.blii-item.act .blii-item-text{
    opacity: 1;
}
.blii-item.res {
    flex-direction: row-reverse;
}
.bsbp-list-item{
    display: none;
}
.bsbm-item.isshow{
    opacity: 1;
    pointer-events: all;
}
.bsbm-item{
    width: 100%;
    transition: var(--transition);
    opacity: 0;
}
.brand-global-le{
    width:27.93%;
}
.brand-global-ri{
    width:68.75%;
    height: 9.4rem;
    position: relative;
    overflow: hidden;
    padding: 0 0.2rem;
    margin: 0 -0.2rem;
}
.brand-global-ri::before{
    content: "";
    width: 100%;
    height: 21.27%;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
}
.brand-global-ri::after{
    content: "";
    width: 100%;
    height: 21.27%;
    background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    bottom:0;
    left: 0;
    z-index: 2;
    pointer-events: none;
}
.brand-global .ys-cont1600{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.brand-global-ri .ys-horse-wai{
    display: flex;
}
.brand-global-ri .ys-horse-wai .ys-horse{
    width: 33.33%;
    overflow: visible;
}
.brand-global-ri .ys-horse-wai .ys-horse:not(:last-child){
    margin-right: 0.4rem;
}
.brand-global-ri .ys-horse {
    position: relative;
    overflow: hidden;
    --width1: 220px;
    --gap1: 0.2rem;
}
.brand-global-ri-box{
    border-radius: 0.1rem;
    background: rgba(245, 245, 245, 0.70);
    padding: 0.6rem 1rem;
    width: 100%;
    height: 100%;
    transition: var(--transition);
    box-shadow: 0 0 0 0 transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand-global-le .std-font64{
    color: var(--color252);
    font-family: var(--bold);
    margin-bottom: 0.4rem;
}
.brand-global-le .std-font64 span{
    color: var(--colormain);
}
.brand-global-le-cry,.brand-global-le-cry p{
    color: var(--color666);
    font-family: var(--bold);
}
.brand-hono-bot-le{
    width:26.25%;
}
.brand-hono-bot-box{
    border-radius: 0.1rem;
    background: #F5F5F5;
    transition: var(--transition);
    box-shadow: 0 0 0 0 transparent;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0.45rem 0.36rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.brand-hono .ys-horse {
    overflow: visible;
    --width1: 360px;
    --gap1: 0.15rem;
}
.brand-hono-bot-box .ys-imgbox-cover{
    width: 1.46rem;
    margin-bottom: 0.36rem;
}
.bhbb-cry,.bhbb-cry p{
    color: var(--color666);
    line-height: var(--line16);
    font-size: var(--font18);
    text-align: center;
}
.brand-hono-bot{
    position: relative;
    overflow: hidden;
}
.brand-hono-bot-bg{
    width: 100%;
    pointer-events: none;
}
.brand-hono-bot-wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.brand-hono-bot::before{
    content: "";
    width: 100%;
    height: 3.6rem;
    background: linear-gradient(180deg, #FFF 23.56%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.brand-banner-img {
    width: 110% !important;
    height: auto !important;
    max-width: unset;
    left: -5% !important;
    top: -5% !important;
}
.contact-hero-tab{
    border-radius: 50px;
    background: var(--colorf5f);
    padding: 0.1rem;
    width: fit-content;
    margin: 0.7rem auto 0;
}
.chtl-item-box {
    display: flex;
    padding: 0.17rem 0.4rem;
    border-radius: 50px;
    cursor: pointer;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
}
.chtl-item-box::before{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background:linear-gradient(135deg, #EA5504 0%, #FF8904 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: var(--transition);
    opacity: 0;
}
.contact-hero-tab-list{
   --ge: auto;
   --gap1: 0.2rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
}
.contact-hero-tab-list>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.chtl-item.on .chtl-item-box span{
    color: var(--colorfff);
}
.chtl-item-box span{
    font-size: var(--font20);
    line-height: normal;
    color: var(--color666);
    transition: var(--transition);
    position: relative;
    z-index: 2;
}
.chtl-item.on .chtl-item-box::before{
    opacity: 1;
}
.contact-hero-bot{
    margin-top: 0.4rem;
    padding: 0.4rem 0.6rem;
    border-radius: 10px;
    border: 1px solid #D8D9E0;
}
.contact-hero-bot .contact-hero-bot-label,.yfii-box{
    display: flex;
    border-bottom: 0.5px solid #D8D9E0;
    align-items: center;
}
.ys-fii-input {
    border: unset;
    flex: 1;
}
.ys-fii-name {
    color: var(--color666);
    font-size: var(--font18);
    line-height: var(--line16);
    margin-bottom: 0;
}
.ys-fii-name span {
    color: var(--color666);
    margin-left: 0.08rem;
}
.yfii-box .ys-select{
    flex: 1;
    position: static;
}
.yfii-box{
    position: relative;
}
.yfii-box .ys-select-bd{
    margin-top: 0.2rem;
    border-radius: 0.1rem;
}
.ys-form-inof-item .ys-select-li {
    padding: 0.1rem 0;
}
.contact-hero-bot .ys-fii-select .ys-select-inof, .ys-fiiss-core {
    height:270px;
    padding: 0;
}
.ys-form-third-country .ys-fiiss-core{
    height: 200px;
}
.contact-hero-bot .ys-select-hd.on .ys-select-xtbbox .iconfont{
    transition: var(--transition);
    color: var(--colormain);
}
.contact-hero-bot .mCSB_scrollTools {
    width: 1px;
    height: calc(100% - 0.2rem);
}
.contact-hero-bot  .ys-fii-select-search .ys-select-bd {
    padding-top: 0.3rem !important;
}
.ys-form-inof-text .ys-fii-input {
    height: 62px;
    border-bottom: 1px solid #D8D9E0;
}
.ys-fii-input textarea{
    padding: 0;
}
.ys-form {
    --space: 0.15rem;
    --spacebot: 0.3rem;
}
.ys-fia-text-word a {
    color: var(--color666);
}
.ys-fia-text-word {
    font-size: var(--font16);
    line-height: var(--line165);
    color: var(--color666);
    width: calc(100% - 24px);
    padding-left: 8px;
}
.ys-fia-text-btn::before {
    width: 14px;
    height: 14px;
    border-radius: 2px;
}
.ys-fia-text-btn {
    width: 24px;
    height: 24px;
    top: 2px;
}
.ys-fia-text-btn::after {
    width: 8px;
    height: 8px;
}
.ys-fii-submit {
    height: 44px;
    line-height: 44px;
    text-align: center;
    background:linear-gradient(135deg, #EA5504 0%, #FF8904 100%);
    color: #fff;
    font-size: var(--font18);
    cursor: pointer;
    padding: 0 0.2rem;
    border-radius: 30px;
    width: fit-content;
}
.contact-busin-list{
   --ge: 33.333333%;
   --gap1: 0.15rem;
   --gap2: 0.3rem;
   margin: 0.6rem calc(var(--gap1) * -1) calc(var(--gap2) * -1);
   display: flex;
   flex-wrap: wrap;
       justify-content: center;
}
.contact-busin-list>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.contact-busin-list>li>div{
   height: 100%;
   display: flex;
   flex-direction: column;
   border-radius: 0.1rem;
   transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   overflow: hidden;
   background: var(--colorf5f);
   padding: 0.3rem;
   transition: var(--transition);
   box-shadow: 0 0 0 0 transparent;
}
.cbli-box-top-icon{
    width:30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4.688px;
    background: var(--colormain);
    margin-right: 0.2rem;
}
.cbli-box-top-icon img{
    width:22px;
}
.cbli-box-top .std-font20{
    transition: var(--transition);
    color: var(--color252);
    flex: 1;
}
.cbli-le{
    color: var(--color666);
    width: 20%;
}
.cbli-ri,.cbli-ri *{
    color: var(--color252);
}
.cbli-box-list-item:not(:last-child){
    margin-bottom: 0.1rem;
}
.cbli-ri{
    width: 75.27%;
    flex: 1;
    padding-left: 0.2rem;
}
.cbli-box-list-item{
    display: flex;
    justify-content: space-between;
}
.cbli-box-top{
    display: flex;
}
.cbli-box-list{
    margin-top: 0.3rem;
}
.chbl-bot-le{
    position: relative;
    width: 41.16%;
    display: flex;
    padding: 0 0.2rem;
}
.chbl-bot-le:last-child{
    justify-content: flex-end;
}
.chbl-bot-le img{
    width: 20px;
}
.chbl-bot{
    display: flex;
    margin-top: 0.2rem;
    padding: 0 0.2rem 0.1rem;
    justify-content: space-between;
    border-bottom: 1px solid  #D8D9E0;
}
.chbl-bot input::placeholder{
    color: var(--color999);
    font-size: var(--font16);
}
.chbl-bot-le input{
    width: 100%;
    flex: 1;
    height: 28px;
}
.contact-hero-bot input,.contact-hero-bot textarea{
    font-size: var(--font16);
    color: var(--color333);
}
.contact-result-jump{
    color: var(--color666);
    font-size: var(--font20);
    line-height: var(--line15);
    text-align: center;
    margin-top: 0.6rem;
}
.charger-hero-copy .charger-hero-actions{
    margin-bottom: 0;
}
.charger-hero-actions-video{
    cursor: pointer;
}
.development-esg-ri{
    width: 59.375%;
    border-radius: 0.1rem;
    background: var(--colorfff);
    box-shadow: -2px 0.23rem 0.23rem 0 rgba(0, 0, 0, 0.04);
}
.development-esg,.development-network,.development-sustainability,.oam-process,.oam-support{
    padding-bottom: 0.4rem;
    margin-bottom: -0.4rem;
}
.development-esg-le{
    width:36.875%;
}
.development-esg .ys-cont1600{
    display: flex;
    justify-content: space-between;
}
.development-esg-le .std-font64{
    color: var(--color252);
    font-family: var(--bold);
}
.development-esg-le .std-font64 span{
    color: var(--colormain);
}
.development-esg-le-cry{
    margin-top: 0.2rem;
}
.development-esg-le-cry,.development-esg-le-cry p{
    color: var(--color666);
}
.development-network .mod-title1{
    width: 72.125%;
    margin: auto;
}
.development-network-bot{
    width: 100%;
    border-radius: 0.1rem;
    background: var(--colorfff);
    box-shadow: -2px 0.23rem 0.23rem 0 rgba(0, 0, 0, 0.04);
    margin-top: 0.6rem;
    padding: 0.4rem 2.6rem;
}
.dsbl-li-link .std-font24{
    background: linear-gradient(135deg, #EA5504 0%, #FF8904 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--bold);
}
.dsbl-li-link-bot{
    margin-top: 0.4rem;
}
.dllb-cry,.dllb-cry p{
    color: var(--color666);
}
.dllb-cry{
    height: 6.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.dllb-btn{
    margin-top: 0.2rem;
    display: flex;
    align-items: center;
}
.dllb-btn img{
    width:24px;
    margin-right: 0.14rem;
}
.dllb-btn-text{
    color: var(--colormain);
    margin-top: 2px;
}
.development-sustainability-bot-list{
   --ge: 50%;
   --gap1: 0.1rem;
   --gap2: 0.2rem;
   margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
   display: flex;
   flex-wrap: wrap;
}
.development-sustainability-bot-list>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.development-sustainability-bot-list>li>.dsbl-li-link{
   height: 100%;
   display: flex;
   flex-direction: column;
   padding: 0.3rem;
   transition: var(--transition);
   border-radius: 0.1rem;
    background: var(--colorf5f);
    box-shadow: 0 0 0 0 transparent;
}
.development-sustainability-bot{
    margin-top: 0.6rem;
}
.development-policies-top{
    margin-top: 0.4rem;
    border-bottom: 1px solid #D8D9E0;
}
.development-policies-top-list{
   --ge: auto;
   --gap1: 0.2rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
    justify-content: center;
}
.development-policies-top-list>li{
   width: var(--ge);
   padding: 0 var(--gap1);
}
.development-policies-top-list>li>div{
   height: 100%;
   display: flex;
   flex-direction: column;
}
.dptl-li-cry{
    padding:0.2rem 0;
}
.dptl-li-cry{
    color: var(--color666);
    font-size: var(--font20);
    line-height: var(--line15);
    transition: var(--transition);
    position: relative;
    display: block;
    cursor: pointer;
}
.development-policies-bot{
    margin-top:0.4rem;
}
.dptl-li-cry::before{
    content: "";
    width: 0%;
    height: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: var(--colormain);
    transition: var(--transition);
}
.dptl-li.act .dptl-li-cry{
    color: var(--colormain);
}
.dptl-li.act .dptl-li-cry::before{
    width: 100%;
}
.dpbb-slick{
   --ge: 25%;
   --gap1: 0.2rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
}
.dpbb-slick-item{
   width: var(--ge);
   padding: 0 var(--gap1);
}
.dpbb-slick-item-link{
   height: 100%;
   display: flex;
   flex-direction: column;
   padding: 0.3rem;
   border-radius: 0.1rem;
   background: var(--colorf5f);
   transition: var(--transition);
}
.dsil-cry{
    width: 82%;
    margin: 0.2rem auto 0;
}
.dsil-cry,.dsil-cry p{
    color: var(--color252);
    text-align: center;
}
.dpbb-slick-item-link .ys-imgbox-cover{
    border-radius: 0.1rem;
}
.development-policies-bot-box:not(:first-child){
    display: none;
}
.dpbb-slick .slick-list {
    margin: -0.5rem 0;
    padding: 0.5rem 0;
}
.dilb-bot .std-btn4-link-text{
    color: var(--color999);
    margin-right: 0.16rem;
}
.dilb-bot{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dilb-cry,.dilb-cry p{
    color: var(--color252);
}
.dilb-cry{
    height: 3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 0.6rem;
}
.dsbs-item-link-bot{
    padding: 0.2rem;
}
.dsbs-item-link .ys-imgbox-cover{
    border-radius: 0.2rem;
}
.development-susta-bot{
    margin-top: 0.6rem;
}
.development-susta-bot-slick{
   --ge: 33.333333%;
   --gap1: 0.1rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
}
.dsbs-item{
   width: var(--ge);
   padding: 0 var(--gap1);
}
.dsbs-item>a{
   height: 100%;
   display: flex;
   flex-direction: column;
   transition: var(--transition);
   box-shadow: 0 0 0 0 transparent;
   border-radius: 0.2rem;
   transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   overflow: hidden;
}
.development-susta-bot-slick .slick-list {
    margin: -0.5rem 0;
    padding: 0.5rem 0;
}
.dilb-bot-tima{
    font-family: 'WANBANG-ROBRegular';
    color: var(--color999);
    line-height: 2.1;
    font-size: var(--font18);
}
.dhbs-item-cry-bot,.dhbs-item-cry-bot p{
    color: var(--color666);
    text-align: center;
}
.dhbs-item-cry-bot{
    margin-top: 0.28rem;
}
.dhbs-item-cry .ys-imgbox-cover{
    width:63.76%;
    margin: auto;
}
.development-honor-bot-slick{
   --ge: 25%;
   --gap1: 0.15rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
}
.dhbs-item{
   width: var(--ge);
   padding: 0 var(--gap1);
}
.dhbs-item>div{
   height: 100%;
   display: flex;
   flex-direction: column;
   padding:0.4rem;
   transition: var(--transition);
   border-radius: 0.1rem;
   background: var(--colorf5f);
}
.development-honor-bot-slick .slick-list {
    margin: -0.5rem 0;
    padding: 0.5rem 0;
}
.development-honor-bot{
    margin-top: 0.6rem;
}
.oam-chall .solution-chall-top{
    padding: 0 0.34rem;
}
.oam-process-bot{
    margin-top: 0.6rem;
    padding:0.24rem 0;
    border-radius: 0.1rem;
    background: var(--colorfff);
    box-shadow: -2px 23px 23px 0 rgba(0, 0, 0, 0.04);
}
.oam-process-bot-slick{
   --ge: 100%;
   --gap1: 10px;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
}
.opbs-item{
   width: var(--ge);
   padding: 0 var(--gap1);
}
.opbs-item>div{
   height: 100%;
}
.oam-main  .home-banner-dir {
    position: relative;
    bottom: auto;
    left: auto;
    display: flex;
    margin-top: 0.6rem;
    justify-content: center;
}
.oam-support-bot-slick{
   --ge: 100%;
   --gap1: 10px;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   flex-wrap: wrap;
}
.osbs-item{
   width: var(--ge);
   padding: 0 var(--gap1);
}
.osbs-item>div{
   height: 100%;
}
.oam-support-bot{
     margin-top: 0.6rem;
    padding:0.18rem 1.72rem;
    border-radius: 0.1rem;
    background: var(--colorfff);
    box-shadow: -2px 23px 23px 0 rgba(0, 0, 0, 0.04);
}
.charger-recom-tab-cry:not(:first-child){
    display: none;
}
.oam-main .ys-nybanner::before{
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, #436D92 0%, rgba(67, 109, 146, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.oam-standar-bot-triangle svg{
    width: 100%;
    pointer-events: none;
    height: auto;
}
.oam-standar-bot-triangle{
    width:740px;
    margin: auto;
}
.oam-standar-bot{
    width: 100%;
    position: relative;
    margin-top:0.6rem ;
    min-height: 840px;
}
.oam-standar-bot-triangle{
    position: relative;
}
.osbi-box .std-text18{
    transition: var(--transition);
    color: var(--color252);
}
.osbt-ri{
    width:523px;
}
.osbt-le{
    width: 460px;
}
.osbt-bot{
    width: 464px;
}
.osbi-box{
    transition: var(--transition);
    opacity: 0.3;
}
.osbi-box.act{
    opacity: 1;
}
.osbi-box.act .std-text18{
    color: var(--colormain);
}
.osbi-ph{
    display: none;
}
.osbt-le-line{
    width: 100%;
    height: 2px;
    transition: var(--transition);
    position: relative;
    background: linear-gradient(270deg, rgba(234, 85, 4, 0) 0%, rgba(234, 85, 4, 1) 100%);
}
.osbt-le .osbt-le-line{
    background: linear-gradient(90deg, rgba(234, 85, 4, 0) 0%, rgba(234, 85, 4, 1) 100%);
}
.osbt-le-line::before{
    content: "";
    width:8px;
    height: 8px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--colormain);
    position: absolute;
}
.osbt-le .osbt-le-line::before{
    left:  auto;
    right:0;
}
.osbt-le-list-li{
    position: relative;
    padding-left: 0.24rem;
}
.osbt-le-list-li::before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--color666);
    transition: var(--transition);
    position: absolute;
    top: 13px;
    left: 12px;
}
.osbt-bot {
    display: flex;
    align-items: flex-end;
}
.osbt-bot .osbt-le-line{
    width: 2px;
    height: 232px;
    margin-right: 0.2rem;
}
.osbt-bot .osbt-le-line {
    background: linear-gradient(360deg, rgba(234, 85, 4, 0) 0%, rgba(234, 85, 4, 1) 100%);
}
.osbt-bot .osbt-le-line::before{
    left: -3px;
    top: 0;
}
.osbt-le .osbt-le-line,.osbt-ri .osbt-le-line{
    margin: 0.18rem 0;
}
.osbt-ri .std-text18,.osbt-ri .osbt-le-list{
    margin-left:1.8rem ;
}
.osbi-box{
    position: absolute;
    z-index: 5;
}
.osbt-ri{
    top: 47%;
    right: 5%;
}
.osbt-le{
    top: 19%;
    left: 16%;
}
.osbt-bot{
    left: 50%;
    bottom: 0;
}
.osbt-list-name{
    text-align: center;
    color: var(--colormain);
    max-width: 1.75rem;
    position: absolute;
    transition: var(--transition);
    cursor: pointer;
}
.osbt-list-name:nth-child(1){
    top: 47%;
    left: 60%;
}
.osbt-list-name:nth-child(2){
    top: 47%;
    left: 32%;
}
.osbt-list-name:nth-child(3){
    top: 71%;
    left: 38%;
}
.osbt-list-name.act{
    color: var(--colorfff);
}
.oam-standar-bot-item1,.oam-standar-bot-item2,.oam-standar-bot-item3{
    pointer-events: all;
    cursor: pointer;
}
.osbi-img2{
    transition: var(--transition);
}
.osbi-img2.act{
    opacity: 0;
}
.about-space-core {
    margin-top: 0.6rem;
    width: 100%;
    position: relative;
}
.about-space-core::before{
    content: "";
    width: var(--place);
    position: absolute;
    top: 0;
    left: calc(var(--place) * -1);
    background: var(--colorfff);
    height: 600px;
    z-index: 5;
}
.about-space-slick {
    display: flex;
    align-items: stretch;
    --asspa: 10px;
    margin: 0 calc(var(--asspa) * -1);
}
.about-space-blank {
    position: absolute;
    left: 0;
    top: 0;
}
.about-space-slick.slick-initialized {
    display: block;
    width: auto;
}
.about-space-slick.is-switching .about-space-item {
    pointer-events: none;
}
.about-space-item:nth-last-child(1) {
    margin-right: 0;
}
.about-space-item {
    margin-right: 0 !important;
    padding: 0 var(--asspa);
    flex: none;
    width: 260px;
    height: 600px;
    box-sizing: border-box;
    transition: flex-basis .6s ease, width .6s ease, max-width .6s ease;
}
.news-list-item:nth-child(3n+1) {
    animation-delay: .2s;
}
.news-list-item:nth-child(3n+2) {
    animation-delay: .3s;
}
.news-list-item:nth-child(3n+3) {
    animation-delay: .4s;
}
.about-space-item.on {
    width: 760px;
}
.about-space-item-large,
.about-space-item.is-active {
    flex-basis: 49.42%;
    width: 49.42%;
    max-width: 49.42%;
}
.about-space-card {
    position: relative;
    overflow: hidden;
    border-radius: var(--Radius2);
    transform: rotate(0);
    -webkit-transform: rotate(0);
    height: 100%;
    width: 100%;
    cursor: pointer;
}
.about-space-img img {
    object-fit: cover;
}
.about-space-img {
    width: 100%;
    height: 100%;
    background: rgba(91, 56, 79, .12);
    transition: aspect-ratio .6s ease;
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.about-space-img::before{
    content: "";
    width: 100%;
    height:45%;
    background: linear-gradient(0deg, #24262B 0%, rgba(36, 38, 43, 0.00) 100%);
    transition: var(--transition);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.about-space-img::after{
    content: "";
    width: 100%;
    height:45%;
    background: linear-gradient(0deg, #1B3654 0%, rgba(27, 54, 84, 0.00) 100%);
    transition: var(--transition);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}
.about-space-item.on .about-space-img::after{
    opacity: 1;
}
.about-space-item.on .about-space-img::before{
    opacity: 0;
}
.about-space-img img:first-child {
    opacity: 0;
}
.about-space-label {
    position: absolute;
    z-index: 2;
    padding: 0.4rem 0.3rem;
    left: 0;
    bottom: 0;
    width: 100%;
}
.about-space-label .std-font24{
    color: var(--colorfff);
    font-family: var(--bold);
}
.about-space-label-cry,.about-space-label-cry p{
    color: var(--colorfff);
}
.about-space-core{
    padding-bottom: 1px;
}
.about-space-label-cry{
    margin-top:0.1rem ;
    display: none;
}
.charger-recom .development-policies-top {
    margin-top: 0.6rem;
}
.charger-recom-slick {
    margin-top: 0.4rem;
}
.dealer-data-item span a{
    color:var(--color252) ;
}
.partner-main .ys-main{
    width: 100vw;
}
.ppdl-li-cont-cry h4 span{
    color: var(--colormain);
}
.ppdl-li-cont-cry h4{
    font-weight:700;
    font-size: var(--font32);
    color: var(--color252);
    line-height: var(--line14);
}
.ppdl-li-cont-cry h6{
    color: var(--color252);
    font-size: var(--font20);
    line-height: var(--line15);
    margin-bottom: 0.1rem;
}
.ppdl-li-cont-cry p{
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line165);
}
.ppdl-li-cont-cry p:not(:last-child){
    margin-bottom: 0.75em;
}
.ppdl-li-cont-ri{
    width: 60%;
}
.research-intro-inof-item:not(:first-child){
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(calc(100% + 0.7rem));
    transition: var(--transition);
}
.research-intro-inof-item.act{
    opacity: 1;
    transform: translateY(0);
}
.research-intro-inof-item.on{
    opacity: 0;
    transform: translateY(calc(-100% - 0.7rem));
}
.bhbb-cry{
    flex: 1;
    max-height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.viewer-backdrop {
    background-color: rgba(0, 0, 0, 0.3);
}
.manufacturing-info-wrap-di{
    width: 100%;
}
.brand-global-bot,.brand-hono-bot-wrap-ph{
    display: none;
}
.home-main .ys-hd-pc{
    box-shadow: var(--shadow);
}
.ys-ban-imgbox.act img{
    animation: homeBannerZoom 2s linear 1 both;
}
.ys-ban-imgbox.act img{
    animation: homeBannerZoom 2s linear 1 both;
}
@keyframes homeBannerZoom {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
.std-cta .mod-title1{
    overflow: hidden;
}
.std-cta .std-btn2{
    overflow: hidden;
    padding: 0 2px;
}
.my-shear .mod-title1 .std-font80{
    opacity: 0;
    transform-origin: 0% 50%;
    -webkit-transform: translate3d(0, 110%, 0);
    transform: translate3d(0, 110%, 0);
    transition: var(--transition2);
    will-change: transform, opacity;
}
.my-shear.ys-fade-true .mod-title1 .std-font80{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0px, 0);
}
.my-shear .std-btn2 .std-btn2-link{
    opacity: 0;
    transform-origin: 0% 50%;
    -webkit-transform: translate3d(0, 110%, 0);
    transform: translate3d(0, 110%, 0);
    transition: var(--transition2);
    will-change: transform, opacity;
}
.my-shear.ys-fade-true .std-btn2 .std-btn2-link{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0px, 0);
}
.charger-faq .prodspec-info-cent-ri{
    margin-left: auto;
}
.prodvideo-main .pibl-item .ys-imgbox-cover{
    width: 40px;
}
.prodvideo-main .pibl-item .ys-imgbox-cover img:nth-child(1){
    opacity: 1;
}
.prodvideo-main .pibl-item .ys-imgbox-cover img:nth-child(2){
    opacity: 0;
}
.my-indexshear{
    opacity: 0;
    transform-origin: 0% 50%;
    -webkit-transform: translate3d(0, 110%, 0);
    transform: translate3d(0, 110%, 0);
    transition: var(--transition2);
    will-change: transform, opacity;
}
.my-indexshear.ys-fade-true{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0px, 0);
}
.home-main .mod-title1-group .mod-title1{
    overflow: hidden;
}
.home-main .std-btn2{
    overflow: hidden;
}
.service-assure .std-slickbtn{
    display: none;
}
.development-policies-top .prodspec-info-list {
    justify-content: center;
}
.pitl-item span{
    position: relative;
    cursor: pointer;
}
.pitl-item.act span::before{
    width: 100%;
}
.pitl-item span::before {
    content: "";
    width: 0%;
    height: 1px;
    background: var(--colormain);
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    transition: var(--transition);
}
.std-slickbtn{
    padding-bottom: 2px;
}
.layui-laydate {
    z-index: 20 !important;
}
@media screen and (min-width: 1200px){
    .pitl-item:hover span{
        color: var(--colormain);
    }
    .pitl-item:hover span::before{
        width: 100%;
    }
    .prodvideo-main .pibl-item .pibl-item-link:hover .ys-imgbox-cover img:nth-child(2){
        opacity: 1;
    }
    .prodvideo-main .pibl-item .pibl-item-link:hover .ys-imgbox-cover img:nth-child(1){
        opacity: 0;
    }
    .dhbs-item-cry:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .dsbs-item-link:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .dsbs-item-link:hover .dilb-bot-tima{
        color: var(--colormain);
    }
    .dsbs-item-link:hover .std-btn4-link-text{
        color: var(--colormain);
    }
    .dsbs-item-link:hover .std-btn4-link-path{
        fill: var(--colormain);
    }
    .dpbb-slick-item-link:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .dptl-li-cry:hover{
        color: var(--colormain);
    }
    .dptl-li-cry:hover::before{
        width: 100%;
    }
    .dsbl-li-link:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .cbli-box:hover .std-font20 {
        transform: translateX(-0.1rem);
    }
    .cbli-box:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .spbs-item-cry:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .spbs-item-cry:hover .std-font20{
        color: var(--colormain);
    }
    .bsbt-list-item-cry:hover{
        background: var(--dircolor);
    }
    .bsbt-list-item-cry:hover .blic-dir{
        background: var(--colorfff);
    }
    .bsbt-list-item-cry:hover  .blic-text{
        color: var(--colorfff);
    }
    .brand-global-ri-box:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .brand-hono-bot-box:hover{
        background: var(--colorfff);
        box-shadow: var(--shadow1);
    }
    .chtl-item-box:hover span{
        color: var(--colorfff);
    }
    .chtl-item-box:hover::before{
        opacity: 1;
    }
}
/* 2026.7.29 lucas end */
/* 2026.8.4 Lucas start */
.head-product-menu-link,.head-product-tab-link,.charger-faq-bot-slide .std-font20,.case-archive .case-filter-reset{
    transition: var(--transition);
}
.certificate-doc .slick-list {
    margin-bottom: -0.5rem;
    padding-bottom: 0.5rem;
}
.chbl-bot-le img{
    cursor: pointer;
}
.partner-policy .slick-list {
    margin: 0 0 -0.5rem;
    padding: 0 0 0.5rem;
}
.dealer-search-form .std-btn2-link{
    cursor: pointer;
}
.product-card,.charger-advantages-slick-item>div,.std-slickbtn-cry,.hnbw-cry-brn,.charger-recom-slick-item>a,.charger-faq-bot-slide .ys-slide-item,.faq-inof-icon{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.solution-adva-bot-le,.spbs-item>div,.wili-link-ri,.bsbt-list-item-cry,.brand-global-ri-box,.news-inof-item-link,.development-sustainability-bot-list>li>a{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.dpbb-slick-item-link,.dsbs-item>a,.chtl-item-box,.ys-fii-submit,.contact-busin-list>li>div,.cbli-box-top-icon,.partner-policy-card,.dealer-result{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.charger-gallery-item{
    width: 100%;
}
.sabl-slick-list-item{
    width: 100%;
}
.prodspec-info-cent-le .ys-flex {
    flex-wrap: nowrap;
}
/* 2026.8.4 lucas end */
/* 2026.8.14 start */
.hnbr-top{
    position: relative;
}
.hnbr-bot-slick-item .ys-imgbox-cover img{
    object-fit: cover;
}
.ys-hd-pc::before{
    height: 100%;
}
.head-nav-item-product.isnot{
    pointer-events: none;
}
.addpaddingbot{
    padding-bottom: var(--space180) !important;
}
@media screen and (min-width: 1200px){
    .home-main .ys-hd-pc:hover::before{
        height: 100%;
        opacity: 1;
    }
    .ys-form-inof-item .ys-select-li:hover{
        color: var(--colormain);
    }
    .std-slickbtn-cry:hover{
        border: 1px solid transparent;
    }
    .inside-main .std-btn2-link:hover{
        color: var(--colorfff);
    }
}
/* 2026.8.14 end */
.charger-faq .std-btn2{
    margin: 0.6rem auto 0;
    width: fit-content;
    display: none;
}
.charger-faq .std-btn2 .std-btn2-link{
    cursor: pointer;
}
.charger-faq.showbtn .std-btn2{
    display: block;
}
.charger-faq-bot-slide .ys-slide-item:nth-child(n+6){
    display: none;
}
.charger-faq.showitem .charger-faq-bot-slide .ys-slide-item:nth-child(n+6){
    display: block;
}
.solution-main .ys-nyban-img{
    position: relative;
}
.solution-main .ys-nyban-img::before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(179deg, #141b2547 0%, rgba(20, 27, 37, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.ys-flex-pos-center{
    z-index: 2;
}
.case-archive .nodata{
    width: 85vw;
    max-width: 1600px;
    margin:0.5rem auto 0;
    --place: calc(50vw - 800px);
    --cont: 1600px;
}
@media screen and (max-width:1882px){
    .case-archive .nodata{
        --place:7.5vw;
        --cont:85vw
    }
}
.cilb-le .std-btn4{
    flex: 1;
    display: flex;
    align-items: flex-end;
}
.partner-rights-box{
    width: 42.5%;
    max-height: 6.2rem;
}
.partner-rights-list{
    width: 100% !important;
}
.dealer-result-title{
    margin-top:0.6rem ;
}
.dealer-result-title:first-child{
    margin-top: 0;
}
.hnbr-bot-slick-item .ys-imgbox-cover{
    cursor: pointer;
}
.home-network{
    overflow: visible;
}
.home-network-bot-post{
    position: sticky;
    top:calc(var(--headh) + (var(--half) / 2));
    height:calc(100vh - var(--headh));
    width: 100%;
    margin-top: 1rem;
    padding-left: 20px;
}
.home-network-bot{
    margin: 0 !important;
}
.ys-fii-submit{
    position: relative;
}
.ys-fii-submit::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(114deg, #FF8904 15.33%, #EA5504 84.67%);
    opacity: 0;
    transition: var(--transition);
    z-index: -1;
}
.casi-box-cry ul li{
    padding-left: 14px;
    position: relative;
}
.casi-box-cry ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: absolute;
    top: 11px;
    left: 0;
    background: var(--color666);
}
.charger-hero-summary.notborder{
    border: unset;
}
.about-space-label-cry ul li{
    position: relative;
    padding-left: 14px;
}
.about-space-label-cry ul li::before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: absolute;
    top: 11px;
    left: 0;
    background: var(--colorfff);
}
.crsi-link-video .std-btn7 .ys-imgbox-cover {
    width: 40px;
}
.crsi-link-video .std-btn7 .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}
.prodspec-info-cent-nele .prodspec-info-cent-le {
    width: auto;
    display: flex;
}
.prodspec-info-cent-nele .picl-select2 {
    width: 340px;
    margin-left: .24rem;
}
.msil-bot-num{
    display: none;
}
@media screen and (min-width: 1200px){
    .ys-fii-submit:hover::before{
        opacity: 1;
    }
    .crsi-link-video:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }
    .crsi-link-video:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }
}
.manufacturing-main .manufacturing-info-wrap-btn{
    display: none;
}
.nodata p{
    font-size: var(--font20);
    line-height: var(--line15);
    text-align: center;
    color: var(--colormain);
}
.nodata{
    margin-top: 0.3rem;
}
.brand-main .manufacturing-info .manufacturing-info-wrap-btn{
    display: none;
}
.solution-main .manufacturing-info .manufacturing-info-wrap-btn{
    display: none;
}
.charger-cases-newbtn{
    position: absolute;
    top: calc(50% - (1.32rem / 2));
    transform: translateY(-50%);
    width: 100%;
    padding: 0 0.54rem;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    left: 0;
}
.charger-cases-newbtn .hnbw-cry-brn{
    position: relative;
    opacity: 1;
    cursor: pointer;
    pointer-events: all;
}
.charger-cases-newbtn .pbcb-prev{
    transform: rotate(180deg);
}
.charger-cases-newbtn .hnbw-cry-brn.slick-disabled{
    pointer-events: all !important;
}
.heni-le{
    width:28px;
    height: 28px;
    border-radius: 50%;
    /* background: linear-gradient(135deg, #EA5504 0%, #FF8904 100%); */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 0.2rem;
}
.heni-le img {
    width: 100%;
    position: relative;
    z-index: 3;
}
.heni-le::before {
    content: '';
    background-image: url(../images/824light.svg);
    background-size: 100% 100%;
    position: absolute;
    width: 110%;
    height: 110%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    transform-origin: center center;
    z-index: 2;
    animation: scalebig1 5.0s linear infinite;
    transition: var(--transition);
    will-change: transform, opacity;
}
.heni-ri-cry{
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: normal;
    transition: var(--transition);
    position: relative;
    z-index: 2;
    padding: 0.1rem 0.2rem;
    opacity: 0;
    white-space: nowrap;
}
.heni-ri{
    position: relative;
    pointer-events: none;
}
.heni-ri::before{
    content: "";
    width: 0%;
    height: 100%;
    border-radius: 80px;
    background: linear-gradient(135deg, #EA5504 0%, #FF8904 100%);
    position: absolute;
    left: 0;
    top: 0;
    transition: var(--transition);
}
.home-energy-newtags-item {
    position: absolute;
}
.heni-link{
    display: flex;
    align-items: center;
}
.home-energy-newtags-item.res .heni-link{
    flex-direction: row-reverse;
}
.home-energy-newtags-item.res .heni-le{
    margin-right: 0;
    margin-left: 0.2rem;
}
.home-energy-newtags-item.res .heni-ri::before{
    left: auto;
    right: 0;
}
.home-energy-newtags-item.act .heni-ri::before{
    width: 100%;
}
.home-energy-newtags-item.act .heni-ri-cry{
   opacity: 1;
   transition-delay: 0.36s;
}
@keyframes scalebig1 {
    0% {
        transform: translate(-50%,-50%) scale(1);
        opacity: 1;
    }
    40% {
        transform: translate(-50%,-50%) scale(1.5);
        opacity: 1;
    }
    70% {
        transform: translate(-50%,-50%) scale(2);
        opacity: 1;
    }
}
.about-hist-swiper-follow{
    display: none;
}
.brand-deve .std-slickbtn{
    position: absolute;
    top: 1.3rem;
    z-index: 5;
    width: 100%;
    justify-content: space-between;
    padding: 0 0.4rem;
}
.brand-deve .std-slickbtn .std-slickbtn-cry {
    margin-top: 0rem;
}
.brand-deve .swiper-button-disabled{
    pointer-events: none;
    opacity: 0;
}
.head-ldi-nub a {
    padding: 6px 35px;
    font-size: var(--font18);
    white-space: nowrap;
}
.home-energy-newtags-ph{
    display: none;
}
.prodspec-info .three-pro{
    padding-left: 0.4rem !important;
}
.oam-service{
    display: none;
}
.manufacturing-info .ys-ban-video {
    width: calc(100% + 1px);
    height:calc(100% + 1px);
    transform: translate(calc(-50% - 1px), calc(-50% + 1px));
}
.manufacturing-info-wrap{
    border-radius: 0;
}
.solution-main .manufacturing-info-wrap {
    clip-path: inset(9% 12% round 18px);
}
.manufacturing-main .manufacturing-info-wrap {
    clip-path: inset(9% 12% round 18px);
}
.ys-spot>span {
    background: var(--dircolor);
}
@keyframes scalebig{
    0%{
        transform:translate(-50%,-50%) scale(1);
        opacity:.8
    }
    100%{
        transform:translate(-50%,-50%) scale(3);
        opacity:0
    }
}
@-webkit-keyframes scalebig{
    0%{
        transform:translate(-50%,-50%) scale(1);
        opacity:.8
    }
    100%{
        transform:translate(-50%,-50%) scale(3);
        opacity:0
    }
}
.ys-spot {
    --width: 100%;
}
.viewer-title{
    display: none;
}
.blii-item-dir .ys-spot span{
    display: none;
}
.blii-item-dir .ys-spot{
    opacity: 0.2;
}
/* .blii-item-dir .ys-spot::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--dircolor);
    animation: boderM 3s .75s infinite;
} */
/* .blii-item-dir .ys-spot::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--dircolor);
    animation: boderM 3s infinite;
} */
@keyframes boderM {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }
    20% {
        opacity: 1
    }
    75% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }
    100% {
        opacity: 0
    }
}
.home-news .home-banner-dir{
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    justify-content: center;
    margin-top: 0.3rem;
}
.head-search button{
    position: relative;
    z-index: 5;
}
.head-search button img{
    width: 100%;
}
.heni-le img{
    transition: all 0.5s ease-in-out;
}
.home-energy-newtags-item.act .heni-le img{
    transform: scale(1.2);
}
.blii-item.res .blii-item-text{
    left: -10px;
    right: auto;
    padding: 0.08rem 0.15rem 0.08rem  0.3rem;
}
.home-news-bot{
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
}
button:focus {
    outline: unset !important;
    outline: unset !important;
}
.solution-main .charger-recom.addpaddingbot{
    margin-bottom: 0;
}
.solution-main .charger-products.addpaddingbot{
    margin-bottom: 0;
}