﻿@charset "utf-8";
/* 公共样式 - start */
@font-face {
    font-family: 'Songxia-Regular';
    src: url('../fonts/RobotoRegular14/RobotoRegular14.woff2') format('woff2'),
         url('../fonts/RobotoRegular14/RobotoRegular14.woff') format('woff');
}
@font-face {
    font-family: 'Songxia-Bold';
    src: url('../fonts/RobotoBold/RobotoBold.woff2') format('woff2'),
         url('../fonts/RobotoBold/RobotoBold.woff') format('woff');
}
body,
input,textarea{
    font-family:"Noto Sans SC","PingFang SC", "Microsoft YaHei" !important;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily:"Noto Sans SC","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;
    --color202: #202020;
    --color616: #616161;
    --color888: #888888;
    --colormain: #0041C0;
    --colormain2: #003B68;
    --colormain3: #003995;
    --colorbj:#2E79F6;
    --colorbj2:#0047BA;
    --colorbj3:linear-gradient(90deg, #003A9B 0%, #0063FF 100%);
    --colorf7f: #F7F7F7;
    /* 板块间距 */
    --space40: 0.4rem;
    /* 段落间距 */
    --parpspace16: 0.16rem;
    --parpspace12: 0.12rem;
    --parpspace10: 0.1rem;  
    /* 特殊字体或粗细 */
    --regular:'Songxia-Regular';
    --bold:'Songxia-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);
    --shadow2: 5px -2px 20px 7px rgba(0, 0, 0, 0.03);
    /* 等于gsap的sine.out */
    --bezier1: cubic-bezier(0.39, 0.575, 0.565, 1); 
    /* 等于gsap的expo.inOut */
    --bezier2: cubic-bezier(.38, 0, 0, 1);
}
.std-font56,
.std-font56 p {
    font-size: var(--font56);
    color: var(--color202);
    line-height: var(--line12);
    font-weight: 500;
}
.std-font44,
.std-font44 p,
.yxedr-active h2 {
    font-size: var(--font44);
    color: var(--color202);
    line-height: var(--line12);
}
.std-font32,
.std-font32 p,
.yxedr-active h3 {
    font-size: var(--font32);
    color: var(--color202);
    line-height: var(--line15);
}
.std-font24,
.std-font24 p,
.yxedr-active h4 {
    font-size: var(--font24);
    color: var(--color202);
    line-height: var(--line15);
}
.std-font20,
.std-font20 p,
.yxedr-active h5 {
    font-size: var(--font20);
    color: var(--color202);
    line-height: var(--line16);
}
.std-text18,
.std-text18 p {
    font-size: var(--font18);
    color: var(--color202);
    line-height: var(--line16);
}
.std-text16,
.std-text16 p {
    font-size: var(--font16);
    color: var(--color888);
    line-height: var(--line165);
}
.std-text14,
.std-text14 p {
    font-size: var(--font14);
    color: var(--color202);
    line-height: var(--line18);
}
.yxedr-active,
.yxedr-active p {
    font-size: var(--font16);
    color: var(--color888);
    line-height: var(--line165);
}
.mod-text36,
.mod-text36 p{
    font-size: var(--font36);
    line-height: var(--line12);
    color: var(--color202);
}
.mod-text26,
.mod-text26 p{
    font-size: var(--font26);
    line-height: var(--line165);
    color: var(--color202);
}
.yxedr-active p{
    margin-bottom: 0.75em;
}
.yxedr-active>p:last-child{
    margin-bottom: 0;
}
.std-padd120 {
    padding: var(--space120) 0;
}
.std-padd120-top {
    padding-top: var(--space120);
}
.std-padd120-bot{
    padding-bottom: var(--space120);
}
.std-padd100 {
    padding: var(--space100) 0;
}
.std-padd100-top {
    padding-top: var(--space100);
}
.std-padd100-bot{
    padding-bottom: var(--space100);
}
.std-padd110 {
    padding: var(--space110) 0;
}
.std-padd110-top {
    padding-top: var(--space110);
}
.std-padd110-bot{
    padding-bottom: var(--space110);
}
.std-padd80{
    padding: var(--space80) 0;
}
.std-padd80-top{
    padding-top: var(--space80);
}
.std-padd80-bot{
    padding-bottom: var(--sapce80);
}
.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-nyban-img-cry img{
    animation-delay: 0.3s;
}
/* 图片由大变小 */
.yx-case8-fadeInUpimg {
    animation: fadeInUpimg 1.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1;
}
@keyframes fadeInUpimg {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: none;
    }
}    
/* 文字载入 */  
@keyframes text6_fadeInleft{
    0% {
        opacity: 0;
        transform: translateX(50%);
        -webkit-transform: translateX(50%);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }
}
/* 图片上下裁切 */
@keyframes expandVertical {
    0% {
        clip-path: inset(50% 0% 50% 0%);
    }
    100% {
        clip-path: inset(0% 0% 0% 0%);
    }
}

.animate-vertical {
    animation: expandVertical 0.8s ease-out both;
}

/* 下浮 */
.fadeInDown {
    animation-name: fadeInDown;
    animation-delay: 0s;
}
.animated {
    animation-duration: 1.2s;
    animation-fill-mode: both
}
@keyframes fadeInDown{
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    
    100% {
        opacity: 1;
        transform: none;
    }
}

.head-other{
    animation-delay: 0.2s;
}

/*分享翻译*/
.ys-wechat-cont-parga p::before{
    content: '分享到 - 微信';
    /* content: 'Share the - WeChat'; */
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, 1)!important;
    white-space: nowrap;
    margin-left: 0.2rem;
}
/*导航默认选中*/
.head-nav-item-title{
    font-size: var(--font16);
    font-weight: 500;
    color: var(--colorfff);
    line-height: var(--line165);
    padding: 0.1rem;
    margin: 0rem;
    position: relative;
}
.head-nav-item-title::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width:0;
    height: 2px;
    background: var(--colormain);
    border-radius: 4px;
    transition: var(--transition);
}
.head-nav{
    height: var(--headh);   
}
.head-nav-item{
    display: flex; 
    align-items: center; 
    margin:0 0.22rem;
    pointer-events: all;
}
.head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--colorfff) !important;
}
.head-nav-item.yxnav-active1 .head-nav-item-title::after{
    width: 0.4rem;
    background: var(--colorfff);
}
.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title,
.ys-hd-pc.ishover .head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--colormain) !important;
}
.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title::after,
.ys-hd-pc.ishover .head-nav-item.yxnav-active1 .head-nav-item-title::after{
    width: 0.4rem;
    background: var(--colormain);
}
.ys-page-wrap.act .head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--colormain) !important;
}
.ys-page-wrap.act .head-nav-item.yxnav-active1 .head-nav-item-title::after{
    width: 0.4rem !important;
    background: var(--colormain);
}
.yxnav-active2 .mlnl-bot-title{
    color: var(--colormain);
}
.yxnav-active2 .mlnl-bot-icon{
    opacity: 1;
}
.ys-hd-pc-core{
    padding: 0 0.8rem;
    display: flex;
    justify-content: space-between;
}
.head-logo{
    width: 2.54rem;
}
.head-logo a{
    display: block;
    width: 100%;
}
.head-logo img{
    width: 100%;
}
.ys-hd-pc{
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ys-hd-pc.isfixed,
.ys-hd-pc.ishover{
    border-bottom: solid 1px var(--colorfff);
}
.ys-hd-pc::before{
    height: 100%;
}
.ys-hd-pc::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(28, 28, 28, 1) 0%, rgba(56, 56, 56, 0) 100%);
    pointer-events: none;
    z-index: -1;
}
.head-nav{
    margin-right: 0.8rem;
    position: relative;
}
.head-search{
    margin-left: 0;
    margin-right: 0.3rem;
}
.head-lang{
    margin: 0;
}
/* 轮播溢出隐藏 */
.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-disabled, 
.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,
.arrows-icon{
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    background: transparent;
    transition: var(--transition);
    top:50%;
    border: solid 1px var(--colorfff);
    position: absolute;
}
.mod-arrows1 .swiper-button-next,
.mod-arrows1 .slick-next{
    right: -0.93rem;
    left: auto;
}
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev{
    left: -0.93rem;
}
.mod-arrows1 .swiper-button-next::after,
.mod-arrows1 .swiper-button-prev::after,
.mod-arrows1 .slick-prev::after, 
.mod-arrows1 .slick-next::after,
.arrows-icon::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/f1_arrows01.svg) center / contain  no-repeat;
    width: 44%;
    height: 44%;
    transition: var(--transition);
}
.mod-arrows1 .swiper-button-prev::after,
.mod-arrows1 .slick-prev::after,
.arrows-prev::after{
    transform: translate(-50%, -50%) rotate(180deg);
}
/* 载入 */
.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 span{
    display: inline-block;
    opacity: 0;
    transform: translateX(100%);
    animation: text6_fadeInleft 0.8s ease-in-out both;
    /* min-width: 10px; */
    animation-delay: 0.5s;
    will-change: transform, opacity; /* 启用硬件加速 */
    -webkit-backface-visibility: hidden; /* 防止 Safari 闪烁 */
    backface-visibility: hidden;
}
.ys-ban-li.act .ys-ban-word{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.6s;
}
.ys-ban-li.act .std-btn-link{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.7s;
}
/* 图片放大，模糊背景 */
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,
.viewer-body.act .ys-page-wrap::after{
    opacity: 1;
}
.techn-body .ys-page-wrap::after{
    opacity: 0;
}
.techn-body.viewer-open .ys-page-wrap::after{
    opacity: 1;
}
/* 底部+顶部导航--start */
.mcll-left-title{
    font-weight: 500;
    margin-bottom: 0.1rem;
    transition: var(--transition);
}
.mod-ctact-ul{
    display: flex;
    margin: 0 -0.1rem;
}
.mod-ctact-li{
    width: 33.333333%;
    padding: 0 0.1rem;
}
.mod-ctact-li-link{
    height: 100%;
    padding: 0.4rem;
    background: var(--colorfff);
    border-radius: 0.1rem;
    display: flex;
    align-items: center;
}
.mod-ctact{
    padding: 0.5rem 0; 
    background:var(--colorf7f);
}
.mcll-left-word p{
    opacity: 0.6;
}
.mcll-right{
    width: 0.66rem;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.4rem;
}
.mcll-right img{
    width: 100%;
}
.mod-ctact-li:nth-child(3n+1){
    animation-delay: 0.2s;
}
.mod-ctact-li:nth-child(3n+2){
    animation-delay: 0.3s;
}
.mod-ctact-li:nth-child(3n+3){
    animation-delay: 0.4s;
}
.ys-footer{
    padding-top: 0.7rem;
    background: var(--color202);
}
.footer-bot{
    position: relative;
    z-index: 1;
}
.footer-bot::before{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: rgba(255, 255, 255, 0.10);
    pointer-events: none;
    z-index: 0;
}
.footer-text,
.footer-privacy{
    position: relative;
    z-index: 1;
}
.footer-logo{
    width: 2.49rem;
}
.footer-logo a{
    display: block;
    width: 100%;
}
.footer-logo a img{
    width: 100%;
}
.footer-privacy li a{
    display:inline-block;
    color: var(--colorfff);
    line-height: var(--line16);
    transition: var(--transition);
}
.footer-bot{
    padding: 0.19rem 0;
    border-top: none;
}
.footer-privacy li{
    padding: 0 0.1rem;
    position: relative;
}
.footer-privacy{
    margin: 0 -0.1rem;
}
.footer-privacy li::after{
    content: "";
    position: absolute;
    top: 50%;
    right: -1px;
    transform: translateY(-50%);
    width: 1px;
    height: 0.16rem;
    background: var(--colorfff);
    border-radius: 50%;
}
.footer-privacy li:last-child::after{
    display: none;
}
.footer-text p,
.footer-text p span,
.footer-text p a{
    color: var(--colorfff);
    line-height: var(--line16);
    display: inline-block;
    font-size: var(--font14);
}
.footer-nav>li{
    padding: 0 0.5rem;
}
.footer-nav{
    width: auto;
    margin: 0 -0.5rem;
    margin-bottom: 0.73rem;
}
.footer-nav-list{
    display: flex;
    align-items: flex-start;
}
.footer-nav>li>a{
    font-size: var(--font20);
    font-weight: 500;
    color: var(--colorfff);
    margin-bottom: 0.16rem;
    line-height: var(--line15);
    position: relative;
}
.footer-nav>li>a::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 1px;
    background: var(--colorfff);
    opacity: 0;
    transition: var(--transition);
}
.footer-nav>li:last-child .footer-nav-list a{
    font-size: var(--font20);
    font-weight: 500;
    color: var(--colorfff);
    opacity: 1;
}
.footer-nav-list ul{
    padding: 0 0.2rem;
}
.footer-nav-list{
    margin: 0 -0.2rem;
}
.footer-nav ul a {
    font-size: var(--font18);
    line-height: var(--line16);
    opacity: 0.8;
    color: var(--colorfff);
    font-weight: 400;
    transition: var(--transition);
    margin-bottom: 0.16rem;
    position: relative;
}
.footer-nav ul a::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 1px;
    background: var(--colorfff);
    opacity: 0;
    transition: var(--transition);
}
.footer-nav ul li:last-child a{
    margin-bottom: 0;
}
.footer-min-link{
    display: flex;
    justify-content: flex-end;
}
.footer-min-link .ys-select{
    width: 3.84rem;
    border: 1px solid rgba(255, 255, 255, 0.40);
    border-radius: 0.1rem;
    padding: 0 0.16rem;
}
.footer-min-link .ys-select-hd{
    height: 50px;
    cursor: pointer !important;
}
.footer-min-link input{
    width: 100%;
    height: 100%;
    color:var(--colorfff);
    line-height: var(--line165);
    font-size: var(--font16);
    pointer-events: none;
    user-select: none;
}
.footer-min-link input::placeholder{
    color: var(--colorfff) !important;
}
.footer-min{
    padding-bottom: 0.4rem;
}
.footer-min-link .ys-select-bd{
    top: auto;
    bottom: 100%;
    background: var(--color202);
    border: solid 1px rgba(255, 255, 255, 0.40);
    border-radius: 0.1rem;
    padding: 0.1rem 0;
}
.footer-min-link .icon-arrow-down:before{
    color: var(--colorf7f);
    font-size: 14px;
}
.footer-min-link .ys-select-li a{
    display: block;
    padding: 0.05rem 0.16rem;
    font-size: var(--font14);
    color: var(--colorfff);
    line-height: var(--line15);
    opacity: 0.8;
    transition: var(--transition);
}
.footer-min-link .ys-select-inof{
    max-height: 140px;
}
.footer-top{
    padding-bottom: 0.6rem;
    align-items: center;
}
.footer-share-code-list{
    display: flex;
    white-space: nowrap;
    width: auto;
    padding: 0.08rem 0.08rem;
    border-radius: 0.1rem;
    background: var(--colorfff);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
}
.footer-share-code{
    width: auto;
    top: auto !important;
    bottom: 100%;
    padding-bottom: 0.13rem;
    background: transparent !important;
    box-shadow: none;
}
.footer-share-code-nub{
    padding: 0 0.08rem;
}
.fscn-pic{
    width: 0.94rem;
    margin:0 auto 0.08rem;
}
.fscn-pic img{
    width: 100%;
}
.fscn-text{
    color: #616161;
    line-height: var(--line16);
    text-align: center;
}
.footer-share-code::before{
    display: none;
}
.mcll-left{
    width: 100%;
}
.head-search-pop{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9;
    width: 100vw;
    height: 100vh;
    padding: 0.2rem;
    background: rgba(32, 32, 32, 0.40);
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    display: none;
}
.head-search-pop-cont{
    width: 5.30rem;
    border-radius: 0.2rem;
    background: var(--colorfff);
    box-shadow: var(--shadow);
    padding: 0.2rem 0.4rem 1.22rem;
    margin-right: 0;
    margin-left: auto;
}
.head-search-pop-cont .yx-search3-tbox{
    position: relative;
    top: auto;
    left: auto;
    box-shadow: none;
    width: 100%;
    transform: inherit;
    height: 48px;
    margin-bottom: 0.5rem;
}
.yx-search3xlbtn{
    max-width: 67px;
    width: auto;
    line-height: inherit;
    padding: 0.12rem 0.24rem;
    background: var(--colormain);
    border-radius:0.48rem;
    transition: var(--transition);
}
.yx-search3xlbtn img{
    width: 24px;
}
.yx-search3-xls {
    width: calc(100% - 67px);
    padding-right: 20px;
}
.yx-search3-tbox{
    background: #F7F7F7;
    border-radius: 0.8rem;
    border-bottom: none;
}
.yx-search3-xls input{
    padding-left: 0.24rem;
}
.hspc-keyword-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.06rem;
}
.hspc-keyword-list-item{
    padding: 0 0.06rem;
    margin-top: 0.16rem;
}
.hkli-link{
    padding: 0.04rem 0.08rem;
    border-radius: 0.05rem;
    background: #F7F7F7 !important;
    color: #616161 !important;
    line-height: var(--line16) !important;
    font-size: var(--font14);
    transition: var(--transition);
    font-size: 14px;
}
.hspc-keyword-title,
.hspc-trend-title{
    color: var(--color202) !important;
    line-height: var(--line165) !important;
    font-weight: 500 !important;
}
.hspc-trend{
    margin-top: 0.6rem;
}
.hspc-trend-list{
    display:flex;
    margin: 0 -0.2rem;
    margin-top: 0.16rem;
}
.htli-ul{
    width: 50%;
    padding: 0 0.2rem;
}
.htli-ul-li{
    margin-bottom: 0.14rem;
}
.htli-ul-li:last-child{
    margin-bottom: 0;
}
.htli-ul-li-link{
    display: inline-block;
    font-size: 14px;
    color: #616161 !important;
    line-height: var(--line16) !important;
    opacity: 0.8;
    position: relative;
    padding-left: 0.21rem !important;
    transition: var(--transition);
}
.htli-ul-li-link::before{
    content: '';
    position: absolute;
    top: 11px;
    left: 9px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(97, 97, 97, 0.8);
}
.yx-search3-xls input{
    color: var(--color202);
    line-height: var(--line16);
    font-size: var(--font14);
    font-weight: 350;
}
.yx-search3-xls input::placeholder{
    color: var(--color888) !important;
}
.hspc-close{
    width: 0.44rem;
    height: 0.44rem;
    background: var(--colorfff);
    border-radius: 50%;
    cursor: pointer;
    flex-shrink: 0;
    position: absolute;
    top: 0.2rem;
    right: 5.7rem;
}
.hspc-close img{
    width: 34%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.head-lang-down-inof{
    border-radius: 0.1rem;
    background: var(--colorfff);
    box-shadow: var(--shadow);
    padding: 0.1rem 0;
}
.head-lang-down{
    padding-top: 0.1rem;
    background: transparent;
}
.head-ldi-nub.ys-active a{
    color: var(--colormain);
}
.mod-pull{
    min-width: 11.35rem;
    left: auto;
    top: 100%;
    right: 0.22rem;
    transform: translateX(0%);
    padding-top: 0.1rem;
    background: transparent !important;
}
.solut-pull{
    min-width: 14.09rem;
}
.solut-pull .mpwr-list-nub{
    width: 25%;
}
.mod-pull-wrap{
    display: flex;
    padding: 0.5rem 0.6rem 0.33rem;
    background: var(--colorfff);
    border-radius: 0.2rem;
    box-shadow: var(--shadow);
}
.head-nav-item{
    position: static;
}
.mod-pull-wrap-left{
    padding-right: 0.8rem;
    position: relative;
    flex-shrink: 0;
}
.mod-pull-wrap-left::before{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: calc(100% - 0.17rem);
    background: rgba(136, 136, 136, 0.3);
}
.mpwl-title span{
    display: block;
    color: var(--colormain);
    font-size: var(--font14);
    line-height: var(--line165);
}
.mpwl-title{
    font-weight: 500;
    line-height: var(--line15);
    color: var(--color202);
}
.mod-pull-wrap-right{
    width: 100%;
    padding-left: 0.4rem;
}
.mpwr-list{
    display: flex;
    flex-wrap: wrap;
    margin:0 -0.12rem;
}
.mpwr-list-nub{
    width: 33.333333%;
    padding: 0 0.12rem;
    margin-bottom: 0.17rem;
}
.mlnl-bot{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mlnl-bot-icon,
.mpwl-btn-link-icon{
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.2rem;
    opacity: 0;
    transition: var(--transition);
}
.mlnl-bot-icon img,
.mpwl-btn-link-icon img{
    width: 100%;
}
.mlnl-bot-title{
    width: 100%;
}
.mpwr-list-nub-link{
    display: block;
    width: 2.5rem;
}
.mpwr-list-nub-link .ys-imgbox-cover{
    border-radius: 0.08rem;
    overflow: hidden;
    margin-bottom: 0.2rem;
}
.mlnl-bot-title{
    color: var(--color202);
    line-height: var(--line165);
    transition: var(--transition);
}
.mpwl-btn{
    margin-top: 0.28rem;
    display: inline-block;
}
.mpwl-btn-link{
    display: flex;
    align-items: center;
}
.mpwl-btn-link-icon{
    margin-left: 0.12rem;
    opacity: 1 !important;
}
.mpwl-btn-link-text{
    color: var(--colormain);
    line-height: var(--line165);
    font-weight: 350;
}
.head-search-btn,
.head-lang-top-circle{
    width: 20px;
}
/* 底部+顶部导航--end */
/* 公共样式 - end */

/* b1-展示产品清单--start */
.ys-bread {
    --gap1:0.1rem;
    position: absolute;
    bottom: 0.4rem;
    width: calc(85vw + calc(var(--gap1) * 2));
    max-width: calc(1600px + calc(var(--gap1) * 2));
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}
.inside-main .ys-bread::after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #F7F7F7;
    pointer-events: none;
    z-index: -1;
}
.ys-bread-list::before{
    content: "";
    width: 1px;
    height: 10px;
    background: var(--color888);
    top: 50%;
    transform: translateY(-50%);
    border-radius: 4px;
}
.inside-main .ys-bread{
    position: relative;
    bottom: auto;
    left: auto;
    transform: inherit;
    padding: 0.1rem 0;
}
.ys-bread-list a{
    color: rgba(136, 136, 136, 0.7);
    line-height: var(--line165);
    font-size: var(--font16);
}
.ys-bread-list:last-child a{
    color: #616161;
    opacity: 1;
}
.ys-page-wrap.act .ys-hd-pc::before{
    box-shadow: none;
}
.ys-hd-pc.isfixed::before,
.ys-hd-pc.ishover::before{
    box-shadow: var(--shadow) !important;
}
.mod-tab{
    display: inline-block;
    position: relative;
    font-size: var(--font14);
    line-height: var(--line16);
    color: #003D70;
    font-family: var(--regular); 
    margin-bottom: 0.1rem;   
}
.mod-tab::after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width:7px;
    height: 1px;
    background: var(--colormain);
}
.mod-tab::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width:calc(100% - 9px);
    height: 1px;
    background: #003D70;
}
.product-list h1{
    font-weight: 500;
    line-height: var(--line13);
    color: var(--color202);
}
.product-list-word{
    margin-top: -0.14rem;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0.6rem;
    width: 40.625%;
}
.product-list-word p{
    color: var(--color616);
    font-weight: 350;
}
.product-list{
    overflow: visible;
    padding-top: 0.5rem;
}
.product-list-tab-ul{
    display: flex;
    margin: 0 -0.1rem;
}
.product-list-tab::after{
    display: none;
}
.product-list-tab{
    display: inline-block;
}
.pltu-li{
    padding: 0 0.1rem;
}
.pltu-li p{
    padding: 0.14rem 0.24rem;
    border-radius: 0.1rem;
    overflow: hidden;
    cursor: pointer;
    background: var(--colorfff);
    line-height: var(--line16);
    color: var(--color202);
    transition: var(--transition);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
}
.pltu-li.yx-active p{
    color: var(--colorfff);
    background: var(--colormain);
}
.product-list-tab{
    position: sticky;
    top: var(--headh);
    background: var(--colorfff);
    z-index: 4;
}
.product-info{
    padding-top: 0.2rem;
    overflow: hidden;
}
.product-list-nub{
    padding-top: 0.8rem;
}
.product-list-nub h2{
    color: #20343D;
    font-weight: 500;
    margin-bottom: 0.5rem;
    line-height: var(--line15);
}
.product-list-nub-ul{
    margin: 0 -0.4rem;
    display: flex;
    flex-wrap: wrap;
}
.plnu-item{
    width: 50%;
    padding: 0 0.4rem;
}
.plnu-item:nth-child(2n+1){
    animation-delay: 0.3s;
}
.plnu-item:nth-child(2n+2){
    animation-delay: 0.4s;
}
.plnu-item-box{
    display: flex;
    align-items: flex-start;
    height: 100%;
    border-bottom: 1px solid #EDEDED;
    padding: 0.24rem 0;
}
.plnu-item:nth-child(1) .plnu-item-box,
.plnu-item:nth-child(2) .plnu-item-box{
    padding-top: 0;
}
.plnu-item-box .ys-imgbox-cover{
    width: 1.6rem;
    flex-shrink: 0;
    font-size: 0;
    background: var(--colorf7f);
    border-radius: 0.08rem;
    overflow: hidden;
}
.plnu-item-box-right{
    width: 100%;
    padding-left: 0.2rem;
    padding-top: 0.2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.pibr-title{
    color: #20343D;
    line-height: var(--line15);
    font-weight: 500;
    margin-bottom: 0.28rem;
}
.pibr-ul-li-link{
    display: flex;
    align-items: center;
    transition: var(--transition);
    background: transparent;
    padding-top: 0.06rem;
    padding-bottom: 0.06rem;
    padding-right: 0.12rem;
    padding-left: 0.12rem;
    transform: translateX(-0.12rem);
    border-radius: 0.05rem;
}
.pull-icon{
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.08rem;
    position: relative;
}
.pull-icon img{
    width: 100%;
    transition: var(--transition);
}
.pull-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.pull-text{
    color: var(--color202);
    line-height: var(--line165);
    transition: var(--transition);
}
.pibr-ul-li{
    display: inline-block;
}
.pibr-ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.product-result-wrap{
    padding-top: 0.6rem;
    margin-top: 0.6rem;
    border-top: solid 1px #cfcfcf;
}
.product-result-cont{
    border-radius: 0.2rem;
    padding: 0.2rem;
    overflow: hidden;
    border: solid 1px #cfcfcf;
}
.product-result-cont h2{
    color: var(--color202);
    font-weight: 500;
    line-height: var(--line15);
    margin-bottom: 0.7rem;
}
.product-result-tips p{
    color: #616161;
    line-height: var(--line165);
    font-weight: 350;
}
.product-result-ul-li{
    width: 20%;
    padding: 0 0.13rem;
}
.product-result-ul{
    margin: 0 -0.13rem;
    display: flex;
}
.product-result-ul-li .ys-imgbox-cover{
    margin-bottom: 0.2rem;
    border-radius: 0.1rem;
    overflow: hidden;
}
.prul-link-title{
    color: var(--color202);
    line-height: var(--line16);
    font-weight: 500;
    margin-bottom: 0.12rem;
    transition: var(--transition);
}
.prul-link-icon {
    width: 20px;
}
.prul-link-icon img{
    width: 100%;
}
.product-result-tips{
    margin-bottom: 0.12rem;
}
.product-list .ys-cont1600{
    position: relative;
}
.product-list .product-list-tab{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-list .nlir-sear-top {
    width: 4.2rem;
    position: sticky;
    right: 0;
    top: calc(var(--headh) + 0.1rem);
    z-index: 10;
    margin: calc(calc(var(--height1) - 0.06rem) * -1) 0 0 auto;
    transform: translateY(-0.6rem);
}
/* b1-展示产品清单--end */
/* c4-解决方案汇总页--start */
.solut-list-ul-li{
    width: 33.333333% !important;
    padding: 0 0.12rem;
    margin-top: 0.8rem;
}
.solut-list-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.12rem;
}
.std-btn1{
    display: inline-block;
}
.std-btn1-link{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.slul-link{
    border-bottom: solid 1px #CFCFCF;
    display: flex;
    flex-direction: column;
    padding-top: 0.05rem;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    border-radius: 0.1rem 0.1rem 0 0;
    background: transparent;
    transition: var(--transition);
}
.slul-link .ys-imgbox-cover{
    flex-shrink: 0;
    border-radius: 0.1rem;
    overflow: hidden;
}
.std-btn1-link-text{
    color: var(--colorfff);
    line-height: var(--line165);
    font-weight: 350;
}
.std-btn1-link-icon{
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.08rem;
}
.std-btn1-link-icon img{
    width: 100%;
}
.slul-link-bot{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    transition: var(--transition);
    padding-bottom: 0.24rem;
    padding-top: 0.24rem;
}
.slul-link-bot .std-btn1-link-icon{
    position: relative;
}
.slul-link-bot .std-btn1-link-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.slul-link-title{
    width: 100%;
    color: var(--color202);
    line-height: var(--line15);
    transition: var(--transition);
    margin-bottom: 0.24rem;
    font-weight: 500;
}
.solut-list-ul-li .std-btn1{
    opacity: 1;
    transition: var(--transition);
}
/* c4-解决方案汇总页--end */
/* g3-据点介绍--start */
.point-comp-wrap-right{
    width: 54%;
    overflow: hidden;
    border-radius: 0.16rem;
}
.point-comp-wrap-right img{
    width: 100%;
}
.point-comp-wrap{
    display: flex;
    align-items: center;
}
.point-comp-wrap-left{
    width: 46%;
    padding-right: 1rem;
}
.point-comp-wrap-left h1{
    color: var(--color202);
    line-height: var(--line12);
    margin-bottom: 0.1rem;
    font-weight: 400;
}
.point-comp-wrap-left .mod-tab::before,
.point-comp-wrap-left .mod-tab::after{
    display: none;
}
.point-comp-wrap-left .mod-tab{
    color: var(--colormain);
    font-weight: 350;
    font-size: var(--font18);
    line-height: var(--line16);
    font-family:"Noto Sans SC";
}
.mod-title{
    display: inline-block;
}
.point-comp-wrap-left .mod-title{
    padding-bottom: 0.4rem;
    border-bottom: solid 1px #CFCFCF;
    margin-bottom: 0.16rem;
}
.pcwl-list-item{
    display: flex;
    align-items: flex-start;
}
.pcwl-list-item-left,
.pcwl-list-item-right,
.pcwl-list-item-right a{
    display: inline-block;
    line-height: var(--line16);
    color: #616161;
}
.pcwl-list-item-left{
    width:130px;
    flex-shrink: 0;
    margin-right: 0.08rem;
}
.pcwl-list-item-right{
    width: 100%;
}
.pcwl-list-item{
    margin-bottom: 0.1rem;
}
.pcwl-list-item:last-child{
    margin-bottom: 0;
}
.point-intro-wrap{
    background: var(--colorf7f);
    border-radius: 0.1rem;
    overflow: hidden;
    padding: 0.24rem 0.4rem;
}
.point-title{
    font-size: var(--font24) !important;
    color: var(--color202);
    font-weight: 500;
    line-height: var(--line15);
    padding-bottom: 0.06rem;
    margin-bottom: 0.24rem;
}
.point-intro-word p{
    color: #616161;
    line-height: var(--line16);
    font-weight: 350;
}
.point-prod-word p{
    color: #616161;
    line-height: var(--line16);
    font-weight: 350;
}
.point-prod-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.16rem;
}
.point-prod-ul-li{
    width: 25%;
    padding: 0 0.16rem;
    margin-top: 0.24rem;
}
.ppul-link{
    display: block;
}
.ppul-link .ys-imgbox-cover{
    border-radius: 0.08rem;
    overflow: hidden;
    background: var(--colorf7f);
    margin-bottom: 0.2rem;
}
.ppul-link-title{
    color: var(--color202);
    line-height: var(--line165);
    font-weight: 350;
    transition: var(--transition);
}
.point-prod-ul-li:nth-child(4n+1){
    animation-delay: 0.3s;
}
.point-prod-ul-li:nth-child(4n+2){
    animation-delay: 0.4s;
}
.point-prod-ul-li:nth-child(4n+3){
    animation-delay: 0.5s;
}
.point-prod-ul-li:nth-child(4n+4){
    animation-delay: 0.6s;
}
/* g3-据点介绍--end */
/* c3-行业解决方案--start */
.industry-list .mod-title{
    margin-bottom: 0.9rem;
}
.industry-list-tab-nub{
    padding: 0 0.1rem;
    margin-top: 0.1rem;
}
.industry-list-tab{
    margin: 0 -0.1rem;
    display: flex;
    flex-wrap: wrap;
}
.industry-list-tab-nub p{
    text-align: center;
    color: #616161;
    line-height: var(--line16);
    font-size: var(--font18);
    position: relative;   
}
.industry-list-tab-nub.all p{
    padding-right: 0 !important;
}
.iltn-text{
    padding: 0.14rem 0.2rem;
    background: var(--colorf7f);
    transition: var(--transition);
    min-width: 1.45rem;
    border-radius: 0.1rem;
    overflow: hidden;
    cursor: pointer;
}
.industry-list-tab-nub.active .iltn-text{
    background: var(--colormain);  
}
.industry-list-tab-nub.active p{
    color: var(--colorfff);
    transform: translateX(0px);
    padding-right: 20px;
}
.industry-list-tab-nub p::after {
    content: "";
    background: url(../images/c3_icon_03.svg) no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    position: absolute;
    right: -10px;
    top: 50.5%;
    z-index: 1;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .4s ease;
}
.industry-list-tab-nub.active p::after{
    opacity: 1;
}
.industry-list-tab-nub.all p::after{
    display: none !important;
}
.industry-list-info-item{
    padding-top: 0.8rem;
}
.ilii-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.22rem;
}
.ilii-list-item{
    width: 33.333333%;
    padding: 0 0.22rem;
    margin-top: 0.6rem;
}
.ilii-list-item:nth-child(3n+1){
    animation-delay: 0.4s;
}
.ilii-list-item:nth-child(3n+2){
    animation-delay: 0.5s;
}
.ilii-list-item:nth-child(3n+3){
    animation-delay: 0.6s;
}
.ilii-list-item-box .ys-imgbox-cover{
    overflow: hidden;
    border-radius: 0.1rem;
    margin-bottom: 0.2rem;
    flex-shrink: 0;
}
.ilib-bot-tps-ul{
    display: flex;
    margin: 0 -0.05rem;
}
.ibtu-lis{
    display: inline-block;
    padding: 0 0.05rem;
}
.industry-list-info .mod-title{
    margin-bottom: 0 !important;
}
.ilib-bot-btn .std-btn1-link-text{
    color: var(--colormain);
}
.ilib-bot-btn{
    display: flex;
}
.ilib-bot-btn .std-btn1{
    margin-right: 0.4rem;
}
.ilib-bot-btn .std-btn1:last-child{
    margin-right: 0;
}
.ilii-list-item-box{
    padding-bottom: 0.24rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(136, 136, 136, 0.40);
}
.ilib-bot{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ilib-bot-tps-title{
    color: var(--color202);
    font-weight: 500;
    line-height: var(--line15);
    margin-bottom: 0.12rem;
    transition: var(--transition);
}
.ilib-bot-tps-word{
    display: flex;
    flex-wrap: wrap;
}
.ilib-bot-tps-word p{
    display: inline-block;
    color: var(--color888);
    line-height: var(--line16);
    font-weight: 350;
}
.ilib-bot-tps{
    width: 100%;
    margin-bottom: 0.4rem;
}
/* c3-行业解决方案--end */
/* f2-新闻详情--start */
.newdet-main{
    background: var(--colorf7f);
}
.newdet-editor{
    overflow: visible !important;
}
.newdet-editor-wrap{
    position: relative;
    max-width: 1800px;
    margin: 0 auto;
}
.newa-cont-back-link{
    display: flex;
    align-items: center;
    background: var(--colormain);
    padding: 0.14rem 0.24rem;
    border-radius: 0.1rem;
    transition: var(--transition);
}
.newa-cont-back{
    width: 100%;
    margin-bottom: 0.2rem;
}
.newa-cont{
    width: 1.8rem
}
.ncbl-icon{
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 0.12rem;
    transform: rotate(180deg);
}
.ncbl-icon img{
    width: 100%;
}
.ncbl-text{
    color: var(--colorfff);
    line-height: var(--line16);
    font-weight: 350;
}
.newa-cont-share{
    border-radius: 0.1rem;
    background: var(--colorfff);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    padding: 0.14rem 0.24rem;
}
.newa-cont-shre-text{
    color: #616161;
    line-height: var(--line165);
    font-weight: 350;
    margin-bottom: 0.24rem;
}
.ys-share-img {
    width: 24px;
}
.ys-share-img img{
    width: 100%;
}
.ys-share-list{
    margin-right: 0.12rem;
}
.ys-share-list:last-child{
    margin-right: 0;
}
.newdet-editor-wrap-aside{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.newa-cont{
    position: sticky;
    top: calc(var(--headh) + 0.4rem);
}
.newc-top-date{
    color: #616161;
    line-height: var(--line165);
    font-weight: 350;
    margin-bottom: 0.1rem;
}
.newc-top h1{
    color: var(--color202);
    line-height: var(--line12);
    margin-bottom: 0.32rem;
}
.newc-top-tab{
    display: flex;
    margin: 0 -0.05rem;
    margin-bottom: 0.6rem;
}
.newc-top-tab-li{
    padding: 0 0.05rem;
}
.newc-top-tab-li p{
    padding: 2px 0.08rem;
    border-radius: 2px;
    background: rgba(0, 66, 200, 0.05);
    font-weight: 350;
    font-size: var(--font14);
    line-height: var(--line16);
    color: var(--colormain);
}
.newc-top-bg{
    width: 100%;
    border-radius: 0.2rem;
    overflow: hidden;
}
.newc-top-bg img{
    width: 100%;
}
.newc-top{
    width: 100%;
    margin-bottom: 0.4rem;
}
.newc-bot{
    width: 83.333333%;
    margin: 0 auto;
}
.newc-bot-edr p{
    font-size: var(--font16);
    color: #616161;
    line-height: var(--line165);
    font-weight: 350;
}
.newc-bot-edr h4{
    font-weight: 500;
    color: var(--color202);
    line-height: var(--line15);
    font-size: var(--font24);
    margin-bottom: var(--parpspace12);
}
.newc-bot-edr h5{
    font-weight: 500;
    line-height: var(--line16);
    font-size: var(--font20);
    margin-bottom: var(--parpspace12);
}
.newc-bot-edr:last-child p{
    margin-bottom: 0;
}
.newc-bot-edr{
    padding-bottom: 0.6rem;
    margin-bottom: 0.4rem;
    border-bottom: solid 1px #CFCFCF;
}
.std-btn2{
    display: inline-block;
}
.std-btn2-link{
    display: flex;
    align-items: center;
    padding: 0.1rem 0.2rem;
    border: solid 1px var(--colormain);
    border-radius: 0.8rem;
    transition: var(--transition);
}
.std-btn2-link-icon{
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.12rem;
    position: relative;
}
.std-btn2-link-icon img{
    width: 100%;
    transition: var(--transition);
}
.std-btn2-link-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.std-btn2-link-text{
    color: var(--colormain);
    line-height: var(--line165);
    font-size: var(--font16);
    font-weight: 350;
    transition: var(--transition);
}
.newc-bot-paging-li .std-btn2-link{
    min-width: 1.4rem;
    justify-content: center;
}
.newc-bot-paging-li:first-child .std-btn2-link{
    flex-direction: row-reverse;
}
.newc-bot-paging-li:first-child .std-btn2-link-icon{
    margin-left: 0;
    margin-right: 0.12rem;
    transform: rotate(180deg);
}
.newc-bot-paging{
    display: flex;
    justify-content: space-between;
}
.ys-cont1380 {
    width: 85vw;
    max-width: 1380px;
    margin: auto;
    --place: calc(50vw - 690px);
    --cont: 1380px;
}
@media screen and (max-width: 1623px){
    .ys-cont1380 {
        --place: 7.5vw;
        --cont: 85vw;
    }
}
.newdet-more{
    background: var(--colorfff);
}
.newdet-more h2{
    color: var(--color202);
    line-height: var(--line12);
}
.newdet-more-ul-tab{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.05rem;
    transition: var(--transition);
}
.nmut-li{
    padding: 0 0.05rem;
}
.nmut-li-link{
    display: inline-block;
    color: var(--colormain);
    line-height: var(--line16);
    font-weight: 350;
    transition: var(--transition);
}
.slbt-other{
    display: flex;
    align-items: center;
    margin-bottom: 0.04rem;
}
.slbt-other .newc-top-tab-li{
    margin-right: 0.08rem;
    padding: 0;
}
.slbt-other .newc-top-tab-li p{
    transition: var(--transition);
}
.slbt-other-date{
    color: var(--color888);
    line-height: var(--line16);
    transition: var(--transition);
}
.newdet-more-ul .slul-link-title{
    color: #20343D;
    line-height: var(--line16);
    font-weight: 500;
    margin-bottom: 0 !important;
}
.newdet-more-ul .slul-link-bot{
    align-items: flex-start;
}
.slul-link-tplink .ys-imgbox-cover{
    margin-bottom: 0.2rem;
}
.slul-link-tplink{
    padding-bottom: 0.32rem;
}
.newdet-more-ul .slul-link{
    border-bottom: none;
    padding-bottom: 0.2rem;
    border-radius: 0.1rem;
}
.newdet-more-ul .solut-list-ul-li{
    margin-top: 0.4rem;
}
.solut-list{
    padding-top: 0 !important;
}
.newdet-more h2{
    margin-bottom: 0.1rem;
}
.newdet-more-ul{
    margin: 0 -0.17rem;
}
.newdet-more-ul .slul-link{
    height: 100%;
    justify-content: space-between;
}
.slul-link-bot-tps{
    width: 100%;
    transition: var(--transition);
}
/* f2-新闻详情--end */
/* f1-1-新闻列表--start */
.news-main .news-list-recom{
    padding-top: var(--space80);
}
.news-list-recom .mod-title{
    margin-bottom: 0.8rem;
}
.news-list-recom-cry{
    width: 60.3125%;
    margin: 0 auto;
}
.nlrs-wrapper-slide{
    padding: 0 0.15rem;
}
.media-main .nwsl-show{
    opacity: 0;
    transition: var(--transition);
}
.media-main .nlrs-wrapper-slide.swiper-slide-active .nwsl-show{
    opacity: 1;
}
.nlrs-wrapper-slide .ys-imgbox-cover::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.86rem;
    background: linear-gradient(180deg, rgba(24, 35, 50, 0) 0%, rgba(24, 35, 50, 1) 100%);
    pointer-events: none;
    opacity: 0.7;
    transition: var(--transition);
    z-index: 1;
}
.media-main .nlrs-wrapper-slide.swiper-slide-active .ys-imgbox-cover::before{
    opacity: 0.7;
}
.news-list-recom-cry .swiper-container{
    margin: 0 -0.15rem;
}
.nwsl-show .newc-top-tab-li p{
    font-size: var(--font14);
    color: var(--colorfff);
    line-height: var(--line16);
    font-weight: 350;
    padding: 2px 4px;
    background: rgba(255, 255, 255, 0.10);
}
.nlrs-wrapper-slide-link{
    width: 100%;
    position: relative;
    border-radius: 0.2rem;
    overflow: hidden;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
}
.nwsl-show{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.4rem 0.3rem;
    z-index: 4;
}
.nwsl-show .nwsl-title{
    color: var(--colorfff);
    font-weight: 500;
    line-height: var(--line15);
    margin-bottom: 0.1rem;
}
.nwsl-show .slbt-other{
    margin-bottom: 0 !important;
}
.nwsl-show .newc-top-tab-li{
    margin-right: 0.2rem;
}
.nwsl-show .slbt-other-date{
    color: var(--colorfff);
}
.news-list-recom-cry .swiper-container{
    overflow: visible !important;
}
.news-list-recom .swiper-pagination{
    opacity: 0 !important;
    pointer-events: none;
}
.news-list-recom{
    padding-bottom: 0.8rem;
}
.news-list-info{
    max-width: 1800px;
    margin: 0 auto;
}
.ys-cont1800{
    width: 100vw;
    padding: 0 6.25vw;
    max-width: 1920px;
    --place: 6.25vw;
    --cont: 87.5vw;
    margin: auto;
}
@media screen and (min-width: 1921px){
    .ys-cont1800 {
        padding: 0 60px;
        --place: calc(50vw - 900px);
        --cont: 1800px;
    }
}
.news-list{
    overflow: visible !important;
}
.news-list-info-left{
    width: 12.22%;
    position: sticky;
    top:0;
    padding-top: 1.18rem;
}
.news-list-info-right{
    width: 87.78%;
    padding-left: 1rem;
    padding-right: 1rem;
}
.news-list-wrap{
    display: flex;
    align-items: flex-start;
}
.nlil-icon{
    width: 26px;
    position: relative;
    margin-bottom: 0.12rem;
}
.nlil-icon img{
    width: 100%;
    transition: var(--transition);
}
.nlil-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.nlil-text{
    line-height: var(--line16);
    color: var(--color202);
    transition: var(--transition);
}
.nlil-list-item-link{
    padding: 0.14rem 0.24rem;
    background: var(--colorfff);
    border-radius: 0.1rem;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    overflow: hidden;
    display: block;
}
.nlil-list-item.yx-active .nlil-icon img:nth-child(1){
    opacity: 0;
}
.nlil-list-item.yx-active .nlil-icon img:nth-child(2){
    opacity: 1;
}
.nlil-list-item.yx-active .nlil-text{
    color: var(--colorfff);
    background: var(--colormain);
}
.nlil-list-item.yx-active .nlil-list-item-link{
    background: var(--colormain);
}
.nlil-list-item{
    margin-bottom: 0.2rem;
}
.nlil-list-item:last-child{
    margin-bottom: 0;
}
.news-main .ys-pcfy{
    margin-top: 0.6rem;
}
.pc-fenye li {
    float: left;
    width: 30px;
    height: 34px;
    font-size: 16px;
    line-height: 34px;
    color: #676767;
    margin: 0 8px;
    border-radius: 5px;
    background: 0 0;
}
.nlir-sear{
    width: 100%;
    position: relative;
    z-index:3;
}
.nlir-sear-top{
    width: 100%;
    position: relative;
    border-radius: 0.8rem;
    overflow: hidden;
    transition: var(--transition);
}
.nlir-sear-input{
    width: 100%;
    height: 58px;
    background: var(--colorf7f);
    padding-left: 0.64rem;
    padding-right:1.4rem;
    transition: var(--transition);
}
.nlir-sear-icon{
    width: 24px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0.24rem;
    transform: translateY(-50%);
}
.nlir-sear-icon img{
    width: 100%;
}
.nlir-sear-input input{
    color: var(--color202);
    line-height: var(--line165);
    font-weight: 350;
    height: 100%;
    width: 100%;
    font-size: var(--font16);
}
.nlir-sear-input input::placeholder{
    color: #616161 !important;
}
.nlir-sear-btn{
    width: 1.2rem;
    height: 100%;
    background: var(--colormain);
    border-radius: 1.2rem;
    padding: 0.12rem;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    z-index: 5
}
.nlir-sear-btn p{
    text-align: center;
    color: var(--colorfff);
    line-height: var(--line165);
    font-size: var(--font18);
}
.nlir-sear-bot{
    padding: 0.2rem 0.32rem;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    border-radius: 0.1rem;
    overflow: hidden;
    background: var(--colorfff);
    position: absolute;
    top: calc(100% + 0.1rem);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 2;
    display: none;
}
.nlir-sear-bot-title{
    color: var(--colormain);
    line-height: var(--line165);
    font-weight: 500;
}
.nlir-sear-bot .hspc-keyword-list-item{
    margin-top: 0.1rem;
}
.nlir-sear-top.yx-active .nlir-sear-input{
    background: var(--colorfff);
}
.nlir-sear-top.yx-active {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
}
/* f1-1-新闻列表--end */
/* f3-展会活动--start */
.nlil-list-item-next{
    display: none;
}
.nlil-list-item-next{
    padding: 0.16rem 0.2rem;
}
.event-main .nlil-list-item-next{
    display: block;
}
.nlin-list-item .std-text16{
    display: inline-block;
    position: relative;
    color:#616161;
    line-height: var(--line165);
    font-weight: 350;
    transition: var(--transition);
    cursor: pointer;
}
.nlin-list-item .std-text16::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 12px;
    border-radius: 2px;
    background: var(--colormain);
    opacity: 0;
    transform: translateY(-50%);
    transition: var(--transition);
}
.nlin-list-item{
    margin-bottom: 0.15rem;
}
.nlin-list-item:last-child{
    margin-bottom: 0;
}
.nlin-list-item.act .std-text16{
    color: var(--colormain);
    padding-left: 0.1rem;
}
.nlin-list-item.act .std-text16::before{
    opacity: 1;
}
.event-list .mod-title{
    margin-bottom: 1rem;
}
.event-list .news-list-info-left{
    padding-top: 0 !important;
    top: calc(var(--headh) + 0.4rem);
}
.event-list-ul-nub{
    padding: 0.22rem 0;
    border-bottom: solid 1px #CFCFCF;
}
.elun-link{
    display: flex;
}
.elun-link .std-btn3{
    transition: var(--transition);
    flex-shrink: 0;
    margin-left: 0.2rem;
}
.elun-link-right{
    width: 64%;
    padding-left: 0.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: var(--transition);
}
.elun-link-right-bot{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.elun-link{
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 0.1rem;
    padding-right: 0.2rem;
    background: transparent;
    transition: var(--transition);
    border-radius: 0.1rem;
    overflow: hidden;
    margin-left: -0.1rem;
    position: relative;
    z-index: 2;
}
/* .elun-link::before{
    content: "";
    width: 100%;
    height: calc(100% - 0.4rem);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: var(--colormain);
    z-index: -1;
    border-radius: 0.1rem;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
} */
.elun-link::after{
    content: "";
    position: absolute;
    left: 0.1rem;
    bottom: 0;
    width: calc(100% - 0.2rem);
    height: 1px;
    /* background:#CFCFCF; */
    pointer-events: none;
    z-index:0;
}
.event-list-ul{
    margin-top: 0.6rem;
}
.elun-link .ys-imgbox-cover{
    width: 36%;
    border-radius: 0.1rem;
    overflow: hidden;
}
.elun-link .ys-imgbox-cover img{
    object-fit: cover;
}
.elrt-tab{
    line-height: 22px;
    padding: 0 4px;
    background: rgba(0, 130, 0, 0.05);
    border-radius: 2px;
    overflow: hidden;
    line-height: var(--line16);
    font-weight: 350;
    display: inline-block;
    color: #008200;
    margin-bottom: 4px;
    transition: var(--transition);
}
.event-list-ul-nub.on1 .elrt-tab{
    color: #D11D00;
    background: rgba(209, 29, 0, 0.05);
}
.eltr-title{
    color: #1E1F24;
    font-weight: 500;
    line-height: var(--line15);
    transition: var(--transition);
    height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.elrb-left p span{
    font-size: var(--font14);
    color: var(--colormain);
    line-height: var(--line16);
    font-weight: 350;
    margin-bottom: 4px;
    display: block;
    transition: var(--transition);
}
.elrb-left p{
    transition: var(--transition);
    margin-bottom: 0.08rem;
    color: #1E1F24;
    line-height: var(--line165);
    font-weight: 350;
}
.elrb-left p:last-child{
    margin-bottom: 0;
}
.std-btn3,
.std-btn4{
    display:inline-block;
}
.std-btn3-link,
.std-btn4-link{
    display: flex;
    align-items: center;
    padding: 0.12rem 0.32rem;
    border-radius: 1.2rem;
    background: var(--colormain);
    cursor: pointer;
}
.std-btn4-link{
    padding: 0 !important;
}
.std-btn3-link-icon,
.std-btn4-link-icon{
    width: 20px;
    height: 20px;
    position: relative;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.12rem;
}
.sbli-circle,
.sbli4-circle{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--colorfff);
    transition: var(--transition);
}
.sbli4-circle{
    background: var(--colormain);
}
.std-btn3-link-text{
    color: var(--colorfff);
    line-height: var(--line16);
    font-weight: 350;
    transition: var(--transition);
}
.sbli-icon,
.sbli4-icon{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    transition: var(--transition);
    z-index: 2;
}
.sbli-icon img{
    width: 100%;
    transition: var(--transition);
}
.sbli-icon img:nth-child(1){
    position: relative;
}
.sbli-icon img:nth-child(2){
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.event-main .ys-pcfy{
    margin-top: 0.4rem;
}
.event-list{
    overflow: visible;
}
/* f3-展会活动--end */
/* e2-全球销售网络--start */
.nlit-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    position: relative;
}
.nlit-icon img{
    width: 100%;
    transition: var(--transition);
}
.nlit-icon img:nth-child(2){
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.nnwl-list-item-top{
    padding: 0.14rem 0.24rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.1rem;
    overflow: hidden;
    background: var(--colorfff);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    transition: var(--transition);
}
.network-nub-wrap-left{
    width: 12.22%;
    position: sticky;
    top: calc(var(--headh) + 0.4rem);
    padding-top: 0.1rem;
}
.network-nub-wrap-right{
    width: 87.78%;
    padding-left: 1rem;
    padding-right: 1rem;
}
.network-nub-wrap{
    display: flex;
    align-items: flex-start;
}
.nlit-area{
    color: var(--color202);
    line-height: var(--line16);
    font-weight: 350;
    transition: var(--transition);
}
.nnwl-list-item.yx-active .nnwl-list-item-top{
    background: var(--colormain);
}
.nnwl-list-item.yx-active .nlit-area{
    color: var(--colorfff);
}
.nnwl-list-item.yx-active .nlit-icon img:nth-child(1){
    opacity: 0;
}
.nnwl-list-item.yx-active .nlit-icon img:nth-child(2){
    opacity: 1;
}
.nnwl-list-item.yx-active .nlit-icon{
    transform: rotate(180deg);
}
.nnwl-list-item.yx-active .nlil-list-item-next{
    display: block;
}
.nnwl-list-item{
    margin-bottom: 0.16rem;
}
.nnwl-list-item:last-child{
    margin-bottom: 0;
}
.network-nub{
    overflow: visible;
}
.nnwr-info{
    width: 100%;
    padding-bottom: var(--space90);
    padding-top: 0.1rem;
}
.nnwr-info:last-child{
    padding-bottom: 0;
}
.nnwr-info-area{
    width: 100%;
    padding: 0.15rem 0.3rem;
    border-radius: 0.1rem;
    overflow: hidden;
    background: var(--colorf7f);
    margin-bottom: 0.2rem;
    font-weight: 500;
    line-height: var(--line16);
    color: var(--color202);
}
.nnwr-info-title{
    margin-bottom: 0.24rem;
}
.nnwr-info-title-word p{
    color: #616161;
    line-height: var(--line16);
    font-weight: 350;
}
.nnwr-info-title-link{
    display: flex;
    align-items: center;
}
.nitl-icon{
    width: 32px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.1rem;
    display: inline-block;
    vertical-align: middle;
}
.nitl-icon img{
    width: 100%;
}
.nnwr-info-title-link h2{
    color: var(--colormain);
    font-weight: 500;
    line-height: var(--line15);
    display: inline-block;
}
.nnwr-info-bg{
    width: 100%;
    height: 4.0rem;
    position: relative;
    border-radius: 0.1rem;
    overflow: hidden;
    margin-bottom: 0.2rem;
}
.llwr-list-pic{
    height: 4.0rem;
    position: relative;
}
.nnwr-info-bg img,
.llwr-list-pic img{
    width: 100%;
    height: 115%;
    object-fit: cover;
    position: absolute;
    top: 0%;
    left: 0;
}
.nnwr-info-ul-li{
    padding: 0.32rem 0.4rem;
    border-radius: 0.1rem;
    overflow: hidden;
    background: var(--colorf7f);
    margin-bottom: 0.17rem;
}
.nnwr-info-ul-li:last-child{
    margin-bottom: 0;
}
.niul-list{
    display: flex;
    margin: 0 -0.4rem;
}
.niul-list-item{
    width: 33.333333%;
    padding: 0 0.4rem;
}
.niul-list-item-place{
    color: var(--colormain);
    line-height: var(--line15);
    font-weight: 500;
    padding-bottom: 0.08rem;
    border-bottom: solid 1px #CFCFCF;
    margin-bottom: 0.16rem;
}
.niul-list-item-other p span,
.niul-list-item-other p a,
.niul-list-item-other p{
    color: #616161;
    line-height: var(--line165);
    font-weight: 350;
}
.niul-list-item-other p span{
    flex-shrink: 0;
    margin-right: 0.08rem;
}
.niul-list-item-other p{
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.1rem;
}
.nnwr-info.on1 .niul-list-item{
    width: 100%;
}
.nnwr-info.on2 .niul-list-item{
    width: 50%;
}
/* e2-全球销售网络--end */
/* 首页--start */
.ys-ban-imgbox img {
    transform: scale(1.18);
    transition: transform 4.4s linear;
}
.ys-ban-li.active .ys-ban-imgbox img{
    transform: scale(1);
}
.home-main .ys-main{
    padding-bottom: 0.8rem;
}
.home-news-top{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 0.4rem;
}
.home-news-top .mod-title{
    width: 42.5%;
    overflow: hidden;
}
.home-news-top-right{
    display: flex;
    margin: 0 -0.1rem;
}
.home-news.start .home-news-bot-list:first-child .htll-pic .ys-imgbox-cover{
    animation: fadeInUpimg 1.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1;
}
.home-news-bot-list.start .htll-pic .ys-imgbox-cover{
    animation: fadeInUpimg 1.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1;
}
.hntr-list{
    padding: 0 0.1rem;
}
.hntr-list-box{
    display: flex;
    align-items: center;
    position: relative;
    padding: 0.12rem 0.16rem;
    border-radius: 0.05rem;
    overflow: hidden;
    border: 1px solid rgba(136, 136, 136, 0.40);
    transition: var(--transition);
    cursor: pointer;
}
.hntr-list-box-icon{
    width: 26px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 0.12rem;
    position: relative;
    z-index: 2;
}
.hntr-list-box-icon img{
    width: 100%;
    transition: var(--transition);
}
.hntr-list-box-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.hntr-list.yx-active .hntr-list-box{
    background: var(--colormain);
}
.hntr-list.yx-active .hntr-list-box-icon img:nth-child(1){
    opacity: 0;
}
.hntr-list.yx-active .hntr-list-box-icon img:nth-child(2){
    opacity: 1;
}
.hntr-list.yx-active .hntr-list-box-text{
    color: var(--colorfff);
}
.hntr-list-box-text{
    line-height: var(--line165);
    font-weight: 350;
    color: #616161;
    position: relative;
    z-index: 2;
}
.hntr-list-box-bg{
    width: 0.86rem;
    position: absolute;
    right: -0.16rem;
    bottom: -0.39rem;
    opacity: 0.1;
    pointer-events: none;
    z-index: 1;
}
.hntr-list-box-bg img{
    width: 100%;
}
.std-btn4-link-text{
    font-weight: 400;
    color: var(--colormain);
    line-height: var(--line165);
    transition: var(--transition);
}
.std-btn4-link{
    background: transparent !important;
}
.sbli4-icon img{
    width: 100%;
    transition: var(--transition);
}
.sbli4-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.hnbl-ul-li{
    width: 25%;
    padding: 0 0.2rem;
}
.hnbl-ul{
    display: flex;
    margin: 0 -0.2rem;
}
.hull-title{
    color:#20343D;
    font-weight: 500;
    line-height: var(--line16);
    transition: var(--transition);
    height: 4.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hull-tps{
    margin-bottom: 0.15rem;
}
.hnbl-ul-li-link{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 0.24rem;
    padding-bottom: 0.24rem;
    border-top: 1px solid rgba(136, 136, 136, 0.40);
    transition: var(--transition);
}
.hnbl-ul-li .newc-top-tab-li{
    margin-right: 0.2rem;
    flex-shrink: 0;
}
.hnbl-ul-li .slbt-other-date{
    color: var(--color888);
    line-height: var(--line165);
}
.hull-tps .slbt-other{
    margin-bottom: 0.12rem;
}
.hnbl-top-list2{
    width: 40%;
}
.hnbl-top-list img{
    object-fit: cover;
}
.hnbl-top-list1{
    width: 58.75%;
}
.hnbl-top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.2rem;
}
.ys-banner,
.ys-banner .ys-ban-slick,
.ys-banner .slick-list,
.ys-banner .slick-track,
.ys-banner .slick-slide,
.ys-ban-imgbox{
    height: 100vh;
}
.ys-ban-imgbox img{
    height: 100%;
    object-fit: cover;
}
.ys-ban-title{
    display: inline-block;
    color: var(--colorfff);
    line-height: var(--line13);
    font-weight: 500;
}
.ys-ban-word{
    margin-top: 0.2rem;
}
.ys-ban-btn{
    margin-top: 0.6rem;
}
.std-btn{
    display: inline-block;
}
.std-btn-link-text{
    line-height: var(--line165);
    color: var(--colorfff);
    font-weight: 500;
}
.std-btn-link{
    display: flex;
    align-items: center;
    padding: 0.08rem 0.32rem;
    border-radius: 120px;
    border: 1px solid var(--colorfff);
    background: rgba(5, 26, 68, 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.std-btn-link-icon{
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.12rem;
}
.std-btn-link-icon img{
    width: 100%;
}
.ys-ban-word p{
    color: var(--colorfff);
    line-height: var(--line165);
}
.ys-ban-slick .slick-dots{
    bottom: 0.78rem;
    text-align: left;
    padding-left: calc(50vw - 800px);
}
.ys-ban-slick .slick-dots li{
    width: 0.8rem !important;
    height: 4px !important;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 5px;
}
.ys-dots1 .slick-dots li::before{
    height: 100%;
    background: rgba(23, 23, 23, 0.50);
}
.ys-dots1 .slick-dots li::after{
    height: 100%;
}
.htll-title{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0.3rem 0.4rem;
    color: var(--colorfff);
    font-weight: 500;
    line-height: var(--line15);
}
.hnbl-top-left-link{
    display: block;
    position: relative;
}
.htll-pic{
    border-radius: 0.1rem;
    overflow: hidden;
}
.btn-point {
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    z-index: 2;
    width: 1.2rem;
    height: 0.4rem;
    z-index:3;
    pointer-events: none;
    border-radius: 0;
}
.btn-point span {
    position: absolute;
    width: 1.2rem;
    height: 0.4rem;
    background: var(--colorfff);
    border-radius:0 0 0 0.1rem;
    top: 0;
    right: 0;
    transform-origin: right top;
}
.btn-point span::before {
    content: "";
    position: absolute;
    top: 0;
    left: -0.1rem;
    width: 0.1rem;
    height: 0.1rem;
    box-sizing: content-box;
    background: radial-gradient(circle at 0% 100%, transparent 71%, #fff 70%);
}
.btn-point span::after {
    content: "";
    position: absolute;
    bottom: -0.1rem;
    right: 0;
    width: 0.1rem;
    height: 0.1rem;
    box-sizing: content-box;
    background: radial-gradient(circle at 0% 100%, transparent 71%, #fff 70%);
}
.new-tab{
    width: 1.2rem;
    height: 0.4rem;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 4;
}
.new-tab-text{
    color: var(--colormain);
    line-height: var(--line165);
    padding-right:0.12rem;
    position: relative;
}
.new-tab-text::after{
    content: "";
    position: absolute;
    right: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--colormain);
}
.home-news-btn{
    display: flex;
    justify-content: center;
    margin-top: 0.3rem;
}
.home-news-bot-list{
    display: none;
}
.home-news-bot-list:first-child{
    display: block;
}
.home-product-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem;
}
.home-product-item {
    width: 33.333333%;
    padding: 0 0.1rem;
    margin-top: 0.2rem;
}
.home-product-item:nth-child(3n+1){
    animation-delay: 0.3s;
}
.home-product-item:nth-child(3n+2){
    animation-delay: 0.4s;
}
.home-product-item:nth-child(3n+3){
    animation-delay: 0.5s;
}
.home-product-item-link {
    display: block;
    height: 100%;
    position: relative;
    z-index: 1;
}
.home-product-item-img {
    border-radius: 0.1rem;
    overflow: hidden;
}
.hpit-title {
    line-height: var(--line15);
    text-align: center;
    font-weight: 500;
    margin-bottom: 0.12rem;
}
.hpit-desc p {
    color:var(--color616);
    font-weight: 350;
    line-height: var(--line165);
    text-align: center;
}
.home-product-item-text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0.5rem 0.6rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    z-index: 2;
}
.home-product-item-text .std-btn4{
    margin-top: 0.2rem;
}
.home-product-item.on .home-product-item-link{
    background: var(--colormain);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 0.1rem;
    overflow: hidden;
    padding: 0.5rem 0.6rem;
}
.home-product-item.on .hpit-title{
    text-align: left !important;
    color: var(--colorfff);
}
.home-product-item.on .home-product-item-text{
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    align-items: flex-start;
    padding: 0;
}
.home-product-item.on .hpit-desc p{
    color: var(--colorfff);
    line-height: var(--line165);
    text-align: left !important;
}
.std-btn3.white .std-btn3-link{
    border: solid 1px var(--colorfff) !important;
    background: var(--colormain);
    position: relative;
    z-index: 2;
}
.hpit-bg{
    position: absolute;
    right: 0;
    bottom: -0.24rem;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.1);
    font-family:var(--bold) !important;
    line-height: var(--line12);
    z-index: 0;
    pointer-events: none;
}
.hbnw-pic-bot{
    width: 100%;
}
.home-product .product-list-word p{
    color: var(--color616);
    font-weight: 350;
}
.home-product h2{
    font-size: var(--font48);
}
.home-mode,
.home-mode-media{
    position: relative;
}
.home-mode-media::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    pointer-events: none;
    background: linear-gradient(136deg, rgba(247, 247, 247, 1) 10.74%, rgba(247, 247, 247, 0) 50.14%);
    z-index: 3;
}
.home-mode-media img{
    width: 100%;
}
.home-mode-wrap{
    position: absolute;
    left: 50%;
    top:0.8rem;
    transform: translateX(-50%);
    z-index: 5
}
.home-mode-dots{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 5;
    animation-delay: 0.5s;
}
.home-mode-dots-nub{
    position: absolute;
    pointer-events: all !important;
}
.home-mode h2{
    width: 37.5%;
}
.hmdn-btn-link-icon{
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 50%;
    position: relative;
    background: var(--colormain);
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.16rem;
    overflow: hidden;
    transition: var(--transition);
    display: flex;
    justify-content: center;
    align-items: center;
}
.hmdn-btn-link-icon img{
    width: 48%;
    transition: var(--transition);
}
.hmdn-btn-link-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.hmdn-btn-link{
    display: flex;
    align-items: center;
    border-radius: 1.2rem;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(244, 244, 244, 0.80);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 0.04rem 0.04rem 0.04rem 0.32rem;
    transition: var(--transition);
}
.hmdn-btn-link-text{
    line-height: var(--line16);
    color: var(--colormain);
    font-weight: 500;
    transition: var(--transition);
}
.hmdn-btn{
    display: inline-block;
}
.hbpu-li{
    margin-bottom: 0.08rem;
}
.hbpu-li:last-child{
    margin-bottom: 0px;
}
.hbpu-li-link{
    display: flex;
    align-items: center;
}
.hmdn-btn-pull{
    display: none;
    background: var(--colormain);
    padding: 0rem 0.2rem 0.12rem;
}
.hmdn-btn-pull-ul{
    padding-top: 0.08rem;
    border-top: solid 1px rgba(255, 255, 255, 0.50);
}
.home-mode-dots-nub.ys-more .hmdn-btn-link{
    border-radius: 0;
}
.home-mode-dots-nub.ys-more .hmdn-btn{
    border-radius: 0.3rem;
    overflow: hidden;
    transition: var(--transition);
}
.hbpu-li-link-text{
    color: var(--colorfff);
    line-height: var(--line165);
    font-weight: 350;
}
.hbpu-li-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hmdn-btn-link{
    cursor: pointer;
}
.std-btn3.white-btn .std-btn3-link{
    background: var(--colorfff);
}
.std-btn3.white-btn .std-btn3-link-text{
    color: var(--colormain);
}
.std-btn3.white-btn .sbli-circle{
    background: var(--colormain);
}
.home-mode-btn{
    position: absolute;
    left: 50%;
    bottom: 0.4rem;
    transform: translateX(-50%);
    z-index: 6;
}
.home-mode-phcont-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem;
}
.hmpu-li{
    width: 50%;
    padding: 0 0.1rem;
    margin-top: 0.6rem;
}
.hmpu-li-link .ys-imgbox-cover img{
    object-fit: cover;
}
.hmpu-li-link .ys-imgbox-cover{
    margin-bottom: 0.2rem;
    border-radius: 0.1rem;
    overflow: hidden;
}
.hmpu-li-link-title{
    font-weight: 500;
    line-height: var(--line15);
    color: var(--color202);
    margin-bottom: 0.2rem;
}
.hmpu-li-link-icon{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--colormain);
    padding: 0.08rem;
}
.hmpu-li-link-icon img{
    width: 100%;
}
.home-mode-phcont{
    display: none;
}
.home-mode-content{
    width: 100%;
    position: relative;
}
.home-event h2{
    width: 27.5%;
}
.home-event{
    padding-top: 0.2rem;
}
.home-event .mod-title{
    margin-bottom: 0.4rem;
}
.home-main .mod-title{
    display: block;
}
.home-mode{
    margin-top: 0.8rem;
}
.home-event .hnbl-top-list{
    width: 50%;
    padding: 0 0.1rem;
}
.home-event .hnbl-top-list:nth-child(2n+1){
    animation-delay: 0.3s;
}
.home-event .hnbl-top-list:nth-child(2n+2){
    animation-delay: 0.4s;
}
.home-event .hnbl-top{
    margin: 0 -0.1rem;
}
.home-event .ys-imgbox-cover::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height:50%;
    background: linear-gradient(180deg, rgba(24, 35, 50, 0) 0%, rgba(24, 35, 50, 1) 100%);
    z-index: 1;
    pointer-events: none;
    opacity: 0.7;
    transition: var(--transition);
}
.home-event .hnbl-top-list.active .ys-imgbox-cover::before{
    opacity: 1;
    height: 55%;
}
.home-event .htll-title{
    padding: 0 !important;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}
.home-event-bot{
    position: absolute;
    left: 0;
    bottom:0;
    padding: 0.32rem;
}
.home-event-bot .std-btn1{
    display: none;
    margin-top: 0.16rem;
}
.home-event-bot .std-btn-link-text{
    font-weight: 350;
}
.home-ban-new-wrap{
    width: 6.60rem;
    padding: 0.3rem 0.2rem;
    border-radius: 0.2rem;
    position: relative;
    z-index: 2;
    right: 0.53rem;
}
.home-ban-new-white{
    width: 2.8rem;
    border-radius: 0.2rem 0 0 0;
    margin-top: 1rem;
}
.home-ban-new-cry{
    display: flex;
    justify-content: flex-end;
    position: relative;
    width: 11.29rem;
}
.hbnc-bg{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.hbnc-bg img{
    width: 100%;
}
.hbnw-pic{
    margin-bottom: 0.2rem;
}
.hbnw-pic img{
    width: 100%;
    transform: scale(1.5);
}
.home-ban-new-wrap .std-text18 p{
    color: var(--color202);
    line-height: var(--line16);
    font-weight: 350;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.home-ban-new-wrap .std-text18{
    margin-bottom: 0.24rem;
    width: 68%;
}
.home-ban-new{
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: flex-end;
    /* padding-right: 0.6rem; */
    margin-top: 0rem;
    transition: all 1.2s cubic-bezier(.38, 0, 0, 1);
    /* padding-bottom: var(--space100); */
}
.home-ban{
    overflow: visible !important;
}
.ys-banner{
    position: sticky;
    top: 0;
    margin-bottom: 2.23rem;
}
.home-list {
    overflow: visible;
}
.home-list-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.home-list-item:not(:first-child){
    display: none;
}
.hliw-box {
    position: relative;
    overflow: hidden;
    height: calc(100vh - var(--headh));
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.home-list-item-wrap{
    overflow: hidden;
    height: 80.2vh;
}
.home-list-item-content {
    position: absolute;
    top: 50%;
    left: calc(50vw - 800px);
    z-index: 3;
    width: 24.21%;
    min-height: 6.4rem;
    max-height: calc(100% - 1.2rem);
    background: var(--colorfff);
    border-radius: 0.1rem;
    padding: 0.6rem 0.46rem 0.5rem 0.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(-20%);
    transition: all 0.2s linear;
    transition-delay: 0s;
}
.home-list-item.slick-active .home-list-item-content{
    transition: all 1.5s cubic-bezier(.38, 0, 0, 1);
    opacity: 1;
    transform: translateY(-50%);
    transition-delay: .4s;
}
.home-list-item-title{
    margin-bottom: 0.6rem;
}
.home-list-item-title span {
    color: var(--colormain);
}
.hlid-title {
    color: var(--color202);
    line-height: var(--line165);
    padding-bottom: 0.04rem;
    margin-bottom: 0.16rem;
    position: relative;
}
.hlid-title::after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width:0.4rem;
    height: 2px;
    background: var(--colormain);
}
.hlid-title::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width:calc(100% - 0.48rem);
    height: 2px;
    background: #003D70;
}
.hlid-text p {
    color: var(--color202);
    line-height: var(--line165);
    opacity: 0.6;
}
.home-list-item-media {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.home-list-item-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-list-item.yx-color .home-list-item-content{
    background: rgba(255, 255, 255, 0.10); 
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}
.home-list-item.yx-color .home-list-item-title,
.home-list-item.yx-color .hlid-title,
.home-list-item.yx-color .hlid-text p{
    color: var(--colorfff);
}
.home-list-item.yx-color .hlid-title{
    padding-bottom: 0.16rem;
    margin-bottom: 0.16rem;
}
.home-list-item.yx-color .hlid-title::after,
.home-list-item.yx-color .hlid-title::before{
    background: var(--colorfff);
}
.home-streng{
    padding-top: 0.5rem;
}
.home-streng .mod-tab{
    margin-bottom: 0.2rem;
}
.home-streng-list-item{
    width: 33.333333%;
    padding: 0 0.4rem;
}
.home-streng-list{
    display: flex;
    margin: 0 -0.4rem;
}
.hsli-bot p{
    font-weight: 350;
    color: var(--color888);
    line-height: var(--line165);
}
.hsli-bot{
    padding-top: 0.08rem;
    margin-top: 0.32rem;
    border-top: solid 1px #D2D2D2;
}
.hsli-top{
    display: flex;
    align-items: flex-end;
}
.hsli-top .ys-demo-num1{
    font-weight: 500;
    line-height: 1.1;
    color: var(--color202);
    font-size: var(--font72);
} 
.hsli-top span{
    color: var(--color202);
    font-weight: 500;
    font-size: var(--font32);
    margin-left: 0.14rem;
    line-height: var(--line15);
}
.master-rotate-zhan-nub {
    height: 70vh;
}
.master-rotate-inof {
    position: sticky;
    top: var(--headh);
    height: calc(100vh - var(--headh));
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
.home-list-item.slick-active .home-list-item-media{
    animation: donghua 1.2s ease-out forwards;
    transform: translateX(100%) scale(1.3); 
    transition-delay:0s !important;
    /*transition: none;*/
}
@keyframes donghua{
    0%{
        transform: translateX(100%) scale(1.3);
        clip-path: inset(0 0 0 100%);
        -webkit-clip-path:inset(0 0 0 100%);
    }
    100%{
        transform: translateX(0%) scale(1);
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
    }
}
.home-list-item.active .home-list-item-media {
    /* transform: translateY(-40%); */
    transition: transform 1.2s;
    transition-delay: 0.4s;
}
.home-list-item.active {
    opacity: 1 !important;
}
.home-news{
    padding-top: 0.4rem;
}
.home-product{
    padding-bottom: 0.4rem;
}
/* 首页--end */
/* e1-视频中心--start */
.nwsl-show-play{
    width: 0.4rem;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.2rem;
}
.nwsl-show-play img{
    width: 100%;
}
.media-main .nwsl-show{
    display: flex; 
    align-items: center;
    justify-content: space-between;
}
.ys-iframe-btn{
    cursor: pointer;
}
.media-list .solut-list-ul{
    margin: 0 -0.16rem;
}
.media-list .solut-list-ul-li{
    width: 25% !important;
    margin-top: 0.58rem;
    padding: 0 0.16rem;
}
.media-list .solut-list-ul-li:nth-child(4n+1){
    animation-delay: 0.3s;
}
.media-list .solut-list-ul-li:nth-child(4n+2){
    animation-delay: 0.4s;
}
.media-list .solut-list-ul-li:nth-child(4n+3){
    animation-delay: 0.5s;
}
.media-list .solut-list-ul-li:nth-child(4n+4){
    animation-delay: 0.6s;
}
.media-list .slul-link-tplink{
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0.2rem;
    flex-shrink: 0;
}
.media-list .slul-link-tplink .ys-imgbox-cover{
    margin-bottom: 0;
}
.media-list .slul-link-tplink-time{
    position: absolute;
    right: 0.16rem;
    bottom: 0.16rem;
    min-width: 0.4rem;
    padding: 0rem 0.06rem;
    border-radius: 0.8rem;
    overflow: hidden;
    background: rgba(32, 32, 32, 0.60);
    color: var(--colorfff);
    font-weight: 350;
    line-height: 18px;
}
.media-list .slul-link{
    height: 100%;
}
.media-list-bot{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: var(--transition);
}
.media-list .slul-link-title{
    margin-bottom: 0.06rem !important;
    line-height: var(--line16);
    color: var(--color202);
    transition: var(--transition);
    font-weight: 400;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.media-list .slbt-other-date{
    color: var(--color888);
    line-height: var(--line16);
    font-weight: 350;
}
.media-main .ys-pcfy{
    margin-top: 0.4rem;
}
.video-filter-isla {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.05rem;
    margin-top: 0.2rem;
}
.altb-le-ul-li {
    padding: 0 0.05rem;
    cursor: pointer;
    margin-top: 0.1rem;
}
.alul-box {
    display: inline-flex;
    color: var(--colormain);
    align-items: center;
    padding: 0.04rem 0.08rem;
    border-radius: 0.05rem;
    background: rgba(0, 66, 200, 0.05);
}
.alul-box p {
    font-size: var(--font16);
    color: var(--colormain);
    line-height: var(--line165);
    font-weight: 350;
}
.alul-box-icon {
    width: 10px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.1rem;
}
.alul-box-icon img{
    width: 100%;
}
.rsrl-wrap {
    font-size: var(--font14);
    color: var(--color6F6);
    transition: all .36s ease;
    cursor: pointer;
}
.rsrl-wrap-box{
    display: flex;
    align-items: flex-start;
    padding: 0rem 0.2rem;
    margin-bottom: 0.15rem;
    font-size: var(--font16);
    line-height: var(--line165);
    color: var(--color616);
    transition: var(--transition);
    font-weight: 350;
}
.media-list-wrap-sear{
    position: relative;
    z-index: 8;
}
.media-list-wrap{
    padding-top: var(--space100);
}
.media-list-wrap-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.3rem;
    border-bottom: solid 1px #CFCFCF;
}
.mlwt-all span{
    display: inline-block;
    margin: 0 0.06rem;
    color: var(--colormain);
}
.mlwt-all{
    color: var(--color616);
    line-height: var(--line16);
    flex-shrink: 0;
}
.mlwt-right{
    display: flex;
}
.mlwt-right .nlir-sear-top{
    width: 5.19rem;
}
.altl-item-selc{
    display: flex;
    align-items: center;
    height: 58px;
    justify-content: space-between;
    width: 3.06rem;
    border-radius: 0.8rem;
    background: var(--colorf7f);
    margin-right: 0.2rem;
    transition: var(--transition);
}
.altl-item-selc.act{
    background: var(--colorfff);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
}
.altl-item-selc input{
    color: var(--color202);
    line-height: var(--line16);
    font-size: var(--font16);
    font-weight: 350;
}
.altl-item-selc input::placeholder{
    color: var(--color616) !important;
    transition: var(--transition);
}
.altl-item-selc.act input::placeholder{
    color: var(--colormain) !important;
}
.altl-item-selc .ys-select-hd {
    display: flex;
    padding: 0 0.32rem;
}
.altl-item-selc .ys-select-bd{
    top: calc(100% + 0.1rem);
}
.media-list-wrap .ys-select-inof {
    max-height: 242px;
    padding-top: 0.16rem;
    padding-bottom: 0.16rem;
}
.rsrl-wrap:last-child{
    margin-bottom: 0;
}
.rsrl-wrap span{
    width: 14px;
    height: 14px;
    border-radius: 2px;
    position: relative;
    border: solid 1px rgba(157, 157, 157, 1);
    transition: var(--transition);
    margin-right: 0.13rem;
    top: 7px;
}
.rsrl-wrap span::before{
    content: "\e72e";
    font-family: 'iconfont';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 8px;
    opacity: 1;
    color: var(--colormain);
    font-weight: 700;
    opacity: 0;
    transition: var(--transition);
}
.rsrl-wrap.on span{
    border: solid 1px var(--colormain);
}
.rsrl-wrap.on span::before{
    opacity: 1;
}
.rsrl-wrap.on .rsrl-wrap-box{
    color: var(--colormain);
}
.mlwt-right .icon-arrow-down:before{
    color: var(--colormain);
    font-size: 14px;
}
.mlwt-right .ys-select-xtbbox{
    right: 0.32rem;
}
.mlwt-right .ys-select-bd{
    border-radius: 0.1rem;
    background: var(--colorfff);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
}
/* e1-视频中心--end */
/* e4-1-服务支持--start */
.ys-nyban-title h1{
    color: var(--color202);
    font-size: var(--font56);
}
.ys-nyban-title{
    padding-top: var(--space100);
}
.ys-nyban-img{
    max-width: 1800px;
    width: 100%;
    height: 480px;
    margin: 0 auto;
    border-radius: 0.2rem;
    overflow: hidden;
}
.ys-nyban-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ys-nyban-img-cry{
    width: 100%;
    height:calc(100% + 40px);
    position: relative;
    top: 0px;
}
.service-main .mod-ctact{
    display: none;
}
.sstu-li-link{
    width: 3.2rem;
    display: block;
    padding: 0.32rem 0.4rem;
    border-radius: 0.1rem;
    background: var(--colorfff);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
}
.sstu-li-link-icon{
    width: 0.4rem;
    margin: 0 auto 0.24rem;
}
.service-support{
    margin-top: -0.82rem;
    position: relative;
    z-index: 2;
}
.sstu-li-link-title{
    text-align: center;
    color: var(--color202);
    line-height: var(--line15);
    font-weight: 500;
    transition: var(--transition);
}
.sstu-li{
    padding: 0 0.15rem;
}
.service-support-tab-ul{
    display: flex;
    justify-content: center;
}
.service-support-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.2rem;
}
.service-support-list-item{
    width: 50%;
    padding: 0 0.2rem;
    margin-top: 0.4rem;
}
.service-support .mod-title{
    margin-top: var(--space100);
}
.ssli-box{
    width: 100%;
    position: relative;
    border-radius: 0.1rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.ssli-box-show{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.3rem 0.4rem;
}
.ssli-box-show-title{
    color: var(--colorfff);
    line-height: var(--line15);
    font-weight: 500;
}
.ssli-box-show-desc{
    width: 68%;
    opacity: 1;
    pointer-events: all;
    transition: var(--transition);
}
.ssli-box-show-desc p{
    color: var(--colorfff);
    line-height: var(--line165);
    font-weight: 350;
}
.ssli-box-ul{
    position: absolute;
    bottom: 0.24rem;
    left: 0;
    padding: 0 0.1rem;
    width: 100%;
    display: flex;
    opacity: 0;
    transition: var(--transition);
    pointer-events: none;
}
.service-support-list-item.on .ssli-box-ul{
    width: 49%;
}
.ssli-box-ul-li{
    padding: 0 0.1rem;
    width: 33.333333%;
}
.sbul-link{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.12rem 0.24rem;
    background: var(--colorfff);
    border-radius: 0.1rem;
    overflow: hidden;
}
.sbul-link-icon{
    width: 32px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 0.16rem;
}
.sbul-link-icon img{
    width: 100%;
}
.sbul-link-text{
    color: var(--color202);
    line-height: var(--line16);
    font-weight: 350;
    transition: var(--transition);
}
.service-support-list-item.on{
    width: 100%;
}
.service-support-list-item.on .ssli-box-show-desc{
    width: 30%;
}
.service-popular{
    display: block !important;
    padding-top: var(--space100) !important;
    padding-bottom: 0 !important;
}
.service-popular{
    background: transparent !important;
}
.service-popular .mod-ctact-li-link{
    background: var(--colorf7f);
}
.service-popular .mod-title{
    margin-bottom: 0.4rem;
}
.service-faq-wrap{
    display: flex;
    /* align-items: center; */
    background: var(--colormain);
    border-radius: 0.16rem;
    overflow: hidden;
}
.service-faq-wrap-left{
    width: 45%;
    border-radius: 0.1rem;
    overflow: hidden;
}
.service-faq-bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45%;
}
.service-faq-bg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.service-faq-wrap-left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-faq-wrap-right{
    width: 55%;
    padding: 0.1rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.service-faq-wrap-right h2{
    color: var(--colorfff);
    line-height: var(--line15);
    font-weight: 500;
    margin-bottom: 0.32rem;
}
.sfwr-desc p{
    line-height: var(--line16);
    font-weight: 350;
    color: var(--colorfff);
    max-height: 4.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.sfwr-desc{
    margin-bottom: 0.5rem;
}
.service-faq{
    padding-top: 2.19rem;
}
.service-faq .ys-cont1440,
.service-faq .ys-cont1600{
    position: relative;
}
.summary-product{
    position: relative;
}
.summary-product::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50vw - 800px);
    height: 100%;
    background: var(--color202);
    z-index: 1;
    pointer-events: all;
}
/* e4-1-服务支持--end */
/* e4-2-购买咨询--start */
.purch-form-ph{
    display: none;
}
.ys-nybanner2-textbox{
    padding-top: var(--space100);
} 
.purch-main .service-faq{
    padding-top: 1.3rem;
}
.purch-form-ul{
    display: flex;
    margin-bottom: 0.2rem;
}
.pful-box{
    display: flex;
    align-items: center;
    padding: 0.14rem 0.24rem;
    border-radius: 0.1rem;
    overflow: hidden;
    background: var(--colorfff);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    transition: var(--transition);
    cursor: pointer;
}
.purch-form-ul-li{
    margin-right: 0.16rem;
}
.purch-form-ul-li:last-child{
    margin-right: 0;
}
.pful-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.12rem;
    display: none;
}
.pful-icon img{
    width: 100%;
}
.pful-text{
    line-height: var(--line16);
    font-weight: 350;
    transition: var(--transition);
}
.purch-form-ul-li.yx-active .pful-box{
    background: var(--colormain);
}
.purch-form-ul-li.yx-active .pful-text{
    color: var(--colorfff);
}
.purch-form-ul-li.yx-blank .pful-icon{
    display: block;
}
.purch-form-list{
    border-radius: 0.2rem;
    overflow: hidden;
    background: var(--colorfff);
    box-shadow: 0 64px 26px 0 rgba(4, 10, 85, 0.01), 0 36px 22px 0 rgba(4, 10, 85, 0.03), 0 16px 16px 0 rgba(4, 10, 85, 0.04), 0 4px 9px 0 rgba(4, 10, 85, 0.05);
}
.purch-form-list{
    padding: 0.5rem;
    min-height: 40vh;
}
.purch-form{
    padding-bottom: 0.69rem;
}
.purch-form-list-item iframe{
    width: 100%;
    height: 100%;
    border: none;
}
.purch-form-list-item{
    display: none;
}
.purch-form-list-item:first-child{
    display: block;
}
/* e4-2-购买咨询--end */
/* e4-4-维修保养--start */
.repair-wrap .ssli-box-show-desc{
    opacity: 1 !important;
}
.repair-wrap-list-item{
    width: 25%;
    padding: 0 0.1rem;
    margin-top: 0.2rem;
}
.repair-wrap-list{
    display: flex;
    margin: 0 -0.1rem;
}
.rwli-box{
    min-height: 1.64rem;
    background: var(--colorf7f);
    border-radius: 0.1rem;
    overflow: hidden;
    padding: 0.2rem 0.32rem;
}
.rwli-box-icon{
    width: 0.4rem;
}
.rwli-box-icon img{
    width: 100%;
}
.repair-wrap-list-apply .rwli-box,
.repair-wrap-list-tech .rwli-box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.rwli-box-text{
    color: var(--color202);
    line-height: var(--line16);
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: var(--transition);
}
.rwli-box-text span{
    display: inline-block;
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.08rem;
}
.rwli-box-text span img{
    width: 100%;
}
.repair-wrap-list-program .rwli-box{
    display: flex;
    justify-content: space-between;
}
.rwli-box-left{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.repair-wrap-list-program .rwli-box-right{
    flex-shrink: 0;
    font-size: 0;
    width: 1rem;
}
.repair-wrap-info{
    margin-bottom: 0.6rem;
}
.repair-wrap-info:last-child{
    margin-bottom: 0;
}
.rwli-box-top{
    display: flex;
    align-items: center;
}
.rwli-box-top .rwli-box-icon{
    flex-shrink: 0;
    margin-right:0.16rem;
}
.rwli-box-num,
.rwli-box-num *{
    color: var(--colormain);
    font-weight: 500;
    line-height: var(--line16);
    font-size: var(--font20);
}
.rwli-box-desc{
    position: relative;
    margin-top: 0.06rem;
}
.rwli-box-desc p{
    color: var(--color888);
    line-height: var(--line16);
    font-weight: 350;
}
/* e4-4-维修保养--end */
/* e4-3-技术咨询--start */
.techn-list{
    padding-top: 0.4rem;
}
.techn-list-item-info{
    padding-top: 0.48rem;
}
.techn-list-item-info:first-child{
    padding-top: 0.58rem;
}
.tlii-pic{
    border-radius: 0.1rem;
    overflow: hidden;
}
.tlii-pic img{
    width: 100%;
}
.tlii-top{
    position: relative;
    width: 100%;
}
.tlii-textbox{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding: 0.1rem 0.57rem;
}
.tlii-textbox h2{
    color: var(--colorfff);
    line-height: var(--line15);
    font-weight: 500;
    margin-bottom: 0.08rem;
}
.tlii-textbox-word p{
    color: var(--colorfff);
    line-height: var(--line16);
    font-weight: 350;
}
.tlii-textbox-word{
    width: 50%;
}
.tlii-mind{
    display: flex;
    margin: 0.2rem -0.1rem 0;
}
.tlii-mind .repair-wrap-list-apply{
    width: 23.6%;
    padding: 0 0.1rem;
    flex-shrink: 0;
}
.tlii-mind .rwli-box{
    min-height: 1.68rem;
    padding: 0.32rem;
    height: 100%;
}
.tlii-top-mind-left{
    padding: 0 0.1rem;
    width: 100%;
}
.ttml-box{
    width: 100%;
    min-height: 1.68rem;
    border-radius: 0.1rem;
    background: var(--colorf7f);
    padding: 0.32rem;
    display: flex;
    justify-content: space-between;
}
.ttml-box .ttml-box-left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ttml-box-right{
    width: 3.94rem;
}
.ttml-box-right .rwli-box-num *,
.ttml-box-right .rwli-box-num{
    color: var(--color202);
    font-size: var(--font24);
}
.ttml-box-right-check{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.ttml-box-right-phone{
    position: relative;
    display: inline-block;
}
.tbrp-pop{
    width: 6.20rem;
    position: absolute;
    left: 50%;
    bottom: calc(100%  + 0rem);
    transform: translateX(-50%); 
    display: none;
    padding-bottom: 0.15rem;
}
.tbrp-pop-img{
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    border-radius: 0.1rem;
    background: var(--colorfff);
    padding: 0.08rem 0.16rem;
    cursor: pointer;
}
.tbrp-pop img{
    width: 100%;
}
.tbrc-text{
    color: var(--colormain);
    line-height: var(--line165);
    font-weight: 350;
}
.tbrc-circle{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--colormain);
    margin-left: 0.14rem;
    flex-shrink: 0;
}
.ttml-box-right .rwli-box-num{
    margin-bottom: 0.04rem;
}
.ttml-box-right .rwli-box-desc{
    margin-bottom: 0.16rem;
}
.tlii-bot{
    display: flex;
    margin: 0 -0.1rem;
}
.tlii-bot .repair-wrap-list-item{
    width: 33.333333%;
}
.ys-nybanner2 .product-list-word{
    margin-bottom: 0;
}
.techn-list{
    overflow: visible;
}
.mod-tab-ul-list{
    cursor: pointer;
}
.mod-tabs{
    position: sticky;
    top: var(--headh);
    z-index: 9;
    background: var(--colorfff);
    padding: 0.1rem 0;
    width: 100%;
}
.mod-tabs::before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: var(--colorfff);
    /* box-shadow: var(--shadow); */
    border-bottom: solid 1px rgba(136, 136, 136, 0.2);
    z-index: 0;
    opacity: 0;
    transition: var(--transition);
    pointer-events: none;
}
.mod-tab-ul{
    margin-bottom: 0 !important;
    position: relative;
    z-index: 2;
}
.mod-tabs.start::before{
    opacity: 1;
}
.ys-page-wrap.act .ys-hd-pc::before{
    border-bottom: solid 1px var(--colorfff);
}
.techn-main.yx-line .ys-hd-pc::before,
.product-main.yx-line .ys-hd-pc::before{
    box-shadow: none !important;
    border-bottom: solid 1px rgba(136, 136, 136, 0.2);
}
.techn-main .mod-tab::after{
    display: none;
}
/* e4-3-技术咨询--end */
/* c1-1-车载CASE汇总页--start */
.summary-ban .sbwr-img1{
    height: 4.54rem;
}
.summary-ban .sbwr-img1 img{
    height: 100%;
}
.summary-ban-wrap{
    display: flex;
    align-items: center;
}
.sbwr-img1{
    width: auto;
    margin-right: 0.32rem;
    margin-top: 2.5rem;
}
.sbwr-img1 img{
    border-radius:0.16rem;
    object-fit: contain;
}
.summary-ban-wrap-right{
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    position: relative;
}
.summary-ban-wrap-left{
    width: 100%;
    padding-right: 1rem;
    margin-top: -1.2rem;
}
.sbwr-img2{
    width: 5.72rem;
}
.sbwr-img2 img{
    width: 100%;
    border-radius: 0.16rem;
    overflow: hidden;
}
.sbwr-img{
    position: relative;
    z-index: 2;
}
.sbwr-img::before{
    content: "";
    position: absolute;
    filter: blur(100px);
    -webkit-filter: blur(100px);
    background: var(--colormain);
    pointer-events: none;
    z-index: -1;
}
.sbwr-img2::before{
    width: 3rem;
    height: 2rem;
    left: 50%;
    top: 66%;
    transform: translateY(-150%) translateX(-50%);
    transition: var(--transition);
    transition-delay: 1s;
}
.sbwr-img1::before{
    width: 1.4rem;
    height: 1.4rem;
    left: 15%;
    top: 50%;
    transform: translateY(-50%) translateX(50%);
    transition: var(--transition);
    transition-delay: 1.2s;
}
.join-ban .sbwr-img2::before{
    width: 2rem;
    height: 1rem;
    top: 70%;
}
.join-ban .sbwr-img1::before{
    width: 1rem;
    height: 1rem;
    top: 70%;
    left: 35%;
}
.summary-ban.show .sbwr-img2::before,
.join-ban.show .sbwr-img2::before{
    transform: translateY(-50%) translateX(-50%);
}
.summary-ban.show .sbwr-img1::before,
.join-ban.show .sbwr-img1::before{
    transform: translateY(-50%) translateX(0%);
}
.summary-ban-wrap-left .mod-title{
    margin-bottom: 0.5rem;
}
.sbwl-textbox-title{
    color: var(--colormain);
    line-height: var(--line15);
    font-weight: 500;
    margin-bottom: 0.24rem;
}
.sbwl-textbox-word p{
    color: var(--color616);
    font-weight: 350;
    line-height: var(--line16);
}
.summary-ban-wrap-left .std-btn3{
    margin-top: 0.5rem;
}
.sbwr-icon{
    position: absolute;
    top: 60%;
    right: 5.48rem;
    transform: translate(0%, -50%) scale(0.2);
    opacity: 0;
    z-index: 2;
    width: 0.8rem;
    border-radius: 0.5rem;
    transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-delay: 1.2s;
}
.summary-ban.show .sbwr-icon{
    transform: translate(0%, -50%) scale(1);
    opacity: 1;
}
.sbwr-icon img{
    width: 100%;
}
.sawl-list-item{
    width: 50%;
    padding: 0 0.1rem;
    margin-bottom: 0.2rem;
}
.sawl-list-item:nth-last-of-type(-n+2){
    margin-bottom: 0;
}
.sawl-list{
    display: flex;
    flex-wrap: wrap;
}
.sawl-list-item-box{
    height: 2.9rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.32rem;
    border-radius: 0.2rem;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    background: var(--colorfff);
}
.slib-icon{
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 0.05rem;
    background: var(--colorf7f);
    padding: 0.17rem;
}
.slib-icon img{
    width: 100%;
}
.summary-adv .mod-title{
    margin-bottom: 0.6rem;
}
.slib-bot-title{
    line-height: var(--line15);
    font-weight: 500;
    margin-bottom: 0.12rem;
}
.slib-bot-desc p{
    color: var(--color888);
    line-height: var(--line16);
    font-weight: 350;
}
.summary-adv-wrap-right{
    width: 31.25%;
    height: 6rem;
    overflow: hidden;
    border-radius: 0.2rem;
    position: sticky;
    top: calc(var(--headh) + 0.3rem);
}
.summary-adv-wrap-left{
    width: 68.75%;
    padding-right: 0.2rem;
}
.summary-adv-wrap-right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.summary-adv-wrap{
    display: flex;
    align-items: flex-start;
}
.summary-adv{
    overflow: visible;
}
.summary-mode{
    overflow: visible;
    margin-top: var(--space120);
}
.summary-mode-ph{
    display: none;
}
.summary-mode .mod-title{
    margin-bottom: 0.32rem;
}
.summary-mode-desc{
    width: 50%;
}
.summary-mode-desc p{
    color: var(--color888);
    line-height: var(--line16);
    font-weight: 350;
}
.smmf-video{
    width: 100%;
    height: 100%;
    position: relative;
}
.smmf-video img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mswu-li-box,
.mswu-li-video{
    height: 100%;
}
.summary-mode-media-first{
    position: relative;
    height: 100%;
}
.hbpu-li-link-icon{
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.12rem;
}
.hbpu-li-link-icon img{
    width: 100%;
}
.summary-product{
   background: var(--color202); 
}
.summary-main .service-faq-wrap-left,
.summary-main .service-faq-bg{
    width: 48.125%;
    flex-shrink: 0;
}
.summary-main .service-faq-wrap-right{
    padding-right: 1.5rem;
}
.service-faq{
    overflow: visible;
}
.mod-arrows{
    display: flex;
    align-items: center;
    pointer-events: none;
}
.arrows-icon{
    pointer-events: all;
}
.arrows-prev{
    margin-right: 0.2rem;
}
.summary-product h2{
    color: var(--colorfff);
    line-height: var(--line12);
    margin-bottom: 0.5rem;
    position: relative;
    z-index: 2;
    width: 80%;
}
.summary-product-wrap{
    display: flex;
}
.summary-product-wrap-right{
    width: 87.2%;
}
.summary-product-wrap-left{
    width: 12.8%;
    flex-shrink: 0;
    padding-right: 0.4rem;
    position: relative;
    z-index: 2;
    background: var(--color202);
}
.summary-product h2,
.summary-product-wrap-left{
    padding-left: 7px;
}
.spwl-ul-li p{
    cursor: pointer;
    opacity: 0.5;
    color: var(--colorfff);
    line-height: var(--line16);
    font-weight: 350;
    transition: var(--transition);
    position: relative;
}
.spwl-ul-li p::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height:0.22rem;
    background: var(--colorfff);
    opacity: 0;
}
.spwl-ul-li{
    margin-bottom: 0.12rem;
}
.spwl-ul-li:last-child{
    margin-bottom: 0;
}
.spwl-ul-li.yx-active p{
    padding-left: 0.08rem;
    opacity: 1;
}
.spwl-ul-li.yx-active p::before{
    opacity: 1;
}
.spwr-list-ul-li{
    width: 25%;
    padding: 0 0.16rem
}
.spwr-list-ul{
    margin: 0 -0.16rem;;
}
.slul-links{
    display: block;
    position: relative;
    border-radius: 0.1rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.slul-links .ys-imgbox-cover{
    width: 100%;
}
.slul-links-top{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.24rem 0.24rem 0.16rem;
}
.slul-links-top-text{
    color:#20343D;
    line-height: var(--line16);
    text-overflow: ellipsis;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 0.2rem;
}
.spwr-list-ul .slick-list{
    overflow: visible !important;
}
.arrows-icon{
    cursor: pointer;
}
.spwr-list .mod-arrows{
    margin-bottom: 0.5rem;
    justify-content: flex-end;
}
.spwr-list .arrows-icon{
    position: relative;
}
.summary-product-wrap-right{
    margin-top: -0.96rem;
}
.summary-product .slick-list{
    padding-bottom: 0.54rem;
}
.summary-product .slick-dots{
    bottom: 0;
}
.summary-product .slick-dots li{
    width: 0.8rem;
    height: 4px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.20);
    position: relative;
    overflow: hidden;
}
.summary-product .slick-dots li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: var(--colorfff);
    transition: none;
}
.summary-product.start .spwr-list:first-child .slick-dots li.slick-active::before,
.spwr-list.start .slick-dots li.slick-active::before{
    width: 100%;
    transition: width 3s linear;
}
.spwr-list{
    display: none;
}
.spwr-list:first-child{
    display: block;
}
.summary-resource-wrap{
    display: flex;
    align-items: flex-end;
}
.summary-resource-wrap-left{
    width: 49.375%;
    padding-right: 0.2rem;
    overflow: hidden;
}
.summary-resource-wrap-right{
    width: 50.625%;
    border-radius: 0.1rem;
    overflow: hidden;
    position: relative;
    margin-bottom: 0.44rem;
}
.srwr-video{
    width: 100%;
    position: relative;
}
.srwr-video-cont{
    position: relative;
}
.srwr-video-cont::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height:0.8rem;
    opacity: 0.7;
    pointer-events: none;
    z-index: 3;
    background: linear-gradient(180deg, rgba(24, 35, 50, 0) 0%, rgba(24, 35, 50, 1) 100%);
    transition: opacity 0.1s;
}
.srwr-video-cont-img{
    width: 100%;
}
.srwr-video-cont.play::before{
    opacity: 0;
}
.srwr-video-cont-pc{
    width: 0.58rem !important;
    height: auto !important;
    z-index: 10;
    cursor: pointer;
    display: block;
}
.srwr-video-cont-ph{
    display: none !important;
    width: 0.58rem !important;
    height: auto !important;
}
.srwr-text{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.3rem 0.2rem;
    color: var(--colorfff);
    line-height: var(--line16);
    font-weight: 500;
    z-index: 9;
}
.srwl-word p{
    color: var(--color616);
    line-height: var(--line16);
    font-weight: 350;
}
.srwl-word{
    width: 53%;
    margin-bottom: 0.3rem;
}
.srwl-ul-li{
    width: 33.333333%;
    padding: 0 0.08rem;
}
.srwl-ul{
    margin: 0 -0.08rem;
}
.srwl-ul-li-link{
    position: relative;
    border-radius: 0.08rem;
    overflow: hidden;
    transform: rotate(0deg);
    -wbkit-transform: rotate(0deg);
}
.sull-text{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0.1rem 0.2rem;
    color: var(--colorfff);
    z-index: 2;
}
.srwl-ul-li-link .ys-imgbox-cover::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.5rem;
    opacity: 0.7;
    background: linear-gradient(180deg, rgba(24, 35, 50, 0) 0%, rgba(24, 35, 50, 1) 100%);
    pointer-events: none;
    z-index: 1;
}
.arrows2-icon{
    width: 24px;
    height: 24px;
    cursor: pointer;
    flex-shrink: 0;
}
.arrows2-icon img{
    width: 100%;
}
.mod-arrows2{
    display: flex;
}
.arrows2-prev{
    margin-right: 0.2rem;
}
.arrows2-prev img{
    transform: rotate(180deg);
}
.summary-resource-wrap-left .mod-arrows2{
    margin-top: 0.2rem;
}
.summary-product{
    z-index: 2;
}
.summary-resource{
    position: relative;
    overflow: visible;
    z-index: 1;
}
.summary-resource-bg{
    width: 100%;
    max-width: 1920px;
    position: absolute;
    left: 50%;
    top: -56%;
    transform: translateX(-50%);
    pointer-events: none;
}
.summary-resource-bg img{
    width: 100%;
}
.smms-dots-list-item .hmdn-btn-link-icon img:nth-child(3){
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
}
.smms-dots-list{
    width: 100%;
    height: 100%;
}
.sdli-list-item-box{
    border-radius: 0.2rem;
    overflow: hidden;
    width: 4.8rem;
    max-height: calc(100vh - 0.8rem);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), -4px 0 8px 0 rgba(0, 0, 0, 0.06);
    background: var(--colorfff);
    padding: 0.2rem 0.2rem 0.3rem;
}
.summary-mode-media{
    height: 130vh;
}
.summary-mode-media-box{
    position: sticky;
    top: var(--headh);
    height: calc(100vh - var(--headh));
    overflow: hidden;
}
.solution-modal-inof-nub.on:not(.on1,.on2) .hsin-box-inof {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    pointer-events: all;
}
/* 20241024--建模页面修改-start */
/* 三级建模 */
.mode-second-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    pointer-events: none;
}
.mswu-li-video {
    width: 100%;
    position: relative;
}
.mswu-li-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mtwu-lis-li.act .mswa-ul-li-box::before{
    width: 100%;
}
.mtwu-list{
    display: none;
}
.mswu-li-videos {
    z-index: 5;
    left: 0;
    top: 0;
    transform: inherit;
}
.mswu-li .slbu-list-dost {
    z-index: 6;
    opacity: 0;
    pointer-events: none;
    transition: all .4s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mswu-li.more .slbu-list-dost {
    opacity: 1;
}
.slbu-list-dost-lis {
    position: absolute;
    z-index: 4;
    pointer-events: none;
}
.smms-dots-list-item.act .slbu-list-dost-lis{
    pointer-events:all;
}
.slbu-list-dost-lis.act .hmdn-btn-link{
    background: var(--colormain);
}
.slbu-list-dost-lis.act .hmdn-btn-link-text{
    color: var(--colorfff);
}
.slbu-list-dost-lis.act .hmdn-btn-link-icon{
    background: var(--colorfff);
}
.slbu-list-dost-lis.act .hmdn-btn-link-icon img:nth-child(3){
    opacity: 1;
}
.slbu-list-dost-lis.act .hmdn-btn-link-icon img:nth-child(1),
.slbu-list-dost-lis.act .hmdn-btn-link-icon img:nth-child(2){
    opacity: 0 !important;
}
.mtwu-lis-video{
    width: 100%;
    position: relative;
}
.mtwu-lis-video img{
    width: 100%;
}
.mtwu-list.more .thir-modal{
    opacity: 1;
    pointer-events: all;
}
.mtwu-lis.more .mode-thir-wrap-aside{
    opacity: 1;
    pointer-events: all;
}
.mtwu-lis-li.acta{
    pointer-events: none;
}
.mtwu-lis-li.act .mswa-ul-li-box p{
    color: var(--colormain);
}
.mtwc-ul-li{
    position: absolute;
    z-index: 4;
}
.mtwc-ul-li::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 1px);
    height: calc(100%  + 1px);
    background: linear-gradient(-135deg, rgba(186,186,186,1) 0%, rgba(197, 197, 197, 0) 100%);
    border-radius: 30px;
    z-index: -1;
}
.mtwc-ul .mtwc-ul-li{
    pointer-events: all;
}
.mswa-ul-li.act p{
    color: var(--colormain);
}
.mswu-li {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
}
.mswu-li.act.more{
    pointer-events: all;
    position: relative;
}
.mswu-li.act{
    opacity: 1;
}
.summary-mode .ys-cont1600{
    margin-bottom: 0.5rem;
}
.mode-second-wrap-back {
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    z-index: 6;
    opacity: 0;
    pointer-events: none;
    transition: all .4s;
}
.mode-second-wrap-back.more {
    opacity: 1;
    pointer-events: all;
}
.mswu-li-box-pop{
    position: absolute;
    height:calc(100vh - var(--headh) - 0.8rem);
    top: 50%;
    right: 0.4rem;
    z-index: 9;
    transform: translateY(-50%);
}
.mlbp-item{
    width: 4.80rem;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    transition: var(--transition);
    position: absolute;
    right: 0;
    transform: translateX(100%);
}
.mlbp-item.act{
    pointer-events: none;
    opacity: 1;
    transform: translateX(0%);
}
.mlbp-item-box{
    width: 100%;
    height: 100%;
    border-radius: 0.2rem;
    overflow: hidden;
    background: var(--colorfff);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), -4px 0 8px 0 rgba(0, 0, 0, 0.06);
    padding: 0.2rem 0.2rem 0.3rem;
    pointer-events: all;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.mlbp-item-top{
    flex-shrink: 0;
    margin-bottom: 0.2rem;
}
.mlbp-item-box .ys-imgbox-cover{
    border-radius: 0.1rem;
    overflow: hidden;
    background: var(--colorf7f);
    margin-bottom: 0.24rem;
}
.mlbp-item-box-title{
    text-align: center;
    color: var(--color202);
    font-weight: 500;
    line-height: var(--line15);
    margin-bottom: 0.12rem;
}
.mlbp-item-box-ul{
    margin: 0 -0.1rem;
}
.mlbp-item-box-word{
    width: 90%;
    margin: 0 auto 0.3rem;
}
.mlbp-item-box-word p{
    text-align: center;
    color: var(--color888);
    line-height: var(--line16);
    font-weight: 350;
}
.mlbp-item-box-tpbtn{
    display: flex;
    justify-content: center;
    margin-bottom: 0.2rem;
}
.std-btn6{
    display: inline-block;
}
.std-btn6-link{
    display: block;
    overflow: hidden;
    transition: var(--transition);
    font-size: var(--font16);
    line-height: var(--line165);
    font-weight: 350;
    color: var(--colorfff);
    padding: 0.08rem 0.38rem;
    background: var(--colormain);
    border-radius: 1.2rem;
    cursor: pointer;
}
.mlbp-item-box-btn{
    display: flex;
    justify-content: center;
}
.mlbp-item-box-btn .std-btn4{
    margin-right: 0.4rem;
}
.mlbp-item-box-btn .std-btn4:last-child{
    margin-right: 0;
}
.mlbp-item-box-btn .std-btn4-link-text{
    color: var(--color616);
    font-weight: 350;
    font-size: var(--font16);
} 
.mlbp-item-box-btn .sbli4-icon{
    position: relative;
    top: auto;
    left: auto;
    transform: inherit !important;
    width: 20px;
    height: auto;
    opacity: 1;
    margin-left: 0.12rem;
}
.mlbp-item-box-btn .sbli4-icon img{
    width: 100%;
    transition: var(--transition);
}
.mlbp-item-box-btn .sbli4-icon img:nth-child(1){
    opacity: 1 !important;
}
.mlbp-item-box-btn .sbli4-icon img:nth-child(2){
    opacity: 0;
    transform: inherit;
}
.summary-mode .slick-prev,
.summary-mode .slick-next{
    background: rgba(32, 32, 32, 0.10);
    width: 0.32rem;
    height: 0.32rem;
    z-index: 9;
    top: calc(var(--height2) / 2);
}
.summary-mode .slick-prev{
    left: 0.2rem;
}
.summary-mode .slick-next{
    right: 0.2rem;
}
.mlbp-item-bot-swip .swiper-slide{
    width: auto;
}
.mlbp-item-bot-swip .swiper-slide p{
    height: 1.6em;
    color: #cfcfcf;
    font-weight: 350;
    line-height: var(--line16);
    position: relative;
    padding-left:0.17rem;
    transition: var(--transition);
}
.mlbp-item-bot-swip .swiper-slide p::after{
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d9d9d9;
}
.mlbp-item-bot-swip .swiper-slide.swiper-slide-active p{
    color: var(--color616);
}
.mlbp-item-bot-close{
    width: 0.4rem;
    margin: 0.4rem auto 0;
    cursor: pointer;
}
.mlbp-item-bot-close img{
    width: 100%;
}
.mlbp-item-bot .swiper-container::before{
    content: "";
    width: 0.6rem;
    height: 0.8rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 9;
}
.mlbp-item-bot .swiper-container::after{
    content: "";
    width: 0.6rem;
    height: 0.8rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 9;
}
/* c1-1-车载CASE汇总页--end */
/* c2-自动化解决方案汇总页--start */
.summary-main.page2 .summary-ban-wrap-left{
    padding-right: 0.3rem;
}
.summary-main.page2 .sbwr-img1::before{
    left: 20%;
}
.summary-indus .mod-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.32rem;
}
.summary-indus .summary-mode-desc p{
    text-align: center;
}
.summary-indus .summary-mode-desc{
    margin-bottom: 0.5rem;
    width: 100%;
}
.summary-indus-list-item{
    display: flex;
    margin: 0 -0.1rem 0.2rem;
}
.summary-indus-list-item:last-child{
    margin-bottom: 0;
}
.summary-indus-btn{
    display: flex;
    justify-content: center;
    margin-top:0.5rem;
}
.sili-list{
    padding: 0 0.1rem;
}
.mibu-lis{
    padding: 0 0.1rem;
}
.sili-list-link{
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 0.16rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.sili-list-link-title{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.32rem;
    color: var(--colorfff);
    line-height: var(--line15);
    font-weight: 500;
    z-index: 2;
}
.sili-list-link .ys-imgbox-cover::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height:1rem;
    opacity: 0.7;
    background: linear-gradient(180deg, rgba(24, 35, 50, 0) 0%, rgba(24, 35, 50, 1) 100%);
    pointer-events: none;
    z-index: 1;
}
.summary-indus-list-item:nth-child(2n) {
    flex-direction: row-reverse;
}
.summary-cfabu-wrap{
    width: 77.6%;
    margin: 0 auto;
    position: relative;
    padding-top: 2.22rem;
}
.summary-cfabu-wrap-img{
    width: 70%;
    margin: 0 auto;
    z-index: 2;
    pointer-events: none;
    position: relative;
}
.summary-cfabu-wrap-img img{
    width: 100%;
}
.summary-cfabu-wrap-list{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.scwl-item-box{
    padding: 0.32rem 0.32rem 0.4rem;
    background:transparent;
    transition: var(--transition);
    border-radius: 0.2rem;
    overflow: hidden;
    box-shadow: none;
    position: relative;
}
.scwl-item-box::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -0.45rem;
    transform: translateX(-50%);
    width: 60%;
    height:0.46rem;
    background: var(--colormain);
    opacity: 0.5;
    filter: blur(30px);
    -webkit-filter: blur(30px);
    opacity: 0;
    transition: var(--transition);
}
.scwl-item-box-title{
    color: var(--color202);
    line-height: var(--line15);
    font-weight: 500;
    position: relative;
    margin-bottom: 0.2rem;
}
.scwl-item-box-title span{
    display: inline-block;
    font-weight: 350;
    line-height: var(--line16);
    color: #003D70;
    font-size: var(--font18);
}
.scwl-item{
    position: absolute;
}
.scwl-item1{
    width: 4.34rem;
    left: 0;
    bottom: 18%;
}
.scwl-item-box-word p{
    color: var(--color888);
    line-height: var(--line16);
    font-weight: 350;
}
.scwl-item1 .scwl-item-box-word p,
.scwl-item1 .scwl-item-box-title{
    text-align: right;
}
.scwl-item1 .scwl-item-box-title{
    padding-right: 0.24rem;
}
.scwl-item1 .scwl-item-box-title::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 0.28rem;
    background: #003D70;
}
.scwl-item3{
    width: 4.34rem;
    right: 0;
    bottom: 18%;
}
.scwl-item3 .scwl-item-box-title{
    padding-left: 0.24rem;
}
.scwl-item3 .scwl-item-box-title::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 0.28rem;
    background: #003D70;
}
.scwl-item2{
    width: 2.8rem;
    left: 50%;
    bottom: 56%;
    transform: translateX(-50%);
}
.scwl-item2 .scwl-item-box-word p,
.scwl-item2 .scwl-item-box-title{
    text-align: center;
}
.scwl-item2 .scwl-item-box-title{
    padding-top: 0rem;
}
.scwl-item2 .scwl-item-box-title::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0.28rem;
    height: 1px;
    background: #003D70;
}
/* c2-自动化解决方案汇总页--end */
/* g1-公司介绍--start */
.about-company-wrap{
    /* width: calc(100% - 0.8rem); */
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.about-company{
    width: 100%;
    position: relative;
}
.about-company-wrap-left{
    width: 34.2%;
    position: relative;
}
.acwl-pic,
.acwl-pic img{
    width: 100%;
}
.acwl-pic{
    border-radius: 0.1rem;
    overflow: hidden;
}
.about-company-wrap-right{
    width: 65.8%;
    padding-left: 0.8rem;
}
.acwr-icon{
    width: 0.64rem;
    margin-bottom: 0.32rem;
}
.acwr-icon img{
    width: 100%;
}
.acwr-desc p{
    line-height: var(--line16);
    font-weight: 350;
    color: var(--color888);
    margin-bottom: var(--parpspace10);
}
.acwr-desc p span{
    color: var(--color202);
}
.acwr-desc p:last-child{
    margin-bottom: 0;
}
.acwl-top{
    position: absolute;
    top: 0;
    left: 0;
    width: 3.0rem;
    height: 0.4rem;
}
.acwl-top-text{
    text-align: center;
    color: var(--color202);
    font-weight: 350;
    line-height: var(--line16);
    position: relative;
    z-index: 4;
}
.acwl-bot{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1.35rem;
    height: 0.4rem;
}
.acwl-bot .btn-point{
    top: 0;
}
.about-introd{
    background: var(--colorf7f);
}
.about-introd-top{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.about-introd-top-right{
    width: 56.25%;
}
.about-introd .mod-title{
    flex-shrink: 0;
    width: 40%;
}
.about-introd-top-right table{
    width: 100%;
}
.about-introd-top-right tr td{
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--color202);
    width: 77.78%;
    padding-left: 0.8rem;
}
.about-introd-top-right tr td:first-child{
    color: var(--color616);
    font-weight: 500;
    width: 22.22%;
    padding-left: 0 !important;
    flex-shrink: 0;
}
.about-introd-top-right table tr{
    padding: 0.24rem 0;
    display: flex;
    border-top: solid 1px #cfcfcf;
}
.about-introd-bot{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 0.5rem;
    border-top: solid 1px #CFCFCF;
}
.about-introd-bot-right{
    width: 54%;
}
.about-introd-bot-right img{
    width: 100%;
}
.about-busin-top{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 0.5rem;
}
.about-busin-top .product-list-word{
    width: 42.5%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.about-busin-top  .mod-title{
    width: 40%;
}
.ys-fold-zhan{
    background: transparent !important;
}
.abun-box{
    height: 5.8rem;
    border-radius: 0.16rem;
    overflow: hidden;
    position: relative;
}
.abun-box-pic, 
.abun-box-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.abun-box-pic{
    position: relative;
    z-index: 1;
}
.abun-box-pic::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3rem;
    opacity: 0.6;
    /* background: linear-gradient(180deg, rgba(0, 33, 71, 0) 0%, rgba(0, 33, 71, 1) 100%); */
}
.about-busin-ul-nub{
    width: 25%;
    padding: 0 0.1rem;
}
.about-busin-ul{
    margin: 0 -0.1rem;
}
.about-busin-ul-nub.on{
    width: 75%;
}
.abun-box-show{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.4rem;
    z-index: 2;
    opacity: 1;
    pointer-events: all;
}
.abun-box-show-icon {
    width: 0.4rem;
    margin: 0 auto;
}
.abun-box-show-icon img{
    width: 100%;
}
.abun-box-show-title{
    color: var(--colorfff);
    font-weight: 500;
    text-align: center;
    line-height: var(--line15);
    margin-bottom: 0.16rem;
}
.abun-box-hide{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.4rem 0.5rem;
    z-index: 3;
    opacity: 0;
    pointer-events: none;
}
.abun-box-hide-text{
    color: var(--colorfff);
    font-weight: 500;
    line-height: var(--line15);
}
.abun-box-hide .abun-box-show-title{
    font-weight: 350;
    line-height: var(--line16);
    margin-bottom: 4px;
    text-align: left !important;
}
.about-busin-ul-nub.on .abun-box-show{
    opacity: 0;
    pointer-events: none;
}
.about-busin-ul-nub.on .abun-box-hide{
    opacity: 1;
    pointer-events: all;
    transition: var(--transition);
    transition-delay: 0.36s;
}
.about-value-wrap-picul{
    width: 70%;
    margin: 0 auto;
    position: relative;
}
.about-value-wrap{
    width: 100%;
    position: relative;
}
.about-value-wrap-min{
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 53%;
    height: auto;
}
.about-value-wrap-min svg{
    width: 100%;
    height: auto !important;
}
.avwp-li{
    width: 100%;
    display: none;
}
.avwp-li:first-child{
    display: block;
}
.avwp-li-img,
.avwp-li-img img{
    width: 100%;
}
.about-plan{
    margin-top: var(--space60);
    padding: var(--space110) 0;
    background: linear-gradient(180deg,  #003D70 0%, #0043D0 100%);
}
.mod-title.white h2,
.mod-title.white h1,
.mod-title.white .mod-tab{
    color: var(--colorfff);
}
.mod-title.white .mod-tab::before,
.mod-title.white .mod-tab::after{
    background: var(--colorfff);
}
.about-plan .mod-title{
    margin-bottom: 0.5rem;
}
.apsw-slide{
    width: 4.2rem !important;
    padding: 0 0.2rem;
}
.about-plan-swip-wrapper{
    margin: 0 -0.2rem;
}
.apsw-slide-box{
    width: 100%;
    border-radius: 0.1rem;
    overflow: hidden;
    /* background: rgba(0, 0, 0, 0.10); */
    background-blend-mode: plus-lighter;
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset, 2px 2px 1px -2px #666 inset, -2px -2px 1px -2px #666 inset, 0 0 0 1px #A6A6A6 inset, 0 0 6px 0 #F2F2F2 inset;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 0.32rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 3.2rem;
}
.apsw-slide-box-icon{
    width: 0.58rem;
}
.apsw-slide-box-icon img{
    width: 100%;
}
.asbb-desc p{
    font-weight: 350;
    line-height: var(--line165);
    color: var(--colorfff);
}
.asbb-title{
    font-weight: 500;
    line-height: var(--line15);
    color: var(--colorfff);
    margin-bottom: 0.16rem;
}
.apsw-slide-box-bot{
    width: 100%;
}
.about-plan .swiper-button-prev{
    left: 0rem;
    top: auto;
    bottom: 0rem;
    position: absolute;
}
.about-plan .swiper-button-next{
    left: 0.68rem;
    right: auto;
    top: auto;
    bottom: 0rem;
    position: absolute;
}
.about-plan-swip{
    overflow: visible !important;
    padding-bottom: 1.08rem !important;
}
.about-slogan .mod-title{
    margin-bottom: 0.5rem;
}
.about-slogan-wrap{
    width: 100%;
    min-height: 4.6rem;
    border-radius: 0.2rem;
    background: var(--colorf7f);
    overflow: hidden;
    padding-top: 1.28rem;
}
.about-slogan-wrap-pic{
    width: 35.3%;
    margin: 0 auto;
}
.about-slogan-wrap-pic img{
    width: 100%;
}
.about-slogan-ul{
    padding: 0 0.4rem;
    display: flex;
    margin: -0.8rem -0.1rem 0;
    position: relative;
    z-index: 2;
}
.about-slogan-ul-li{
    width: 33.333333%;
    padding: 0 0.1rem;
}
.about-slogan-ul-li:nth-child(3n+1){
    animation-delay: 0.4s;
}
.about-slogan-ul-li:nth-child(3n+2){
    animation-delay: 0.5s;
}
.about-slogan-ul-li:nth-child(3n+3){
    animation-delay: 0.6s;
}
.asul-boxs{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0.1rem;
    overflow: hidden;
    min-height: 2.73rem;
    padding: 0.32rem 0.4rem;
}
.asul-box-title{
    width: 2.24rem;
    margin-bottom: 0.3rem;
}
.asul-box-title img{
    width: 100%;
}
.about-slogan-ul-li:nth-child(1) .asul-boxs{
    background: var(--colormain);
}
.about-slogan-ul-li:nth-child(2) .asul-boxs{
    background: #003D70;
}
.about-slogan-ul-li:nth-child(3) .asul-boxs{
    background: var(--color202);
}
.asul-box-desc p{
    color: var(--colorfff);
    font-weight: 350;
    line-height: var(--line16);
}
.acwl-top .btn-point,
.acwl-top .btn-point span{
    width: 3rem;
}
.acwl-top .btn-point span{
    border-radius: 0 0 0.1rem 0;
}
.acwl-top .btn-point span::before {
    left: auto;
    right: -0.1rem;
    background: radial-gradient(circle at 100% 100%, transparent 71%, #fff 70%);
}
.acwl-top .btn-point span::after {
    bottom: -0.1rem;
    right: auto;
    left: 0;
    background: radial-gradient(circle at 100% 100%, transparent 71%, #fff 70%);
}
.acwl-bot .btn-point,
.acwl-bot .btn-point span{
    width: 1.35rem;
}
.acwl-bot .btn-point span::before {
    top: auto;
    bottom: 0;
    left: -0.1rem;
    background: radial-gradient(circle at 0% 0%, transparent 71%, #fff 70%);
}
.acwl-bot .btn-point span::after {
    bottom: auto;
    top: -0.1rem;
    right: 0;
    background: radial-gradient(circle at 0% 0%, transparent 71%, #fff 70%);
}
.acwl-bot .btn-point span {
    border-radius: 0.1rem 0 0 0;
}
.acwl-bot,
.acwl-top{
    display: flex;
    justify-content: center;
    align-items: center;
}
.acwl-pic-bg{
    width: 80%;
    position: absolute;
    top: 50%;
    left: -25%;
    transform: translateY(-50%);
    z-index: 0;
    pointer-events: none;
}
.acwl-pic-bg img{
    width: 100%;
    /* animation-delay: 0.3s; */
}
.acwl-pic{
    position: relative;
    z-index: 1;
}
.about-value-wrap-textul{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.avwt-li{
    position: absolute;
    pointer-events: all;
    opacity: 0.1;
    transition: var(--transition);
}
.avwt-li.act{
    opacity: 1;
}
.avwt-li1{
    width: 4.47rem;
    right: 2%;
    top: 4.5%;
}
.avwt-li2{
    width: 4.17rem;
    right: 1.6%;
    top: 48.8%;
    transform: translateY(-50%);
}
.avwt-li3{
    width: 3.61rem;
    left: 6.4%;
    top: 48.8%;
    transform: translateY(-50%);
}
.avwt-li4{
    width: 5.23rem;
    left: 6.7%;
    top: 4.5%;
}
.avwt-li-box .std-font20{
    color: var(--color202);
    line-height: var(--line16);
    font-weight: 500;
}
.avwt-li-box-word{
    width: 80%;
    margin-top: 0.24rem;
}
.avwt-li1 .avwt-li-box .std-font20,
.avwt-li2 .avwt-li-box .std-font20{
    text-align: right;
}
.avwt-li1 .avwt-li-box-word,
.avwt-li2 .avwt-li-box-word{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin-right: 0;
    margin-left: auto;
}
.avwt-li3 .avwt-li-line,
.avwt-li4 .avwt-li-line{
    top: calc(var(--height1) + 0.02rem);
}
.avwt-li-box-word p{
    font-size: var(--font16);
    color: var(--color616);
    line-height: var(--line165);
    font-weight: 350;
    position: relative;
    padding-left: 0.15rem;
    display: inline-block;
}
.avwt-li-box-word p::after{
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    transform: translateY(0%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--color616);
}
.avwt-li-line{
    width: 100%;
    position: absolute;
    top:calc(var(--height1) + 0.12rem);
    left: 0;
    pointer-events: none;
}
.avwt-li2 .avwt-li-line{
    top:calc(var(--height1) + 0rem);
}
.avwt-li-line img{
    width: 100%;
}
/* g1-公司介绍--end */
/* g1-联系我们--start */
.ctact-list .mod-title{
    margin-bottom: 0.1rem;
}
.clin-box-desc p{
    display: flex;
    margin-bottom: var(--parpspace10);
}
.clin-box-desc p:last-child{
    margin-bottom: 0;
}
.clin-box-desc p span{
    flex-shrink: 0;
    /* width: 0.48rem; */
    margin-right: 0.08rem;
    white-space: nowrap;
}
.clin-box-desc p,
.clin-box-desc p span,
.clin-box-desc p a{
    color: var(--color616);
    font-weight: 350;
    line-height: var(--line165);
}
.ctact-list-item{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.2rem;
}
.ctact-list-item-nub{
    padding: 0 0.2rem;
    width: 33.333333%;
    margin-top: 0.4rem;
}
.ctact-list-item-nub:nth-child(3n+1){
    animation-delay: 0.3s;
}
.ctact-list-item-nub:nth-child(3n+2){
    animation-delay: 0.4s;
}
.ctact-list-item-nub:nth-child(3n+3){
    animation-delay: 0.5s ;
}
.clin-box{
    height: 100%;
    padding: 0.24rem;
    overflow: hidden;
    border-radius: 0.1rem;
    background: var(--colorf7f);
}
.clin-box-area{
    color: var(--colormain);
    font-weight: 500;
    line-height: var(--line16);
    padding-bottom: 0.08rem;
    margin-bottom: 0.16rem;
    border-bottom: 1px solid #CFCFCF;
}
.ctact-form .mod-title{
    margin-bottom: 0.4rem;
}
.ctact-form-wrap-right{
    width: 37.5%;
    border-radius: 0.1rem;
    overflow: hidden;
}
.ctact-form-wrap-right img{
    width: 100%;
}
.ctact-form-wrap-left{
    width: 59.7%;
    background: var(--colorfff);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    border-radius: 0.2rem;
    min-height: 10vh;
}
.ctact-form-wrap{
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.2rem;
}
.ctact-list-wrap{
    /* overflow: hidden; */
    border-radius: 0.1rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    padding: 0.1rem 0.24rem;
    background: var(--colorfff);
}
.ctact-list-wrap-list{
    display: flex;
}
.clwl-item{
    width: 16.666667%;
    position: relative;
    padding: 0.22rem;
    display: flex;
    justify-content: center;
}
.clwl-item::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 0.4rem;
    background: #CFCFCF;
    pointer-events: none;
}
.clwl-item:last-child::after{
    display: none;
}
.clwl-item-show-icon{
    width: 0.48rem;
    margin: 0 auto 0.18rem;
}
.clwl-item-show-icon img{
    width: 100%;
}
.clwl-item-show-text{
    text-align: center;
    line-height: var(--line165);
    font-weight: 350;
    color: var(--color202);
}
.cihc-img{
    width: 114px;
    border-radius: 0.05rem;
    overflow: hidden;
    margin-bottom: 0.08rem;
}
.cihc-img img{
    width: 100%;
}
.clwl-item-hide-list{
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -0.08rem;
}
.clwl-item-hide-code{
    padding: 0 0.08rem;
}
.cihc-text{
    text-align: center;
    color: var(--colorfff);
    line-height: var(--line16);
    font-weight: 350;
}
.clwl-item-hide{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
    background: var(--colormain);
    padding: 0.08rem 0.16rem;
    border-radius: 0.1rem;
    overflow: hidden;
    z-index: 2;
}
.clwl-item-hide.show{
    opacity: 1;
    pointer-events: all;
}
/* .clwl-item:first-child .clwl-item-hide{
    left: 0%;
    transform: translate(0%,-50%);
}
.clwl-item:last-child .clwl-item-hide{
    left: auto;
    right: 0;
    transform: translate(0%,-50%);
} */
.clwl-item-show{
    display: inline-block;
}
.ctact-share{
    padding: 0.2rem 0;
    margin-top: -0.9rem;
    position: relative;
    z-index: 2;
}
/* g1-联系我们--end */
/* g2-据点分布--start */
.locat-area{
    position: relative;
    z-index: 2;
    margin-top: -2.8rem;
}
.viewer-open {
    overflow-x: hidden !important;
    overflow-y: inherit !important;
}
.locat-area-wrap{
    display: flex;
    align-items: center;
    background: var(--colorfff);
    border-radius: 0.2rem;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    padding: 0.5rem 1rem 0.5rem 0.59rem;
}
.locat-area-wrap-left{
    width: 48.5%;
}
.locat-area-wrap-left img,
.locat-area-wrap-right img{
    width: 100%;
}
.locat-area-wrap-right{
    width: 51.5%;
    padding-left: 0.7rem;
}
.locat-list-wrap{
    display: flex;
    align-items: flex-start;
}
.locat-list-wrap .nlil-text{
    padding: 0.14rem 0.14rem;
    padding-left: 0.24rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    border-radius: 0.1rem;
    background: var(--colorfff);
    transition: var(--transition);
}
.locat-list-wrap .nlil-list-item.act .nlil-text{
    background: var(--colormain);
    color: var(--colorfff);
}
.locat-list-wrap .nlil-list-item.act .nlil-icon img:nth-child(1){
    opacity: 0;
}
.locat-list-wrap .nlil-list-item.act .nlil-icon img:nth-child(2){
    opacity: 1;
}
.news-list-info-left{
    width: 2.2rem;
    flex-shrink: 0;
}
.locat-list-wrap-right{
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
.llwr-list{
    margin-bottom: var(--space100);
}
.llwr-list:last-child{
    margin-bottom: 0;
}
.llwr-list h2{
    color: var(--colormain);
    font-weight: 500;
    line-height: var(--line15);
    margin-bottom: 0.24rem;
}
.llwr-list-desc{
    margin-bottom: 0.24rem;
}
.llwr-list-desc p{
    font-weight: 350;
    line-height: var(--line16);
    color: var(--color616);
}
.llwr-list-pic{
    border-radius: 0.1rem;
    overflow: hidden;
    margin-bottom: 0.2rem;
}
.llwr-list-pic img{
    width: 100%;
}
.locat-list-wrap .news-list-info-left{
    padding-top: 0;
}
.llwr-list-info-nub{
    padding: 0.32rem 0.2rem;
    display: flex;
}
.llin-link{
    width: 33.333333%;
    padding: 0 0.15rem;
}
.llin-link-box{
    display: flex;
    align-items: center;
}
.llin-link-box-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.12rem;
    opacity: 0;
    transition: var(--transition);
    position: relative;
}
.llin-link-box-icon img{
    width: 100%;
}
.llin-link-box-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.llin-link-box-text{
    transition: var(--transition);
    font-weight: 500;
    line-height: var(--line16);
    color: var(--color202);
}
.llwr-list-info-nub{
    border-radius: 0.1rem;
    background: var(--colorf7f);
    margin-bottom: 0.17rem;
}
.llwr-list-info-nub:last-child{
    margin-bottom: 0;
}
.llwr-iofn{
    width: 100%;
    margin-bottom:var(--space100);
}
.locat-list-wrap-right .service-faq-wrap-left{
    width: 48.3%;
}
.locat-list-wrap-right .service-faq-wrap-right{
    width: 51.7%;
}
.news-list-info-left{
    position: sticky;
    top: calc(var(--headh) + 0.2rem);
}
.locat-list{
    overflow: visible;
}
.locat-list-wrap .nlil-text{
    cursor: pointer;
}
.locat-area {
    position: relative;
    z-index: 2;
    margin-top: -2rem;
    display: block;
}
/* g2-据点分布--end */
/* g5-人才招聘--start */
.join-employ-ph{
    display: none;
}
.join-ban-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.join-ban-wrap-left{
    width: 100%;
    padding-right: 0.93rem;
}
.join-ban-wrap-right{
    flex-shrink: 0;
}
.jbwl-btn{
    display: flex;
    margin-top: 0.6rem;
}
.std-btn5-link-icon{
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.12rem;
    position: relative;
}
.std-btn5-link-icon img{
    width: 100%;
    transition: var(--transition);
}
.std-btn5-link-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.std-btn5-link-text{
    color: var(--colormain);
    line-height: var(--line16);
    transition: var(--transition);
}
.std-btn5-link{
    display: flex;
    align-items: center;
    padding: 0.12rem 0.32rem;
    background: var(--colorfff);
    transition: var(--transition);
    border-radius: 1.2rem;
    border: solid 1px var(--colormain);
}
.std-btn5{
    display: inline-block;
}
.jbwl-btn .std-btn5{
    margin-right: 0.2rem;   
}
.jbwl-btn .std-btn5:last-child{
    margin-right: 0;
}
.join-ban .summary-ban-wrap-right{
    width: 51.752%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
}
.join-ban .sbwr-img1{
    width: 45%;
    margin-bottom: 0.5rem;
    margin-top: 0 !important;
}
.join-ban .sbwr-img2{
    width: 50%;
}
.join-ban .sbwr-img img{
    border-radius: 0.08rem;
}
.sbwr-img3{
    width: 54%;
    margin-top: 0.26rem;
}
.sbwr-img3 img{
    width: 100%;
}
.join-ban .sbwr-icon{
    width: 1.12rem;
    height: 1.12rem;
    top: 55%;
    left: 48%;
    transform: translate(-50%, -50%) scale(0.2);
}
.join-ban.show .sbwr-icon{
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}
.join-bene{
    background: var(--colorf7f);
}
.join-bene-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.22rem;
}
.join-bene-item-box{
    width: 100%;
}
.join-bene-item {
    width: 33.333333%;
    padding: 0 0.22rem;
    margin-top: 0.5rem;
}
.join-bene-item:nth-child(3n+1){
    animation-delay: 0.3s;
}
.join-bene-item:nth-child(3n+2){
    animation-delay: 0.4s;
}
.join-bene-item:nth-child(3n+3){
    animation-delay: 0.5s;
}
.join-bene-item-img {
    border-radius: 0.16rem;
    margin-bottom: 0.24rem;
    overflow: hidden;
}
.join-bene-item-title {
    color: var(--color202);
    font-weight: 500;
    margin-bottom: 0.12rem;
    line-height: var(--line16);
    text-align: center;
}
.join-bene-item-desc {
    color: var(--color616);
    line-height: var(--line165);
    text-align: center;
}
.text-align-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.join-life .nwsl-title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0.3rem;
    color: var(--colorfff);
    font-weight: 500;
}
.join-life-wrap{
    width: 60.32%;
    margin: 0 auto;
}
.join-life .swiper-container{
    overflow: visible;
}
.join-life .swiper-pagination{
    opacity: 0;
    pointer-events: none;
}
.join-life .swiper-button-prev{
    left: 0.4rem;
}
.join-life .swiper-button-next{
    right: 0.4rem;
}
.join-life .mod-title{
    margin-bottom: 0.5rem;
}
.join-employ{
    overflow: visible;
    position: relative;
}
.join-employ .ys-cont1600{
    position: relative;
}
.join-employ h2{
    width: 55.375%;
    margin: 0 auto 0.5rem;
    text-align: center;
    color: var(--color202);
    line-height: var(--line12);
}
.join-employ h2 span{
    color: var(--colormain);
}
.join-employ-list{
    width: 43.75%;
    margin: 0 auto;
}
.join-employ-list-item{
    overflow: hidden;
    height: calc(100vh - var(--headh));
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: var(--headh);
    pointer-events: none;
    transform: rotate(-90deg);  
}
.join-employ-list-item img{
    width: 100%;
    border-radius: 0.2rem;
}
.join-employ-list-item.on img{
    clip-path: inset(0% 0% 0% 0%) !important;
}
.join-employ-list-item:first-child{
    transform: rotate(0deg) !important;
}
.join-employ-list-item:first-child img{
    clip-path: inset(50% 0% 50% 0%);
    animation-delay: 0.4s;
}
.join-employ.start 
.join-employ .std-btn5-link{
    min-width: 2.6rem;
    justify-content: center;
}
.join-employ .jbwl-btn{
    display: flex;
    justify-content: center;
}
.join-employ-wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.join-employ-wrap-box{
    padding: var(--space120) 0 var(--space100);
    height: calc(100vh - var(--headh));
    position: sticky;
    top: var(--headh);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* g5-人才招聘--end */
/* g4-社会贡献--start */
.social-main .join-ban-wrap-left{
    padding-right: 1.8rem;
    margin-top: -1.1rem;
}
.social-main .sbwr-icon{
    width: 1.48rem;
    height: 1.48rem;
}
.join-ban .mod-title{
    margin-bottom: 0.5rem;
}
.social-event-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.mod-arrows.main .arrows-icon{
    position: relative;
    top: auto;
    border: solid 1px var(--colormain);
}
.mod-arrows.main .arrows-icon::after{
    background: url(../images/f1_arrows01_1.svg) center / contain  no-repeat;
}
.social-main .solut-list-ul-li{
    width: 4.74rem !important;
    padding: 0 0.21rem;
}
.solut-list-ul-li:nth-child(3n+1){
    animation-delay: 0.2s;
}
.solut-list-ul-li:nth-child(3n+2){
    animation-delay: 0.3s;
}
.solut-list-ul-li:nth-child(3n+3){
    animation-delay: 0.4s;
}
.swiper-wrapper.newdet-more-ul{
    margin: 0 -0.21rem;
    display: flex;
    flex-wrap: nowrap;
}
.social-event-swip{
    overflow: visible !important;
}
.opacity-empty{
    opacity: 0;
    pointer-events: none;
}
.social-event .std-btn3{
    margin-top: 0.4rem;
}
.social-policy{
    background: var(--colorf7f);
}
.social-policy .mod-title{
    margin-bottom: 0.32rem;
}
.social-policy-desc p{
    color: var(--color616);
    line-height: var(--line16);
}
.social-policy-desc{
    margin-bottom: 0.4rem;
}
.spul-link-bot-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    position: relative;
    margin-left: 0.12rem;
    display: inline-block;
    vertical-align: middle;
}
.spul-link-bot-icon img{
    width: 100%;
    transition: var(--transition);
}
.spul-link-bot-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.spul-link-bot-text{
    display: inline-block;
    font-weight: 500;
    line-height: var(--line16);
    transition: var(--transition);
}
.spul-link{
    padding: 0.24rem 0.32rem;
    min-height: 1.84rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0.1rem;
    overflow: hidden;
    background: var(--colorfff);
    transition: var(--transition);
}
.social-policy-ul-li{
    width: 16.666667%;
    padding: 0 0.1rem;
    margin-top: 0.2rem;
}
.social-policy-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem;
}
.spul-link-icon{
    width: 0.47rem;
    height: 0.47rem;
    border-radius: 0.05rem;
    background: var(--colorf7f);
    transition: var(--transition);
    position: relative;
    border: solid 1px #F7F7F7;
}
.spul-link-icon img{
    width: 58%;
    transition: var(--transition);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.spul-link-icon img:nth-child(2){
    opacity: 0;
}
.spul-link-bot{
    display: flex;
    align-items: center;
}
.social-main .join-bene .mod-title{
    margin-bottom: 0.32rem;
}
.social-main .join-bene-item{
    width: 33.333333%;
    padding: 0 0.1rem;
    margin-top: 0.2rem;
}
.social-main .join-bene-item:nth-child(3n+1){
    animation-delay: 0.3s;
}
.social-main .join-bene-item:nth-child(3n+2){
    animation-delay: 0.4s;
}
.social-main .join-bene-item:nth-child(3n+3){
    animation-delay: 0.5s;
}
.social-main .join-bene-list{
    margin: 0 -0.1rem;
}
.social-main .join-bene .social-policy-desc{
    margin-bottom: 0.3rem;
}
.social-main .join-bene-item-link{
    position: relative;
    border-radius: 0.16rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.social-main .join-bene-item-img::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.1rem;
    pointer-events: none;
    opacity: 0.4;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
.social-main .join-bene-item-img{
    margin-bottom: 0 !important;
}
.jbil-bot{
    padding: 0.4rem 0.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
}
.jbil-bot-icon{
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    border: solid 1px #fff;
    padding: 0.08rem;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.2rem;
}
.jbil-bot-icon img{
    width: 100%;
}
.join-main .join-bene{
    margin-top: var(--space120);
}
.jbil-bot .join-bene-item-title{
    color: var(--colorfff);
    width: 100%;
    text-align: left !important;
}
.gove-safe {
    overflow: visible !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    position: relative;
}
.gove-safe-wrap {
    position: relative;
    height: 100%;
}
.gove-safe-pic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.about-tech-pic {
    width: 100%;
    position: sticky;
    top: var(--headh);
    overflow: hidden;
    height: calc(100vh - var(--headh));
}
.about-tech-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* .gspu-li-img {
    height: calc(100vh - var(--headh));
}
.gspu-li-img, .gspu-li-img img {
    width: 100%;
} */
.about-tech .gspu-li-img {
    position: relative;
    z-index: 1;
}
.about-tech .gspu-li-img img {
    opacity: 1 !important;
    height: 120%;
    position: absolute;
    top: 0%;
    object-fit: cover;
}
.about-tech .gspu-li-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 55.62%, rgba(0, 0, 0, 0.40) 88.62%);
    pointer-events: none;
    z-index: 0;
}
.about-tech .ys-cont1600 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
}
.about-tech-textbox {
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.about-tech-textbox-top {
    position: sticky;
    top: var(--headh);
    height: calc(100vh - var(--headh));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.about-tech .gove-safe-text {
    width: 60%;
    padding-right: 0.2rem;
    padding-left: 1.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.gove-safe-text-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.25rem;
}
.gstl-item{
    width: 50%;
    padding: 0 0.25rem;
    margin-top: 0.4rem;
}
.gstl-item:nth-child(2n){
    transform: translateY(2.17rem);
}
.gstl-item-link{
    display: block;
    border-radius: 0.1rem;
    background: var(--colorfff);
    padding: 0.2rem 0.24rem;
}
.gstl-item-link .ys-imgbox-cover{
    border-radius: 0.1rem;
    margin-bottom: 0.2rem;
}
.gstl-item-link-title{
    color: var(--color202);
    line-height: var(--line16);
    font-weight: 350;
    margin-bottom: 0.16rem;
    transition: var(--transition);
}
.gstl-item-link-btn{
    display: flex;
    align-items: center;
}
.gilb-icon{
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.12rem;
}
.gilb-icon img{
    width: 100%;
}
.gilb-text{
    color: var(--colormain);
}
.gove-safe-top .mod-title{
    margin-bottom: 0.32rem;
}
.gove-safe-top-desc p{
    color: var(--colorfff);
    line-height: var(--line16);
    font-weight: 350;
}
.gove-safe-top-desc{
    margin-bottom: 0.6rem;
}
.about-tech-textbox .std-btn3-link{
    background: transparent !important;
}
.gove-safe-top-dtips p{
    color: var(--colorfff);
    line-height: var(--line16);
    font-weight: 350;
}
.gove-safe-top .std-btn3{
    margin-bottom: 0.1rem;
}
.social-main .join-bene{
    background: var(--colorfff);
}
/* g4-社会贡献--end */
/* e3-1-经销商查询--start */
.inquiry-steps-top-box{
    display: flex;
    border-radius: 0.2rem;
    overflow: hidden;
    border: solid 1px #CFCFCF;
    transition: var(--transition);
    padding: 0.1rem 0.1rem 0.1rem 0.4rem;
}
.istp-left{
    width: 54%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 0.4rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
.istp-left-icon{
    width: 0.4rem;
    position: relative;
}
.istp-left-icon img{
    width: 100%;
    transition: var(--transition);
}
.istp-left-icon img:nth-child(2){
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.istp-right{
    width: 46%;
    border-radius: 0.1rem;
    overflow: hidden;
    background: var(--colorfff);
}
.istp-right img{
    width: 100%;
}
.inquiry-steps{
    padding-top: var(--space80);
    padding-bottom: var(--space100);
}
.inquiry-steps .mod-title{
    margin-bottom: 0.4rem;
}
.istp-left-bot-text{
    line-height: var(--line15);
    font-weight: 500;
    color: var(--color202);
    transition: var(--transition);
    margin-bottom: 0.24rem;
}
.istp-left-bot-desc p{
    display: flex;
    line-height: var(--line165);
    font-weight: 350;
    transition: var(--transition);
}
.istp-left-bot-desc p span{
    display: inline-block;
    position: relative;
    top: 5px;
}
.inquiry-steps-bot{
    display: flex;
    margin: 0 -0.16rem;
}
.inquiry-steps-bot .istp-left-icon{
    margin-bottom: 0.7rem;
}
.inquiry-steps-bot .istp-left{
    border-radius: 0.2rem;
    overflow: hidden;
    border: solid 1px #CFCFCF;
    transition: var(--transition);
    padding: 0.32rem 0.4rem;
    width: 100%;
    height: 100%;
}
.inquiry-steps-bot-list{
    width: 50%;
    padding: 0 0.16rem;
}
.inquiry-steps-top{
    margin-bottom: 0.32rem;
}
.inquiry-steps-bot-list .istp-left-bot-desc p{
    color: #f00;
}
.inquiry-steps-bot-list .istp-left-bot-desc p span{
    margin-right: 0.04rem;
}
.istp-left-bot-text span a{
    color: var(--colormain);
}
.detail-text-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    pointer-events: none;
}
.detail-text-box-other {
    flex-grow: 1;
}
.detail-text-box-bot {
    height: 30vh;
}
.detail-text-box-bot {
    position: sticky;
    width: 100%;
    height: 5.0rem;
    bottom: 0;
    left: 0;
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); */
    transition: all 1.2s ease;
}
.detail-text-box-btn {
    position: absolute;
    pointer-events: all;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
}
.dtbb-core {
    border-radius: 0.2rem;
    background: var(--colorfff);
    padding: 0.4rem 0.6rem;
    height: 1.7rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    box-shadow: var(--shadow2);
}
.dcri-name{
    opacity: 0.7;
    color: var(--color202);
    line-height: var(--line165);
    font-weight: 350;
    margin-bottom: 0.06rem;
}
.dcri-cont{
    height: 50px;
    width:100%;
    background: var(--colorf7f);
    border-radius: 0.1rem;
}
.dcri-cont input{
    width: 100%;
    height: 100%;
    padding: 0 0.24rem;
    color: var(--color202);
    line-height: var(--line16);
}
.dcri-cont input::placeholder{
    color: var(--color616) !important;
    opacity: 0.6;
}
.dtbb-core-right-input{
    width: 3.6rem;
    margin-right: 0.2rem;
}
.inquiry-main .ys-main{
    position: relative;
    /* overflow: visible !important; */
    padding-bottom: var(--space160);
}
.dtbb-core-left-title{
    color: var(--color202);
    font-weight: 500;
    line-height: var(--line15);
    margin-bottom: 0.16rem;
}
.dtbb-core-left-word p{
    line-height: var(--line165);
    font-weight: 350;
    color:var(--color888);
}
.dtbb-core-left-word p span{
    color: #f00;
    margin-right: 0.04rem;
}
.dtbb-core-right{
    display: flex;
    align-items: flex-end;
}
.dtbb-core-right .std-btn3{
    margin-left: 0.2rem;
}
.inqu-pop-content-icon{
    width: 0.64rem;
    margin: 0 auto 0.24rem;
}
.inqu-pop-content-icon img{
    width: 100%;
}
.inqu-pop .ys-modal-content{
    width: 100%;
    padding: 0rem;
    background: var(--colorfff);
}
.inqu-pop .ys-modal-container{
    width: 880px;
    overflow: hidden;
    border-radius: 0.2rem;
    background: var(--colorfff);
    padding: 0.32rem;
}
.inqu-pop-content-title{
    text-align: center;
    font-weight: 500;
    line-height: var(--line15);
    margin-bottom: 0.12rem;
}
.ys-noright .inqu-pop-content-title{
    color: #f00;
}
.ys-right .inqu-pop-content-title{
    color: var(--colormain);
}
.ys-noright-word p{
    text-align: center;
    line-height: var(--line165);
    font-weight: 350;
    color: #f00;
}
.ys-noright-word p a{
    font-size: var(--font18);
    color: #f00;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
}
.inqu-pop .ys-modal-close{
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    width: 0.4rem;
    margin:0.4rem auto 0;
}
.inqu-pop .ys-modal-close img{
    width: 100%;
}
.ys-right-word{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.05rem;
    padding-top: 0.16rem;
    border-top: 1px dashed #CFCFCF;
}
.ys-right-word-list{
    width: 50%;
    padding: 0 0.05rem;
    margin-bottom: 0.1rem;
    display: flex;
}
.ys-right-word-list .std-text16:first-child{
    width: 1.22rem;
    flex-shrink: 0;
    margin-right: 0.08rem;
}
.ys-right-word-list .std-text16:last-child{
    width: calc(100% - 1.22rem);
}
.ys-right .ys-modal-close{
    margin-top: 0.22rem;
}
/* e3-1-经销商查询--end */
.swiper-pagination-bullet-active{
    background: var(--colormain) !important;
}

/* 补充--start--2026.2.10 */
.home-ban-new-wrap .std-btn4{
    min-height: 1.65em;
}
.hnbl-top-list{
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.hnbl-top-list.slick-slide:not(:first-child){
    display: none;
}
.spwr-list .mod-arrows{
    min-height: 0.48rem;
}
.media-list-wrap .nodata{
    min-height: 12vh;
}
.nlil-list-item-link{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.event-list-ph{
    display: none;
}
.product-list .product-list-tab{
    overflow: hidden ;
}
/* 2026.2.10--修改--start */
.mlwb-btn{
    display: inline-block;
    margin-left: 0.2rem;
}
.mlwb-btn p{
    color: var(--colorfff);
    background: var(--colormain);
    text-align: center;
    padding: 0.12rem 0.32rem;
    line-height: var(--line15);
    border-radius: 0.5rem;
    font-size: var(--font18);
    transition: var(--transition);
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
}
.altb-le-ul-li:last-child{
    margin-right: 0.2rem;
}
.head-search-pop-cont{
    position: relative;
}
.hspc-close,
.head-search-pop-cont{
    z-index: 2;
}
.hspc-close{
    width: 0.54rem;
    height: 0.54rem;
    top: calc(100% / 4);
    transform: translateY(-50%);
}
.hbnw-link-img{
    overflow: hidden;
    border-radius: 0.2rem;
    margin-bottom: 0.2rem;
}
.hbnw-pic{
    transition: var(--transition);
    margin-bottom: 0 !important;
}
.mod-pull-wrap-left{
    display: flex;
    flex-direction: column;
}
.elrb-btn{
    display: flex;
}
.avwt-li{
    opacity: 0.4;
}
.summary-indus h2{
    text-align: center;
}
.ipvb_top_li_tit .std-text16 {
    transition: var(--transition);
    color: var(--color202);
}
.ipvb_top_li.act .std-text16 {
    color: var(--colormain);
}
.ipvb_top_li.act .ipvb_top_li_tit::after{
    opacity: 1;
}
.ipvb_top_li_tit::before {
    content: '';
    position: absolute;
    top: 10px;
    left: -3px;
    width: 7px;
    height: 7px;
    background: var(--colormain);
    border-radius: 50%;
}
.ipvb_top_li_tit::after {
    content: '';
    position: absolute;
    top: 5px;
    left: -8px;
    width: 15px;
    height: 15px;
    border: 1px solid var(--colormain);
    border-radius: 50%;
    opacity: 0;
    transition: var(--transition);
}
.ipvb_top_li:last-child::after{
    display: none;
}
.ipvb_top_li {
    width: auto !important;
    padding-left: 0.24rem;
    padding-bottom: 0.3rem;
    position: relative;
    cursor: pointer;
}
.ipvb_top_li.acta{
    pointer-events: none;
}
.ipvb_top_ul {
    pointer-events: all;
    display: inline-block;
    width: auto !important;
}
.ipvb_top_li::after {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 1px;
    height: 100%;
    opacity: 1;
    transition: all 0.36s;
    background: #0066F5;
}
.mode-second-wrap-aside{
    position: absolute;
    top: 50%;
    left: 0.8rem;
    transform: translateY(-50%);
    width: auto;
    z-index: 6;
    opacity: 0;
    transition: var(--transition);
    pointer-events: none;
}
.mode-second-wrap-aside.more{
    opacity: 1;
    pointer-events: all;
}
.home-mode-dots-nub.ys-more.on .hmdn-btn .hmdn-btn-link{
    background: var(--colormain);
    border: solid 1px var(--colormain);
}
.home-mode-dots-nub.ys-more.on .hmdn-btn .hmdn-btn-link-text{
    color: var(--colorfff);
    transform: translateX(-0.12rem);
}
.home-mode-dots-nub.ys-more.on .hmdn-btn .hmdn-btn-link-icon{
    opacity: 0;
}
.home-mode-dots-nub.ys-more.on .hmdn-btn{
    border-radius: 0.1rem;
}
.pltu-li.nodata{
    cursor: default; 
    opacity: 0.5;
    pointer-events: none;
}
.hbnw-link{
    display: block;
}
.mlbp-item{
    width: 5.2rem;
}
.mlbp-item-top{
    width: 90%;
}
.mlbp-item-top .slick-list{
    overflow:visible;
}
.mswu-li-box-pop {
    height: calc(100vh - var(--headh) - 0rem) !important;
    right: 0;
}
.mlbp-item-box{
    border-radius: 0;
}
.summary-resource .ys-cont1600{
    overflow: hidden;
}
.mibu-lis{
    cursor: grab;
}
/* 2026.2.10--修改--end */
/* 2026.2.13 */
.home-mode-dots-nub.yx-right .hmdn-btn-link{
    flex-direction: row-reverse;
    padding: 0.04rem 0.32rem 0.04rem 0.04rem;
}
.home-mode-dots-nub.yx-right .hmdn-btn-link-icon {
    margin-left: 0;
    margin-right: 0.16rem;
}
.home-mode-dots-nub.ys-more.on.yx-right .hmdn-btn .hmdn-btn-link-text {
    transform: translateX(-0.46rem);
}
.home-event h2 {
    width: 31.5%;
}
.slbu-list-dost-lis.yx-right .hmdn-btn-link{
    flex-direction: row-reverse;
    padding: 0.04rem 0.32rem 0.04rem 0.04rem;
}
.slbu-list-dost-lis.yx-right .hmdn-btn-link-icon {
    margin-left: 0;
    margin-right: 0.16rem;
}
.slbu-list-dost-lis.ys-more.on.yx-right .hmdn-btn .hmdn-btn-link-text {
    transform: translateX(-0.46rem);
}
.master-rotate-zhan{
    overflow: hidden;
}
/* 2026.2.28--start */
.viewer-button {
    width: 0.8rem !important;
    height: 0.8rem !important;
    right: 0.8rem !important;
    top: 0.8rem !important;
}
.viewer-close::before {
    bottom: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.hbpu-li-link{
    cursor: pointer;
}
.home-mode-popul,
.home-mode-btnul {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    z-index: 6;
}
.home-mode-popul .mlbp-item.on1,
.home-mode-btnul .home-mode-btnul-li.act .mlbp-item{
    opacity: 1;
    transform: translateX(0%);
}
.hbpu-li-link-text{
    transition: var(--transition);
}
.hbpu-li.act .hbpu-li-link-text{
    opacity: 0.9;
}
.mswu-li-box-pop{
    width: 100%;
    pointer-events: none;
}
.mlbp-item.on1,
.mlbp-item.act{
    pointer-events: all;
}
/* 2026.2.28--end */
/* 2026.3.6--start */
.htll-pic .ys-imgbox-cover::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.2rem;
    opacity: 0.7;
    background: linear-gradient(180deg, rgba(0, 29, 59, 0) 0%, rgba(0, 29, 59, 1) 92.79%);
    pointer-events: none;
    z-index: 0;
}
.htll-title{
    z-index: 3;
}
.slbt-other{
    align-items: flex-start;
}
.slbt-other-date {
    position: relative;
    top: 2px;
}
.hnbl-bot{
    width: 100%;
}
.mode-second-wrap-aside{
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(20px);
    padding: 0.3rem 0.26rem 0.3rem 0.3rem;
    border-radius: 0.2rem;
}
.ipvb_top_li{
    padding-left: 0.2rem;
    padding-bottom: 0.22rem;
}
.ipvb_top_li:last-child{
    padding-bottom: 0;
}
.pibr-ul-li:nth-child(n+6){
    display: none;
}
.ahcb-but-click{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.ahcb-but{
    display: inline-block;
}
.about-honors-cont-but{
    display: flex;
    justify-content: center;
    margin-top: 0.1rem;
}
.ahcb-but-click p{
    color: var(--colormain);
    font-size: var(--font16);
    line-height: var(--line15);
}
.ahcb-but-click img{
    width:20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 0.06rem;
    transition: var(--transition);
}
.ahcb-but-click.act img{
    transform: rotate(180deg);
}
.jbil-bot .join-bene-item-title{
    margin-bottom: 0;
}
.social-main .join-bene-item-img::before{
    z-index: 1;
}
.mode-second-wrap-back.acta{
    pointer-events: none !important;
}
.slul-links{
    background: var(--colorfff);
}
.slul-links-top{
    z-index: 3;
}
.mswu-li-video img{
    opacity: 0;
}
.mswu-li.noanimate.act .mswu-li-video img{
    opacity: 1;
}
.mswu-li.noanimate.act .mswu-li-video video{
    opacity: 0;
}
/* 2026.3.6--end */
/* 2026.3.9--start */
.slul-links-top{
    position: relative;
    top: auto;
    left: auto;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* height: 100%; */
    margin-bottom: 0.16rem;
}
.slul-links .ys-imgbox-cover img:nth-child(2){
    object-fit: contain;
}
.slul-links-top-text {
    height: auto;
    -webkit-line-clamp: inherit;
    transition: var(--transition);
}
.slul-links{
    display: flex;
    flex-direction: column;
    height: 100%;
    /* padding-bottom: 0.1rem; */
}
.summary-resource-wrap-left .mod-arrows2{
    min-height: 24px;
}
.jbil-bot{
    padding: 0.3rem 0.4rem;
}
.product-main .pull-icon{
    opacity: 0;
    transition: var(--transition);
}
.home-event-bot{
    width: 100%;
}
.ys-ban-imgbox::before {
    width: 60%;
    background: linear-gradient(-90deg, rgba(24, 35, 50, 0) 0%, rgba(24, 35, 50, 0.5) 100%);
    pointer-events: none;
}
/* 2026.3.9--end */
/* 苹果电脑修改 */
.hbnw-link-img,
.home-mode-dots-nub.ys-more .hmdn-btn,
.htll-pic,
.tlii-pic,
.nnwr-info-bg,
.llwr-list-pic,
.join-ban .sbwr-img img{
    transform: rotate(0);
    -webkit-transform: rotate(0);
}
/* 苹果电脑修改 */
.service-popular .mod-ctact-ul{
    /* flex-wrap: wrap; */
}
.service-popular .mod-ctact-li:nth-child(4n+1) {
    animation-delay: 0.2s;
}
.service-popular .mod-ctact-li:nth-child(4n+2) {
    animation-delay: 0.3s;
}
.service-popular .mod-ctact-li:nth-child(4n+3) {
    animation-delay: 0.4s;
}
.service-popular .mod-ctact-li:nth-child(4n+4) {
    animation-delay: 0.5s;
}
.service-popular .mod-ctact-li{
    margin-top: 0.2rem;
}
.service-popular .mod-title {
    margin-bottom: 0.2rem;
}
.service-popular .mod-ctact-li-link{
    padding: 0.4rem 0.3rem;
    align-items: flex-start;
}
.social-main .sbwr-img1 img{
    object-fit: cover;
}
.join-ban .sbwr-img img{
    width: 100%;
}
.yx_text6_active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.locat-area-wrap{
    justify-content: center;
}
.llwr-list h2 {
    color: var(--colormain);
    font-weight: 500;
    line-height: var(--line15);
    margin-bottom: 0.24rem;
    display: inline-block;
}
.llwr-list h2 span{
    color: var(--colorfff);
    background: var(--colormain);
    line-height: var(--line12);
    font-size: calc(var(--font32) - 8px);
    padding: 0.03rem 0.1rem;
    display: inline-block;
    border-radius: 0.05rem;
    position: relative;
    top: -1px;
}
.locat-ctact-cont{
    padding-right: 1rem;
    width: calc(100% - 2.2rem - 1rem);
}
.locat-ctact .ys-cont1800{
    display: flex;
    justify-content: flex-end;
}
.llwr-iofn{
    margin-bottom: 0;
}
.mlbp-item-bot-swip.nomore-swipe{
    opacity: 0;
    pointer-events: none;
}
.footer-min-link .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, .15) !important;
}
.footer-min-link .ys-select-inof {
    max-height: 126px;
}
.ctact-form-wrap-left iframe{
    width: 100%;
    border: none;
}
.news-main .newdet-more-ul .slul-link-title{
    height: 3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 2026.3.10--end */
/* 2026.3.13--start */
.news-list-recom-cry{
    width: 48%;
}
.ys-videom-iframebox iframe {
    width: 900px;
    height: 560px;
}
.home-product .product-list-word p{
    text-align: right;
}
.mod-back{
    position: fixed;
    bottom: 0.8rem;
    right: 0.4rem;
    width: 0.8rem;
    height: 0.8rem;
    background: #fff;
    border-radius: 50%;
    z-index: 12;
    box-shadow: 0 4px 12.9px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    transform: scale(0);
    transform-origin: center bottom;
    /* display: none; */
}
.mod-back img{
    width: 42.5%;
    transition: var(--transition);
}
.mod-back img:nth-child(2){
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.mod-back.ys-show{
    transform: scale(1);
}
.news-main .slul-link-bot-tps,
.news-main .newdet-more-ul-tab{
    padding: 0 0.15rem !important;
}
.slbt-other-date{
    margin-bottom: 4px;
}
.nlir-sear-tps{
    display: flex;
}
.event-list-btn{
    display: flex;
    justify-content: center;
}
.event-list-btn .std-btn2-link {
    font-size: var(--font18);
    padding: 0.15rem 0.45rem;
    line-height: 1.5;
    cursor: pointer;
    background: var(--colormain);
    color: var(--colorfff);
    border: none;
}
.mod-back{
    cursor: pointer;
}
.event-main .mod-back{
    display: flex;
}
/* 2026.3.13--end */
/* 2026.3.19--松下活动页--start */
/* b2-获奖名单--start */
:root{
    --color004:#0041C0;
    --color202:#202020;
    --color828:#828282;
    --colorb8b:#B8B8B8;
    --colorf9f:#F9FAFB;
    --coloreee:#EEEEEE;
    --iconWidth4:24px;
}
.activity-main .ys-nyban-img{
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    border-radius: 0 !important;
}
.activity-main h1{
    color: var(--colorfff);
    font-size: var(--font56);
    line-height: var(--line12);
    font-family: "Noto Serif SC" !important;
    font-weight: 600;
}
.activity-main .ys-nyban-title{
    padding-top: var(--headh);
}
.activity-main .ys-hd-pc{
    border-bottom: none;
}
.activity-main .head-nav{
    margin-right: 0.6rem;
}
.activity-main .head-nav-item-title::before {
    content: attr(data-text);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(104deg, #FFBB14 5.46%, #FF28D6 19.81%, #0CF 57.79%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: var(--font16);
    white-space: nowrap;
    transition: var(--transition);
    opacity: 0;
}
.activity-main .ys-hd-pc.has-search .head-nav-item-title, 
.activity-main .ys-hd-pc.isfixed .head-nav-item-title, 
.activity-main .ys-hd-pc.ishover .head-nav-item-title, 
.activity-main .ys-page-wrap.act .ys-hd-pc .head-nav-item-title {
    color: var(--color202);
}
.activity-main .ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title::after, 
.activity-main .ys-hd-pc.ishover .head-nav-item.yxnav-active1 .head-nav-item-title::after{
    background: linear-gradient(104deg, #FFBB14 5.46%, #FF28D6 19.81%, #0CF 57.79%);
}
.activity-main .ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title::before, 
.activity-main .ys-hd-pc.ishover .head-nav-item.yxnav-active1 .head-nav-item-title::before{
    opacity: 1;
}
.activity-main .ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title, 
.activity-main .ys-hd-pc.ishover .head-nav-item.yxnav-active1 .head-nav-item-title{
    color: transparent !important;
}
.activity-main .ys-hd-pc.isfixed .hbml-icon img:nth-child(2),
.activity-main .ys-hd-pc.ishover .hbml-icon img:nth-child(2){
    opacity: 1;
}
.activity-main .ys-hd-pc.isfixed .hbml-icon img:nth-child(1),
.activity-main .ys-hd-pc.ishover .hbml-icon img:nth-child(1){
    opacity: 0;
}
.activity-main .ys-hd-pc.isfixed .hbml-text,
.activity-main .ys-hd-pc.ishover .hbml-text{
    color: var(--color202);
}
.activity-main .ys-hd-pc.isfixed .member-btn-link,
.activity-main .ys-hd-pc.ishover .member-btn-link{
    color: var(--color202);
}
.activity-main .ys-hd-pc.isfixed .member-btn-link::before,
.activity-main .ys-hd-pc.ishover .member-btn-link::before{
    border: solid 1px var(--color202) !important;
}
.head-btn-member{
    margin-right: 0.24rem;
}
.head-btn{
    display: flex;
    align-items: center;
    position: relative;
}
.head-btn-member-link{
    line-height: var(--headh);
    display: flex;
    align-items: center;
}
.hbml-icon{
    width: 18px;
    position: relative;
    flex-shrink: 0;
    margin-right: 0.08rem;
}
.hbml-icon img{
    width: 100%;
    transition: var(--transition);
}
.hbml-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 51.5%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.hbml-text{
    color: var(--colorfff);
    line-height: var(--headh);
}
.member-btn {
    display: inline-block;
}
.member-btn-link{
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 34px;
    font-size: var(--font14);
    line-height: normal;
    padding: 0.1rem 0.2rem;
    color: var(--colorfff);
    position: relative;
    z-index: 2;
    transition: var(--transition);
}
.member-btn-link::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: transparent;
    border: solid 1px var(--colorfff);
    pointer-events: none;
    opacity: 1;
    transition: var(--transition);
    border-radius: 0.8rem;
}
.member-btn-link::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(104deg, #FFBB14 5.46%, #FF28D6 19.81%, #0CF 57.79%);
    pointer-events: none;
    opacity: 0;
    transition: var(--transition);
    border-radius: 0.8rem;
    z-index: -1;
}
.mod-aside{
    position: fixed;
    right: 0.1rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 97;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    border-radius: 0.12rem;
}
.mali-link-icon{
    width: 18px;
    margin: 0 auto;
    position: relative;
    flex-shrink: 0;
}
.mali-link-icon img{
    width: 100%;
    transition: var(--transition);
}
.mali-link-icon img:not(:first-child){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.mod-aside-list{
    border-radius: 0.1rem;
    background: rgba(32, 32, 32, 0.60);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.mod-aside-list-item{
    position: relative;
    cursor: pointer;
}
.mali-link::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(104deg, rgba(255, 190, 70, 1) 5.46%, rgba(255, 70, 209, 1) 19.81%, rgba(6, 200, 255, 1) 57.79%);
    opacity: 0;
    transition: var(--transition);
    z-index: -1;
}
.mod-aside-list-item:last-child .mali-link{
    border-radius: 0 0 0.1rem 0.1rem;
}
.mali-link::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 0.24rem);
    height:25px;
    opacity: 0;
    background:  linear-gradient(104deg, rgba(255, 190, 70, 1) 5.46%, rgba(255, 70, 209, 1) 19.81%, rgba(6, 200, 255, 1) 57.79%);
    filter: blur(10px);
    -webkit-filter: blur(10px);
    transition: var(--transition);
    pointer-events: none;
    z-index: -1;
}
.mali-link-text{
    font-size: var(--font12);
    text-align: center;
    transition: var(--transition);
    color: var(--colorb8b);
    font-weight: 350;
    line-height: var(--line16);
    position: relative;
    z-index: 3;
}
.mali-hide{
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 0.1rem;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}
.mali-hide-box{
    width: 100%;
    padding: 0.08rem 0.16rem;
    border-radius: 0.1rem;
    overflow: hidden;
    background: rgba(32, 32, 32, 0.60);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.mali-hide-code{
    width: 0.94rem;
    margin: 0 auto 0.08rem;
    border-radius: 0.05rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.mali-hide-code img{
    width: 100%;
}
.mali-hide-text{
    color: var(--colorfff);
    text-align: center;
    line-height: var(--line16);
}
.mali-link{
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 0.12rem;
    overflow: hidden;
}
.mod-aside-list-item.show .mali-link::after{
    opacity: 1;
}
.mod-aside-list-item.show .mali-link::before{
    opacity: 0.5;
}
.mod-aside-list-item.show .mali-hide{
    opacity: 1;
    pointer-events: all;
}
.mod-aside-list-item.show .mali-link-icon img:nth-child(1){
    opacity: 0;
}
.mod-aside-list-item.show .mali-link-icon img:nth-child(2){
    opacity: 1;
}
.mod-aside-list-item.show .mali-link-text{
    color: var(--colorfff);
}
.wsli-text{
    text-align: center;
    margin-top: 0.1rem;
    color: var(--color828);
    line-height: var(--line16);
}
.winner-slide-list-item .ys-imgbox-cover{
    border-radius: 0.2rem;
}
.winner-slide-list-item{
    padding: 0 0.1rem;
}
.winner-slide-list{
    margin: 0 -0.1rem;
}
.winner-slide .slick-prev{
    left: 0.26rem;
}
.winner-slide .slick-next{
    right: 0.26rem;
}
.mod-arrows1.mod-arrows1-black .swiper-button-next, 
.mod-arrows1.mod-arrows1-black .swiper-button-prev, 
.mod-arrows1.mod-arrows1-black .slick-prev, 
.mod-arrows1.mod-arrows1-black .slick-next, 
.mod-arrows1-black .arrows-icon{
    background: rgba(32, 32, 32, 0.40);
    border:none;
    width: 0.42rem;
    height: 0.42rem;
    top: calc(50% - calc(0.39rem / 2));
}
.mod-arrows1.mod-arrows1-black .swiper-button-next::after, 
.mod-arrows1.mod-arrows1-black .swiper-button-prev::after, 
.mod-arrows1.mod-arrows1-black .slick-prev::after, 
.mod-arrows1.mod-arrows1-black .slick-next::after, 
.mod-arrows1-black .arrows-icon::after{
    background: url(../images/f1_arrows01.svg) center / contain no-repeat !important;
}
.mod-arrows1 .swiper-button-next, 
.mod-arrows1 .swiper-button-prev, 
.mod-arrows1 .slick-prev, 
.mod-arrows1 .slick-next, 
.arrows-icon{
    z-index: 2;
}
.winner-list{
    padding-top: 0.8rem;
}
.winner-list-item h2{
    text-align: center;
    line-height: var(--line12);
    position: relative;
    margin-bottom: 0.12rem;
    font-family: "Noto Serif SC" !important;
    font-weight: 600;
    margin-left: 0.16rem;
    margin-right: 0.16rem;
    flex-shrink: 0;
}
.winner-list-item-title{
    display: flex;
    align-items: center;
}
.winner-list-item-title span{
    width: 100%;
    height: 2px;
    background: linear-gradient(-90deg, rgba(6, 200, 255, 1) 41.65%, rgba(255, 70, 209, 0) 84%, rgba(255, 190, 70, 0) 100%);
    border-radius: 0.08rem;
}
.wlit-line2{
    background: linear-gradient(90deg, rgba(6, 200, 255, 1) 41.65%, rgba(255, 70, 209, 0) 84%, rgba(255, 190, 70, 0) 100%) !important;
}
.wlul-box-top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.33rem;
}
.wlul-box-top-icon{
    width: var(--iconWidth4);
}
.wlul-box{
    height: 100%;
    padding: 0.32rem;
    border: solid 1px rgba(102, 102, 102, 0.20);
    border-radius: 0.16rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.wlul-box-year{
    text-align: center;
    height: 22px;
    padding: 0 0.12rem;
    font-size: var(--font14);
    font-weight: 350;
    line-height: normal;
    color: var(--color004);
    border-radius: 0.8rem;
    border: 1px solid rgba(0, 66, 200, 0.20);
    background: rgba(0, 66, 200, 0.10);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.winner-list-ul-li{
    width: 50%;
    padding: 0 0.1rem;
    padding-top: 0.2rem;
}
.winner-list-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem;
    position: relative;
}
.wlul-box-bot-title{
    color: var(--color202);
    line-height: var(--line16);
    font-weight: 500;
    margin-bottom: 0.08rem;
}
.wlul-box-bot-desc p{
    color: var(--color828);
    line-height: var(--line16);
    font-weight: 350;
}
.winner-list-item{
    padding-top: 0.5rem;
}
.winner-list-item:first-child{
    padding-top: 0;
}
.winner-slide{
    position: relative;
}
/* b2-获奖名单--end */
/* b1-历届回顾--start */
.activity-main .ys-main{
    position: relative;
}
.review-list{
    position: relative;
    overflow: visible !important;
}
.winner-bg{
    position: absolute;
    right: 0%;
    top: 0%;
    opacity: 1;
    width: 47%;
    pointer-events: none;
    z-index: 0;
}
.winner-bg img{
    width: 100%;
}
.winner-slide .ys-cont1200,
.review-list .ys-cont1440{
    position: relative;
    z-index: 3;
}
.winner-list-ul-li:nth-child(2n+1){
    animation-delay: 0.2s;
}
.winner-list-ul-li:nth-child(2n+2){
    animation-delay: 0.3s;
}
.review-list-wrap{
    display: flex;
    justify-content: space-between;
}
.review-list{
    --place: calc(50vw - 720px);
}
.review-list-wrap-left{
    width: 1.76rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: var(--place);
    z-index: 5;
}
.rlwl-boxs{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: sticky;
    -webkit-position: sticky;
    top: var(--headh);
    height: 440px;
    overflow: hidden;
    padding-top: 1rem;
    margin-bottom: 1rem;
}
.rlwl-boxs::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1rem;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
    pointer-events: none;
    z-index: 2;
}
.rlwl-boxs::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 62%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
    pointer-events: none;
    z-index: 2;
}
.rlwl-swiper{
    height: 55px;
    width: 100%;
    overflow: visible !important;
}
.review-list-wrap-right{
    width: 100%;
    pointer-events: none;
}
.rlwr-list-item .ys-cont1440{
    pointer-events: all;
    padding-left: 3rem;
}
.rlwr-list-item-word p{
    color: var(--color828);
    line-height: var(--line16);
    font-weight: 350;
}
.rlwr-list-item-word{
    margin-bottom:0.4rem;
}
.member-liner .std-btn3-link{
    position: relative;
    z-index: 2;
    background: transparent;
}
.member-liner .std-btn3-link::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: transparent;
    border: 1.5px solid transparent;
    background: linear-gradient(154deg, rgba(255, 190, 70, 1) 5.46%, rgba(255, 70, 209, 1) 19.81%, rgba(6, 200, 255, 1) 57.79%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 0.8rem;
    pointer-events: none;
}
.member-liner .std-btn3-link-text{
    color: var(--color202);
    position: relative;
    z-index: 3;
}
.member-liner .std-btn3-link::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:linear-gradient(154deg, #FFBB14 5.46%, #FF28D6 19.81%, #0CF 57.79%);
    z-index: -1;
    opacity: 0;
    transition: var(--transition);
    border-radius: 0.8rem;
    pointer-events: none;
}
.member-liner .sbli-circle{
    background: var(--color202);
}
.rlwr-list-item .member-liner{
    margin-bottom: 0.5rem;
}
.rlis-wrapper{
    margin: 0 -0.05rem;
}
.rlis-wrapper-slide{
    padding: 0 0.05rem;
}
.rlis-wrapper-slide-img{
    position: relative;
    height: 100%;
}
.rlis-wrapper-slide-img img{
    width: 100%;
    height: 100%;
    border-radius: 0.16rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    object-fit: cover;
}
.rlis-wrapper-slide.on2{
    display: flex !important;
    justify-content: space-between;
}
.rlis-wrapper-slide.on2 .rlis-wrapper-slide-img{
    width: calc(50% - 0.05rem);
}
.rlis-wrapper-slide.on2 .rlis-wrapper-slide-box .rlis-wrapper-slide-img{
    height: calc(50% - 0.05rem);
    width: 100%;
    padding: 0;
}
.rlis-wrapper-slide-box{
    width: calc(50% - 0.05rem);
    padding: 0 0.05rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.rlis-wrapper-slide.on1 .rlis-wrapper-slide-img::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: rgba(32, 32, 32, 0.2);
    z-index: 1;
    border-radius: 0.16rem;
}
.rlis-wrapper-slide-img .ys-video-btn{
    z-index: 5;
    cursor: pointer;
    width: 38px !important;
    height: auto !important;
    transform: translate(-50%, -50%);
}
.rlwr-list-item{
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: relative;
}
.rlis-btn{
    display: flex;
    align-items: center;
    margin-top: 0.1rem;
    justify-content: flex-end;
}
.rlis-btn-icon{
    width: var(--iconWidth4);
    position: relative;
    cursor: pointer;
}
.rlis-btn-icon img{
    width: 100%;
    transition: var(--transition);
}
.rlis-btn-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.rlis-btn-prev{
    margin-right: 0.2rem;
}
.rlwr-list-item-ph,
.rlwl-list-item p,
.rlwr-year{
    font-size: var(--font48);
    color: var(--color202);
    line-height: var(--line12);
    font-family: "Noto Serif SC";
    font-weight: 600;
}
.rlwr-list-item-ph{
    margin-bottom: 0.3rem;
    display: none;
}
.rlwl-list-item p{
    transition: var(--transition);
    color: var(--color828);
    cursor: pointer;
}
.rlwl-list-item.swiper-slide-active p{
    color: var(--color202);
}
.rlwr-year{
    margin-left: 0.1rem;
}
/* b1-历届回顾--end */
/* A1首页-暗色--start */
.acthome-ban{
    height: 100vh;
}
.acthome-ban-logo{
    width: 74%;
    margin: 0 auto;
    top: 45%;
}
.acthome-ban-logo img{
    width: 100%;
}
.acthome-ban .ys-nyban-img,
.acthome-ban .ys-nyban-img img{
    height: 100%;
}
.acthome-ban .ys-nyban-img img{
    object-fit: cover;
}
.acthome-ban h1{
    width: 100%;
    text-align: center;
    color: var(--colorfff);
    line-height: var(--line12);
    font-size: var(--font20);
    font-family: "Noto Serif SC" !important;
    font-weight: 600;
    position: absolute;
    bottom: 0.58rem;
    left: 50%;
    transform: translateX(-50%);
}
.acthome-ban h1 span{
    display: inline-block;
    position: relative;
    padding-top:0.12rem;
    margin-top: 0.12rem;
}
.acthome-ban h1 span::after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
}
.acthome-ban .ys-nyban-title .ys-cont1440{
    position: relative;
    height: 100%;
}
.acthome-ban .ys-nyban-title {
    width: 100%;
    height: 100%;
}
.acthome-main{
    overflow: hidden;
}
.acthome-main section{
    overflow: visible;
}
.acthome-page{
    background: var(--color202);
}
.acthome-page h2{
    color: var(--colorfff);
    font-size: var(--font48);
    font-family: "Noto Serif SC";
    font-weight: 600;
    line-height: 1.1;
}
.acthome-page h2 span{
    display: inline-block;
    color: transparent;
    background: linear-gradient(104deg, #FFBB14 5.46%, #FF28D6 19.81%, #0CF 57.79%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.acthom-word p{
    color: var(--colorb8b);
    font-weight: 350;
    line-height: var(--line16);
}
.acthom-word{
    width: 86%;
    margin-bottom: 0.5rem;
}
.acthome-lights{
    position: relative;
}
.acthome-main-bg1{
    position: absolute;
    top: 0;
    right: 0;
    width: 37%;
    pointer-events: none;
    z-index: 0;
}
.acthome-main-bg1 img,
.acthome-main-bg2 img{
    width: 100%;
}
.acthome-main-bg2{
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    pointer-events: none;
    z-index: 0;
}
.acthome-main .ys-cont1440{
    position: relative;
    z-index: 2;
}
.acthome-lights-ul-li{
    width: 33.333333%;
    padding: 0 0.18rem;
}
.acthome-lights-ul{
    margin: 0 -0.18rem;
}
.acthome-lights-ul .slick-list{
    padding-bottom: 12px;
}
.acthome-lights .rlis-btn{
    margin-top: 0;
}
.alul-boxs{
    background: var(--color202);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    padding: 0.32rem;
    position: relative;
    z-index: 2;
    border-radius: 0.16rem;
    overflow: hidden;
    transition: var(--transition);
}
.alul-boxs::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.16rem;
    padding: 1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 0;
    opacity: 1;
    transition: var(--transition);
}
.alul-boxs::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width:4px;
    height: 100%;
    background: linear-gradient(104deg, #FFBB14 5.46%, #FF28D6 19.81%, #0CF 57.79%);
    opacity: 0;
    transition: var(--transition);
}
.alul-boxs-icon{
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 0.12rem;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background:  rgba(255, 255, 255, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.24rem;
}
.alul-boxs-icon img{
    width: 50%;
}
.alul-boxs-title{
    color: var(--colorfff);
    font-weight: 500;
    line-height: var(--line16);
    margin-bottom: 0.12rem;
}
.alul-boxs-desc,
.alul-boxs-title,
.alul-boxs-icon{
    position: relative;
    z-index: 2;
}
.alul-boxs-desc p{
    font-weight: 350;
    color: var(--colorfff);
    line-height: var(--line165);
}
.alul-boxs-bg{
    position: absolute;
    bottom: 0;
    right: -1px;
    width: 100%;
    pointer-events: none;
    z-index: 0;
    opacity: 0;
    transition: var(--transition);
}
.alul-boxs-bg img{
    width: 100%;
}
.acthome-meeting h2{
    margin-bottom: 0.5rem;
}
.acthome-meeting .acthome-main-bg1{
    opacity: 0 !important;
}
.acthome-meeting-tabs{
    display: flex;
    margin: 0 -0.1rem;
    margin-bottom: 0.2rem;
}
.acthome-meeting-tabs-item{
    padding: 0 0.1rem;
}
.acthome-meeting-tabs-item p{
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--colorb8b);
    font-weight: 350;
    padding: 0.14rem 0.4rem;
    border-radius: 0.08rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.10);
    cursor: pointer;
    position: relative;
    transition: var(--transition);
}
.acthome-meeting-tabs-item p::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(170deg, #FFBB14 10.46%, #FF28D6 29.81%, #0CF 67.79%);
    opacity: 0;
    transition: var(--transition);
}
.acthome-meeting-tabs-item.yx-active p{
    color: var(--colorfff);
    border: solid 1px transparent;
}
.acthome-meeting-tabs-item.yx-active p::after{
    opacity: 1;
}
.acthome-meeting-list-item{
    display: none;
}
.acthome-meeting-list-item:first-child{
    display: block;
}
.amli-box-left{
    width: 25%;
}
.amli-box-right{
    width: 71%;
}
.amli-box{
    display: flex;
    justify-content: space-between;
}
.ablu-nub{
    padding: 0.32rem;
    border-radius: 0.16rem;
    overflow: hidden;
    position: relative;
    background: rgba(255,255,255,0.1);
    border: solid 1px rgba(255, 255, 255, 0.10);
    margin-bottom: 0.1rem;
    transition: var(--transition);
    z-index: 1;
    cursor: pointer;
}
.ablu-nub:last-child{
    margin-bottom: 0;
}
.ablu-nub-text{
    color: var(--colorfff);
    line-height: var(--line15);
    font-weight: 600;
    font-family: "Noto Serif SC";
    margin-bottom: 0.08rem;
}
.ablu-nub-time{
    line-height: var(--line165);
    color: var(--colorfff);
    transition: var(--transition);
}
.ablu-nub-text, 
.ablu-nub-time{
    position: relative;
    z-index: 3;
}
.ablu-nub-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -1px;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transition: var(--transition);
}
.ablu-nub-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ablu-nub.yx-show .ablu-nub-bg{
    opacity: 1;
}
.ablu-nub.yx-show{
    background: transparent;
    border: solid 1px transparent;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
}
.ablu-nub.yx-show .ablu-nub-time{
    color: var(--colorb8b);
}
.ablu-nub::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
    background: linear-gradient(175deg, #FFBB14 10%, #FF28D6 17%, #0CF 73%);
    opacity: 0;
    /* transition: var(--transition); */
    z-index: 0;
    border-radius: 0.16rem;
    pointer-events: none;
}
.ablu-nub.ys-show::before{
    transition: var(--transition);
}
.ablu-nub::after{
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: calc(100% - 3px);
    height: 100%;
    background: var(--color202);
    pointer-events: none;
    opacity: 0;
    z-index: 1;
    border-radius: 0.12rem;
}
.ablu-nub.yx-show::after,
.ablu-nub.yx-show::before{
    opacity: 1;
}
.ablu-item:first-child{
    display: block;
}
.ablu-item{
    display: none;
}
.ablu-item-box{
    width: 100%;
    padding:0.4rem;
    border-radius: 0.16rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    background: var(--color202);
    position: relative;
    z-index: 3;
    overflow: hidden;
}
.ablu-item-box-bg{
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.ablu-item-box-bg img:nth-child(1){
    position: absolute;
    bottom: 0;
    left: 0;
    width: 65.5%;
}
.ablu-item-box-bg img:nth-child(2){
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
}
.ablu-item-box::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.16rem;
    padding: 1px;
    background: linear-gradient(145deg, rgba(255, 190, 70, 1) 0%, rgba(255, 70, 209, 0.25) 17%, rgba(6, 200, 255, 1) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 0;
}
.ailn-tits{
    color: var(--colorfff);
    font-weight: 500;
    line-height: var(--line16);
}
.ailn-desc{
    margin-top: 0.08rem;
}
.ailn-desc p{
    color: var(--colorb8b);
    line-height: var(--line16);
    font-weight: 350;
}
.ailn-btn{
    display: flex;
    align-items: center;
    margin-top: 0.16rem;
}
.ailn-btn-text{
    color: var(--colorfff);
    line-height: var(--line165);
    font-weight: 350;
}
.ailn-btn-pic{
    width: 20px;
    flex-shrink: 0;
    margin-left: 0.08rem;
    transition: var(--transition);
    position: relative;
}
.ailn-btn-pic img{
    width: 100%;
}
.ailn-btn-pic img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.aibl-item-link-nub{
    padding: 0 0.4rem;
}
.aibl-item-link{
    display: flex;
    align-items: center;
    margin: 0 -0.4rem;
    border-bottom: solid 1px rgba(255, 255, 255, 0.10);
    padding: 0.16rem 0;
}
.aibl-item-link-ph{
    display: none;
}
.aibl-item-link-nub2,
.aibl-item-link-nub3{
    width: 27%;
    flex-shrink: 0;
}
.aibl-item-link-nub1{
    width: 100%;
}
.aibl-item{
    margin-bottom: 0.2rem;
}
.ailn-words{
    color: var(--colorfff);
    line-height: var(--line165);
    font-weight: 350;
}
.ailn-imgs{
    width: 20px;
    margin-bottom: 0.04rem;
    position: relative;
}
.ailn-imgs img{
    width: 100%;
}
.ailn-imgs img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.ablu-item-box-list{
    overflow: hidden;
    z-index: 2;
}
.acthome-meeting{
    position: relative;
    z-index: 2;
}
.ablu-item-box-list{
   margin-right: 0.4rem;
}
.ablu-item-box-list {
    height: 5.08rem;
}
.activity-main .mCSB_outside+.mCSB_scrollTools {
    right: -0.4rem;
}
.activity-main .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, 0.10) !important;
    border-radius: 0.05rem;
}
.activity-main .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.activity-main .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.activity-main .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.activity-main .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar {
    background: linear-gradient(180deg, #FFBB14 -2%, #FF28D6 15.11%, #0CF 60.39%) !important;
}
.acthome-guest{
    position: relative;
}
.acthome-guest-ul-list{
    width: 25%;
    padding: 0 0.12rem;
}
.acthome-guest-ul{
    margin: 0 -0.12rem;
}
.agul-box img{
    width: 100%;
}
.agul-box .ys-imgbox-cover{
    width: 100%;
    -webkit-mask: url(../images/mc_bg.svg);
    mask: url(../images/mc_bg.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%; 
    background: rgba(238, 243, 255, 0.05);  
}
.agul-box .ys-imgbox-cover img:nth-child(2){
    opacity: 0;
    pointer-events: none;
}
.agul-box .ys-imgbox-cover img:nth-child(3){
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.agul-box-bot{
    width: 68%;
    margin-top: -0.3rem;
    position: relative;
    z-index: 3;
}
.agul-box-bot-name{
    color: var(--colorfff);
    font-weight: 500;
    line-height: var(--line165);
    margin-bottom: 0.04rem;
}
.agul-box-bot-post{
    color: var(--colorb8b);
    line-height: var(--line16);
    font-weight: 350;
}
.agul-box{
    height: 100%;
    border-radius: 0.1rem;
    overflow: hidden;
}
.acthome-guest .rlis-btn{
    margin-top: 0.4rem;
}
.acthome-moment{
    position: relative;
}
.acthome-moment h2{
    margin-bottom: 0.5rem;
}
.acthome-moment .acthome-main-bg2{
    width: 34%;
    position: absolute;
    left: 0rem;
    bottom: -2.7rem;
    top: auto;
    transform: inherit;
}
.acthome-moment-wrap-list{
    padding: 0 0.08rem;
}
.acthome-moment-wrap{
    display: flex;
    margin: 0 -0.08rem;
    margin-bottom: 0.4rem;
}
.acthome-moment-wrap-list2,
.acthome-moment-wrap-list3{
    width: 31.6%;
}
.acthome-moment-wrap-list1{
    width: 36.8%;  
}
.acthome-moment-wrap-list3,
.acthome-moment-wrap-list1{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.amwl-img{
    width: 100%;
    border-radius: 0.16rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.amwl-img img{
    width: 100%;
}
.amwl-bts{
    display: flex;
    margin: 0 -0.08rem;
}
.amwl-bts .amwl-img{
    width: 50%;
    padding: 0 0.08rem;
}
.amwl-bts .amwl-img img{
    border-radius: 0.16rem;
}
.acthome-moment-btn{
    display: flex;
    justify-content: center;
}
.acthome-moment .std-btn3-link-text,
.acthome-award .std-btn3-link-text{
    color: var(--colorfff);
}
.acthome-moment .sbli-circle,
.acthome-award .sbli-circle{
    background: var(--colorfff);
}
.acthome-award{
    padding: 0.8rem 0;
    position: relative;
}
.acthome-award-bg{
    border-radius: 0.16rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.acthome-award-bg img{
    width: 100%;
}
.acthome-award-bg img:nth-child(2){
    display: none;
}
.acthome-award .ys-cont1440{
    position: relative;
}
.acthome-award-wrap{
   width: 5.12rem;
   padding: 0.5rem 0.4rem;
   border-radius: 0.16rem;
   background:  rgba(255, 255, 255, 0.10);
   box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
    position: absolute;
    top: 50%;
    left:0.48rem;
    transform: translateY(-50%);
    z-index: 3;
}
.acthome-award h2{
    margin-bottom: 0.32rem;
}
.acthome-award-wrap-desc p{
    color: var(--colorb8b);
    line-height: var(--line16);
    font-weight: 350;
}
.acthome-award-wrap-desc{
    margin-bottom: 0.5rem;
}
.acthome-award-wrap-word{
    padding-top: 0.1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    color: var(--colorb8b);
    line-height: var(--line165);
    font-weight: 500;
}
.acthome-award .member-liner{
    margin-bottom: 0.34rem;
}
.acthome-guide .acthome-main-bg1{
    display: none;
}
.acthome-guide-wrap-left{
    width: 48%;
}
.acthome-guide-wrap-right{
    width: 48%;
    border-radius: 0.16rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.acthome-guide-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.agwr-link{
    width: 100%;
    display: block;
    position: relative;
}
.agwr-link-pic,
.agwr-link-pic img{
    width: 100%;
}
.agwr-link-mind{
    position: absolute;
    top: 60%;
    left: 49%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.agwr-link-mind-icon{
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    background: var(--color004);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 0.12rem;
}
.agwr-link-mind-icon img{
    width: 50%;
}
.agwr-link-mind-text{
    color: var(--colorfff);
    line-height: var(--line16);
    font-weight: 350;
    padding: 0.08rem 0.16rem;
    border-radius: 0.8rem;
    background: var(--color004);
}
.acthome-guide{
    padding: 0.8rem 0;
}
.agwl-list-item{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.32rem 0 0.2rem;
    border-bottom: solid 1px rgba(255, 255, 255, 0.10);
}
.agwl-list{
    width: 100%;
}
.agwl-list-item-left{
    display: flex;
    align-items: center;
    width: 18%;
    flex-shrink: 0;
}
.alil-pics{
    width: 20px;
    position: relative;
    flex-shrink: 0;
    margin-right: 0.12rem;
}
.alil-pics img{
    width: 100%;
}
.alil-desc{
    color: var(--colorfff);
    line-height: var(--line16);
    font-weight: 500;
}
.agwl-list-item-right{
    width: 58%;  
}
.agwl-list-item-right p{
    color: var(--colorb8b);
    line-height: var(--line16);
    font-weight: 350;
}
.acthome-guide-wrap-left h2{
    margin-bottom: 0.6rem;
}
.agwl-list-item:first-child {
    padding-top: 0;
}
.acthome-moment-ph{
    display: none;
}
/* A1首页-暗色--end */
/* 亮色--start */
.acthome-page.ys-light .mod-aside-list{
    background: var(--colorfff);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
}
.acthome-page.ys-light .mali-link-text{
    color: var(--color828);
}
.acthome-page.ys-light .mali-link-icon img:nth-child(1){
    opacity: 0;
}
.acthome-page.ys-light .mali-link-icon img:nth-child(3){
    opacity: 1 !important;
}
.acthome-page.ys-light .mod-aside-list-item.show .mali-link-icon img:nth-child(2),
.acthome-page.ys-light .mod-aside-list-item.show .mali-link-icon img:nth-child(3) {
    opacity: 0;
}
.acthome-page.ys-light .mod-aside-list-item.show .mali-link-icon img:nth-child(4) {
    opacity: 1;
}
.acthome-page.ys-light .mali-link-text{
    color: var(--color202);
}
.acthome-page.ys-light .mod-aside-list-item.show .mali-link::before {
    opacity: 0.2;
}
.acthome-page.ys-light{
    background: #F9FAFB;
}
.acthome-page.ys-light h2{
    color: var(--color202);
}
.acthome-page.ys-light .acthom-word p{
    color: var(--color828);
}
.acthome-page.ys-light .alul-boxs{
    background: var(--colorfff);
}
.acthome-page.ys-light  .alul-boxs::before{
    background:linear-gradient(180deg, 
    #EEEEEE 0%, #EEEEEE 100%)
}
.acthome-page.ys-light .alul-boxs-icon{
    border: solid 1px #eee;
    background: #F9FAFB;
}
.acthome-page.ys-light .alul-boxs-title{
    color: var(--color202);
}
.acthome-page.ys-light .alul-boxs-desc p{
    color: var(--color828);
    transition: var(--transition);
}
.acthome-page.ys-light .acthome-lights .acthome-main-bg2{
    opacity: 0 !important;
}
.acthome-page.ys-light .acthome-meeting .acthome-main-bg1{
    opacity: 1 !important;
    width: 100%;
}
.acthome-page.ys-light .acthome-meeting{
    background: var(--colorfff);
}
.acthome-page.ys-light .acthome-meeting-tabs-item p{
    border: solid 1px var(--coloreee);
    background: #F9FAFB;
    color: #616161;
}
.acthome-page.ys-light .acthome-meeting-tabs-item.yx-active p{
    border: solid 1px transparent;
    color: var(--color004);
    background: var(--colorfff);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
}
.acthome-page.ys-light .ablu-nub{
    background: var(--colorfff);
    border: solid 1px var(--coloreee);
}
.acthome-page.ys-light .ablu-nub-time,
.acthome-page.ys-light .ailn-desc{
    color: var(--color828);
}
.acthome-page.ys-light .ablu-nub-text,
.acthome-page.ys-light .ailn-tits,
.acthome-page.ys-light .ailn-words,
.acthome-page.ys-light .agul-box-bot-name{
    color: var(--color202);
}
.acthome-page.ys-light .agul-box-bot-post{
    color: var(--color888);
}

.acthome-page.ys-light .ablu-nub.yx-show .ablu-nub-text,
.acthome-page.ys-light .ailn-btn-text{
    color: var(--color004);
}
.acthome-page.ys-light .ablu-nub::after{
    background: var(--colorfff);
}
.acthome-page.ys-light .ablu-nub-bg,
.acthome-page.ys-light .ablu-item-box-bg{
    opacity: 0;
}
.acthome-page.ys-light .ablu-item-box{
    background: var(--colorfff);
} 
.acthome-page.ys-light .ailn-btn-pic img:nth-child(1){
    opacity: 0;
}
.acthome-page.ys-light .ailn-btn-pic img:nth-child(2){
    opacity: 1;
}
.acthome-page.ys-light .ailn-imgs img:nth-child(2){
    opacity: 1;
}
.acthome-page.ys-light .ailn-imgs img:nth-child(1){
    opacity: 0;
}
.acthome-page.ys-light .aibl-item{
    border-bottom: solid 1px var(--coloreee);
}
.activity-main .acthome-page.ys-light .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: var(--coloreee) !important;
    border-radius: 0.05rem;
}
.acthome-page.ys-light .acthome-guest .acthome-main-bg2,
.acthome-page.ys-light .acthome-award .acthome-main-bg2{
    opacity: 0;
}
.acthome-page.ys-light .acthome-moment,
.acthome-page.ys-light .acthome-guide{
    background: var(--colorfff);
}
.acthome-page.ys-light .agul-box{
    background: transparent;
}
.acthome-page.ys-light .agul-box .ys-imgbox-cover img:nth-child(2){
    opacity: 1;
    pointer-events: all;
}
.acthome-page.ys-light .agul-box .ys-imgbox-cover img:nth-child(1){
    opacity: 0;
}
.acthome-guide{
    position: relative;
}
.acthome-page.ys-light .acthome-guide .acthome-main-bg1{
    display: block;
    width: 100%;
}
.acthome-page.ys-light .agwl-list-item-right p{
    color: var(--color828);
} 
.acthome-page.ys-light .alil-desc{
    color: var(--color202);
}
.acthome-page.ys-light .agwl-list-item{
    border-bottom: solid 1px var(--coloreee);
}
.acthome-page.ys-light .acthome-main section {
    overflow: hidden;
}
.acthome-page.ys-light .acthome-award-wrap {
    background: var(--colorfff);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
}
.acthome-page.ys-light .acthome-award-wrap-desc p{
    color: var(--color828);
}
.acthome-page.ys-light .std-btn3-link-text{
    color: var(--color202);
}
.acthome-page.ys-light .sbli-circle{
    background: var(--color202);
}
.acthome-page.ys-light .acthome-award-wrap-word{
    color: var(--color828);
    border-top: solid 1px var(--coloreee);
}
.acthome-page.ys-light .acthome-award-bg img:nth-child(2){
    display: block;
}
.acthome-page.ys-light .acthome-award-bg img:nth-child(1){
    display: none;
}
.acthome-page.ys-light .acthome-moment .acthome-main-bg2 {
    bottom: -4.5rem;
    opacity: 0.35;
}
.acthome-page.ys-light .acthome-lights .acthome-main-bg1,
.acthome-page.ys-light .acthome-guest .acthome-main-bg1{
    opacity: 0.9;
}
.acthome-page.ys-light .alul-boxs .alul-boxs-bg{
    width: 60%;
}
/* 亮色--end */
.activity-main .ys-hd-pc::after{
    background: linear-gradient(180deg, rgba(28, 28, 28, 0.80) 0%, rgba(56, 56, 56, 0) 100%);
}
/* 2026.3.19--松下活动页--end */
/* 2026.3.25--修改--start */
.hnbl-ul-li-link{
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
}
.media-list-bot{
    padding-left: 0.12rem;
    padding-right: 0.12rem;
}
.nlir-sear-top-left{
    position: relative;
    display: flex;
}
.mlwb-btn-reset2{
    display: none !important;
}
.news-list .nlir-sear-top-left{
    width: 100%;
}
.summary-mode .slick-prev, 
.summary-mode .slick-next{
    background: var(--colormain);
    border: solid 1px var(--colormain);
}
.summary-mode{
    /* z-index: 14; */
    position: relative;
}
.mod-serv{
    position: fixed;
    bottom: 1.92rem;
    right: 0.4rem;
    z-index: 13;
    cursor: pointer;
}
.mod-serv-icon{
    width: 0.8rem;
    height: 0.8rem;
    /* background: #fff; */
    border-radius: 50%;
    z-index: 12;
    box-shadow: 0 4px 12.9px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    transform: scale(0);
    position: relative;
}
.mod-serv.ys-show .mod-serv-icon{
    transform: scale(1);
}
.mod-serv-icon img{
    width: 100% !important;
    /* width: 42.5%; */
    /* transition: var(--transition); */
}
.mod-serv-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mod-serv-hide{
    width: 5.72rem;
    padding-right: 0.29rem;
    position: absolute;
    right: 100%;
    top: 45%;
    transform: translateY(-50%);
    display: none;
}
.mod-serv-hide-img{
    width: 100%;
    background: var(--colorfff);
    border-radius: 0.05rem;
    overflow: hidden;
    padding: 0.1rem;
    box-shadow: 0 4px 25.3px 0 rgba(0, 0, 0, 0.15);
}
.mod-serv-hide-img img{
    width: 100%;
}
.mod-serv.active .mod-serv-icon{
    background: var(--colormain);
}
.mod-serv.active .mod-serv-icon img:nth-child(1){
    opacity: 0;
}
.mod-serv.active .mod-serv-icon img:nth-child(2){
    opacity: 1;
}
/* 2026.3.25--修改--end */
/* 2026.3.31--start */
.newc-bot-edr iframe{
    width: 100%;
    height: 563px;
}
.techn-body,
.viewer-body{
    padding-right: 0 !important;
}
.locat-area{
    padding-bottom: 0.2rem;
}
.home-mode-dots-nub.ys-more.ys-popbtn.on .hmdn-btn-link {
    border-radius: 1.2rem;
}
.home-mode-dots-nub.ys-more.ys-popbtn.on .hmdn-btn {
    border-radius: 0rem;
}
.home-mode-dots-nub.ys-more.ys-popbtn.on .hmdn-btn .hmdn-btn-link {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(244, 244, 244, 0.80);
}
.home-mode-dots-nub.ys-more.ys-popbtn.on .hmdn-btn .hmdn-btn-link-text {
    color: var(--colormain);
    transform: translateX(0rem);
}
.home-mode-dots-nub.ys-more.ys-popbtn.on .hmdn-btn .hmdn-btn-link-icon{
    opacity: 1;
}
.mfbl-dots-li.ys-more.ys-popbtn.on2 .hmdn-btn .hmdn-btn-link {
    border: 1px solid var(--colormain);
    background: var(--colormain);
}
.mfbl-dots-li.ys-more.ys-popbtn.on2  .hmdn-btn .hmdn-btn-link-text {
    color: var(--colorfff);
}
.mfbl-dots-li.ys-more.ys-popbtn.on2 .hmdn-btn .hmdn-btn-link-icon{
    opacity: 1;
    background: var(--colorfff);
}
.mfbl-dots-li.ys-more.ys-popbtn.on2 .hmdn-btn-link-icon img:nth-child(2){
    opacity: 1;
}
.mfbl-dots-li.ys-more.ys-popbtn.on2 .hmdn-btn-link-icon img:nth-child(1){
    opacity: 0;
}
/* 2026.3.31--end */
/* 2026.4.1--start */
.head-nav-item-nub{
    cursor: pointer;
}
.activity-main .ys-hd-pc.isfixed .head-nav-item.active .head-nav-item-title::before,
.activity-main .ys-hd-pc.ishover .head-nav-item.active .head-nav-item-title::before {
    opacity: 1;
}
.activity-main .ys-hd-pc.isfixed .head-nav-item.active .head-nav-item-title,
.activity-main .ys-hd-pc.ishover .head-nav-item.active .head-nav-item-title{
    color: transparent;
}
.activity-main .head-nav-item .head-nav-item-title::after{
    background: var(--colorfff);
}
.activity-main .ys-hd-pc.isfixed .head-nav-item.active .head-nav-item-title::after,
.activity-main .ys-hd-pc.ishover .head-nav-item.active .head-nav-item-title::after{
    background:linear-gradient(104deg, #FFBB14 5.46%, #FF28D6 19.81%, #0CF 57.79%);
}
.activity-main .head-nav-item.active .head-nav-item-title::after{
    width: 0.4rem;
}
.head-nav-item-title{
    transition: var(--transition);
}
.ys-ph-nav>li.active .ys-phnav-header-font{
    background: linear-gradient(104deg, #FFBB14 5.46%, #FF28D6 19.81%, #0CF 57.79%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* 2026.4.1--end */
/*2026.4.3*/
.mod-aside.yx-num {
    width: auto;
    position: fixed;
    right: 0.1rem;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%) translateX(120%);
    border-radius: 0.1rem;
    transition: transform .36s linear;
}
.mod-aside.yx-num .mod-aside-list{
    flex-direction: column;
    border-radius: 0.1rem;
    padding: 0.1rem 0.05rem;
}
.mod-aside.ys-show.yx-num {
    transform: translateY(-50%) translateX(10%);
}
.mod-aside.yx-num .mali-hide {
    right: 115%;
    bottom: auto;
    top: 50%;
    left: auto;
    transform: translateY(-50%) translateX(0%);
}
.nlir-sear-top-fl{
    width: 100%;
    position: relative;
}
/*2026.4.8*/
.amli-box-right{
    position: relative;
}
.ablu-item-box-list {
    height: 518px;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .hbpu-li-link-text:hover{
        opacity: 0.9;
    }
    .inquiry-steps-bot .istp-left:hover{
        background: var(--colormain);
    }
    .inquiry-steps-top-box:hover .istp-left-icon img:nth-child(1),
    .inquiry-steps-bot .istp-left:hover .istp-left-icon img:nth-child(1){
        opacity: 0;
    }
    .inquiry-steps-top-box:hover .istp-left-icon img:nth-child(2),
    .inquiry-steps-bot .istp-left:hover .istp-left-icon img:nth-child(2){
        opacity: 1;
    }
    .inquiry-steps-top-box:hover .istp-left-bot-text,
    .inquiry-steps-top-box:hover .istp-left-bot-desc p,
    .inquiry-steps-bot .istp-left:hover .istp-left-bot-desc p,
    .inquiry-steps-bot .istp-left:hover .istp-left-bot-text,
    .inquiry-steps-bot .istp-left:hover .istp-left-bot-text span a{
        color: var(--colorfff);
    }
    .inquiry-steps-top-box:hover {
        background: var(--colormain);
        border: solid 1px var(--colormain);
    }
    .spul-link:hover .spul-link-icon{
        background: var(--colormain);
        border: solid 1px #fff;
    }
    .spul-link:hover .spul-link-icon img:nth-child(1){
        opacity: 0;
    }
    .spul-link:hover .spul-link-icon img:nth-child(2){
        opacity: 1;
    }
    .spul-link:hover{
        background: var(--colormain);
    }
    .spul-link:hover .spul-link-bot-icon img:nth-child(2){
        opacity: 1;
    }
    .spul-link:hover .spul-link-bot-icon img:nth-child(1){
        opacity: 0;
    }
    .spul-link:hover .spul-link-bot-text{
        color: var(--colorfff);
    }
    .std-btn5-link:hover{
        background: var(--colormain);
    }
    .std-btn5-link:hover .std-btn5-link-text{
        color: var(--colorfff);
    }
    .std-btn5-link:hover .std-btn5-link-icon img:nth-child(2){
        opacity: 1;
    }
    .std-btn5-link:hover .std-btn5-link-icon img:nth-child(1){
        opacity: 0;
    }
    .llin-link-box:hover .llin-link-box-icon{
        opacity: 1;
    }
    .llin-link-box:hover .llin-link-box-text{
        color: var(--colormain);
    }
    .rwli-box:hover .rwli-box-text{
        color: var(--colormain);
    }
    .ssli-box:hover .ssli-box-ul{
        opacity: 1;
        pointer-events: all;
    }
    .ssli-box:hover .ssli-box-show-desc{
        opacity: 0;
        pointer-events: none;
    }
    .std-btn-link:hover{
        background: var(--colormain);
        border: solid 1px var(--colormain);
    }
    .hnbl-ul-li-link:hover .slbt-other-date{
        color: var(--colorfff);
    }
    .hnbl-ul-li-link:hover .newc-top-tab-li p{
        color: var(--colorfff);
        background: rgba(255, 255, 255, 0.20);
    }
    .hnbl-ul-li-link:hover .std-btn4-link-text{
        color: var(--colorfff);
    }
    .hnbl-ul-li-link:hover .hull-title{
        color: var(--colorfff);
    }
    .hnbl-ul-li-link:hover{
        background: var(--colormain);
        border-top: solid 1px var(--colormain);
        border-radius: 0.1rem;
        padding-left:0.22rem;
        padding-right: 0.22rem;
    }
    .std-btn4-link:hover .sbli4-circle,
    .btn-link:hover .sbli4-circle{
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }
    .std-btn4-link:hover .sbli4-icon,
    .btn-link:hover .sbli4-icon{
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.2);
    }
    .hnbl-ul-li-link:hover .sbli4-circle{
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }
    .hnbl-ul-li-link:hover .sbli4-icon{
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.2);
    }
    .hnbl-ul-li-link:hover .sbli4-icon img:nth-child(2){
        opacity: 1;
    }
    .hnbl-ul-li-link:hover .sbli4-icon img:nth-child(1){
        opacity: 0;
    }
    .nlin-list-item .std-text16:hover{
        color: var(--colormain);
        padding-left: 0.1rem;
    }
    .nlin-list-item .std-text16:hover::before{
        opacity: 1;
    }
    .nlil-list-item-link:hover .nlil-icon img:nth-child(1){
        opacity: 0;
    }
    .nlil-list-item-link:hover .nlil-icon img:nth-child(2){
        opacity: 1;
    }
    .nlil-list-item-link:hover .nlil-text{
        color: var(--colorfff);
    }
    .nlil-list-item-link:hover {
        background: var(--colormain);
    }
    .newdet-more-ul .slul-link:hover .slul-link-bot-tps{
        padding: 0 0.15rem;
    }
    .newdet-more-ul .slul-link:hover .newdet-more-ul-tab{
        padding: 0 0.15rem;
    }
    .newdet-more-ul .slul-link:hover{
        border-bottom: none !important;
    }
    .slul-link:hover .slbt-other .newc-top-tab-li p{
        color: var(--colorfff);
        background: rgba(255, 255, 255, 0.2);
    }
    .slul-link:hover .slbt-other-date{
        color: var(--colorfff);
    }
    .newdet-more-ul .slul-link:hover .nmut-li-link{
        color: var(--colorfff);
    }
    .std-btn2-link:hover .std-btn2-link-icon img:nth-child(1){
        opacity: 0;
    }
    .std-btn2-link:hover .std-btn2-link-icon img:nth-child(2){
        opacity: 1;
    }
    .std-btn2-link:hover .std-btn2-link-text{
        color: var(--colorfff);
    }
    .std-btn2-link:hover{
        background: var(--colormain);
    }
    .ppul-link:hover .ppul-link-title{
        color: var(--colormain);
    }
    .slul-link:hover .slul-link-title{
        color: var(--colorfff);
    }
    .slul-link:hover .std-btn1{
        opacity: 1;
    }
    .slul-link:hover{
        background: var(--colormain);
        border-radius: 0.1rem;
        border-bottom: solid 1px var(--colormain);
    }
    .slul-link:hover .slul-link-bot{
        padding-left: 0.19rem;
        padding-right: 0.19rem;
    }
    .slul-link:hover .ys-imgbox-cover img{
        transform: scale(1) !important;
    }
    .prul-link:hover .prul-link-title{
        color: var(--colormain);
    }
    .pibr-ul-li-link:hover .pull-icon img:nth-child(1){
        opacity: 0;
    }
    .pibr-ul-li-link:hover .pull-icon img:nth-child(2){
        opacity: 1;
    }
    .pibr-ul-li-link:hover .pull-text{
        color: var(--colormain);
    }
    .pibr-ul-li-link:hover{
        background: rgba(0, 66, 200, 0.05);
        transform: translateX(0rem);
    }
    .mpwr-list-nub-link:hover .mlnl-bot-icon{
        opacity: 1;
    }
    .mpwr-list-nub-link:hover .mlnl-bot-title{
        color: var(--colormain);
    }
    .htli-ul-li-link:hover{
        color: var(--colormain) !important;
    }
    .mod-ctact-li-link:hover .mcll-left-title{
        color: var(--colorm);
    }
    .footer-nav ul a:hover{
        opacity: 1;
    }
    .footer-nav ul a:hover::before{
        opacity: 1;
    }
    .footer-min-link .ys-select-li a:hover{
        opacity: 1;
    }
    .footer-nav>li>a:hover::before{
        opacity: 1;
    }
    .hkli-link:hover{
        background: var(--colormain) !important;
        color: var(--colorfff) !important;
    }
    .mod-arrows1 .swiper-button-next:hover,
    .mod-arrows1 .swiper-button-prev:hover,
    .mod-arrows1 .slick-prev:hover, 
    .mod-arrows1 .slick-next:hover,
    .arrows-icon:hover{
        background: var(--colorfff);
    }
    .mod-arrows1 .swiper-button-next:hover::after,
    .mod-arrows1 .swiper-button-prev:hover::after,
    .mod-arrows1 .slick-prev:hover::after, 
    .mod-arrows1 .slick-next:hover::after,
    .arrows-icon:hover::after{
        background: url(../images/f1_arrows01_1.svg) center / contain  no-repeat;
    }
    .std-btn3-link:hover{
        background: var(--colormain2);
    }
    .std-btn3-link:hover .sbli-circle{
        transform: translate(-50%, -50%) scale(0);
    }
    .std-btn3-link:hover .sbli-icon{
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    .std-btn3-link:hover .sbli-icon img:nth-child(1){
        opacity: 0;
    }
    .std-btn3-link:hover .sbli-icon img:nth-child(2){
        opacity: 1;
    }
    .home-product-item.on .home-product-item-link:hover .std-btn3-link{
        border: solid 1px var(--colorfff) !important;
        background: var(--colormain) !important;
    }
    .home-product-item.on .home-product-item-link:hover .sbli-circle{
        transform: translate(-50%, -50%) scale(0);
    }
    .home-product-item.on .home-product-item-link:hover .sbli-icon{
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    .home-product-item.on .home-product-item-link:hover .sbli-icon img:nth-child(1){
        opacity: 0;
    }
    .home-product-item.on .home-product-item-link:hover .sbli-icon img:nth-child(2){
        opacity: 1;
    }
    .hmdn-btn-link:hover {
        background: var(--colormain);
    }
    .hmdn-btn-link:hover .hmdn-btn-link-text{
        color: var(--colorfff);
    }
    .hmdn-btn-link:hover .hmdn-btn-link-icon{
        background: var(--colorfff);
    }
    .hmdn-btn-link:hover .hmdn-btn-link-icon img:nth-child(1){
        opacity: 0;
    }
    .hmdn-btn-link:hover .hmdn-btn-link-icon img:nth-child(2){
        opacity: 1;
    }
    /* .home-mode-dots-nub.ys-more .hmdn-btn:hover .hmdn-btn-link{
        background: var(--colormain);
        border: solid 1px var(--colormain);
    }
    .home-mode-dots-nub.ys-more .hmdn-btn:hover .hmdn-btn-link-text{
        color: var(--colorfff);
        transform: translateX(-0.12rem);
    }
    .home-mode-dots-nub.ys-more .hmdn-btn:hover .hmdn-btn-link-icon{
        opacity: 0;
    }
    .home-mode-dots-nub.ys-more .hmdn-btn:hover{
        border-radius: 0.1rem;
    } */
    .std-btn3.white-btn .std-btn3-link:hover{
        background: var(--colormain);
    }
    .std-btn3.white-btn .std-btn3-link:hover .std-btn3-link-text{
        color: var(--colorfff);
    }
    /* .media-list .slul-link:hover .media-list-bot{
        padding-left: 0.16rem;
        padding-right: 0.16rem;
    } */
    .nlir-sear-btn:hover{
        background: var(--colormain2);
    }
    .scwl-item-box:hover{
        background: var(--colorfff);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    }
    .scwl-item-box:hover::after{
        opacity: 0.5;
    }
    .about-tech-textbox .std-btn3-link:hover{
        background: var(--colormain) !important;
        border: solid 1px var(--colormain) !important;
    }
    .nnwl-list-item-top:hover .nlit-area{
        color: var(--colorfff);
    }
    .nnwl-list-item-top:hover{
        background: var(--colormain);
    }
    .nnwl-list-item-top:hover .nlit-icon img:nth-child(1){
        opacity: 0;
    }
    .nnwl-list-item-top:hover .nlit-icon img:nth-child(2){
        opacity: 1;
    }
    .ilii-list-item-box:hover .ys-imgbox-cover img{
        transform: scale(1.05);
    }
    .ilii-list-item-box:hover .ilib-bot-tps-title{
        color: var(--colormain);
    }
    .elun-link:hover{
        background: var(--colormain);
    }
    .elun-link:hover .eltr-title,
    .elun-link:hover .elrb-left p,
    .elun-link:hover .elrb-left p span{
        color: var(--colorfff);
    }
    .elun-link:hover .elrt-tab{
        background: var(--colorfff);
        color: var(--colormain);
    }
    .elun-link:hover .std-btn3-link{
        background: var(--colorfff);
    } 
    .elun-link:hover .std-btn3-link-text{
        color: var(--colormain);
    }
    .elun-link:hover .ys-imgbox-cover img{
        transform: scale(1) !important;
    }
    .elun-link:hover .sbli-icon{
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    .elun-link:hover .sbli-icon img:nth-child(1){
        opacity: 1;
    }
    .elun-link:hover .sbli-icon img:nth-child(2){
        opacity: 0;
    }
    .elun-link:hover .elun-link-right{
        padding-top: 0.05rem;
        padding-bottom: 0.05rem;
    }
    .elun-link:hover .std-btn3{
        transform: translateX(-0.4rem);
    }
    .nlrs-wrapper-slide-link:hover .ys-imgbox-cover img,
    .join-bene-item-box:hover .ys-imgbox-cover img{
        transform: scale(1.05);
    }
    .yx-search3xlbtn:hover{
        background: var(--colormain2);
    }
    .std-btn6-link:hover{
        background: var(--colormain2);
    }
    .mlbp-item-box-btn .std-btn4-link:hover .sbli4-icon img:nth-child(1){
        opacity: 0 !important;
    }
    .mlbp-item-box-btn .std-btn4-link:hover .sbli4-icon img:nth-child(2){
        opacity: 1;
    }
    .mlbp-item-box-btn .std-btn4-link:hover .std-btn4-link-text{
        color: var(--colormain);
    }
    .mswu-li-box-pop .slick-prev:hover,
    .mswu-li-box-pop .slick-next:hover{
        background: var(--colormain);
    }
    .mswu-li-box-pop .slick-prev:hover::after,
    .mswu-li-box-pop .slick-next:hover::after{
        background: url(../images/f1_arrows01.svg) center / contain  no-repeat;
    }
    .pltu-li p:hover{
        color: var(--colorfff);
        background: var(--colormain);
    }
    .sstu-li-link:hover .sstu-li-link-title{
        color: var(--colormain);
    }
    .sbul-link:hover .sbul-link-text{
        color: var(--colormain);
    }
    .pful-box:hover .pful-text{
        color: var(--colorfff);
    }
    .pful-box:hover{
        background: var(--colormain);
    }
    .newa-cont-back-link:hover{
        background: var(--colormain2);
    }
    .locat-list-wrap .nlil-text:hover{
        color: var(--colorfff);
        background: var(--colormain);
    }
    .gstl-item-link:hover .gstl-item-link-title{
        color: var(--colormain);
    }
    /* 2026.2.10--修改--start */
    .mlwb-btn p:hover{
        background: var(--colormain2);
    }
    .hbnw-link:hover .hbnw-pic{
        transform: scale(1.05);
    }
    /* 2026.2.10--修改--end */
    .join-bene-item-link:hover .ys-imgbox-cover img{
        transform: scale(1.05);
    }
    .pibr-ul-li-link:hover .pull-icon{
        opacity: 1;
    }
    .slul-links:hover .ys-imgbox-cover img{
        transform: scale(1) !important;
    }
    .slul-links:hover .slul-links-top-text{
        color: var(--colormain);
    }
    .event-list-btn .std-btn2-link:hover{
        background: var(--colormain2);
    }
    /* 2026.3.19--松下活动页--start */
    .mod-arrows1.mod-arrows1-black .swiper-button-next:hover, 
    .mod-arrows1.mod-arrows1-black .swiper-button-prev:hover, 
    .mod-arrows1.mod-arrows1-black .slick-prev:hover, 
    .mod-arrows1.mod-arrows1-black .slick-next:hover, 
    .mod-arrows1-black .arrows-icon:hover{
        background: #202020;
    }
    .member-btn-link:hover{
        color: var(--colorfff) !important;
    }
    .member-btn-link:hover::before{
        opacity: 0 !important;
    }
    .member-btn-link:hover::after{
        opacity: 1;
    }
    .member-liner .std-btn3-link:hover::after{
        opacity: 1;
    }
    .member-liner .std-btn3-link:hover .std-btn3-link-text{
        color: var(--colorfff);
    }
    .rlis-btn-icon:hover img:nth-child(2){
        opacity: 1;
    }
    .rlis-btn-icon:hover img:nth-child(1){
        opacity: 0;
    }
    .alul-boxs:hover::after{
        opacity: 1;
    }
    .alul-boxs:hover::before{
        opacity: 0;
    }
    .alul-boxs:hover .alul-boxs-bg{
        opacity: 1;
    }
    .alul-boxs:hover{
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    }
    .aibl-item-link:hover .ailn-btn-pic{
        transform: translateX(6px);
    }
    .acthome-page.ys-light .alul-boxs:hover .alul-boxs-desc p{
        color: var(--color202);
    }
    .acthome-page.ys-light .alul-boxs:hover .alul-boxs-bg{
        opacity: 0.5;
    }
    /* 2026.3.19--松下活动页--end */
    .mod-back:hover
    /* .mod-serv-icon:hover */
    {
        background: var(--colormain);
    }
    .mod-back:hover img:nth-child(1)
    /* .mod-serv-icon:hover img:nth-child(1) */
    {
        opacity: 0;
    }
    .mod-back:hover img:nth-child(2)
    /* .mod-serv-icon:hover img:nth-child(2) */
    {
        opacity: 1;
    }
    /* 2026.3.31--start */
    .home-mode-dots-nub.ys-more.ys-popbtn.on .hmdn-btn-link:hover{
        color: var(--colorfff);
        background: var(--colormain);
    }
    .home-mode-dots-nub.ys-more.ys-popbtn.on .hmdn-btn-link:hover .hmdn-btn-link-text{
        color: var(--colorfff);
    }
    /* 2026.3.31--end */
}