@charset "utf-8";

 /* 公共样式 - start */
 body,
 input,
 textarea {
     font-family: "nanya-Regular", "PingFang SC", "Microsoft YaHei" !important;
 }

 @font-face {
     font-family: 'nanya-Regular';
     src: url('../fonts/PoppinsRegular/PoppinsRegular.woff2') format('woff2'),
         url('../fonts/PoppinsRegular/PoppinsRegular.woff') format('woff');
 }

 @font-face {
     font-family: 'nanya-Bold';
     src: url('../fonts/PoppinsBold/PoppinsBold.woff2') format('woff2'),
         url('../fonts/PoppinsBold/PoppinsBold.woff') format('woff');
 }

 @font-face {
     font-family: 'nanya-Light';
     src: url('../fonts/PoppinsLight/PoppinsLight.woff2') format('woff2'),
         url('../fonts/PoppinsLight/PoppinsLight.woff') format('woff');
 }

 @font-face {
     font-family: 'nanya-Medium';
     src: url('../fonts/PoppinsMedium/PoppinsMedium.woff2') format('woff2'),
         url('../fonts/PoppinsMedium/PoppinsMedium.woff') format('woff');
 }

 @font-face {
     font-family: 'nanya-SemiBold';
     src: url('../fonts/PoppinsSemiBold/PoppinsSemiBold.woff2') format('woff2'),
         url('../fonts/PoppinsSemiBold/PoppinsSemiBold.woff') format('woff');
 }

 @font-face {
     font-family: 'nanya-Thin';
     src: url('../fonts/PoppinsThin/PoppinsThin.woff2') format('woff2'),
         url('../fonts/PoppinsThin/PoppinsThin.woff') format('woff');
 }

 /* wow弹窗字体引入 */
 .altumcode {
     --fontFamily: "nanya-Regular", "PingFang SC", "Microsoft YaHei" !important;
 }

 html {
     font-size: 100px;
 }

 .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;
     --line135: 1.35;
     --line14: 1.4;
     --line145: 1.45;
     --line15: 1.5;
     --line16: 1.6;
     --line165: 1.65;
     --line17: 1.7;
     --line175: 1.75;
     --line18: 1.8;
     /* 导航-高度 */
     --headh: 96px;
     /* 颜色 */
     --color000: #000;
     --color333: #333;
     --color666: #666;
     --color999: #999;
     --colorfff: #fff;
     --colormain: #0037C8;
     --colorbj: #EEF4F8;
     /* 板块间距 */
     --space40: 0.4rem;
     /* 段落间距 */
     --parpspace16: 0.16rem;
     --parpspace12: 0.12rem;
     --parpspace10: 0.1rem;
     /* 特殊字体或粗细 */
     --bold: 'nanya-Bold';
     --Medium: 'nanya-Medium';
     --Semi: 'nanya-SemiBold';
     --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);
     /* 等于gsap的sine.out */
     --bezier1: cubic-bezier(0.39, 0.575, 0.565, 1);
     /* 等于gsap的expo.inOut */
     --bezier2: cubic-bezier(.38, 0, 0, 1);
 }

 .std-font64,
 .std-font64 p {
     font-size: var(--font64);
     color: var(--color333);
     line-height: var(--line15);
 }

 .std-font52,
 .std-font52 p,
 .yxedr-active h1 {
     font-size: var(--font52);
     color: var(--color333);
     line-height: var(--line12);
 }

 .std-font48,
 .std-font48 p,
 .yxedr-active h2 {
     font-size: var(--font48);
     color: var(--color333);
     line-height: var(--line135);
 }

 .std-font44,
 .std-font44 p {
     font-size: var(--font44);
     color: var(--color333);
     line-height: var(--line14);
 }

 .std-font40,
 .std-font40 p,
 .yxedr-active h3 {
     font-size: var(--font40);
     color: var(--color333);
     line-height: var(--line14);
 }

 .std-font32,
 .std-font32 p,
 .yxedr-active h4 {
     font-size: var(--font32);
     color: var(--color333);
     line-height: var(--line14);
 }

 .std-font28,
 .std-font28 p {
     font-size: var(--font28);
     color: var(--color333);
     line-height: var(--line145);
 }

 .std-font24,
 .std-font24 p,
 .yxedr-active h5 {
     font-size: var(--font24);
     color: var(--color333);
     line-height: var(--line16);
 }


 .std-font20,
 .std-font20 p {
     font-size: var(--font20);
     color: var(--color333);
     line-height: var(--line16);
 }


 .std-text18,
 .std-text18 p {
     font-size: var(--font18);
     color: var(--color666);
     line-height: var(--line15);
 }

 .std-text16,
 .std-text16 p {
     font-size: var(--font16);
     color: var(--color666);
     line-height: var(--line175);
 }

 .std-text14,
 .std-text14 p {
     font-size: var(--font14);
     color: var(--color666);
     line-height: var(--line175);
 }

 .std-text12,
 .std-text12 p {
     font-size: var(--font12);
     color: var(--color666);
     line-height: var(--line175);
 }

 .yxedr-active,
 .yxedr-active p {
     font-size: var(--font16);
     color: var(--color666);
     line-height: var(--line165);
 }

 .yxedr-active p {
     margin-bottom: 0.75em;
 }

 .yxedr-active>p:last-child {
     margin-bottom: 0;
 }

 .std-padding130t {
     padding-top: var(--space130);
 }

 .std-padding130 {
     padding-bottom: var(--space130);
 }

 .std-padding120t {
     padding-top: var(--space120);
 }

 .std-padding120 {
     padding-bottom: var(--space120);
 }

 .std-padding100t {
     padding-top: var(--space100);
 }

 .std-padding100 {
     padding-bottom: var(--space100);
 }

 .std-margin40 {
     margin-bottom: var(--space40);
 }

 .std-padding40 {
     padding-bottom: var(--space40);
 }

 .yxedr-active h2,
 .yxedr-active h3 {
     margin-bottom: var(--parpspace16);
 }

 .yxedr-active h4 {
     margin-bottom: var(--parpspace12);
 }

 .yxedr-active h5 {
     margin-bottom: var(--parpspace10);
 }

 .search-main {
     --colormain1: var(--colormain) !important;
 }

 /*分享翻译*/
 .ys-wechat-cont-parga p::before {
     content: '分享到 - 微信';
     /* content: 'Share the - WeChat'; */
 }

 /* yongsy样式 */
 a[href="https://www.yongsy.com"] {
     color: rgba(255, 255, 255, .2) !important;
     white-space: nowrap;
 }

 /*导航默认选中*/
 .yxnav-active1 {}

 .yxnav-active2 {}

 /* 轮播溢出隐藏 */
 .ys-ban-li:not(:first-child) {
     display: none;
 }

 /* 省略号 */
 .line-clamp {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 /* 侧边锚点隐藏 */
 .mod-anchor {
     opacity: 0;
     transform: translateX(-50%);
     transition: all .4s ease;
     position: fixed;
     z-index: 20;
 }

 .mod-anchor.on1 {
     opacity: 1;
     transform: translateX(0%);
 }

 .mod-anchor ul {
     transition: all .4s ease;
 }

 .mod-anchor:not(.act) ul {
     opacity: 1;
     transform: translateX(0%);
 }

 .mod-anchor.act ul {
     opacity: 0;
     transform: translateX(-50%);
 }

 /* 轮播箭头 */
 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled,
 .slick-arrow.slick-disabled {
     pointer-events: none !important;
     opacity: .5 !important;
 }

 .mod-arrows1 .swiper-button-next,
 .mod-arrows1 .swiper-button-prev,
 .mod-arrows1 .slick-prev,
 .mod-arrows1 .slick-next {}

 /* 载入 */
 .ys-upfade1 {
     opacity: 0;
     transform-origin: 0% 50%;
     -webkit-transform: translate3d(0, 60px, 0);
     transform: translate3d(0, 60px, 0);
     transition: var(--transition2);
     will-change: transform, opacity;
 }

 .ys-upfade1.ys-fade-true {
     opacity: 1;
     transform: translate3d(0, 0, 0);
     -webkit-transform: translate3d(0, 0px, 0);
 }

 /* 首页banner载入 */
 .ys-ban-li.act .ys-ban-title {
     animation: ysfadeInUp .8s ease-in-out both;
     animation-delay: 0.4s;
 }

 /* 公共样式 - end */

 /*鼠标效果*/
 @media screen and (min-width: 1200px) {
     .mod-btn-link:hover::after {
         opacity: 1;
         width: 100%;
     }

     .home-provide-box-icon:hover::after {
         opacity: 1;
         width: 100%;
     }


     /* index */
     .hpli-nub-link:hover .hpli-nub-link-case {
         opacity: 1;
     }

     .hpli-nub-link:hover .hpli-nub-link-pic {
         border-radius: 10px 10px 11px 11px;
     }

     /* .hsfn-bax:hover .mod-btn-link::after {
         opacity: 0;
     } */

     .home-ready .mod-btn-link:hover span {
         color: var(--colorfff);
     }

     .head-search:hover .head-search-input input {
         width: 100px;
     }

     .hecl-link:hover .hecl-content-tit {
         color: var(--colormain);
     }

     .hecr-inof-nub-case:hover .hecl-content-tit {
         color: var(--colormain);
     }

     .hpbi-nub-link:hover {
         color: var(--colormain);
     }

     .hplc-btn:hover {
         background: var(--colormain);
     }

     .hplc-btn:hover img:nth-child(1) {
         opacity: 1;
     }

     .hplc-btn:hover img:nth-child(2) {
         opacity: 0;
     }

     .footer-nav ul a:hover {
         color: rgba(51, 51, 51, .9);
     }

     .footer-privacy li>a:hover {
         color: rgba(51, 51, 51, .9);
     }

     .footer-text,
     .footer-text p>a:hover {
         color: rgba(51, 51, 51, .9);
     }

     /* B1-产品列表 */
     .ys-tct-left-change:hover .ys-tctlc-icon img:first-child,
     .ys-tct-left-reset:hover .ys-imgbox-cover img:first-child,
     .ys-tct-search-close:hover img:first-child,
     .ys-typeselect-btn-wrap:hover .ys-typeselect-bw-icon img:first-child,
     .ys-typeselect-pt-icon:hover img:first-child {
         opacity: 0;
     }

     .ys-tct-left-change:hover .ys-tctlc-icon img:nth-of-type(2),
     .ys-tct-left-reset:hover .ys-imgbox-cover img:nth-of-type(2),
     .ys-tct-search-close:hover img:nth-of-type(2),
     .ys-typeselect-btn-wrap:hover .ys-typeselect-bw-icon img:nth-of-type(2),
     .ys-typeselect-pt-icon:hover img:nth-of-type(2) {
         opacity: 1;
     }

     .ys-tct-left-change:hover span {
         color: var(--colormain);
     }

     .ys-tb1ibc-reset:hover,
     .ys-tb1ibc-reset:hover p {
         color: var(--colormain);
         text-decoration-color: var(--colormain);
     }

     .ys-tct-left-reset:hover .ys-typeselect-text14 {
         color: var(--colormain);
     }

     .ys-tct-compare.on:hover .ys-typeselect-text14 {
         color: var(--colormain);
     }

     /* .ys-typeselect-b2t-hd .ys-typeselect-th:hover::after {
         background: #E6E6E6;
     } */

     .ys-typeselect-item:hover .ys-typeselect-td {
         background: #f4f4f4;
     }

     /* D1-南亚新材 */
     .acin-case:hover .acin-case-hover {
         opacity: 1;
     }

     /* b1 */
     .mslt-inof-nub-top:hover .mint-tit {
         color: var(--colormain);
     }

     .minb-nub-link:hover {
         color: var(--colormain);
     }

     .mlin-link:hover .mlin-link-case-tit {
         color: var(--colormain);
     }

     /* Kaffi  - start - 11-17  */
     .manu-prod-wrap-item .std-text14:hover {
         background: var(--colorfff);
         box-shadow: 0 -10px 14.8px 0 rgba(174, 188, 215, 0.25);
     }

     .manu-prod-wrap-item .std-text14:hover::after {
         opacity: 1;
     }

     .isbl-nav-btn-link:hover {
         color: var(--colormain);
     }

     .isbr-wrap-list-link:hover .iwll-tit {
         color: var(--colormain);
     }

     .sdbl-link:hover .sdbl-link-ri img:nth-child(2) {
         opacity: 1;
     }

     .sdbl-link:hover .sdbl-link-ri img:nth-child(1) {
         opacity: 0;
     }

     .sdbl-link:hover .sdbl-link-le .std-font20 {
         color: var(--colorfff);
     }

     .sdbl-link:hover:after {
         opacity: 1;
     }

     .spbr-wrap-list-box:hover .swlb-ri .std-text16 {
         color: var(--colormain);
     }

     .nrtl-link:hover {
         background: #FFF;
         box-shadow: 0 -10px 14.8px 0 rgba(174, 188, 215, 0.25);
         color: var(--colormain);
     }

     .nrtl-link:hover::after {
         opacity: 1;
     }

     /* .news-resi-bot:hover .nrbr-link .nrbr-link-bot img {
         transform: translateX(10px);
     } */
     .news-resi-bot:hover .nrbr-link .nrbr-link-top .std-font24 {
         color: var(--colormain);
     }

     .ntwi-link:hover {
         background: var(--colorfff);
         border-radius: var(--radius10);
         border-right: 1px solid transparent;
     }

     .news-tech-wrap-item:nth-child(3n-2) .ntwi-link:hover {
         border-left: 1px solid transparent;
     }

     .ntwi-link:hover .ntwi-link-bot-img img {
         /* transform: translateX(10px); */
     }

     .ntwi-link:hover .ntwi-link-bot-top .std-font24 {
         color: var(--colormain);
     }

     .ntwi-link:hover .ys-imgbox-cover img {
         transform: scale(1.05);
     }

     .news-resi-bot:hover .news-resi-bot-le img {
         transform: scale(1.05);
     }

     /* Kaffi  - end - 11-17  */

     /* 2025.11.17 - tammy - start */
     .avin-case:hover .avin-case-pic img {
         transform: scale(1.1);
     }

     /* 2025.11.17 - tammy - end */

     /* 2025.11.26 - Yori - start */
     .ahli-nub-case:hover .ahli-nub-case-year {
         color: var(--colorfff);
     }

     .ahli-nub-case:hover .ahli-nub-case-tit {
         color: var(--colorfff);
     }

     .ahli-nub-case:hover {
         background: transparent;
     }

     .ahli-nub-case:hover::after {
         opacity: 1;
     }

     .ahli-nub-case:hover .ahli-nub-case-bg img:nth-child(1) {
         opacity: 1;
     }

     .ahli-nub-case:hover .ahli-nub-case-bg img:nth-child(2) {
         opacity: 0;
     }

     /* 2025.11.26 - Yori - end */
     .ys-typeselect-nbc-font:hover {
         color: var(--colormain);
     }

 }

 /* 公共样式 - start -  */
 .mod-btn-link span {
     color: var(--colorfff);
     line-height: var(--line12);
     transition: var(--transition);
     font-size: var(--font16);
     z-index: 9;
     position: relative;
 }

 .mod-btn-link {
     background: var(--colormain);
     transition: var(--transition);
     border-radius: 6px;
     padding: 0 0.34rem;
     height: 52px;
     display: inline-flex;
     align-items: center;
     position: relative;
 }

 .home-provide-box-icon::after {
     content: '';
     right: 0;
     top: 0;
     opacity: 0;
     position: absolute;
     background: linear-gradient(90deg, #0037C7 13.57%, #67ABFA 102.5%);
     width: 0;
     transition: var(--transition);
     height: 100%;
     z-index: 1;
     border-radius: 50%;
 }

 .mod-btn-link::after {
     content: '';
     right: 0;
     top: 0;
     opacity: 0;
     position: absolute;
     background: linear-gradient(90deg, #0037C7 13.57%, #67ABFA 102.5%);
     width: 0;
     transition: var(--transition);
     height: 100%;
     z-index: 1;
     border-radius: 6px;
 }

 /* 公共样式 - end -  */

 /* index */
 .head-nav-item-title {
     font-size: var(--font16);
 }

 .home-main .ys-ban-title {
     color: var(--colorfff);
     font-size: var(--font52);
     line-height: var(--line13);
     text-align: center;
     margin-bottom: var(--space60);
     width: 45%;
 }

 .home-main .ys-flex-pos-center .ys-cont1600 {
     display: flex;
     flex-direction: column;
     align-items: center;
     transition: var(--transition);
     opacity: 0;
 }

 .home-main-banner.act .ys-flex-pos-center .mod-btn {
     pointer-events: all;
 }

 .home-main .ys-flex-pos-center .mod-btn {
     display: flex;
     justify-content: center;
     pointer-events: none;
 }

 .head-search-input input {
     width: 0;
     height: 23px;
     border-bottom: 1px solid var(--color999);
     transition: var(--transition);
     position: relative;
     z-index: 999;
 }

 .head-search-input {
     transition: var(--transition);
 }

 .ys-search3 {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
 }

 .head-other {
     --iconsize: 23px;
 }

 .head-search {
     display: flex;
     align-items: center;
     margin-left: 0.15rem;
     pointer-events: all;
 }

 .home-main-case-tit {
     line-height: var(--line145);
     width: 40%;

 }

 .home-main-case-txt,
 .home-main-case-txt p {
     line-height: var(--line16);

 }

 .home-main-case-txt {
     width: 28%;
     padding-top: 0.05rem;
 }

 .home-main-case .ys-cont1600 {
     display: flex;
     justify-content: space-between;
 }

 .home-main-case {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     width: 100%;
     top: 62.5%;
     z-index: 99;
     transition: var(--transition);
 }

 .mod-tit {
     line-height: var(--line13);
     text-align: center;
 }

 .home-provide .mod-tit {
     margin-bottom: 0.2rem;
 }

 .home-provide-box {
     border-radius: 80px;
     background: #EBF1F6;
     width: 30%;
     align-items: center;
     display: flex;
 }

 .home-provide-all {
     display: flex;
     justify-content: center;
     margin-bottom: var(--space70);
 }

 .home-provide-box input {
     width: 100%;
     height: 67px;
     padding-left: 0.34rem;
     padding-right: 0.2rem;
     color: var(--color333);
     line-height: var(--line15);
     font-size: var(--font16);
 }

 .home-provide-box-icon {
     cursor: pointer;
     overflow: hidden;
     position: relative;
     --serchbtn: 0.47rem;
     flex: none;
     width: var(--serchbtn);
     height: var(--serchbtn);
     border-radius: 50%;
     background: var(--colormain);
     margin-right: 0.14rem;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .home-provide-box-icon img {
     width: 44%;
     position: relative;
     z-index: 9;
 }

 .home-provide-box input::placeholder {
     color: var(--color999);
     font-size: var(--font16);
     line-height: var(--line15);
 }

 .hpli-nub {
     width: 33.333%;
     padding: 0 0.2rem;
 }

 .hnlc-tit {
     font-weight: bold;
     line-height: var(--line13);
     margin-bottom: 0.2rem;
 }

 .hnlc-txt,
 .hnlc-txt p {
     line-height: var(--line16);

 }

 .hnlc-txt {
     max-height: 3.2em;
     overflow: hidden;
     -webkit-line-clamp: 2;
     text-overflow: ellipsis;
     margin-bottom: 0.76rem;
     display: -webkit-box;
     -webkit-box-orient: vertical;
 }

 .hpli-nub-link-pic {
     border-radius: 10px;
     width: 100%;
 }

 .hpli-nub-link-case {
     padding: 0.38rem 0.3rem 0.44rem;
     background: var(--colorfff);
     position: absolute;
     bottom: 0;
     width: 100%;
     left: 0;
     opacity: 0;
     overflow: visible;
     border-radius: 0 0 10px 10px;
     transition: var(--transition);
     box-shadow: 0 0px 0.6rem 0 rgba(188, 189, 206, 0.15);
 }


 .hpli-nub-link {
     position: relative;
     display: flex;
 }

 .hnlc-next {
     width: 16px;
 }

 .hnlc-next img {
     width: 100%;
 }

 .home-provide-list {
     --pullback: 0.3rem;
     margin-left: calc(var(--pullback) * -1);
     overflow: hidden;
     --place: calc(50vw - 800px);
     margin-right: calc(var(--place)* -1 + 1px);
     padding-right: calc(var(--place) - 1px + 25px);
 }

 .home-provide-list-inof {
     padding-left: var(--pullback);
     margin: 0 -0.2rem 0.28rem;
 }

 .home-provide-list .home-provide-list-case {
     margin-left: var(--pullback);
 }

 .hpli-nub-link-tit {
     position: absolute;
     left: 0;
     bottom: 0;
     padding: 0.4rem 0.3rem;
     color: var(--colorfff);
     transition: all;
     line-height: var(--line13);
 }



 .home-provide-list .slick-list {
     overflow: visible;
 }

 .hplc-btn {
     --widthbtn: 0.44rem;
     width: var(--widthbtn);
     height: var(--widthbtn);
     border: 1px solid var(--colormain);
     border-radius: 6px;
     display: flex;
     transition: var(--transition);
     align-items: center;
     justify-content: center;
     cursor: pointer;
 }

 .hplc-btn img {
     width: 22%;
 }

 .hplc-le img:nth-child(2) {
     left: 50%;
     transform: translateX(-50%);
 }

 .hplc-ri img {
     transform: rotate(180deg);
 }

 .hplc-ri img:nth-child(2) {
     left: 50%;
     transform: translateX(-50%) rotate(180deg);
 }

 .home-provide-list-case {
     display: flex;
 }

 .hplc-le {
     margin-right: 0.2rem;
 }


 .home-inject-case .mod-tit {
     margin-bottom: var(--space60);
 }

 .hinc-left-icon-tit {
     color: var(--colormain);
     line-height: var(--line15);
     text-align: center;
 }

 .hinc-left-top {
     background: var(--colorbj);
     border-radius: 12px;
     flex-grow: 1;
     margin-bottom: 0.14rem;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
 }

 .hict-inof-nub {
     height: 100%;
     width: 100%;
 }

 .hinc-left {
     height: 100%;
     display: flex;
     width: 100%;
     flex-direction: column;
 }

 .hict-inof .slick-track,
 .hict-inof .slick-list {
     height: 100%;
 }

 .hict-all {
     display: flex;
     justify-content: space-between;
 }

 .hict-clip-arrow {
     width: 49.4%;

 }

 .hict-clip {
     width: 100%;
     height: 100%;
     border-radius: 12px;
     overflow: hidden;
 }

 .hinc-left-top-tit {
     margin-bottom: 0.58rem;
 }

 .hlti-nub-tit {
     line-height: var(--line15);
     padding-left: 0.14rem;
     position: relative;
 }

 .hlti-nub-tit::after {
     content: '';
     position: absolute;
     left: 0;
     top: 8px;
     background: var(--colormain);
     border-radius: 2px;
     width: 8px;
     height: 8px;
 }

 .hlti-nub {
     width: 50%;
     padding: 0 0.3rem;
     margin-bottom: 0.26rem;
 }

 .hinc-left-top-inof {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -0.3rem -0.26rem;
 }

 .hinc-left-top-case {
     width: 68%;

 }

 .hinc-left-icon-tit {
     position: absolute;
     left: 50%;
     width: 100%;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .hinc-left-icon {
     position: relative;
     display: inline-flex;
     position: absolute;
     left: 0;
     top: 0;
 }

 .hinc-left-icon svg {
     width: 144px;
 }

 .hinc-left-bottom {
     width: 100%;
 }

 .hinc-left-bottom .mod-btn-link img {
     width: 0.74rem;
     z-index: 9;
 }

 .hinc-left-bottom .mod-btn-link span {
     font-size: var(--font20);
     line-height: var(--line15);
 }

 .hinc-left-bottom .mod-btn-link {
     width: 100%;
     justify-content: space-between;
     padding: 0 1.08rem 0 0.8rem;
     height: 83px;
 }

 .hsfn-bax-pic {
     border-radius: 10px;
     width: 100%;
     height: 100%;
 }

 .hsfn-bax-pic img {
     object-fit: cover;
 }

 .hsfn-bax-content {
     position: absolute;
     left: 50%;
     width: 82%;
     top: 50%;
     opacity: 0;
     transition: var(--transition);
     transform: translate(-50%, -50%);
 }

 .hsfn-bax-content .mod-btn {
     display: flex;
     justify-content: center;
 }

 .hsfn-bax {
     position: relative;
     --heightfold: 700px;
     width: 100%;
     height: var(--heightfold);
 }

 .hsfn-bax-content-tit {
     color: var(--colorfff);
     line-height: var(--line145);
     margin-bottom: 0.14rem;
     text-align: center;
 }

 .hsfn-bax-content-txt,
 .hsfn-bax-content-txt p {
     color: var(--colorfff);
     line-height: var(--line17);
 }

 .hsfn-bax-content-txt {
     margin-bottom: 0.4rem;
     text-align: center;
 }

 .hsfn-bax-bottom {
     color: var(--colorfff);
     position: absolute;
     bottom: 0.4rem;
     width: 100%;
     display: flex;
     justify-content: center;
     padding: 0 0.1rem;
     left: 50%;
     transform: translateX(-50%);
     transition: var(--transition);
 }

 .ys-fold-nub.on .hsfn-bax-content {
     opacity: 1;
     transition-delay: .3s;
 }

 .ys-fold-nub.on .hsfn-bax-bottom {
     opacity: 0;
 }

 .ys-fold.home-sustain-fold {
     --gap1: 5px;
 }

 .home-sustain .mod-tit {
     margin-bottom: var(--space60);
 }

 .home-explore .mod-tit {
     margin-bottom: 0.52rem;
 }

 .hecl-pic {
     border-radius: 12px;
 }

 .hecl-content-date {
     color: rgba(16, 17, 17, .5);
     margin-bottom: 0.1rem;
 }

 .hecr-top .hecl-content .hecl-content-date {
     margin-bottom: 0.06rem;
 }

 .hecl-content-tit {
     line-height: var(--line15);
     max-height: 3em;
     overflow: hidden;
     -webkit-line-clamp: 2;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     transition: var(--transition);
 }

 .hecl-content {
     padding: 0.42rem 0.44rem 0.67rem;
     background: rgba(255, 255, 255, 0.95);
     border-radius: 10px;
     position: absolute;
     bottom: 0.16rem;
     left: 50%;
     transform: translateX(-50%);
     width: 94%;
 }

 .hecl-link {
     position: relative;
     display: flex;
     height: 100%;
 }

 .hecl-case-tit {
     color: var(--colorfff);
     padding: 0.03rem 0.16rem;
     background: var(--colormain);
     border-radius: 4px;
 }

 .hecl-case {
     position: absolute;
     top: 0;
     right: 0;
     padding: 0.27rem 0.22rem;
 }

 .home-explore-case-left {
     width: 55.2%;
 }

 .home-explore-case-right {
     width: 43.6%;
 }

 .home-explore-case {
     display: flex;
     justify-content: space-between;
 }

 .hecl-link {
     width: 100%;
 }

 .home-explore-case-right .hecl-pic {
     border-radius: 10px;
 }

 .home-explore {
     background: linear-gradient(180deg, rgba(238, 244, 248, 0) 16.94%, #EEF4F8 77.22%);
 }

 .hecr-inof-nub-case {
     background: var(--colorfff);
     border-radius: 10px;
     width: 100%;
     position: relative;
     display: block;
     padding: 0.35rem 0.42rem 0.36rem;
 }

 .hecr-inof .hecl-content-date {
     width: 70%;
 }

 .hecr-inof .hecl-content-tit {
     height: 1.5em;
     -webkit-line-clamp: 1;
 }

 .hecr-inof-nub {
     /* padding: 0.11rem 0; */
     margin-bottom: 0.21rem;
 }

 .hecr-inof li:nth-last-child(1) {
     margin-bottom: 0;
 }

 .hecr-inof {
     /* margin: -0.11rem 0; */
 }

 .hecr-inof-nub .hecl-case {
     padding: 0.2rem 0.22rem;
 }

 .hict-top-nub-tit {
     color: var(--color666);
     line-height: var(--line15);
     padding: 0.1rem 0.1rem;
     display: flex;
     justify-content: center;
     transition: var(--transition);
     border-radius: 6px;
     cursor: pointer;
 }

 .hict-top {
     width: 3.8rem;
     display: flex;
     padding: 0.1rem;
     margin: 0.1rem;
     background: var(--colorfff);
     border-radius: 10px;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 99;
 }

 .hict-top-nub.slick-current .hict-top-nub-tit {
     background: var(--colorbj);
     color: var(--color333);
 }

 .home-inject-case-total {
     position: relative;
 }

 .home-ready-pic img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .hict-inof {
     width: 49.4%;
 }

 .home-ready-pic {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .home-ready {
     position: relative;
 }

 .home-ready .ys-cont1600 {
     padding-top: var(--space130);
     padding-bottom: var(--space130);
 }

 .home-ready .mod-tit {
     color: var(--colorfff);
     margin-bottom: 0.2rem;
     padding: 0 0.1rem;
 }

 .home-ready-txt,
 .home-ready-txt p {

     color: var(--colorfff);
     text-align: center;
 }

 .home-ready-txt {
     padding: 0 0.1rem;
     margin-bottom: 0.4rem;
 }

 .home-ready .mod-btn {
     display: flex;
     justify-content: center;
 }

 .home-ready .mod-btn .mod-btn-link {
     background: var(--colorfff);
 }

 .home-ready .mod-btn-link span {
     color: var(--colormain);
 }

 .footer-logo {
     width: 191px;
     margin-bottom: 0.52rem;
 }

 .footer-logo-total-tit {
     color: var(--color000);
     margin-bottom: 0.2rem;
 }

 .flti-nub-icon {
     width: 16px;
     flex: none;
 }

 .flti-nub-icon img {
     width: 100%;
 }

 .flti-nub-txt,
 .flti-nub-txt p {
     color: var(--color999);
 }

 .flti-nub-txt {
     padding-left: 0.08rem;
 }

 .flti-nub {
     display: flex;
     align-items: center;
     margin-bottom: 0.1rem;
 }

 .flti-nub-txt p a {
     font-size: var(--font14);
     color: var(--color000);
     padding-left: 0.12rem;
     line-height: var(--line135);
 }

 .footer-logo-total-inof li:nth-last-child(1) {
     margin-bottom: 0;
 }

 .footer-nav ul a {
     color: rgba(51, 51, 51, .7);
 }

 .footer-nav>li:nth-last-child(1) a {
     font-size: var(--font16);
     line-height: var(--line175);
     color: var(--color333);
     margin-bottom: var(--gap2);
 }

 .footer-nav>li:nth-last-child(1) {
     display: grid;
     align-self: flex-start;
 }

 .footer-nav {
     --gap1: 10px;
     --gap2: 9px;
     --gap3: 6px;
     width: calc(53.2% + calc(var(--gap1)* 2));
     font-size: var(--font16);
     display: flex;
     justify-content: space-between;
     margin: 0 calc(var(--gap1)* -1);
 }

 .footer-share-btn {
     --boticon: 0.32rem;
     width: var(--boticon);
     height: var(--boticon);
     border: 1px solid var(--colormain);
     border-radius: 6px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .footer-share-btn img {
     width: 60%;
 }


 .footer-share {
     margin-bottom: 0.3rem;
 }

 .footer-share-total-tit {
     color: var(--color000);
     line-height: var(--line145);
     margin-bottom: 0.3rem;
 }

 .footer-share-total {
     width: 13.5%;
 }

 .footer-text,
 .footer-text p>a {
     color: var(--color333);
     line-height: var(--line18);
     font-size: var(--font12);
 }

 .footer-privacy li>a {
     color: rgba(51, 51, 51, 0.4);
     line-height: var(--line18);
     font-size: var(--font12);
 }

 .footer-privacy li {
     position: relative;
 }

 .footer-privacy li::after {
     content: '';
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(51, 51, 51, 0.2);
     width: 1px;
     height: 48%;
 }

 .footer-privacy {
     --gap1: 24px;
     margin-left: 0.24rem;
 }

 .footer-text {
     display: flex;
     align-items: center;
 }

 a[href="https://www.yongsy.com"] {
     color: rgba(51, 51, 51, .2) !important;
     padding-left: 0.24rem;
 }

 .footer-bot {
     border-top: 1px solid rgba(51, 51, 51, 0.1);
     justify-content: start;
 }

 .ys-footer {
     --sapceft1: 80px;
     --sapceft2: 80px;
     --sapceft3: 20px;
     --sapceft4: 20px;
     background: #fefefe;
     padding-top: var(--sapceft1);
     position: relative;
     z-index: 1;
 }


 .hdpi-nub-case-box {
     --dot: 12px;
     width: var(--dot);
     height: var(--dot);
     background: var(--colormain);
     border-radius: 50%;
     position: relative;
     transition: var(--transition);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .hdpi-nub-case-box::after,
 .hdpi-nub-case-box::before {
     content: '';
     position: absolute;
     border-radius: 50%;
     left: 50%;
     top: 50%;
     transition: all .4s ease;
     transform: translate(-50%, -50%);
     height: 100%;
     width: 100%;
     background-color: rgba(0, 55, 200, 0.2);
 }

 .hdpi-nub-case-box::after {
     animation: conkuo 3s linear infinite;

 }

 .hdpi-nub-case-box::after {
     animation: conkuo 3s linear infinite;
     animation-delay: 1.5s;
 }

 @keyframes conkuo {
     0% {
         transform: translate(-50%, -50%) scale(1);
         opacity: .8;
     }

     100% {
         transform: translate(-50%, -50%) scale(3);
         opacity: 0;
     }
 }

 .hdpi-nub {
     --btnwidth: 1.4rem;
 }

 .hdpi-nub.on {
     z-index: 999;
 }

 .hdpi-nub-case .mod-btn .mod-btn-link {
     cursor: pointer;
     height: 48px;
     display: flex;
     justify-content: center;
     padding: 0 0.1rem;
     width: var(--btnwidth);
 }

 .hdpi-nub-case .mod-btn .mod-btn-link span {
     font-size: var(--font14);
     line-height: var(--line14);
 }

 .hdpi-nub-case .mod-btn {
     position: absolute;
     left: calc(100% + 0.18rem);
     top: 50%;
     transform: translateY(-50%);
     z-index: 1;
 }

 .hdpi-nub-case {
     position: relative;
     display: flex;
 }

 .home-data-pic>img {
     width: 100%;
     z-index: -1;
 }

 .hdpi-nub {
     position: absolute;
     transform: translate(-50%, -50%);
 }

 .home-data-pic {
     position: relative;
     display: flex;
     flex-wrap: wrap;
 }

 .hptl-top-tit {
     color: var(--color333);
     font-weight: bold;
     line-height: var(--line14);
     padding-left: 0.09rem;
 }

 .hptl-top img {
     width: 0.29rem;
 }

 .hptl-top {
     display: flex;
     align-items: center;
     margin-bottom: 0.07rem;
 }

 .hptl-top-txt,
 .hptl-top-txt p {
     color: var(--color666);
 }

 .hptl-top-txt {
     margin-bottom: 0.1rem;
 }

 .hncb-pop-bottom-tit {
     color: var(--color000);
     font-weight: bold;
     line-height: var(--line14);
     margin-bottom: 0.16rem;
 }

 .hpbi-nub-link {
     color: var(--color333);
     line-height: var(--line14);
     padding-bottom: 0.1rem;
     width: 100%;
     transition: var(--transition);
     display: block;
     border-bottom: 1px solid #DDDDDD;
 }

 .hncb-pop-bottom-inof {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -0.1rem -0.15rem;
 }

 .hpbi-nub {
     width: 50%;
     padding: 0 0.1rem;
     margin-bottom: 0.15rem;
 }

 .hncb-pop-top {
     margin-bottom: 0.1rem;
 }

 .hncb-pop {
     position: absolute;
     bottom: calc(100% + 0.34rem);
     width: 4.2rem;
     z-index: 9;
     transition: var(--transition);
 }

 .hncb-pop-top-link {
     display: block;
     border-radius: 10px;
     border: 1px solid var(--colorfff);
     background: rgba(255, 255, 255, 0.60);
     box-shadow: 0 0 30px 0 rgba(174, 186, 226, 0.25);
     backdrop-filter: blur(30px);
     -webkit-backdrop-filter: blur(30px);
     -moz-backdrop-filter: blur(30px);
     -ms-backdrop-filter: blur(30px);
     -o-backdrop-filter: blur(30px);
     position: relative;
     padding: 0.26rem 0.28rem 0.24rem;
     transition: var(--transition);
     opacity: 0;
 }


 .hncb-pop-bottom {
     border-radius: 10px;
     border: 1px solid #FFF;
     background: rgba(255, 255, 255, 0.60);
     box-shadow: 0 0 30px 0 rgba(174, 186, 226, 0.25);
     backdrop-filter: blur(30px);
     -webkit-backdrop-filter: blur(30px);
     -moz-backdrop-filter: blur(30px);
     -ms-backdrop-filter: blur(30px);
     -o-backdrop-filter: blur(30px);
     padding: 0.28rem 0.28rem 0.3rem;
     transition: var(--transition);
     opacity: 0;
 }

 .hdpi-nub.on .hncb-pop-bottom,
 .hdpi-nub.on .hncb-pop-top-link {
     opacity: 1;
 }

 .hdpi-nub-case-box img {
     width: 8px;
     opacity: 0;
     transition: var(--transition);
 }

 .hdpi-nub.on .hdpi-nub-case-box::before {
     opacity: 0 !important;
 }

 .hdpi-nub.on .hdpi-nub-case-box img {
     opacity: 1;
 }

 .hdpi-nub.on .hdpi-nub-case-box {
     cursor: pointer;
 }

 .hdpi-nub.on .hdpi-nub-case-box::after {
     animation: none;
     background: var(--colormain);
     width: var(--closebtn);
     --closebtn: 0.32rem;
     height: var(--closebtn);
     z-index: -1;
 }

 .hecr-top .hecl-content {
     padding: 0.24rem 0.81rem 0.33rem 0.2rem;
     bottom: 0.22rem;
 }

 .hecr-top {
     margin-bottom: 0.19rem;
 }

 .head-search-btn {
     margin-left: 0.1rem;
 }

 .head-search-btn .ys-imgbox-cover {
     width: var(--iconsize);
 }

 .head-lang-top-circle {
     width: var(--iconsize);
 }

 .head-lang-top-jian {
     margin-left: 6px;
     width: 13px;
 }

 .head-nav {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
 }

 .home-title-imgbox {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
 }

 .home-title-imgbox img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .home-main-banner {
     height: 100vh;
     top: 0;
     position: sticky;
 }

 .home-main .ys-banner {
     overflow: visible;
     height: 180vh;
 }


 .home-main .ys-ban-imgbox {
     height: 100%;
     top: 0;
     /* top: calc(var(--headh) * -1); */
 }

 .home-main .ys-ban-imgbox img {
     height: 100%;
 }

 .ys-ban-slick,
 .ys-ban-slick .slick-list,
 .ys-ban-slick .slick-track {
     height: 100%;
 }

 .ys-hd-pc-core {
     padding-left: 0.8rem;
     padding-right: 0.7rem;
     position: relative;
 }

 .yhpc-case {
     border-radius: 10px;
     border: 1px solid rgba(255, 255, 255, 0.20);
     backdrop-filter: blur(20px);
     background: rgba(255, 255, 255, .9);
     -webkit-backdrop-filter: blur(20px);
     -moz-backdrop-filter: blur(20px);
     -ms-backdrop-filter: blur(20px);
     -o-backdrop-filter: blur(20px);
     height: 0.76rem;
     position: absolute;
     left: 50%;
     top: 50%;
     width: 100%;
     transform: translate(-50%, -50%);
     z-index: -1;
 }

 .home-main .yhpc-case {
     background: rgba(255, 255, 255, 0.10);
 }

 .inside-main.act .mod-btn .mod-btn-link,
 .ys-hd-pc.ishover .mod-btn .mod-btn-link,
 .ys-hd-pc.isfixed .mod-btn .mod-btn-link {
     background: var(--colormain);
 }

 .inside-main.act .head-lang-top-center,
 .ys-hd-pc.ishover .head-lang-top-center,
 .ys-hd-pc.isfixed .head-lang-top-center {
     color: var(--color000);
 }

 .head-lang-top img:nth-of-type(2),
 .head-logo img:nth-of-type(2),
 .head-search-btn img:nth-of-type(2) {
     opacity: 1;
 }

 .head-nav-item-title {
     color: var(--color333);
 }

 .head-lang-top-center {
     margin-left: 0.1rem;
     color: var(--color333);
     line-height: var(--line135);
     width: 24px;
     transition: var(--transition);
 }

 .inside-main .yhpc-case {
     background: rgba(255, 255, 255, .9);
 }

 .home-inject-case {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 9;
 }

 .home-inject .ys-cont1600 {
     position: relative;
 }

 .home-inject-sticky {
     /* top: calc(var(--headh) + 1.8rem); */
     top: var(--headh);
     position: sticky;
     height: calc(100vh - var(--headh));
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .home-inject {
     overflow: visible;
     position: relative;
 }

 .hinc-right {
     transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
     overflow: hidden;
 }

 .hict-clip-nub:first-child {
     position: relative;
 }

 .hict-clip-nub {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
 }

 .hict-clip-nub {
     opacity: 1 !important;
 }

 .hict-clip.up .hict-clip-nub.mcslick-prev .hinc-right {
     clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
 }

 .hict-clip.down .hict-clip-nub.mcslick-prev {
     z-index: 9999 !important;
 }

 .hict-clip.up .hict-clip-nub.mcslick-prev {
     z-index: 9999 !important;
 }

 .hict-clip.up .hict-clip-nub.mcslick-next {
     z-index: 999 !important;
 }

 .hict-clip.up .hict-clip-nub.slick-current {
     z-index: 1000 !important;
 }

 .hict-clip.up .hict-clip-nub.slick-active .hinc-right {
     clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
 }

 .hict-clip.up .hict-clip-nub.mcslick-next .hinc-right {
     transition: inherit;
 }

 .hict-clip.up .hict-clip-nub.mcslick-prev .hinc-right {
     transition: inherit;
 }

 .hict-clip.down .hict-clip-nub.mcslick-prev .hinc-right {
     clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
 }

 .home-inject-case-top {
     width: 100%;
 }

 .hict-nub {
     width: 100%;
     height: 100vh;
 }

 .head-logo {
     width: 141px;
 }

 .head-nav {
     --gap1: 0.3rem;
     --gap2: 0rem;
     left: 44.7%;
 }

 .home-data-pic-box {
     width: 100%;
 }

 .home-data-pic-box img {
     width: 100%;
     z-index: -9;
 }

 .hdpi-nub.mod-bottom .hncb-pop {
     top: calc(100% + 0.34rem);
     bottom: auto;
     left: -0.73rem;
 }

 .home-main .ys-header.scroll-active .ys-hd-pc::before {
     background: transparent;
     box-shadow: none;
     transition: var(--transition);
 }

 .home-main .ys-header.scroll-active .head-nav-item-title {
     color: var(--colorfff);
 }

 .home-main .ys-header.scroll-active .head-nav-item.yxnav-active1 .head-nav-item-title {
     color: var(--colorfff) !important;

 }

 .home-main .ys-header.scroll-active .head-search-btn .ys-imgbox-cover img:nth-of-type(2),
 .home-main .ys-header.scroll-active .head-lang-top img:nth-of-type(2),
 .home-main .ys-header.scroll-active .head-logo img:nth-of-type(2),
 .head-search-btn img:nth-of-type(2) {
     opacity: 0;
 }

 .home-main .ys-header.scroll-active .head-search-btn .ys-imgbox-cover img:nth-of-type(1),
 .home-main .ys-header.scroll-active .head-lang-top img:nth-of-type(1),
 .home-main .ys-header.scroll-active .head-logo img:nth-of-type(1),
 .head-search-btn img:nth-of-type(2) {
     opacity: 1;
 }

 .home-main .ys-header.scroll-active .mod-btn-link {
     background: rgba(255, 255, 255, 0.2);
 }

 .home-main .ys-header.scroll-active .head-lang-top-center {
     color: var(--colorfff);
 }

 /* B1-产品列表 */
 #modal-loading {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 999;
     display: flex;
     align-items: center;
     justify-content: center;
     backdrop-filter: blur(2px);
     -webkit-backdrop-filter: blur(2px);
     -moz-backdrop-filter: blur(2px);
     -ms-backdrop-filter: blur(2px);
     -o-backdrop-filter: blur(2px);
     background: rgba(255, 255, 255, .6);
 }

 .loading-svg {
     width: 60px;
 }

 .loading-svg-circle1 {
     stroke-dasharray: 75;
     stroke-dashoffset: 75;
     animation: 2s loading1 ease infinite 0.5s;
     transform: rotate(-90deg);
     transform-origin: 50% 50%;
 }

 .loading-svg-circle2 {
     stroke-dasharray: 100;
     stroke-dashoffset: 100;
     animation: 2s loading2 ease-in-out infinite;
     transform: rotate(-45deg);
     transform-origin: 50% 50%;
 }

 .loading-svg-text {
     font-size: 16px;
     color: #333;
     text-align: center;
     margin-top: 10px;
 }

 @keyframes loading1 {
     100% {
         stroke-dashoffset: -75;
         stroke-dasharray: -75;
     }
 }

 @keyframes loading2 {
     100% {
         stroke-dashoffset: -100;
         stroke-dasharray: -100;
     }
 }

 /* 加载动画 - end */
 .ys-typeselect {
     --distance100: 100px;
     --colormain: #0037C8;
     --color000: #000;
     --color333: #333;
     --colorfff: #fff;
     --colorf4: #f4f4f4;
     --font14: 14px;
     --text16: 16px;
     --text14: 14px;
     --lh1d5: 1.5;
 }

 .mater-select-right {
     position: relative;
     padding-top: 0.2rem;
 }

 .mater-select.act .ys-typeselect-cry {
     padding: 0 0.64rem;

 }

 .ys-typeselect-cry {
     padding: 0;

 }


 .ys-typeselect::before {
     content: '';
     height: calc(100% + 2px);
     background: var(--colorfff);
     position: absolute;
     top: -1px;
     right: 0;
     width: 0.64rem;
     z-index: 26;
     display: block;
 }

 .ys-typeselect::after {
     content: '';
     height: calc(100% + 2px);
     background: var(--colorfff);
     position: absolute;
     top: 0px;
     left: 0;
     width: 0.64rem;
     z-index: 26;
     display: block;
 }

 .ys-typeselect-cry {
     overflow: hidden;
 }

 .ys-typeselect-cry-top {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
     padding-bottom: 0.2rem;
     background: var(--colorfff);
     position: relative;
     z-index: 25;
 }

 .ys-tct-left {
     display: flex;
     align-items: center;
 }

 .demo-slider {
     width: 100%;
     position: relative;
     left: 6px;
 }

 .ys-tb1i-bd-core {
     padding-bottom: 8px;
     padding-top: 4px;
 }

 /* tbody */
 .ys-tct-compare {
     cursor: pointer;
     opacity: .3;
     pointer-events: none;
     transition: all 0.36s;
 }

 .ys-tct-compare.on {
     pointer-events: all;
     opacity: 1;
 }

 .ys-tct-compare p {
     transition: all 0.36s;
 }

 .ys-typeselect-nbc-icon {
     width: 24px;
 }

 .ys-typeselect-nbc-font {
     font-size: var(--text14);
     color: var(--colormain);
     line-height: var(--line175);
     width: calc(100% - 0.9rem);
     flex-grow: 1;
 }



 .ys-typeselect-td.ys-typeselect-td0 {
     /* display: flex; */
     align-items: flex-start;
     position: relative;
 }

 .ys-typeselect-td {
     position: relative;
 }

 .ys-typeselect-name-box {
     width: calc(100% - 14px);
     padding-left: 13px;
 }

 .ys-typeselect-compare {
     top: 20px;
 }

 .ys-typeselect-td::before {
     content: '';
     border-bottom: 1px solid #DADADA;
     border-right: 1px solid #DADADA;
     position: absolute;
     width: calc(100% - 1px) !important;
     height: calc(100% - 1px);
     top: 0;
     left: 0;
 }

 .ys-typeselect-td.ys-typeselect-td0::before {
     border-bottom: 1px solid #DADADA;
     width: 100%;
     left: 0px
 }

 .ys-typeselect-th.ys-typeselect-td0 {
     min-width: 260px;
 }

 .ys-typeselect-sc-link {
     display: flex;
     align-items: center;
 }

 .ys-typeselect-td>div {
     position: relative;
     z-index: 6;
 }


 .ys-typeselect-sc-link span {
     padding-left: 11px;
     color: var(--colormain);
     text-decoration: underline;
     text-underline-position: under;
 }

 .ys-typeselect .mCSB-scrollTools {
     width: 10px;
 }

 .ys-tcb-right {
     position: relative;
 }

 .ys-typeselect .rtv-scroll .mCSB-scrollTools {
     width: 100%;
 }

 .ys-typeselect .rtv-scroll .mCSB-scrollTools.mCSB-scrollTools-horizontal {
     height: 13px;
 }

 .ys-typeselect .rtv-scroll .mCSB-horizontal.mCSB-inside>.mCSB-container {
     margin-bottom: 0;
 }

 .ys-typeselect .rtv-scroll .mCSB-scrollTools.mCSB-scrollTools-horizontal .mCSB-dragger .mCSB-dragger-bar,
 .ys-typeselect .rtv-scroll .mCSB-scrollTools.mCSB-scrollTools-horizontal .mCSB-draggerRail {
     height: 100%;
     margin: 0;
 }

 .ys-typeselect .rtv-scroll .mCS-dark.mCSB-scrollTools .mCSB-draggerRail {
     background-color: #EFEFEF;
 }

 .ys-typeselectle {
     position: relative;
 }

 .ys-typeselect-td0,
 .ys-typeselect-btn0 {
     position: relative;
     z-index: 10;
 }

 .ys-tcb-out-left {
     position: relative;
     z-index: 9;
 }


 .ys-typeselect-b2t-hd {
     position: relative;
 }

 .ys-tb1ibc-inof {
     max-height: 160px;
 }

 /* 选型表 - end */
 .ys-tct-search input {
     width: calc(100% - 44px);
 }

 .ys-tct-compare {
     margin: 0 !important;
 }

 .ys-typeselect-scl-img img {
     width: 100%;
 }

 .ys-tctlc-font span {
     white-space: nowrap;
 }

 .ys-typeselect-b2t-hd>tr:not(.rtv-scroll-zhan) {
     position: relative;
     z-index: 20;
 }

 .ys-typeselect-b2t-hd::before {
     content: '';
     height: 100px;
     background: #fff;
     position: absolute;
     left: 0;
     bottom: 100%;
     width: 100%;
     z-index: 11;
 }

 /* .ys-typeselect-sortbtn::before {
     content: "";
     position: absolute;
     right: -15px;
     top: 50%;
     width: calc(64px / 4);
     height: calc(47px / 4);
     background: url(../images/jianrg.svg) center / cover no-repeat;
     opacity: 0;
     transform: translateY(-50%);
 } */

 .ys-typeselect-th.desc .ys-typeselect-sortbtn::before {
     opacity: 1;
     transform: translateY(-50%) rotate(90deg);
 }

 .ys-typeselect-th.asc .ys-typeselect-sortbtn::before {
     opacity: 1;
     transform: translateY(-50%) rotate(-90deg);
 }

 .ys-typeselect-bd1-item.act .ys-tb1i-hd::before {
     opacity: 1;
 }

 .ys-tb1i-hd {
     position: relative;
 }

 .ys-tb1i-hd::before {
     content: '';
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: var(--colormain);
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 40px;
     opacity: 0;
     transition: all 0.36s;
 }

 .ys-typeselect-th-wrap::after {
     content: '';
     width: 6px;
     height: 6px;
     position: absolute;
     right: 0px;
     top: 0px;
     background: var(--colormain);
     border-radius: 50%;
     opacity: 0;
     transition: all 0.36s;
 }

 .ys-typeselect-th.act .ys-typeselect-th-wrap::after {
     opacity: 1;
 }

 .ys-typeselect-btn:last-child .ys-typeselect-pop {
     left: auto;
     right: 0;
 }

 .mCustomScrollbar {
     -ms-touch-action: auto;
     touch-action: auto;
 }

 .ys-typeselect-b2t-hd {
     position: relative;
     z-index: 11;
 }

 .ys-tcb-right.act1 .rtv-scroll {
     z-index: 10;
 }

 .ys-typeselect-td0,
 .ys-typeselect-btn0 {
     z-index: 9;
 }

 .mCSB-scrollTools {
     width: 10px;
 }

 .mCSB-inside>.mCSB-container {
     margin-right: 10px;
 }

 .ys-typeselect .mCSB-scrollTools {
     width: 10px;
 }

 .ys-share-img img {
     width: 100%;
 }

 .ys-tct-compare {
     position: relative;
 }

 .ys-tct-compare .ys-typeselect-text14:nth-of-type(2) {
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     pointer-events: none;
 }

 .ys-tct-compare .ys-typeselect-text14 {
     transition: all 0.36s;
 }

 .ys-tct-compare.std-change .ys-typeselect-text14:nth-of-type(2) {
     opacity: 1;
     pointer-events: all;
 }

 .ys-tct-compare.std-change .ys-typeselect-text14:first-child {
     opacity: 0;
     pointer-events: none;
 }

 /* 2023.1.09 */
 .ys-typeselect .ys-typeselectle-jia>.mCustomScrollBox>.mCSB-scrollTools {
     position: absolute;
     width: calc(100% - 19px);
     top: 107px;
     left: 19px;
     background: var(--colorf4);
 }

 .ys-typeselect .ys-typeselectle-jia .mCSB-horizontal.mCSB-inside>.mCSB-container {
     margin-bottom: 0;
 }

 .ys-typeselect .ys-typeselectle-jia>.mCustomScrollBox>.mCSB-scrollTools.mCSB-scrollTools-horizontal {
     height: 10px;
     z-index: 9;
 }

 .ys-typeselect .ys-typeselectle-jia .mCSB-scrollTools.mCSB-scrollTools-horizontal .mCSB-dragger .mCSB-dragger-bar {
     height: 10px;
     margin: 0px auto;
 }

 .ys-typeselectle-jia {
     background: #f4f4f4;
 }

 .rtv-scroll,
 .rtv-scroll-zhan {
     height: 10px;
 }

 .ys-typeselect .ys-typeselectle-jia .mCSB-scrollTools.mCSB-scrollTools-horizontal .mCSB-draggerRail {
     height: 10px;
     margin: 0px 0;
 }

 .ys-typeselect .mCS-dark.mCSB-scrollTools .mCSB-draggerRail {
     background-color: #efefef;
 }

 .ys-typeselect .ys-typeselect-pop .mCSB-scrollTools {
     width: 6px;
 }

 .ys-typeselectle {
     min-width: 100%;
 }

 .ys-typeselect-td-box {
     display: flex;
     align-items: flex-start;
     position: relative;
     flex-grow: 1;
 }

 .ys-typeselect-th {
     vertical-align: top;
 }

 .ys-typeselect-th-wrap {
     display: inline-block;
 }

 .ys-typeselect-th {
     min-width: 190px;
     max-width: 260px;
 }

 .ys-typeselect-sortbtn {
     white-space: normal;
 }

 .ys-typeselect-th-wrap {
     display: block;
 }

 .ys-typeselect-pop .mCS-dark.mCSB-scrollTools .mCSB-dragger:hover .mCSB-dragger-bar,
 .ys-typeselect-pop .mCSB-scrollTools.mCS-dark .mCSB-dragger:active .mCSB-dragger-bar,
 .ys-typeselect-pop .mCSB-scrollTools.mCS-dark .mCSB-dragger.mCSB-dragger-onDrag .mCSB-dragger-bar,
 .ys-typeselect-pop .mCS-dark.mCSB-scrollTools .mCSB-dragger .mCSB-dragger-bar {
     background-color: rgba(199, 199, 199, 1);
 }

 .ys-tb1ibc-inof {
     position: relative;
 }

 .ys-tb1ibc-inof::before {
     content: '';
     background: rgba(234, 234, 234, 1);
     height: calc(100% + 20px);
     width: 1px;
     position: absolute;
     right: 15px;
     top: -20px;
 }

 .ys-typeselect .ys-typeselect-pop .mCS-dark.mCSB-scrollTools .mCSB-draggerRail {
     background: transparent;
 }

 .ys-typeselect-pb-head {
     padding-right: 10px;
 }

 .ys-typeselect-btn-wrap {
     transition: var(--transition);
 }

 .ys-typeselect-btn-wrap.noRdCheck {
     opacity: .5;
     pointer-events: none;
 }

 .ys-typeselect-b2t-hd {
     position: relative;
     z-index: 20;
 }

 .ys-typeselect-bd {
     position: relative;
     z-index: 10;
 }

 /* 2023.01.17 - start */
 .ys-tb1i-hd .ys-typeselect-text14 {
     max-width: calc(100% - 34px);
 }

 .ys-typeselect-nb-core-icon {
     width: 24px;
 }

 .ys-typeselect-nb-core-text {
     width: calc(100% - 24px);
 }

 .ys-typeselect-nb-core-text .ys-typeselect-nbc-font {
     width: 100%;
 }

 .ys-typeselect-btn-wrap {
     padding: 10px 16px;
     height: 48px !important;
 }

 .ys-tcb-out .ys-tb1ibc-inof::before {
     display: none;
 }

 .ys-typeselect-td>div {
     align-items: center;
     height: 100%;
 }

 .ys-typeselect-compare {
     top: 0 !important;
 }

 .ys-tct-search input::placeholder {
     color: rgba(0, 0, 0, .4);
 }

 .ys-tb1ibc-inof::before {
     display: none;
 }

 .ys-typeselect-pop .mCSB-scrollTools::before {
     content: '';
     background: rgba(234, 234, 234, 1);
     height: calc(100% + 20px);
     width: 1px;
     position: absolute;
     right: 15px;
     top: -20px;
 }

 .ys-typeselect-pop .mCSB-scrollTools {
     top: 20px;
 }

 .ys-typeselect-pop .mCSB-container {
     padding-top: 0.2rem;
 }

 .ys-typeselect-pb-head {
     padding-top: 0;
 }

 .ys-tb1ibc-inof {
     max-height: 180px;
 }

 .ys-typeselect-nbc-font {
     color: var(--color333);
 }

 .ys-typeselect-name-box {
     padding-left: 9px;
 }

 .ys-tb1i-hd::before {
     right: 0.53rem;
 }

 .ys-typeselect-th-wrap::after {
     right: -8px;
 }

 .ys-typeselect-scl-img,
 .scli-name-icon {
     width: 14px;
 }

 .ys-typeselect-sc-link span {
     padding-left: 7px;
 }

 .ys-tb1ibc-inof {
     max-height: calc(28px * 6);
 }

 .ys-typeselect-bot-zhan {
     width: calc(var(--widthcry) * var(--length1));
     height: 2px;
 }

 /* .ys-typeselect-b2th-left.ys-tbs-left .ys-typeselect-td0 {
     background: #fff;
 } */

 .ys-typeselect-nb-core a .ys-typeselect-nbc-font {
     color: var(--colormain);
 }

 .ys-typeselect-td.ys-typeselect-td0 {
     transition: background 0.36s;
 }

 .ys-typeselect-td.ys-typeselect-td0.an-hover {
     background: #f4f4f4;
 }

 .ys-typeselect-item.an-hover .ys-typeselect-td {
     background: #f4f4f4;
 }

 .ys-tcb-right {
     --widthcry: 170px;
     max-height: none;
 }

 .ys-typeselectle-jia {
     overflow: visible;
     max-height: none;
 }

 /* 2024.01.17 - start */
 .ys-typeselectle-one,
 .ys-typeselectle-two,
 .ys-typeselect-bdx,
 .ys-typeselect-b2t-hd {
     white-space: nowrap;
     font-size: 0;
     display: flex;
 }

 .ys-typeselect-b2th-right,
 .ys-typeselect-item {
     white-space: nowrap;
     font-size: 0;
 }

 .ys-typeselect-item {
     width: 100%;
     background: var(--colorfff);
 }

 .ys-typeselect-item .ys-typeselect-td {
     background: var(--colorfff);
 }

 .ys-typeselect-oa-th,
 .ys-typeselect-td {
     width: var(--widthcry);
     min-width: auto;
     max-width: none;
 }

 .ys-typeselect-th {
     min-width: auto !important;
     max-width: none;
     width: 100%;
 }

 .ys-typeselect-th.ys-typeselect-td0,
 .ys-typeselect-btn.ys-typeselect-btn0,
 .ys-typeselect-td.ys-typeselect-td0,
 .ys-typeselect-b2th-left {
     height: auto;
     width: 260px;
     min-width: auto;
     max-width: none;
 }

 .ys-typeselect-b2th-left {
     white-space: normal;
 }

 .ys-typeselect-b2th-right {
     width: calc(100% - 260px);
     z-index: 11;
 }

 .ys-typeselect-pc.act1 .ys-typeselect-b2t-hd {
     position: fixed;
     top: var(--top1);
     width: var(--all_width);
 }

 .ys-typeselect-b2t-hd::before {
     display: none;
 }

 .ys-typeselect-td {
     font-size: 14px;
     color: var(--color333);
     line-height: 1.2;
     display: inline-block;
     white-space: normal;
     align-items: center;
 }

 .ys-typeselect-td .ys-typeselect-text14 {
     color: var(--color333);
     line-height: 1.2;
 }

 .ys-typeselect-bd-right .ys-typeselect-td {
     display: inline-block;
     height: 100%;
     vertical-align: middle;
 }

 .ys-tcb-right {
     background: #f4f4f4;
 }

 .ys-typeselect-b2th-right.ys-typeselect-bd-right {
     display: block;
 }

 .ys-typeselect-bd-right {
     overflow-x: auto;
     overflow-y: hidden;
 }

 .ys-tcb-right {
     overflow: hidden;
 }

 .ys-typeselect-btn-wrap {
     height: 100%;
     display: flex;
     align-items: center;
 }

 .ys-tcb-right {
     --length1: 13;
 }

 .ys-typeselect-bw-icon {
     height: 21px;
     display: flex;
     align-items: center;
 }

 .ys-typeselect-b2t-hd .ys-typeselect-b2th-left,
 .ys-typeselect-oa-th {
     display: flex;
     flex-direction: column;
 }

 .ys-typeselect-b2t-hd .ys-typeselect-th {
     flex-grow: 1;
 }

 .ys-tct-compare {
     white-space: nowrap;
 }

 .ys-typeselect-b2t-hd::before {
     content: '';
     height: calc(100% + 2px);
     background: var(--colorfff);
     position: absolute;
     top: -1px;
     left: 100%;
     width: 100px;
     z-index: 8;
     display: block;
 }

 .ys-typeselect-b2t-hd::after {
     content: '';
     height: calc(100% + 2px);
     background: var(--colorfff);
     position: absolute;
     top: -1px;
     right: 100%;
     width: 50vw;
     z-index: 8;
 }

 .ys-tcb-out-left {
     z-index: 22;
     transition: transform .1s linear;
     transform: translateZ(10px);
 }

 .sidebar-box {
     z-index: 22;
 }

 .ys-typeselect-cry-box.act1 .ys-tcb-out-left,
 .ys-typeselect-cry-box.act2 .ys-tcb-out-left {
     transform: translateY(var(--now-all)) translateZ(10px);
 }

 .ys-typeselect-td:not(.ys-typeselect-td0)>div {
     height: 100%;
     display: flex;
     align-items: center;
 }

 .ys-tcb-out {
     z-index: 23;
 }

 .ys-typeselect-bd2-top {
     position: relative;
 }

 .ys-typeselect-b2t-hd {
     position: absolute;
     top: 0;
 }

 .ys-tcb-out-left {
     height: var(--lefth1);
 }

 .g-advfr input {
     font-size: 14px;
 }

 .ys-typeselect-oa-th .ys-typeselect-btn .ys-typeselect-pop {
     left: 0;
     right: auto;
 }

 .ys-typeselect-b2t-hd {
     width: 100%;
 }

 .ys-typeselect-b2th-right {
     position: relative;
     height: 100%;
     min-width: 0px;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
 }

 .ys-typeselect-bd-right .ys-typeselect-td {
     flex-grow: 1;
 }

 .ys-typeselect-item {
     display: flex;
 }

 .ys-typeselect-other-all {
     min-width: 100%;
     white-space: nowrap;
     font-size: 0;
     display: flex;
 }

 .ys-typeselect-item {
     width: calc(var(--widthcry) * var(--length1));
     min-width: 100%;
 }

 .ys-typeselect-b2t-hd .ys-typeselect-b2th-right .mCSB-horizontal.mCSB-inside>.mCSB-container {
     margin-right: 0;
     margin-bottom: 0;
 }

 .ys-typeselect-b2t-hd {
     margin-bottom: 10px;
 }

 .ys-typeselect .mCSB-scrollTools.mCSB-scrollTools-horizontal .mCSB-draggerRail {
     height: 10px;
     margin: 0px 0;
 }

 .ys-typeselect-bd-right {
     scrollbar-color: transparent transparent !important;
     scrollbar-track-color: transparent !important;
     -ms-scrollbar-track-color: transparent !important;

     -webkit-scrollbar-color: transparent transparent !important;
     -moz-scrollbar-color: transparent transparent !important;
     -ms-scrollbar-color: transparent transparent !important;
     -o-scrollbar-color: transparent transparent !important;

     -webkit-scrollbar-width: 0px !important;
     -moz-scrollbar-width: 0px !important;
     -ms-scrollbar-width: 0px !important;
     -o-scrollbar-width: 0px !important;
     -webkit-scrollbar-height: 0px !important;
     -moz-scrollbar-height: 0px !important;
     -ms-scrollbar-height: 0px !important;
     -o-scrollbar-height: 0px !important;
 }

 .ys-typeselect-bd-right::-webkit-scrollbar,
 .ys-typeselect-bd-right::-o-scrollbar,
 .ys-typeselect-bd-right::-moz-scrollbar,
 .ys-typeselect-bd-right::-ms-scrollbar {
     display: none !important;
     background-color: transparent !important;
     opacity: 0 !important;
     width: 0 !important;
     height: 0 !important;
 }

 .ys-typeselect-bd-right::-webkit-scrollbar {
     background-color: transparent !important;
     width: 0 !important;
     height: 0 !important;
 }

 .ys-tcb-right {
     --widthcry: 140px;
 }

 .ys-typeselect-bd2-top.no-scroll .ys-typeselect-b2t-hd {
     margin-bottom: 0;
 }

 .ys-tb1ibc-reset {
     color: var(--color333);
     transition: all 0.36s;
     line-height: 2;
     font-size: var(--font14);
     cursor: pointer;
     text-decoration: underline;
     text-decoration-color: transparent;
     display: inline-block;
 }

 .ys-tcb-out-left {
     height: auto;
     min-height: 100%;
 }

 .ys-typeselect-pb-head .ys-tb1ibc-inof-nub .ys-typeselect-text14,
 .ys-tb1ibc-inof-nub .ys-typeselect-text14 {
     white-space: normal;
     max-width: calc(100% - 14px);
 }

 .ys-tb1ibc-inof-nub {
     padding-left: 1px;
 }

 .ys-tcb-right {
     min-height: calc(100vh - 450px);
 }


 .ys-typeselect-bd2-top.no-scroll .mctable-scroll {
     opacity: 0;
     pointer-events: none;
 }


 .ys-tct-search input,
 .ys-tctri-nub .ys-typeselect-text14,
 .ys-typeselect-th {
     font-size: 14px;
 }

 .ys-tctlc-font span {
     font-size: var(--font18);
     line-height: var(--line145);
 }


 .ys-typeselect-item .ys-typeselect-td {
     transition: all 0.36s;
 }

 .ys-tb1ibc-reset {
     margin-top: 3px;
 }

 .ys-tb1ibc-inof-nub .ys-typeselect-text14,
 .ys-tb1i-hd .ys-typeselect-text14 {
     padding-left: 8px;
 }



 .ys-typeselect .mctable-scroll .mCSB-scrollTools.mCSB-scrollTools-horizontal .mCSB-dragger .mCSB-dragger-bar {
     height: 6px;
     margin: 1.5px auto;
 }

 .ys-typeselect .mCS-dark.mCSB-scrollTools .mCSB-dragger:hover .mCSB-dragger-bar,
 .ys-typeselect .mCSB-scrollTools.mCS-dark .mCSB-dragger:active .mCSB-dragger-bar,
 .ys-typeselect .mCSB-scrollTools.mCS-dark .mCSB-dragger.mCSB-dragger-onDrag .mCSB-dragger-bar {
     background: rgba(99, 99, 99, 1);
 }

 .ys-typeselect-b2t-hd::before {
     display: none;
 }

 .ys-typeselect-b2t-hd::after {
     display: none;
 }

 .ys-tcb-right {
     background: #fff;
 }

 .ys-typeselect-other {
     height: 100%;
 }

 .ys-typeselect-other-flex {
     width: calc(var(--widthcry) * var(--length1));
     min-width: 100%;
     white-space: nowrap;
     font-size: 0;
     display: flex;
     height: 100%;
 }

 /* 2024.03.22 - end */
 .ys-typeselect-item .amp-add {
     top: -4px;
     position: relative;
 }

 /* 选型表 - start */
 .ys-tctri-nub .ys-typeselect-text14 {
     color: var(--colormain);
     line-height: var(--lh1d5);
     cursor: pointer;
 }

 .ys-tctri-nub {
     padding: 0 9px;
     position: relative;
 }

 .ys-tct-right-inof {
     margin: 0 -9px;
     display: flex;
     align-items: center;
 }

 .ys-tctri-nub-pop {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 20;
     display: none;
 }

 .mater-main .ys-share-img {
     width: 24px;
 }

 .mater-main .ys-share-img img {
     width: 100%;
 }

 .mater-main .ys-share-list {
     padding: 0 2px;
 }

 .mater-main .ys-share {
     display: flex;
     padding: 12px 14px 8px;
     position: relative;
     z-index: 2;
 }

 .ys-tctri-np-bg {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .ys-tctri-np-bg img {
     width: 100%;
 }

 .ys-tct-left-change span {
     color: var(--color333);
     /* line-height: var(--lh1d5); */
     padding-left: 0.12rem;
     transition: all 0.36s;
 }

 .ys-tct-left-reset .ys-imgbox-cover img:nth-of-type(2),
 .ys-tctlc-icon img:nth-of-type(2) {
     opacity: 0;
 }

 .ys-tct-left-reset .ys-imgbox-cover {
     width: 19px;
 }

 .ys-tct-left-reset .ys-typeselect-text14 {
     color: var(--color000);
     padding-left: 6px;
     line-height: var(--lh1d5);
     transition: all 0.36s;
 }

 .ys-tct-left-reset {
     display: flex;
     align-items: center;
     margin-left: 0.3rem;
     cursor: pointer;
 }

 .ys-tct-text p {
     color: var(--color333);
     line-height: var(--lh1d5);
 }

 .ys-tct-text,
 .ys-tct-compare {
     margin-left: 40px;
 }

 .ys-tct-search {
     height: 50px;
     background: var(--colorf4);
     width: 320px;
     margin-left: 27px;
     padding: 10px 16px 10px 20px;
 }

 .ys-tct-search-close,
 .ys-tct-search-submit {
     width: 16px;
     cursor: pointer;
 }

 .ys-tct-search-submit img {
     width: 100%;
 }

 .ys-tct-search-submit {
     width: 18px;
 }

 .ys-tct-search {
     display: flex;
     align-items: center;
 }

 .ys-tct-search input {
     flex-grow: 1;
     padding-right: 10px;
     font-size: var(--text16);
     color: var(--color333);
 }

 .ys-tct-search-close {
     margin-right: 12px;
 }

 .ys-tct-search input::placeholder {
     color: var(--color333);
 }

 .ys-tct-search-close img:nth-of-type(2) {
     opacity: 0;
 }

 .ys-tct-search-close {
     opacity: 0;
     transition: all 0.36s;
 }

 .ys-tct-search.act .ys-tct-search-close {
     opacity: 1;
 }

 /* table */
 .ys-tcb-out-left {
     width: 2.55rem;
     border-right: 1px solid #DADADA;
     background: #F2F4F8;
 }

 .ys-tcb-right {
     width: calc(100% - 2.55rem);
 }

 .ys-typeselect-bd1 {
     padding-top: 12px;
     padding-bottom: 12px;
 }

 .ys-typeselect-compare,
 .ys-tb1ibc-in-radio,
 .ys-tb1i-hd-btn {
     width: 12px;
     height: 12px;
     position: relative;
     cursor: pointer;
 }

 .ys-typeselect-compare::before,
 .ys-tb1i-hd-btn::before,
 .ys-tb1ibc-in-radio::before {
     content: '';
     width: 100%;
     height: 100%;
     border: 1px solid var(--colormain);
     background: #F9FAFD;
     cursor: pointer;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     transition: var(--transition);
 }

 .ys-tb1ibc-in-radio::before {
     border-radius: 50%;
 }

 .ys-typeselect-checkbox .ys-tb1ibc-in-radio::before {
     border-radius: 0;
 }

 .ys-typeselect-compare::after,
 .ys-typeselect-checkbox .ys-tb1ibc-in-radio::after,
 .ys-tb1i-hd-btn::after {
     content: '';
     background: transparent;
     background-image: url(../images/b1_icon05.svg);
     width: 10px;
     height: 8px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background-size: 100% 100%;
     transition: all 0.36s;
     opacity: 0;
 }

 .ys-tb1ibc-in-radio::after {
     content: '';
     width: 60%;
     height: 60%;
     border-radius: 50%;
     background: var(--colormain);
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     transition: var(--transition);
     opacity: 0;
 }

 .ys-typeselect-compare.on::after,
 .ys-tb1i-hd-btn.on::after,
 .ys-tb1ibc-in-radio.on::after,
 .ys-tb1i-hd-btn:checked::after,
 .ys-tb1ibc-in-radio:checked::after {
     opacity: 1;
 }

 .ys-tb1ibc-in-radio:checked::before,
 .ys-tb1i-hd-btn:checked::before {
     border: 1px solid var(--colormain);
 }

 .ys-tb1ibc-inof-nub .ys-typeselect-text14,
 .ys-tb1i-hd .ys-typeselect-text14 {
     color: var(--color333);
     line-height: var(--line175);
     padding-left: 0.16rem;
 }

 .ys-tb1i-hd {
     padding: 5.5px 0.35rem 5.5px 0.35rem;
     cursor: pointer;
 }

 .ys-tb1i-bd {
     padding: 0 0.17rem 0 0.27rem;
 }

 .ys-tb1ibc-inof-nub .ys-tb1i-hd-btn,
 .ys-tb1ibc-inof-nub .ys-tb1ibc-in-radio,
 .ys-tb1i-hd .ys-tb1i-hd-btn {
     margin-top: 7px;
 }

 .ys-tb1i-hd-icon,
 .ys-tb1i-hd-icon img {
     width: 14px;
     cursor: pointer;
 }

 .ys-tb1i-hd-icon {
     position: relative;
     top: 5px;
     transition: all 0.36s;
 }

 .ys-tb1i-bd-core {
     padding-left: 0.27rem;
 }

 .ys-tb1ibc-inof-nub {
     padding: 2px 1px;
     display: flex;
     align-items: flex-start;
 }

 .mc-btn {
     color: #0D4EA2;
     font-size: var(--font14);
     line-height: 2;
 }

 .ys-tctlc-font {
     position: relative;
 }

 .ys-tctlc-font span:not(:first-child) {
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     opacity: 0;
 }

 .ys-tct-left-change.on span:not(:first-child) {
     opacity: 1;
     pointer-events: all;
 }

 .ys-tct-left-change.on span:first-child {
     opacity: 0;
 }

 .ys-typeselect-cry-box {
     display: flex;
     justify-content: flex-end;
 }

 .ys-tcb-right {
     flex-shrink: 0;
     flex-grow: 1;
     order: 2;
     transition: width .3s, 0.3s;
 }

 .ys-tcb-out-left {
     flex-shrink: 0;
     order: 1;
 }

 .ys-typeselect.on .ys-tcb-right {
     width: 100%;
 }

 .ys-tb1i-bd {
     height: 0;
     opacity: 0;
     pointer-events: none;
 }

 .add-status.on1 .ys-tb1i-bd,
 .ys-typeselect-bd1-item.on1 .ys-tb1i-bd {
     height: auto;
     opacity: 1;
     pointer-events: all;
     transition: all 0.36s;
 }

 .add-status.on1 .ys-tb1i-hd-icon,
 .ys-typeselect-bd1-item.on1 .ys-tb1i-hd-icon {
     transform: rotate(180deg);
 }

 .ys-tb1ibc-inof-nub {
     cursor: pointer;
 }

 .ys-typeselect-th {
     color: var(--color000);
     font-size: var(--text16);
     background: var(--colormain);
     position: relative;
     font-weight: normal;
     min-width: 80px;
 }

 .ys-typeselect-btn {
     position: relative;
     background: #F2F4F8;
 }

 .ys-typeselect-btn::before {
     content: '';
     border-top: 1px solid #DAD8D8;
     border-right: 1px solid #DAD8D8;
     position: absolute;
     width: calc(100% - 1px);
     height: calc(100% - 2px);
     top: 0;
     left: 0;
 }

 /* .ys-typeselect-btn::before, */
 .ys-typeselect-th::before {
     content: '';
     border-top: 1px solid #DAD8D8;
     border-bottom: 1px solid #DAD8D8;
     border-right: 1px solid #DAD8D8;
     position: absolute;
     width: calc(100% - 1px);
     height: calc(100% - 2px);
     top: 0;
     left: 0;
 }

 .ys-typeselect-th::after {
     content: '';
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     transition: all 0.36s;
 }

 .ys-typeselect-btn::before {
     border-top: 0;
 }

 .ys-typeselect-th-wrap {
     position: relative;
     z-index: 6;
 }

 .ys-typeselect-td0 {
     color: var(--color333);
 }

 .ys-typeselect-th {
     padding: 12px 16px;
     /* cursor: pointer; */
 }

 .ys-typeselect-td0.ys-typeselect-td,
 .ys-typeselect-btn.ys-typeselect-btn0,
 .ys-typeselect-th.ys-typeselect-td0 {
     padding-left: 18px;
 }

 .ys-typeselect-btn.ys-typeselect-btn0::before,
 .ys-typeselect-td0.ys-typeselect-th::before {
     width: 100%;
     left: 0;
     border-right: 1px solid #DADADA;
 }

 .ys-typeselect-sortbtn {
     color: var(--colorfff);
     font-weight: inherit;
     font-size: inherit;
     display: inline-block;
     line-height: 1.5;
     white-space: nowrap;
 }

 .ys-typeselect-bw-icon {
     width: 17px;
 }

 .ys-typeselect-btn-wrap .ys-typeselect-text14 {
     font-size: var(--text14);
     color: #333333;
     line-height: var(--line175);
     font-weight: normal;
 }

 .ys-typeselect-bw-icon img:nth-of-type(2) {
     opacity: 0;
 }

 .ys-typeselect-btn-wrap {
     cursor: pointer;
     position: relative;
     z-index: 3;
 }

 .ys-typeselect-btn-wrap {
     padding: 14.5px 16px;

 }

 .ys-typeselect-btn0 .ys-typeselect-btn-wrap {
     padding-left: 0;
 }

 .ys-typeselect-pop {
     position: absolute;
     top: 0;
     left: 0;
     width: 270px;
     border: solid 1px#DAD8D8;
     background: #f4f4f4;
     opacity: 0;
     pointer-events: none;
     z-index: 20;
 }

 .ys-typeselect-pop-top {
     display: flex;
     justify-content: flex-end;
     padding: 14px 12px;
     background: #DADADA;
     border-bottom: 1px solid #DAD8D8;
 }

 .ys-typeselect-btn.on .ys-typeselect-pop {
     opacity: 1;
     pointer-events: all;
 }

 .ys-typeselect-pt-icon {
     width: 20px;
     cursor: pointer;
 }

 .ys-typeselect-pt-icon img:nth-of-type(2) {
     opacity: 0;
 }

 .ys-typeselect-pb-head {
     width: 100%;
     padding: 0.2rem;
 }

 .ys-typeselect-pop-btm .ys-typeselect-searchbox {
     width: 100%;
     height: 36px;
     margin-top: 0;
     margin-bottom: 15px;
     border: 1px solid #dedede;
     position: relative;
 }

 .ys-typeselectsearch-input {
     width: 100%;
     height: 100%;
     font-size: 14px;
     font-weight: normal;
     padding: 2px 5px;
     padding-right: 30px;
     color: var(--color333);
 }

 .ys-typeselectsearch-btn {
     cursor: pointer;
     position: absolute;
     right: 5px;
     top: 50%;
     transform: translateY(-50%);
     width: 15px;
 }

 .ys-typeselect-pb-head .ys-tb1ibc-inof-nub .ys-typeselect-text14 {
     font-weight: normal;
     color: var(--color333);
     line-height: 2;
 }

 .ys-tb1ibc-reset {
     display: inline-block;
     margin-top: 6px;
 }

 .ys-tb1ibc-reset p {
     color: var(--color333);
     transition: all 0.36s;
     line-height: 2;
     font-size: var(--font14);
     cursor: pointer;
     text-decoration: underline;
     text-decoration-color: transparent;
     display: inline-block;
 }

 .ys-typeselect-other {
     width: auto;
 }

 .ys-typeselect-oa-th,
 .ys-typeselect-td,
 .ys-typeselect-item .ys-typeselect-td {
     width: auto;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     outline: none;
     width: 140px;
 }

 .ys-typeselect-other-all,
 .ys-typeselect-other-flex {
     display: block;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     outline: none;
 }

 .ys-typeselect-btn {
     width: 100%;
 }

 .ys-typeselect-scroll {
     width: 100%;
     height: 11px;
     position: relative;
     background: #f4f4f4;
     position: absolute;
     left: 0;
     bottom: -11px;
     border-bottom: 1px solid #DADADA;
     z-index: 10;
 }

 .ys-typeselect-scroll-xin {
     width: 50px;
     height: 6px;
     position: absolute;
     left: 0;
     top: auto;
     bottom: 2px;
     background: #ABB0C2;
     border-radius: 4px;
     cursor: pointer;
 }

 .ys-typeselect-other {
     position: relative;
 }

 .ys-typeselect-oa-th.ui-resizable {
     position: absolute;
     top: 0;
     height: 100%;
 }

 .ys-typeselect-th.ys-typeselect-td0,
 .ys-typeselect-btn.ys-typeselect-btn0,
 .ys-typeselect-td.ys-typeselect-td0 {
     /* width: 100% !important; */
 }

 .ys-typeselect-b2th-left {
     width: 260px;
 }


 .ys-typeselect-scroll-xin {
     transition: width .1s linear;
 }

 .ys-typeselect-b2t-hd .ys-typeselect-b2th-left {
     z-index: 12;
 }

 .sidebar-on .inside-core {
     width: 100%;
 }

 .mCSB_inside>.mCSB_container {
     margin-right: 10px;
 }

 .mCSB_inside>.mCSB_container {
     margin-right: 13px;
 }

 .ys-typeselect-pb-head {
     padding-top: 0.2rem;
 }

 .ys-typeselect-item .ys-typeselect-td {
     transition: width 0s, background 0.36s;
 }

 .ys-tb1ibc-slider {
     width: 200px;
     margin-top: 16px;
     display: flex;
     flex-direction: column;
 }

 .ys-tb1ibc-sbip-icon {
     font-size: 14px;
     width: auto;
     margin-right: 10px;
     line-height: 24px;
 }

 .ys-tb1ibc-sbip-write {
     width: 50px;
     height: 24px;
     border: 1px solid #dfdfdf;
     border-radius: 3px;
 }

 .ys-tb1ibc-sbip-write input {
     width: 100%;
     height: 100%;
     padding: 0 3px;
 }

 .layui-slider {
     height: 2px;
     background: #e2e2e2;
     border-radius: 1px;
     position: relative;
     cursor: pointer;
 }

 .layui-slider-wrap-btn {
     width: 10px;
     height: 10px;
 }

 .layui-slider-bar {
     top: 1px;
 }

 .layui-slider-wrap-btn {
     background: #555555;
     border: 2px solid #555555;
 }

 .layui-slider-wrap-btn {
     background: #555555;
     border: 2px solid #555555;
 }

 .ys-tct-left-change {
     display: flex;
     align-items: center;
     cursor: pointer;
 }

 .ys-tctlc-icon {
     font-size: 0;
     width: 14px;
 }

 .ys-typeselect .ys-imgbox-cover img {
     transform: scale(1) !important;
 }

 .ys-tctlc-icon img:nth-of-type(2),
 .ys-tct-left-reset .ys-imgbox-cover img:nth-of-type(2),
 .ys-tct-left-reset .ys-imgbox-cover img:nth-of-type(2),
 .ys-tct-search-close img:nth-of-type(2) {
     opacity: 0;
 }

 .ys-tct-left-change span {
     padding-left: 9px;
 }

 .ys-tctlc-font span {
     white-space: nowrap;
 }

 .ys-tct-left-change span {
     color: var(--color333);
     line-height: var(--lh1d5);
     padding-left: 0.12rem;
     transition: all 0.36s;
 }

 .ys-tctlc-font span,
 .ys-tct-search input,
 .ys-tctri-nub .ys-typeselect-text14,
 .ys-typeselect-th {
     font-size: var(--font16);
 }

 .ys-tctlc-font span:not(:first-child) {
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     opacity: 0;
 }

 /* 显示侧边时-按钮样式-start */
 .ys-tct-left-change.on span:not(:first-child) {
     opacity: 1;
     pointer-events: all;
 }

 .ys-tct-left-change.on span:first-child {
     opacity: 0;
 }

 /* 显示侧边时-按钮样式-end */
 .ys-tct-left-reset {
     display: flex;
     align-items: center;
     cursor: pointer;
 }

 .ys-tct-left-reset .ys-imgbox-cover {
     width: 19px;
 }

 .ys-typeselect-text14,
 .ys-typeselect-text14 p {
     font-size: var(--text14);
     line-height: var(--line175);
     color: var(--color333);
 }

 .ys-tct-left-reset .ys-typeselect-text14 {
     color: var(--color000);
     padding-left: 0.06rem;
     line-height: var(--line175);
     transition: all 0.36s;
 }

 .ys-tct-text,
 .ys-tct-compare {
     margin-left: 40px;
 }

 .ys-tct-search {
     height: 50px;
     background: var(--colorf4);
     width: 320px;
     margin-left: 27px;
     padding: 10px 16px 10px 20px;
     display: flex;
     align-items: center;
 }

 .ys-tct-search input {
     height: 100%;
     width: calc(100% - 44px);
     flex-grow: 1;
     padding-right: 10px;
     font-size: var(--text16);
     color: var(--color333);
 }

 .ys-tct-search input::placeholder {
     color: var(--color333);
 }

 .ys-tct-search-close,
 .ys-tct-search-submit {
     width: 16px;
     cursor: pointer;
 }

 .ys-tct-search-close {
     opacity: 0;
     transition: all 0.36s;
     margin-right: 12px;
 }

 .ys-tct-search.act .ys-tct-search-close {
     opacity: 1;
 }

 .ys-tct-search-submit {
     width: 18px;
 }

 .ys-tct-search-submit img {
     width: 100%;
 }

 .ys-tct-right-inof {
     --jian: 9px;
     margin: 0 calc(var(--jian) * -1);
     display: flex;
     align-items: center;
 }

 .ys-tctri-nub {
     padding: 0 var(--jian);
     position: relative;
 }

 .ys-tctri-nub .ys-typeselect-text14 {
     color: var(--colormain);
     line-height: var(--line175);
     cursor: pointer;
 }

 .ys-tctri-nub-pop {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 20;
     display: none;
 }

 .ys-tctri-np-bg {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .ys-tctri-np-bg img {
     width: 100%;
 }

 .ys-tctri-nub-pop .ys-share {
     display: flex;
     padding: 12% 14px 8px;
     position: relative;
     z-index: 2;
 }

 .ys-tctri-nub-pop .ys-share-list {
     padding: 0 2px;
     cursor: pointer;
 }

 .ys-tctri-nub-pop .ys-share-img {
     width: 24px;
 }

 .ys-tctri-nub-pop .ys-share-img img {
     width: 100%;
 }

 /* 有侧边的左右 */

 .ys-tcb-out {
     z-index: 23;
 }

 .ys-tcb-out-left {
     height: var(--lefth1);
     height: auto;
     min-height: 100%;
     position: relative;
     z-index: 22;
     transition: transform .1s linear;
     transform: translateZ(10px);
 }

 .ys-tcb-out-left,
 .ys-tcb-right {
     max-height: calc(100vh - 450px);
 }

 .ys-tcb-out-left {
     flex-shrink: 0;
     order: 1;
 }

 .ys-tcb-right {
     background: #fff;
     --length1: 13;
     overflow: hidden;
     --widthcry: 140px;
     max-height: none;
     position: relative;
     flex-shrink: 0;
     flex-grow: 1;
     order: 2;
     transition: width .3s, 0.3s;
 }

 .ys-typeselect.on .ys-tcb-right {
     width: 100%;
 }

 .ys-typeselect-bd1 {
     padding-top: 0.32rem;
     padding-bottom: 0.32rem;
 }

 .ys-tb1ibc-sbip-write input {
     font-size: 14px;
 }

 .ys-typeselect-zhan,
 .ys-typeselect-bd2-top {
     width: 100%;
     position: relative;
 }

 .ys-tb1ibc-slider-box {
     text-align: left;
     width: 172px;
     margin-top: 18px;
 }

 .ys-tb1ibc-sb-input {
     display: inline-block;
 }

 .ys-tb1ibc-sbi-prev {
     margin-right: 18px;
 }

 .ys-tb1ibc-sbip-icon {
     font-size: 14px;
     width: auto;
     margin-right: 10px;
     line-height: 24px;
 }

 .ys-tb1ibc-sbip-write {
     width: 50px;
     height: 24px;
     border: 1px solid #dfdfdf;
     border-radius: 3px;
 }

 .ys-tb1ibc-sbip-write input {
     width: 100%;
     height: 100%;
     padding: 0 3px;
 }

 .ys-tb1ibc-sbi-prev:nth-child(2) {
     margin-right: 0;
 }

 /*  */
 .rtv_submit {
     display: none;
 }

 .rtv_submit_box {
     padding: 16px 24px 12px;
     display: flex;
     align-items: baseline;
     background-color: #f7f7f7;
     width: 100% !important;
     margin-top: 24px;
     border-top: 1px solid #ddd;
     -webkit-box-shadow: 0px -8px 8px rgba(0, 0, 0, 0.1);
     box-shadow: 0px -8px 8px rgba(0, 0, 0, 0.1);
     position: fixed;
     bottom: 0;
     left: 0;
     z-index: 80;
 }

 .rtv_submit_btn_font {
     color: #fff;
     background: var(--colormain);
     line-height: 40px;
     min-width: 120px;
     padding: 0 20px;
     text-align: center;
     cursor: pointer;
     border-radius: 2px;
     font-weight: bold;
 }

 .rtv_submit_btn,
 .rtv_submit_clear {
     margin-right: 24px;
 }

 .rtv_clear {
     color: var(--colormain);
     font-size: 14px;
     line-height: 1.5;
     cursor: pointer;
 }

 .rtv_submit_select li {
     display: inline-block;
     vertical-align: middle;
     height: 32px;
     padding-inline: 16px;
     border-radius: 32px;
     border: 1px solid rgb(153, 153, 153);
     background-color: rgb(255, 255, 255);
     color: rgb(51, 51, 51);
     transition: opacity 100ms cubic-bezier(0.4, 0, 1, 1) 0s, transform 100ms cubic-bezier(0.4, 0, 1, 1) 0s, color 100ms cubic-bezier(0.4, 0, 1, 1) 0s, background-color 100ms cubic-bezier(0.4, 0, 1, 1) 0s, box-shadow 100ms linear 0s, -webkit-transform 100ms cubic-bezier(0.4, 0, 1, 1) 0s, -webkit-box-shadow 100ms linear 0s;
     cursor: pointer;
     margin-right: 16px;
     line-height: 2;
     font-size: 14px;
     vertical-align: middle;
 }

 .rtv_submit_select img {
     width: 12px;
     position: relative;
     top: -1px;
     margin-left: 3px;
 }

 .ys-typeselect-btn0 {
     pointer-events: none;
 }

 /* D1-南亚新材 */
 .about-main .std-font44 {
     color: var(--color333);
     line-height: var(--line13);
     text-align: center;
     font-size: var(--font44);
     margin-bottom: 0.24rem;
 }

 .about-main .std-font44 span {
     color: var(--colormain);
     text-align: center;
 }

 .about-main-txt,
 .about-main-txt p {
     color: var(--color666);
     text-align: center;
 }


 .about-main-case {
     --next: 0.44rem;
     cursor: pointer;
     width: var(--next);
     height: var(--next);
     border-radius: 50%;
     border: 1px solid var(--colormain);
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
 }

 .about-main-case-box {
     position: absolute;
     bottom: 1.2rem;
     left: 50%;
     transform: translateX(-50%);
 }

 .about-main-case img {
     width: 30%;
 }

 .text-box {
     width: 100%;
     /* height: 190px; */
     height: 149px;
     text-transform: uppercase;
     position: relative;
     overflow: hidden;
     z-index: -1;
     /* clip-path: url(#svgTextPath); */
     color: white;
     background: var(--colormain);
 }

 .home-ctact-ri-top {
     position: relative;
 }

 .home-ctact-ri-top svg {
     /* position: absolute;
     top: 0;
     left: 0; */
     z-index: 9;
     width: 100%;
     /* height: 100%; */
 }

 .yx-case6-dot {
     width: 400px;
     height: 400px;
     display: inline-block;
     border-radius: 50%;
     position: fixed;
     left: -200px;
     top: -200px;
     opacity: 0.9;
     background: radial-gradient(50% 50% at 50% 50%, #0296FF 0%, rgba(230, 2, 63, 0.00) 100%);
     transition: all 0s;
 }

 .text-box::after {
     content: "";
     position: absolute;
     right: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, rgba(17, 17, 17, 1) 0%, rgba(230, 2, 63, 1) 100%);
     opacity: 0;
     transition: all .4s ease;
 }

 .home-ctact-ri-top {
     width: 783px;
     margin: 0 auto 0.5rem;
 }

 .about-intro-bg img {
     width: 100%;
 }

 .about-intro-bg {
     width: 100%;
     position: relative;
 }

 .about-intro-bg::after {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
         linear-gradient(180deg, rgba(0, 55, 200, 0) 29.3%, #0037C8 90.61%);
 }

 .about-intro {
     position: relative;
 }


 .about-intro .mod-tit {
     color: var(--colorfff);
     padding-top: 0.2rem;
 }

 .about-intro .ys-cont1440 {
     position: absolute;
     left: 50%;
     bottom: 1.24rem;
     transform: translateX(-50%);
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }

 .about-intro-txt,
 .about-intro-txt p {
     color: var(--colorfff);
 }

 .about-intro-txt {
     width: 58.9%;
 }

 .about-global-bg {
     width: 100%;
     background: linear-gradient(180deg, #0037C8 18.36%, #3090FF 95.63%);
 }

 .about-global-bg img {
     width: 100%;
 }

 .about-global .ys-cont1440 {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     top: var(--space190);
     z-index: 1;
 }

 .about-global-case-tit {
     color: var(--colorfff);
     margin-bottom: 0.3rem;
     text-align: left;
 }

 .about-global {
     position: relative;
 }

 .about-global-case-txt,
 .about-global-case-txt p {
     color: var(--colorfff);
 }

 .about-global-case {
     width: 40.5%;
 }

 .about-global-case-txt {
     margin-bottom: 0.75rem;
 }

 .about-value .mod-tit {
     margin-bottom: 0.3rem;
 }

 .about-value-txt,
 .about-value-txt p {
     line-height: var(--line13);
     text-align: center;
 }

 .about-value-txt {
     width: 69.5%;
     margin: 0 auto 0.6rem;
 }

 .about-value-inof-nub {
     width: 25%;
     padding: 0 0.12rem;
 }

 .avin-case {
     position: relative;
 }

 .avin-case-pic {
     border-radius: 0.1rem;
     position: relative;
 }

 .avin-case-pic::after {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(180deg, rgba(0, 55, 200, 0) 20.54%, #0037C8 95.63%);

 }

 .about-value-inof {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -0.12rem;
 }

 .avin-case-content-tit {
     color: var(--colorfff);
     text-align: center;
     margin-bottom: 0.18rem;
     line-height: var(--line13);
 }

 .avin-case-content-txt,
 .avin-case-content-txt p {
     color: var(--colorfff);
     text-align: center;
     line-height: var(--line145);
 }

 .avin-case-content {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     width: 82%;
     bottom: 0.48rem;
 }

 .about-culture {
     background: var(--colorbj);
 }

 .about-culture .mod-tit {
     margin-bottom: 0.4rem;
 }

 .acin-case-icon {
     width: 0.84rem;
     margin: 0 auto 0.22rem;
     flex: none;
 }

 .about-culture-inof-nub {
     width: 33.333%;
     padding: 0 0.12rem;
     margin-bottom: 0.24rem;
 }

 .about-culture-inof {
     margin: 0 -0.12rem -0.24rem;
     display: flex;
     flex-wrap: wrap;
 }

 .acin-case-brand {
     line-height: var(--line13);
     color: var(--colormain);
     margin-bottom: 0.18rem;
     text-align: center;
 }

 .acin-case-tit {
     line-height: var(--line13);
     text-align: center;
 }

 .acin-case {
     background: var(--colorfff);
     border-radius: 0.1rem;
     padding: 0.65rem 0.3rem 0.42rem;
     position: relative;
     height: 100%;
     display: flex;
     flex-direction: column;
     border: 1px solid var(--colorfff);
     background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.20) 100%);
 }

 .acin-case-icon img:nth-child(1) {
     opacity: 0;
 }

 .acin-case-icon img:nth-child(2) {
     opacity: 1;
 }

 .acin-case-hover {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     display: flex;
     flex-direction: column;
     height: 100%;
     transition: var(--transition);
     border-radius: 0.1rem;
     padding: 0.38rem 0.4rem 0.32rem;
     opacity: 0;
     background: linear-gradient(180deg, #0037C8 18.36%, #3090FF 95.63%);
 }

 .acin-case-hover .acin-case-icon {
     margin: 0;
     width: 0.73rem;
 }

 .acin-case-hover-case {
     margin-bottom: 0.18rem;
     flex: 1;
     display: flex;

 }

 .acin-case-hover .acin-case-icon img:nth-child(2) {
     opacity: 0;
 }

 .acin-case-hover .acin-case-icon img:nth-child(1) {
     opacity: 1;
 }

 .acin-case-hover-brand {
     color: var(--colorfff);
     margin-bottom: 0.18rem;
     line-height: var(--line13);
 }

 .acin-case-hover-tit {
     color: var(--colorfff);
     line-height: var(--line13);
     margin-bottom: 0.1rem;
     flex: 1;
 }

 .acin-case-hover-txt,
 .acin-case-hover-txt p {
     color: var(--colorfff);
     line-height: var(--line165);
 }

 .about-honors {
     background: var(--colorbj);
 }

 .about-honors-top-left .mod-tit {
     margin-bottom: 0.2rem;
     text-align: left;
 }

 .ahtl-txt,
 .ahtl-txt p {
     line-height: var(--line13);
 }

 .about-honors-top {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin-bottom: 0.4rem;
 }

 .about-honors-top-right {
     align-self: flex-end;
 }

 .ahli-nub {
     width: 33.333%;
     padding: 0 0.1rem;
 }

 .about-honors-list-inof {
     margin: 0 -0.1rem 0.4rem;
 }

 .ahli-nub-case-tit {
     text-align: center;
     transition: var(--transition);
     line-height: var(--line13);
 }

 .ahli-nub-case-year {
     text-align: center;
     color: #2C2C2F;
     margin-bottom: 0.05rem;
     font-family: var(--Semi);
     transition: var(--transition);
 }

 .ahli-nub-case-bg {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 80%;
     height: 70%;
     transform: translate(-50%, -50%);
 }

 .ahli-nub-case {
     height: 100%;
     transition: var(--transition);
     position: relative;
     padding: 1.23rem 0.7rem 1.08rem;
     border-radius: 4px;
     background: rgba(255, 255, 255, .6)
 }

 .ahli-nub-case::after {
     content: '';
     z-index: -1;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     border-radius: 4px;
     background: linear-gradient(180deg, #0037C8 6.73%, #3090FF 88.94%);
     opacity: 0;
     transition: var(--transition);
 }

 .about-honors-list {
     overflow: hidden;
     --place: calc(50vw - 800px);
     margin-right: calc(var(--place)* -1 + 1px);
     padding-right: calc(var(--place) - 1px + 200px);
 }

 .about-honors-list .slick-list {
     overflow: visible;
 }

 /* 选型表 */
 .ys-typeselect-nb-core a {
     display: flex;
     align-items: center;
 }

 .mater-main .std-font44 {
     margin-bottom: 0.26rem;
     font-size: var(--font44);
     line-height: var(--line13);
 }

 .mater-main .ys-flex-pos-center .std-text16,
 .mater-main .ys-flex-pos-center .std-text16 p {
     color: var(--colorfff);
     line-height: var(--line16);
 }

 .mater-main .ys-flex-pos-center .std-text16 {
     width: 28%;
 }

 .mlin-link-pic {
     border-radius: 6px;
     margin-bottom: 0.28rem;
 }

 .mlin-link-case-tit {
     line-height: var(--line14);
     padding-right: 0.15rem;
     transition: var(--transition);
 }

 .mlin-link-case .std-text16 {
     flex-grow: 1;
 }

 .mlin-link-case {
     display: flex;
     align-items: center;
     margin-bottom: 0.12rem;
 }

 .mlin-link {
     display: flex;
     height: 100%;
     flex-direction: column;
     padding-bottom: 0.32rem;
     border-bottom: 1px solid #DDDDDD;
 }

 .mater-select-right-solve .mod-tit {
     margin-bottom: 0.5rem;
 }

 .msrs-list-inof-nub {
     width: 33.333%;
     padding: 0 0.12rem;
 }

 .msrs-list-inof {
     margin: 0 -0.12rem;
 }

 .mlin-link-case img {
     width: 16px;
 }

 .mater-select {
     overflow: visible;
 }

 .mater-select-left-btn {
     /* position: fixed; */
     position: sticky;
     width: 0.39rem;
     height: 0.68rem;
     background: var(--colormain);
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     cursor: pointer;
     z-index: 90;
     transition: var(--transition);
 }

 .mater-select-right {
     min-height: calc(100vh - 155px);
     flex-shrink: 0;
     position: relative;
 }

 .mater-select-left-btn img {
     width: 9px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) rotate(180deg);
 }

 .mater-select-left {
     /* width: 240px; */
     width: 0;
     opacity: 0;
     min-height: 100%;
     transition: var(--transition);
     border-right: 1px solid #DADADA;
     flex-shrink: 0;
     position: relative;
     order: 1;
     background: #F2F4F8;
     z-index: 50;
 }

 .mater-select.act .mater-select-left-btn {
     opacity: 0;
 }

 .mater-select.act .mater-select-left {

     width: 2.40rem;
     opacity: 1;
 }

 .mater-select-left-case {
     opacity: 0;
 }

 .mater-select.act .mater-select-left-case {
     opacity: 1;
     transition-delay: .3s;
 }

 .mater-select-right {
     width: 100%;
     transition: var(--transition);
 }

 .mater-select.act .mater-select-right {
     width: calc(100% - 2.40rem);
 }

 .mater-select {
     position: relative;
     display: flex;
     justify-content: flex-end;
     flex-direction: row-reverse;
 }

 .mater-select-left-top img {
     width: 100%;
 }

 .mater-select-left-top {
     width: 14px;
     flex: none;
     cursor: pointer;
 }

 .mslt-inof {
     width: 100%;
 }

 .mater-select-left-box {
     display: flex;
     justify-content: end;
     padding: 0.33rem 0.15rem 0.24rem;
     border-bottom: 1px solid #DDDDDD;
     margin-bottom: 0.12rem;
 }

 .mslt-inof-nub.act .mslt-inof-nub-top {
     margin-bottom: 0.06rem;

 }

 .mslt-inof-nub-top {
     display: flex;
     align-items: center;
     cursor: pointer;
     margin: 0 0.1rem 0.06rem 0.38rem;
 }

 .mslt-inof-nub-top img {
     width: 14px;
     transition: var(--transition);
     margin-top: -4px;

 }

 .mint-tit {
     color: var(--color333);
     transition: var(--transition);
     padding-left: 0.06rem;
 }

 .mslt-inof-nub {
     padding: 6px 0;
 }

 .mslt-inof-nub.act {
     padding-top: 0.2rem;
     margin-bottom: 0.06rem;
 }

 .minb-nub-link {
     display: flex;
     transition: var(--transition);
     color: var(--color666);
     line-height: var(--line17);
     padding: 0.06rem 0;
 }

 .mslt-inof-nub-bottom {
     padding: 0 0.1rem 0.16rem 0.58rem;
     border-bottom: 1px solid #DDDDDD;
     display: none;
 }

 .mslt-inof-nub-bottom li:nth-last-child(1) .minb-nub-link {
     padding-bottom: 0;
 }

 .mslt-inof-nub.act img {
     transform: rotate(-90deg);
 }

 /* .mslt-inof li:nth-child(2) .mslt-inof-nub-bottom {
     display: block;
 } */


 .mslt-inof-nub.act .mint-tit {
     color: var(--colormain);
 }

 .ys-tctlc-font span {
     font-size: var(--font18);
     line-height: var(--line145);
 }

 .ys-typeselect-other-flex .ys-typeselect-td {
     width: 152px;
 }

 .ys-typeselect-td.ys-typeselect-td1 {
     width: 240px;
 }

 .ys-typeselect-td.ys-typeselect-td2 {
     width: 342px;
 }

 .ytnc-vase {
     color: var(--colormain);
     line-height: var(--line175);
     padding-right: 0.08rem;
 }

 .ys-typeselect-td1 .ys-typeselect-text14,
 .ys-typeselect-td1 .ys-typeselect-text14 p {
     font-size: var(--font16);
     line-height: var(--line175);
 }

 .ys-typeselect-td:not(.ys-typeselect-td0) {
     padding: 11px 13px 9px;
 }


 .ys-typeselect-nb-core {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0.12rem 0.2rem 0.1rem 0;
 }

 .msrs-list {
     position: relative;
     padding: 0 0.78rem;
 }

 .msrs-list .hplc-btn {
     position: absolute;
     top: 40.5%;
     z-index: 90;
     transform: translateY(-50%);
 }

 .msrs-list .hplc-le {
     left: 0rem;
 }

 .msrs-list .hplc-ri {
     right: 0rem;
 }

 /* 2025.11.17 - tammy - start */
 .about-main .ys-nyban-img {
     height: 100vh;
 }

 .about-main .ys-nyban-img img {
     object-fit: cover;
     width: 100%;
     height: 100%;
 }

 /* .about-main-case {
     position: absolute;
     bottom: var(--space120);
     left: 50%;
     transform: translateX(-50%);
 } */

 .about-global .ys-cont1440 {
     position: relative;
     left: 0%;
     transform: translateX(0%);
     top: 0;
     display: flex;
     align-items: flex-start;
 }

 .about-global-bg {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: calc(100% + 2px);
     height: calc(100% + 2px);
 }

 .about-global-bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .about-global-case-right {
     width: 59.5%;
 }

 .about-global-case-right #about-three {
     width: 927px;
     height: 927px;
 }

 .about-global-case {
     padding-top: var(--space190);
 }

 .about-history .std-font240 {
     font-size: 2.4rem;
     background: linear-gradient(137deg, #0037C8 9.09%, #3090FF 97.25%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-weight: bold;
     line-height: var(--line13);
     text-align: center;
 }

 .about-history .ys-horse {
     --width1: calc(2.4rem * 2.5 + 1.6rem);
     --gap1: 0.8rem;
 }

 .about-history-right {
     width: 50%;
 }

 .about-history-left {
     width: 50%;
 }

 .about-history .ys-cont1440 {
     display: flex;
     align-items: flex-end;
 }

 .about-history-right-nub .ys-imgbox-cover {
     width: 100%;
 }

 .about-history-right {
     border-radius: 0.1rem;
     overflow: hidden;
     transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
 }

 .about-history-year-nub:not(:first-child),
 .about-history-left-nub:not(:first-child),
 .about-history-right-nub:not(:first-child) {
     display: none;
 }

 .about-history {
     position: relative;
 }

 .about-history-hover {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 6;
     display: flex;
 }

 .about-history-hover-left,
 .about-history-hover-right {
     width: 50%;
     height: 100%;
 }

 .about-history-right {
     --gap1: 0rem;
     margin: 0 calc(var(--gap1) * -1);
 }

 .about-history-right-nub {
     padding: 0 var(--gap1);
 }

 .about-history-hover-left {
     cursor: url("../images/0d1_icon14.svg") 113 113, pointer;
 }

 .about-history-hover-right {
     cursor: url("../images/0d1_icon15.svg") 113 113, pointer;
 }

 .about-history .std-font40 {
     margin-bottom: 0.39rem;
 }

 .about-history .std-font24 {
     margin-bottom: 0.24rem;
     line-height: var(--line13);
 }

 .ahin-left-text-date {
     line-height: var(--line13);
     margin-bottom: 0.08rem;
     color: var(--color333);
 }

 .ahin-left-text-txt,
 .ahin-left-text-txt p {
     color: var(--color333);
     line-height: var(--line13);
 }

 .ahin-left-text {
     padding-bottom: 0.41rem;
 }

 .about-history .swiper-container-horizontal>.swiper-pagination-progressbar,
 .about-history .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
     top: auto;
     bottom: 0;
 }

 .about-history .swiper-container-horizontal>.swiper-pagination-progressbar,
 .about-history .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
     height: 1px;
     width: 68.71%;
 }

 .about-history-left {
     padding-right: 0.2rem;
 }

 .about-history-year {
     position: absolute;
     top: 40%;
     transform: translateY(-50%);
 }

 .about-history-year-nub {
     opacity: 1 !important;
 }

 .about-history-year-nub {
     animation: ysfadeInUp2 .8s ease-in-out both;
     animation-delay: 0.2s;
 }

 .about-history-year-nub.slick-active {
     animation: ysfadeInUp1 .8s ease-in-out both;
     animation-delay: 0.2s;
 }

 @keyframes ysfadeInUp1 {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes ysfadeInUp2 {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 0%, 0);
         transform: translate3d(0, 0%, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 .about-history-left-nub.slick-active .std-font40 {
     animation: ysfadeInUp .8s ease-in-out both;
     animation-delay: 0.2s;
 }

 .about-history-left-nub.slick-active .std-font24 {
     animation: ysfadeInUp .8s ease-in-out both;
     animation-delay: 0.25s;
 }

 .about-history-left-nub.slick-active .swiper-slide.swiper-slide-active .ahin-left-text-date,
 .about-history-left-nub.slick-active .swiper-slide.swiper-slide-active .ahin-left-text-txt {
     animation: ysfadeInUp .8s ease-in-out both;
     animation-delay: 0.3s;
 }

 .about-history-left-nub.slick-active {
     animation: ysfadeInUp .8s ease-in-out both;
     animation-delay: 0.1s;
 }

 .about-value-inof {
     --pro: 0;
     --y1: calc(var(--pro) * 100px - 50px);
 }

 .about-value-inof-nub:nth-of-type(2n-1) {
     transform: translateY(calc(var(--y1) * -1));
 }

 .about-value-inof-nub:nth-of-type(2n) {
     transform: translateY(var(--y1));
 }

 .about-global-pop-case {
     background: rgba(255, 255, 255, 0.90);
     border-radius: 0.08rem;
     overflow: hidden;
     box-shadow: 0 4px 60px 0 rgba(188, 189, 206, 0.25);
 }

 .about-global-pop {
     width: 334px;

 }

 .about-global-pop .ys-imgbox-cover {
     width: 100%;
 }

 .about-global-pop-text {
     padding: 0.2rem 0.38rem 0.37rem 0.2rem;
 }

 .about-global-pop .std-font20 {
     margin-bottom: 0.06rem;
     color: var(--color333);
     line-height: var(--line175);
 }

 .about-global-pop .std-text16,
 .about-global-pop .std-text16 p {
     color: var(--color666);
     line-height: var(--line16);
 }

 .yx_three3d1_map_area {
     position: absolute;
     opacity: 0;
     transition: all .4s ease;
 }

 .yx_three3d1_map_area.on {
     opacity: 1;
 }

 .agcr-box {
     position: relative;
     display: flex;
     justify-content: center;
 }

 .ys-tcb-right {
     --widthcry: 240;
 }

 .ys-typeselect-b2th-left {
     width: var(--widthtd0);
 }

 .ys-typeselect-b2th-right {
     width: calc(100% - var(--widthtd0));
 }

 .ys-typeselect-oa-th,
 .ys-typeselect-td {
     --minwidth: 240;
     min-width: 240px;
 }

 .ys-typeselect-td {
     min-width: var(--widthtd0);
 }

 .about-intro-bg::after {
     background: linear-gradient(180deg, rgba(0, 55, 200, 0.00) 29.3%, #0037C8 90.61%), linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%);
 }

 .about-global-pop {
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     pointer-events: none;
 }

 .about-global-pop.active {
     opacity: 1;
     pointer-events: auto;
 }

 /* 2025.11.17 - tammy - end */


 /* kaffi-11.14-start */
 :root {
     --radius10: 10px;
 }

 /* 底部分页-start */
 .pc-fenye li {
     width: 40px;
     height: 40px;
     border-radius: 4px;
     line-height: 40px;
     border: 1px solid rgba(0, 0, 0, 0.10);
 }

 /* 底部分页 -end*/
 /* B2-产品详情页 */
 .spec-page-banbox {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     transform: translate(0, 0);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .spec-page-banbox .ys-cont1440 {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     transform: translateY(45px);
 }

 .spbl-top h1 {
     color: var(--color333);
     line-height: var(--line12);
     font-size: var(--font40);
     margin-bottom: 0.16rem;
 }

 .spbl-top p {
     color: var(--color333);
     line-height: 1.56;
     font-size: var(--font16);
 }

 .spbl-top {
     margin-bottom: 0.4rem;

 }

 .spec-page-banbox-le {
     width: calc(32.5% + 0.2rem);
     padding-right: 0.2rem;
 }

 .spec-page-banbox-ri {
     width: 43%;
 }

 .swlb-ri {
     padding-left: 0.24rem;
 }

 .swlb-ri .std-text16 {
     color: var(--color666);
     line-height: 1.56;
     font-size: var(--font16);
     margin-bottom: 4px;
     transition: all .4s;
 }

 .swlb-ri .std-text14 p {
     color: var(--color999);
     line-height: 1.45;
 }

 .spbr-wrap-list-box {
     display: flex;
     align-items: flex-start;
     transition: all .4s;
 }

 .swlb-le {
     width: 36px;
     margin-top: 5px;
     flex: none;
 }

 .swlb-le img {
     width: 100%;
 }

 .spbr-wrap-list {
     padding: 0 0.35rem;
     padding-bottom: 0.52rem;
     width: 50%;
 }

 .spbr-wrap {
     margin: 0 -0.35rem;
     margin-bottom: -0.52rem;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }

 .mod-btn-link {
     cursor: pointer;
 }

 .spec-page-banbox-le .mod-btn-link {
     padding: 0.15rem 0.26rem;
 }

 .spec-table-box table tr:first-child {
     background: var(--colormain);
     position: sticky;
     position: -webkit-sticky;
     z-index: 10;
     top: 0;
 }

 /*
 .spec-table-box table tr:first-child th {
     color: var(--colorfff);
     line-height: 1.56;
     font-size: var(--font16);
     text-align: left;
     font-weight: 400;
     width: 25%;
     flex-shrink: 0;
     white-space: nowrap;
 } */

 /* td备份 - start - */
 .spec-table-box table tr:first-child td {
     color: var(--colorfff);
     line-height: 1.56;
     font-size: var(--font16);
     text-align: left;
     font-weight: 400;
     /* width: 25%; */
     white-space: nowrap;
 }

 .spec-table-box .mCSB_inside>.mCSB_container>* {
     padding-right: 0;
 }

 .spec-table-box table tr:first-child td {
     padding: 0.1rem 0.16rem;
     border: 1px solid #DADADA !important;
 }

 /* td备份 - end - */

 .spec-table-box table tr th {
     padding: 0.1rem 0.16rem;
     border: 1px solid #DADADA !important;
 }

 .spec-table-box table tr td {
     padding: 0.18rem 0.16rem;
     border: 1px solid #DADADA !important;
     color: var(--color333);
     line-height: 1.56;
     /* word-break: break-all; */
     font-size: var(--font16);

 }

 .spec-table-box table tr td:nth-child(2) {
     /* word-break: break-all; */
 }

 /* .spec-table-box table {
     border-collapse: collapse;
 } */

 /* Yori - start - 11.21 */
 .spec-table-box {
     overflow: auto;
     width: 100%;
 }

 .spec-table-box table {
     border-collapse: separate;
     border-spacing: 0;
     transform-style: preserve-3d;
 }

 /* 
 .spec-table-box table thead tr {
     background: var(--colormain);
     position: sticky;
     position: -webkit-sticky;
     z-index: 10;
     top: 0;
     vertical-align: text-top;
 }

 .spec-table-box table thead tr th {
     color: var(--colorfff);
     line-height: 1.56;
     font-size: var(--font16);
     text-align: left;
     font-weight: 400;
     width: 25%;
     flex-shrink: 0;
     white-space: nowrap;
 } */

 /* Yori - end - 11.21 */


 .spec-table-box {
     max-height: 723px;
     position: relative;
     border-bottom: 1px solid #DADADA;
 }


 .spec-table-box .mCSB_container {
     overflow: visible !important;
 }

 .spec-table {
     overflow: visible;
 }

 .spec-table-box .mCSB_scrollTools .mCSB_draggerRail {
     border-radius: 0;
 }

 .spec-table-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 6px;
 }

 .spec-table-box .mCSB_scrollTools .mCSB_draggerRail {
     width: 10px;
     background: #F2F4F8;
 }

 .spec-table-box .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .spec-table-box .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
 .spec-table-box .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
 .spec-table-box .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar {
     background: #ABB0C2;
 }

 .spec-table .std-font40 {
     color: var(--color333);
     line-height: var(--line12);
     text-align: center;
     margin-bottom: 0.4rem;
 }

 .spec-down .std-font40 {
     color: var(--color000);
     margin-bottom: 0.6rem;
     line-height: var(--line12);
     text-align: center;
 }

 .sdbl-link-le .std-font20 {
     color: var(--color333);
     line-height: 1.25;
     transition: all 0.4s;

 }

 .sdbl-link-ri {
     width: 0.4rem;
     flex: none;
 }

 .sdbl-link-ri img {
     width: 100%;
     transition: all 0.4s;
 }

 .sdbl-link-ri img:nth-child(2) {
     opacity: 0;
 }

 .sdbl-link {
     display: flex;
     align-items: flex-start;
     padding: 0.2rem 0.26rem 0.2rem 0.28rem;
     border-radius: 8px;
     background: #EEF4F8;
     position: relative;
     overflow: hidden;
     z-index: 1;
     height: 100%;
     justify-content: space-between;
     cursor: pointer;
 }

 .sdbl-link::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(137deg, #0037C8 9.09%, #3090FF 97.25%);
     z-index: 2;
     transition: all 0.4s;
     opacity: 0;
 }

 .sdbl-link-le {
     margin-top: 8px;
     padding-right: 0.2rem;
 }

 .sdbl-link-le,
 .sdbl-link-ri {
     position: relative;
     z-index: 3;
 }

 .spec-down-box {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     margin: 0 -0.15rem;
     margin-bottom: -0.36rem;
 }

 .spec-down-box-list {
     width: 50%;
     padding: 0 0.15rem;
     padding-bottom: 0.36rem;
 }

 /* D4-新闻列表 */
 .news-page h1 {
     text-align: center;
 }

 .news-resi-top {
     border-bottom: 1px solid #DDD;
     display: flex;
     margin: 0 -0.1rem;
 }

 .news-page .ys-main {
     background: #F2F3F5;
 }

 .nrtl-link {
     padding: 0.12rem 0.24rem;
     color: var(--color333);
     line-height: var(--line175);
     font-size: var(--font16);
     transition: all 0.4s;
     background: transparent;
     position: relative;
     min-width: 160px;
     border-radius: 4px 4px 0 0;
     text-align: center;
 }

 .nrtl-link::after {
     content: "";
     position: absolute;
     bottom: -1px;
     left: 0;
     width: 100%;
     height: 1px;
     background: var(--colormain);
     transition: all 0.4s;
     opacity: 0;
 }

 .news-resi-top-list.act .nrtl-link {
     background: #FFF;
     box-shadow: 0 -10px 14.8px 0 rgba(174, 188, 215, 0.25);
     color: var(--colormain);
 }

 .news-resi-top-list.act .nrtl-link::after {
     opacity: 1;
 }

 .news-resi-top-list {
     padding: 0 0.1rem;
 }

 .news-resi-topbox {
     margin-bottom: 0.27rem;
 }

 .news-resi-bot {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }

 .news-resi-bot-le {
     width: 62.5%;
     border-radius: var(--radius10);
 }

 .news-resi-bot-le img {
     object-fit: cover;
 }

 .news-resi-bot-ri {
     width: 36%;
     display: flex;
 }

 .nrbr-link {
     padding: 0.1rem 0.82rem 0.1rem 0.4rem;
     display: flex;
     flex-direction: column;
     justify-content: center;
     width: 100%;
     background: var(--colorfff);
     border-radius: var(--radius10);
 }

 .nrbr-link-top {
     margin-bottom: 0.73rem;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     margin-top: 0.18rem;
 }

 .mod-tip {
     color: var(--colorfff);
     border-radius: 4px;
     background: var(--colormain);
     padding: 0.02rem 0.16rem;
 }

 .nrbr-link-top .std-text14 {
     margin-bottom: 0.2rem;
 }

 .nrbr-link-top .std-text16 {
     color: #101111;
     line-height: var(--line16);
     opacity: 0.5;
     margin-bottom: 0.1rem;
 }

 .nrbr-link-top .std-font24 {
     color: var(--color333);
     line-height: var(--line15);
     transition: all 0.4s;
 }

 .nrbr-link-bot {
     width: 18px;
 }

 .nrbr-link-bot img {
     width: 100%;
     transition: all 0.4s;
 }

 .news-tech-wrap-item {
     padding-bottom: 0.6rem;
     width: 33.333333%;
 }

 .ntwi-link {
     background: transparent;
     transition: all 0.4s;
     padding: 0.18rem;
     border-right: 1px solid #ACACAC;
     height: 100%;
     display: flex;
     flex-direction: column;

 }

 .news-tech-wrap-item:nth-child(3n-2) .ntwi-link {
     border-left: 1px solid #ACACAC;
 }

 .ntwi-link-top {
     position: relative;
     margin-bottom: 0.24rem;
 }

 .ntwi-link-top .mod-tip {
     position: absolute;
     top: 0.1rem;
     right: 0.08rem;
 }

 .ntwi-link-top .ys-imgbox-cover {
     border-radius: var(--radius10);
 }

 .news-tech-wrap {
     display: flex;
     flex-wrap: wrap;
     margin-bottom: -0.6rem;
 }

 .news-tech .ys-pcfy {
     padding-top: 0.6rem;
 }

 .ntwi-link-bot-top .std-text14 {
     color: var(--color999);
     line-height: var(--line175);
     margin-bottom: 0.065rem;
 }

 .ntwi-link-bot-top .std-font24 {
     color: var(--color333);
     line-height: var(--line175);
     transition: all 0.4s;
 }

 .ntwi-link-bot-top {
     margin-bottom: 0.36rem;
     flex-grow: 1;
 }

 .ntwi-link-bot-img {
     width: 18px;
 }

 .ntwi-link-bot-img img {
     width: 100%;
     transition: all 0.4s;
 }

 .ntwi-link-bot {
     flex-grow: 1;
     display: flex;
     padding-right: 0.25rem;
     flex-direction: column;
 }

 .news-resi-topbox .mCSB_horizontal.mCSB_inside>.mCSB_container {
     margin-bottom: 5px;
 }

 .news-tech-wrap-item:nth-child(3n) {
     animation-delay: .4s;
 }

 .news-tech-wrap-item:nth-child(3n-1) {
     animation-delay: .3s;
 }


 /* D5-新闻详情 */
 .info-page .ys-main {
     background: #ECEEF5;
 }

 .info-satu-box-le {
     background: var(--colorfff);
     padding: 0.23rem 0.22rem 0.51rem 0.43rem;
     border-radius: var(--radius10);
     width: 73%;
 }

 .isbl-top-le {
     color: var(--colormain);
     line-height: 1.45;
     padding-right: 0.27rem;
 }

 .isbl-top-ri {
     color: var(--color666);
     line-height: 1.7;
 }

 .info-satu-box-le .ys-share {
     display: flex;
     justify-content: flex-end;
     margin: 0 -0.06rem;
     margin-bottom: 0.09rem;
 }

 .info-satu-box-le .ys-share-img {
     width: 36px;
 }

 .info-satu-box-le .ys-share-img img {
     width: 100%;
 }

 .ys-share-list {
     padding: 0 0.06rem;
 }

 .isbl-top {
     display: flex;
     margin-bottom: 0.2rem;
 }

 .info-page h1 {
     color: var(--color333);
     line-height: 1.35;
     margin-bottom: 0.3rem
 }

 .isbl-bot {
     padding-top: 0.25rem;
     padding-bottom: 0.46rem;
     border-top: 1px solid #DDD;
     border-bottom: 1px solid #DDD;
     margin-bottom: 0.41rem;
 }

 .isbl-bot.yxedr-active img {
     width: 100%;
     border-radius: var(--radius10);
 }

 .isbl-bot.yxedr-active p {
     margin-bottom: 0.4rem;
     line-height: 1.7;
     color: var(--color666);
 }

 .isbl-bot.yxedr-active p:last-child {
     margin-bottom: 0;
 }

 .isbl-nav {
     width: 100%;
 }

 .isbl-nav-btn-link {
     color: var(--color333);
     line-height: var(--line17);
     transition: all 0.4s;
 }

 .isbl-nav-btn {
     padding-bottom: 0.18rem;
 }

 .isbl-nav-btn:last-child {
     padding-bottom: 0;
 }

 .info-satu {
     overflow: visible;
 }

 .info-satu-box-ri {
     position: sticky;
     top: calc(var(--headh) + 0.2rem);
     background: var(--colorfff);
     width: 26%;
     padding: 0.4rem 0.2rem 0.35rem 0.3rem;
     border-radius: var(--radius10);
 }

 .isbr-wrap-list-tit {
     color: var(--color333);
     line-height: var(--line17);
 }

 .info-satu-box-ri .std-font28 {
     margin-bottom: 0.34rem;
 }

 .iwll-tip {
     color: var(--color666);
     line-height: var(--line17);
     margin-bottom: 0.08rem;
 }

 .iwll-tit {
     color: var(--color333);
     line-height: var(--line17);
     transition: all 0.4s;
 }

 .info-satu-box {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: flex-start;
 }

 .isbr-wrap-list-link {
     display: block;
     width: 100%;
     padding-bottom: 0.53rem;
     padding-top: 0.2rem;
     border-bottom: 1px solid rgba(0, 0, 0, 0.10);
 }

 .isbr-wrap-list:first-child .isbr-wrap-list-link {
     padding-top: 0;
 }


 /* D3-制造基地 */
 .manu-prod .std-font40 {
     color: var(--color333);
     line-height: var(--line175);
     margin-bottom: 0.5rem;
     text-align: center;
 }

 .manu-prod-wrap-item .std-text14 {
     color: var(--color333);
     line-height: var(--line12);
     padding: 0.15rem 0.24rem;
     min-width: 156px;
     width: 100%;
     transition: all 0.4s;
     cursor: pointer;
     position: relative;
     text-align: center;
 }

 .manu-prod-wrap-item .std-text14::after {
     position: absolute;
     bottom: -1px;
     left: 0;
     content: '';
     background: var(--colormain);
     width: 100%;
     height: 1px;
     transition: all 0.4s;
     opacity: 0;
 }

 .manu-prod-info {
     margin-bottom: 0.6rem;
 }

 .manu-prod-wrap {
     display: flex;
     justify-content: center;
     border-bottom: 1px solid #DDD;
     margin: 0 -0.22rem;
 }

 .manu-prod-wrap-item.act .std-text14 {
     background: var(--colorfff);
     box-shadow: 0 -10px 14.8px 0 rgba(174, 188, 215, 0.25);
 }



 .manu-prod-wrap-item.act .std-text14::after {
     opacity: 1;
 }

 .manu-prod-wrap-item {
     padding: 0 0.22rem;
 }

 .mlwi-top,
 .mlwi-top p,
 .mlwi-top span {
     color: var(--colormain);
 }

 .mlwi-top span {
     font-size: 80px;
     font-family: var(--bold);
 }

 .mpbi-box {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     align-items: center;
 }

 .mlwi-top {
     border-bottom: 1px solid #ABBAD0;
     margin-bottom: 0.1rem;
     padding-bottom: 0.1rem;
 }

 .mpbi-le {
     width: 37%;
 }

 .mpbi-ri {
     width: 59.5%;
 }

 .mpbi-le-wrap {
     margin: 0 -0.3rem;
     margin-bottom: -0.3rem;
     display: flex;
     flex-wrap: wrap;
 }

 .mpbi-le-wrap-item {
     width: 50%;
     padding: 0 0.3rem;
     padding-bottom: 0.3rem;
 }

 .mpbi-le .std-font32 {
     line-height: var(--line175);
     margin-bottom: 0.26rem;
 }

 .mpbi-le>.std-text16 {
     color: var(--color666);
     line-height: var(--line16);
     margin-bottom: 0.58rem;
 }

 .mlwi-top p {
     line-height: var(--line16);
 }

 .mpbi-ri-item .ys-imgbox-cover {
     border-radius: var(--radius10);
 }

 .mpbi-ri-item {
     padding: 0 0.2rem;

 }

 .mpbi-ri-item-box {
     position: relative;
 }

 .mpbi-ri-box {
     margin: 0 -0.2rem;
 }

 .mpbi-ri .slick-dots {
     position: relative;
     bottom: 0;
     margin-top: 0.26rem;
 }

 .mpbi-ri .slick-dots li {
     width: 8px;
     height: 8px;
 }

 .mpbi-ri-item .mod-tip {
     position: absolute;
     top: 18px;
     right: 18px;
 }

 .manu-prod-box-item:not(:first-child) {
     display: none;
 }

 .mfwl-cont-text {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     margin-top: -0.06rem;
 }

 .mfwl-cont {
     position: relative;
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .mfwl-cont-text-img {
     width: 86px;
     flex: none;
     margin-bottom: 0.1rem;
 }

 .manu-fabri-wrap-list .std-font20 {
     color: var(--colorfff);
     text-align: center;
     padding-left: 0.03rem;
 }

 .manu-fabri-wrap {
     width: 100%;
     height: 100%;
 }

 .manu-fabri-box {
     position: relative;
     display: flex;
     justify-content: center;
 }

 .manu-fabri .std-font40 {
     text-align: center;
     margin-bottom: 0.3rem;
 }

 .manu-fabri-box-info {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: var(--wh1);
     height: var(--wh1);
     --wh1: 273px;
 }

 .manu-fabri-wrap-list {
     width: 100% !important;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .manu-fabri-wrap .slick-list {
     width: 100%;
     height: 100%;
 }

 .manu-fabri-wrap .slick-track {
     height: 100%;
 }

 .mlib-text {
     color: var(--color333);
     padding: 0.12rem 0.35rem;
     background: var(--colorfff);
     border-radius: 10px 0 10px 10px;
     white-space: nowrap;
 }

 .mfbi-list-item.act .mlib-img {
     background: var(--colormain);
 }

 .manu-fabri-bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;

 }

 .manu-fabri {
     background: linear-gradient(180deg, rgba(238, 244, 248, 0.00) 0%, #EEF4F8 52.28%);
 }

 .mfbi-list-item {
     position: absolute;
     transform: translate(-50%, -50%);
     cursor: pointer;
 }

 .mlib-img {
     width: 50px;
     height: 50px;
     background: var(--colorfff);
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     flex: none;
     margin-top: -25px;
     margin-left: 6px;
     transition: all 0.4s
 }

 .mlib-img .ys-imgbox-cover {
     width: 28px;
 }

 .mlib-img img {
     transition: all 0.4s;
 }

 .mlib-img .ys-imgbox-cover :nth-child(2) {
     opacity: 0;
 }

 .mfbi-list-item.act .ys-imgbox-cover :nth-child(1) {
     opacity: 0;
 }

 .mfbi-list-item.act .ys-imgbox-cover :nth-child(2) {
     opacity: 1;
 }

 .mfbi-list-item.on .mfbi-list-item-box {
     flex-direction: row-reverse;
 }

 .mfbi-list-item.on .mfbi-list-item-box .mlib-img {
     margin-right: 6px;
     margin-left: 0;
 }

 .mfbi-list-item-box {
     display: flex;
     align-items: flex-start;
 }

 .mfbi-list-item1 {
     top: 13%;
     left: 25%;
 }

 .mfbi-list-item2 {
     top: 46%;
     left: 18%;
 }

 .mfbi-list-item3 {
     top: 78%;
     left: 20%;
 }

 .mfbi-list-item4 {
     top: 100%;
     left: 30%;
 }

 .mfbi-list-item5 {
     top: 100%;
     left: 70%;
 }

 .mfbi-list-item6 {
     top: 74%;
     left: 80%;
 }

 .mfbi-list-item7 {
     top: 46%;
     left: 82%;
 }

 .mfbi-list-item8 {
     top: 13%;
     left: 75%;
 }

 .manu-fabri-box-svg {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .manu-fabri-box-svg .mfbs-cicle {
     transform: rotate(var(--rotate));
     transition: transform 0.5s ease;
 }

 .mfbs-cicle {
     width: 100%;
     height: 100%;
     will-change: transform;
     transition: all 0.8s var(--bezier1);
     --rotate2: calc(var(--rotate) * -1);
     transform: rotate(var(--rotate2));
     top: 0;
     left: 0;
     position: absolute;
 }

 .mfbs-cicle img {
     width: 100%;
     position: absolute;
     left: calc(50% - 0.1rem);
     width: 0.16rem;
     height: 0.16rem;
     top: 20px;
     transform: translateX(50%) rotate(180deg);
 }

 .manu-fabri-box.active-index-0 {
     --rotate: 320deg;
 }

 .manu-fabri-box.active-index-1 {
     --rotate: 280deg;
 }

 .manu-fabri-box.active-index-2 {
     --rotate: 240deg;
 }

 .manu-fabri-box.active-index-3 {
     --rotate: 200deg;
 }

 .manu-fabri-box.active-index-4 {
     --rotate: 160deg;
 }

 .manu-fabri-box.active-index-5 {
     --rotate: 120deg;
 }

 .manu-fabri-box.active-index-6 {
     --rotate: 80deg;
 }

 .manu-fabri-box.active-index-7 {
     --rotate: 40deg;
 }

 .manu-fabri {
     position: relative;
 }

 .manu-page .ys-nyban-title h1 {
     text-align: center;
 }

 .manu-fabri .ys-cont1440 {
     position: relative;
 }

 .manu-prod-info .mCSB_horizontal.mCSB_inside>.mCSB_container {
     margin-bottom: 5px;
 }

 .manu-fabri-bg img {
     width: 100%;
 }

 .manu-fabri-box-svg {
     width: 100%;
     height: 100%;
 }

 .manu-fabri-box-svg svg {
     width: 100%;
     height: 100%;
     opacity: 0;
 }

 .mfwl-cont-text-img img {
     width: 100%;
 }

 /* kaffi-11.14-end */
 .ys-hd-ph .ys-phnav-search .ys-phnav-menubtn span,
 .ys-hd-ph .ys-phnav-search .ys-phnav-menubtn::before,
 .ys-hd-ph .ys-phnav-search .iconfont {
     color: var(--colormain) !important;
 }

 .ys-hd-ph .ys-phnav-menubtn span,
 .ys-hd-ph .ys-phnav-menubtn::after,
 .ys-hd-ph .ys-phnav-menubtn::before {
     background: var(--colormain) !important;
 }

 .ys-phnav-menu .ys-phmenu-close .iconfont {
     color: var(--colormain);
 }

 /*  */
 .ys-typeselect-bd-right::-webkit-scrollbar {
     display: none;
 }

 .ys-typeselect-bd-right {
     -ms-overflow-style: none;
     scrollbar-width: none;
 }

 .home-sustain-fold-nub.on {
     width: 66%;
 }

 .home-sustain-fold-nub {
     width: 20%;
 }

 .head-search-btn.act .ys-imgbox-cover img:nth-child(2) {
     opacity: 1 !important;
 }

 .head-search-btn.act .ys-imgbox-cover img:nth-child(1) {
     opacity: 0 !important;
 }

 .head-search-btn.act .ys-imgbox-cover:first-child {
     opacity: 1;
 }

 .manu-page .ys-nybanner .ys-cont1600 {
     transform: translateY(50px);
 }

 .news-page .ys-nybanner .ys-cont1600 {
     transform: translateY(50px);
 }

 .ys-tcb-right-ph {
     display: none;
 }

 /* 2025.11.18 - tammy - start */
 .about-global-pop {
     top: 24px;
     left: 50%;
     transform: translateX(-50%);
     transition: all .4s ease;
 }

 .yx_three3d1_map_area {
     transition: all 0s;
 }

 /* 2025.11.18 - tammy - end */
 .manu-page .std-font44,
 .news-page .std-font44 {
     font-size: var(--font44);
     line-height: var(--line13);
 }

 .home-main .ys-header.scroll-active .head-search-input input {
     color: var(--colorfff);
     border-bottom: 1px solid var(--colorfff);
 }

 .home-main .ys-header.scroll-active .head-search-input input::placeholder {
     color: var(--colorfff);
 }

 .mater-select.act .mater-select-right .ys-cont1600 {
     width: 100%;
 }

 .hdpi-nub.mod-left .hncb-pop {
     right: calc(var(--btnwidth) * -2.4);
 }

 .hdpi-nub.on-left .hncb-pop {
     right: calc(var(--btnwidth) * -1);
     left: auto;
 }

 .hncb-pop {
     pointer-events: none;
 }

 .hdpi-nub.on .hncb-pop {
     pointer-events: all;
 }

 .mater-select.act .ys-typeselect {
     position: relative;
 }

 .mater-select.act .ys-typeselect {
     width: calc(100% + 0.84rem);
     position: relative;
     left: -0.42rem;
 }

 .minb-nub.on .minb-nub-link {
     color: var(--colormain);
 }

 .mater-main .ys-nybanner .ys-cont1600 {
     transform: translateY(15%);
 }

 .about-main .ys-nybanner .ys-cont1600 {
     margin-top: 13.5%;
 }


 .text-box {
     overflow: hidden;
     position: relative;
     -webkit-mask-size: 783px 150px;
     -webkit-mask-repeat: no-repeat;
     -webkit-mask-position: 50% 50%;
     -webkit-mask-image: url(../images/d1_banlogo01.svg);
     mask-image: url(../images/d1_banlogo01.svg);
 }

 .return-top {
     display: none;
 }

 /* Yori - start 11.24 */
 .spec-table-box table tr:first-child td:nth-child(1) {
     width: 15%;
 }

 .spec-table-box table tr:first-child td:nth-child(2) {
     width: 30%;
 }

 .spec-table-box table tr:first-child td:nth-child(3) {
     width: 10%;
 }

 .spec-table-box table tr:first-child td:nth-child(4) {
     width: 10%;
 }

 .spec-table-box table tr:first-child td:nth-child(5) {
     width: 10%;
 }

 .spec-table-box table tr:first-child td:nth-child(6) {
     width: 10%;
 }

 .spec-table-box>p {
     display: none;
 }

 .spec-table-box table tr td {
     /* border: 1px solid #000; */
 }

 .spec-table-box {
     /* border-bottom: 1px solid #000; */
 }

 /* Yori - end 11.24 */


 /* Yori - start 11.24  */

 .info-satu-box-le {
     padding: 0.23rem 0.43rem 0.51rem;
 }

 .info-satu-box-ri {
     padding: 0.4rem 0.27rem 0.35rem;
 }


 .ys-tb1ibc-in-radio:checked::before,
 .ys-tb1i-hd-btn:checked::before {
     border: 1px solid #666666;
 }

 .ys-typeselect-compare::before,
 .ys-tb1i-hd-btn::before,
 .ys-tb1ibc-in-radio::before {
     border: 1px solid #666666;
 }

 .ys-tb1ibc-in-radio:checked::before,
 .ys-tb1i-hd-btn:checked::before {
     border: 1px solid var(--colormain);
 }

 .ys-typeselect-compare.on::before,
 .ys-tb1ibc-in-radio.on::before {
     border: 1px solid var(--colormain);
 }

 .mater-main .ys-flex-pos-center .std-text16 {
     width: 31%;
 }

 .hecr-inof {
     height: 100%;
     display: flex;
     flex-direction: column;
 }


 .home-explore-case-right {
     display: flex;
     flex-direction: column;
 }

 .hecr-inof-nub {
     flex-grow: 1;
 }

 .hecr-inof-nub-case {
     height: 100%;
 }

 .mod-btn-link {
     height: auto;
     padding: 0.15rem 0.34rem;
 }

 .hdpi-nub-case .mod-btn .mod-btn-link {
     height: auto;
     padding: 0.14rem 0.1rem;
 }

 .hinc-left-bottom .mod-btn-link {
     height: auto;
     padding: 0.26rem 1.08rem 0.26rem 0.8rem;
 }

 .footer-nav>li:nth-child(3) a:nth-of-type(2) {
     margin-top: 0.1rem;
 }

 @media screen and (min-width: 1200px) {
     .home-sustain .hsfn-bax .hsfn-bax-pic img {
         transform: scale(1.0);
     }

     .footer-privacy li>a:hover {
         color: rgba(51, 51, 51, .4);
     }

     .head-search:hover .head-search-input {
         right: 0.4rem;
         background: var(--colorfff);
         width: 200px;
         padding: 0.2rem 0.1rem;
         border-radius: 10px;
         color: var(--color000);
     }

     .head-search:hover .head-search-input input {
         width: 100%;
         padding: 0 0.1rem;
         color: var(--color000);
     }

 }

 .head-search-input input {
     width: 100%;
     position: relative;
     transition: var(--transition);
 }

 .head-search::after {
     content: '';
     position: absolute;
     width: 240px;
     height: 100%;
     top: 0;
     right: 0;
     pointer-events: none;
     background: transparent;
 }

 .head-search-input {
     width: 0;
     position: absolute;
     right: 0;
 }

 .head-search {
     position: relative;
 }

 .ys-header.scroll-active .ys-hd-pc.ishover .head-logo a img:nth-child(2) {
     opacity: 1;
 }

 .ys-header.scroll-active .ys-hd-pc.ishover .head-logo a img:nth-child(1) {
     opacity: 0;
 }

 .ys-header.scroll-active .ys-hd-pc.ishover .head-nav-item-title {
     color: var(--color333);
 }

 .ys-header.scroll-active .ys-hd-pc.ishover .head-nav-item.yxnav-active1 .head-nav-item-title {
     color: var(--colormain) !important;
 }

 .ys-header.scroll-active .ys-hd-pc.ishover .mod-btn-link {
     background: var(--colormain)
 }

 .ys-header.scroll-active .ys-hd-pc.ishover .head-lang-top-jian img:nth-child(2),
 .ys-header.scroll-active .ys-hd-pc.ishover .head-search-btn .ys-imgbox-cover img:nth-child(2),
 .ys-header.scroll-active .ys-hd-pc.ishover .head-lang-top-circle img:nth-child(2) {
     opacity: 1;
 }

 .ys-header.scroll-active .ys-hd-pc.ishover .head-lang-top-jian img:nth-child(1),
 .ys-header.scroll-active .ys-hd-pc.ishover .head-search-btn .ys-imgbox-cover img:nth-child(1),
 .ys-header.scroll-active .ys-hd-pc.ishover .head-lang-top-circle img:nth-child(1) {
     opacity: 0;
 }

 .ys-header.scroll-active .ys-hd-pc.ishover .head-lang-top-center {
     color: var(--color333);
 }

 .ys-header.scroll-active .ys-hd-pc.ishover.isfixed .head-search-input input {
     color: var(--color000);
     border-bottom: 1px solid var(--color999);
 }

 .page-main .ys-hd-pc.isfixed .yhpc-case,
 .inside-main .ys-page-wrap.act .yhpc-case,
 /* .inside-main .ys-hd-pc.ishover .yhpc-case, */
 .inside-main .ys-hd-pc.has-search .yhpc-case,
 .inside-main .ys-hd-pc.isfixed .yhpc-case {
     border-radius: 0px;
     background: #fff;
     width: 100vw;
     height: 100%;
     transition: var(--transition);
 }

 .ys-hd-pc {
     top: 0.2rem;
 }

 :root {
     --headh: 76px;
 }

 .page-main .ys-hd-pc.isfixed,
 .inside-main .ys-hd-pc.has-search,
 /* .inside-main .ys-hd-pc.ishover, */
 .inside-main .ys-hd-pc.isfixed {
     top: 0;
     box-shadow: var(--shadow);
 }

 .ys-hd-pc.has-search::before,
 .ys-hd-pc.isfixed::before,
 .ys-hd-pc.ishover::before,
 .ys-page-wrap.act .ys-hd-pc::before {
     height: auto;
     opacity: 1;
 }

 .ys-header.scroll-away .yhpc-case {
     border-radius: 0px;
     background: #fff;
     width: 100vw;
     height: 100%;
     transition: var(--transition);
 }

 .ys-header.scroll-away .ys-hd-pc.has-search,
 .ys-header.scroll-away .ys-hd-pc.isfixed,
 /* .ys-header.scroll-away .ys-hd-pc.ishover, */
 .ys-header.scroll-away .ys-hd-pc.isfixed {
     top: 0;
     box-shadow: var(--shadow);
 }

 .ys-header.scroll-active .ys-hd-pc.isfixed.ishover.isfixed .head-search-input input {
     color: var(--color000);
     border-bottom: 1px solid var(--color999);
 }

 .ys-header.scroll-active .ys-hd-pc.ishover.isfixed .head-search-input input {
     color: var(--color999);
     border-bottom: 1px solid var(--color999);
 }

 .ys-header.scroll-active .ys-hd-pc.ishover.isfixed .head-search-input input::placeholder {
     color: var(--color999);
 }

 /* .ys-header.scroll-active .ys-hd-pc.ishover.isfixed {
     top: 0;
     box-shadow: var(--shadow);
 } */

 /* .ys-header.scroll-active .ys-hd-pc.isfixed.ishover .yhpc-case {
     border-radius: 0px;
     background: #fff;
     width: 100vw;
     height: 100%;
     transition: var(--transition);
 } */

 .yhpc-case {
     transition: var(--transition);
 }

 .ys-banner2 {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
 }

 .home-main-banner-headh {
     height: 50vh;
 }

 /* Yori - end 11.24  */

 /* Yori - start 11.25  */

 .mfbs-cicle img {
     top: -6px;
 }

 .manu-fabri .std-font40 {
     margin-bottom: var(--space60);
 }

 .mfbi-list-item1 {
     top: 0.46rem;
     left: -0.4rem;
 }

 .mfbi-list-item2 {
     top: 2.5rem;
     left: -1.6rem;
 }

 .mfbi-list-item3 {
     top: auto;
     left: -1.4rem;
     bottom: 0.85rem;
 }

 .mfbi-list-item4 {
     top: auto;
     left: 0.2rem;
     bottom: -1.05rem;
 }

 .mfbi-list-item5 {
     top: auto;
     bottom: -1.05rem;
     left: 5.3rem;
 }

 .mfbi-list-item6 {
     top: auto;
     left: auto;
     bottom: 0.9rem;
     right: -4.3rem;
 }

 .mfbi-list-item7 {
     top: 2.5rem;
     left: auto;
     right: -4.6rem;
 }

 .mfbi-list-item8 {
     top: 0.5rem;
     left: auto;
     right: -3.5rem;
 }

 .manu-fabri {
     padding-bottom: var(--space220);
 }

 .manu-fabri-box-out {
     position: relative;
     display: flex;
     justify-content: center;
 }

 /* .about-value-inof-nub:nth-of-type(2n-1) {
     transform: translateY(0);
 }

 .about-value-inof-nub:nth-of-type(2n) {
     transform: translateY(0);
 } */
 .about-value-inof {
     --y1: calc(var(--pro)* 100px - 30px);
 }

 /* Yori - start 11.25  */

 /* Yori - start 11.26  */
 .hecl-pic img {
     object-fit: cover;
 }

 .about-honors-list {
     margin-right: calc(var(--place)* -1 + -72px);
     padding-right: calc(var(--place) - 1px + 263px);
 }

 .ahli-nub-case-tit {
     margin-bottom: 0.24rem;
     flex-grow: 1;
 }

 .ahli-nub-case {
     padding: 1.23rem 0.7rem 0.47rem;
 }

 .ahli-nub-case-link {
     text-align: center;
     display: block;
     transition: var(--transition);
     color: var(--colorfff);
     position: relative;
     z-index: 999;
 }

 .ahli-nub-case {
     /* background: var(--colormain); */
 }

 .ahli-nub-case-box {
     display: flex;
     flex-direction: column;
     height: 100%;
 }

 .ahli-nub-case-bg img:nth-child(1) {
     opacity: 0;
 }

 .ahli-nub-case-bg {
     height: 50%;
 }

 /* Yori - end 11.26  */

 /* Yori - start 11.27  */
 .head-nav-item-down1 {
     width: 160px;
     border-radius: 0 0 10px 10px;
 }

 .hnid-case-nub-link {
     color: rgba(51, 51, 51, .7);
     display: flex;
     justify-content: center;
     width: 100%;
     padding: 0.11rem 0.1rem;
 }

 .hnid-case {
     padding: 0.1rem 0;
     /* background: var(--colorfff); */
 }

 .hnid-case-nub {
     transition: var(--transition);
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .hnid-case-nub.yxnav-active2 {
     background: #EEF4F8;
     border-radius: 10px;
 }

 .hnid-case-nub.yxnav-active2 .hnid-case-nub-link {
     color: var(--colormain);
 }

 .head-nav-item-title {
     position: relative;
 }

 .head-nav-item-title::after {
     content: '';
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     width: 0;
     height: 1px;
     background: var(--colormain);
     transition: var(--transition);
     bottom: 0;
 }

 .head-nav-item.yxnav-active1 .head-nav-item-title::after {
     width: 80%;
 }

 .head-nav-item-down {
     top: var(--headh);
     box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px;
 }

 .head-nav-item-down2 {
     width: 5.28rem;
     border-radius: 0 0 10px 10px;
 }

 .hnid-box {
     padding: 0.21rem 0.4rem 0.42rem;
     margin: 0 -0.24rem;
     display: flex;
     flex-wrap: wrap;
 }

 .hnid-box-nub {
     width: 50%;
     padding: 0 0.24rem;
 }

 .hnid-box-nub-link {
     display: flex;
     align-items: center;
     padding: 0.12rem 0 0.06rem;
     border-bottom: 1px solid #DDDDDD;
 }

 .hbnl-icon {
     width: 8px;
     font-size: 0;
     flex: none;
 }

 .hbnl-icon img:nth-child(2) {
     opacity: 1;
 }

 .hbnl-icon img:nth-child(1) {
     opacity: 0;
 }

 .hbnl-tit {
     padding-right: 0.1rem;
     flex-grow: 1;
     color: var(--color333);
     transition: var(--transition);
 }

 .hnid-box-nub.yxnav-active2 .hbnl-tit {
     color: var(--colormain);
 }

 .hnid-box-nub.yxnav-active2 .hbnl-icon img:nth-child(2) {
     opacity: 0;
 }

 .hnid-box-nub.yxnav-active2 .hbnl-icon img:nth-child(1) {
     opacity: 1;
 }

 .hnid-box li:nth-child(1) .hnid-box-nub-link,
 .hnid-box li:nth-child(2) .hnid-box-nub-link {
     padding-top: 0;
 }

 @media screen and (min-width: 1200px) {
     .hnid-box-nub-link:hover .hbnl-icon img {
         transform: scale(1.0);
     }

     .ys-bread-list a:hover {
         color: var(--colorfff);
     }

     .home-main .ys-hd-pc-core:hover .yhpc-case {
         background: var(--colorfff) !important;
     }

 }

 .head-lang.head-link {
     margin-left: 0.18rem;
 }

 .head-lang.head-link .head-lang-top-center {
     width: auto;
     margin-left: 0rem;
 }

 .head-lang.head-link .head-ldi-nub a {
     white-space: nowrap;
 }

 .head-nav {
     --gap1: 0.22rem;
     left: 41.7%;
 }

 .head-search {
     margin-left: 0.04rem;
 }

 .ys-bread-list a {
     color: rgba(255, 255, 255, .5);
     font-size: var(--font16);
 }

 .ys-bread-list::before {
     color: rgba(255, 255, 255, .5);
 }

 .ys-bread li:nth-last-child(1) a {
     color: var(--colorfff);
 }

 .ys-bread {
     --gap1: 0.18rem;
 }

 .inside-main .ys-bread {
     position: absolute;
     top: calc(var(--headh) + 0.4rem);
 }

 .inside-main-banner .ys-bread-list a {
     color: rgba(102, 102, 102, .5);
 }

 .inside-main-banner .ys-bread li:nth-last-child(1) a {
     color: var(--color666);
 }

 .inside-main-banner .ys-bread-list::before {
     color: rgba(102, 102, 102, .5);
 }

 .spec-page-banbox .ys-cont1440 {
     transform: none;
 }

 .spec-page-banbox .ys-cont1440 .ys-nyban-title,
 .spec-page-banbox .ys-cont1440 .spec-page-banbox-ri {
     margin-top: 0.45rem;
 }

 .news-page .ys-nybanner .ys-cont1600,
 .manu-page .ys-nybanner .ys-cont1600 {
     transform: none;
 }

 .news-page .ys-nyban-title .std-font44,
 .manu-page .ys-nyban-title .std-font44 {
     margin-top: 0.5rem;
 }

 .news-page.inside-main .ys-bread,
 .manu-page.inside-main .ys-bread {
     top: auto;
     left: 51%;
     transform: translateX(-50%);
     bottom: 0.15rem;
 }

 .info-satu {
     padding-top: calc(var(--space130) + 0.5rem);
 }

 .ys-banner2 {
     pointer-events: none;
 }

 .home-provide-list {
     padding-right: calc(var(--place) - 1px + 340px);
 }

 .hpli-nub {
     padding: 0 0.16rem;
 }

 .home-provide-list-inof {
     margin: 0 -0.16rem 0.28rem;
 }

 .hpli-nub-link-case {
     /* opacity: 1; */
 }

 .hpli-nub-link-case {
     padding: 0.32rem 0.3rem 0.34rem;
     box-shadow: 0 0px 0.2rem 0 rgba(188, 189, 206, 0.15);
 }

 .hnlc-txt {
     margin-bottom: 0.44rem;
 }

 .hnlc-tit {
     margin-bottom: 0.16rem;
 }

 .home-provide-list {
     --pullback: 0.2rem;
 }

 .hpli-nub-link-pic img {
     object-fit: cover;
 }

 .ys-typeselect-td {
     min-width: 240px;
 }

 .ys-typeselect-td.ys-typeselect-td2 {
     width: auto;
 }

 .ys-typeselect-th.ys-typeselect-td0,
 .ys-typeselect-btn.ys-typeselect-btn0,
 .ys-typeselect-td.ys-typeselect-td0 {
     width: 100% !important;
 }

 .ys-typeselect-th.ys-typeselect-td0,
 .ys-typeselect-btn.ys-typeselect-btn0,
 .ys-typeselect-td.ys-typeselect-td0,
 .ys-typeselect-b2th-left {
     width: 320px !important;
 }

 .isfixed.ys-hd-pc::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 1px;
     bottom: 0;
     left: 0;
     box-shadow: var(--shadow);
     opacity: 1;
     transition: var(--transition);
 }

 /* Yori - end 11.27  */

 .spec-table-box table tr:nth-child(2) {
     background: var(--colormain);
     position: sticky;
     position: -webkit-sticky;
     z-index: 10;
     top: 0.72rem;
 }

 .spec-table-box table tr:nth-child(2) td {
     color: var(--colorfff);
     line-height: 1.56;
     font-size: var(--font16);
     text-align: left;
     font-weight: 400;
     white-space: nowrap;
 }

 /* Yori - start 12.4  */

 .ytnb-case {
     display: flex;
 }

 .ys-modal-content {
     width: 738px;
     border-radius: 10px;
     max-height: 738px;
     padding: 0.4rem 0.6rem;
 }

 .ys-modal-content-mater {
     line-height: var(--line175);
     margin-bottom: 0.16rem;
 }

 .ys-form-mater .ys-fii-name {
     margin-bottom: 12px;
     color: #030F27;
 }

 .ys-fii-input {
     border: none;
     border-radius: 5px;
     background: #F4F9FF;
 }

 .ys-form-mater .ys-fii-input input::placeholder {
     color: var(--color999);
     font-size: var(--font16);
     line-height: var(--line175);
 }

 .ys-modal-update .ys-modal-container {
     border-radius: 10px;
 }

 .ys-modal-content .ys-fii-submit {
     border-radius: 6px;
 }

 .ys-modal-content .ys-form {
     --space: 10px;
     --spacebot: 27px;
     --spacein: 15px;
 }

 .ys-form-inof-text .ys-fii-input {
     height: 124px;
 }

 .ys-fii-submit {
     height: 52px;
     line-height: 52px;
 }

 .ys-modal-content .mCSB_scrollTools .mCSB_draggerContainer {
     height: 80%;
     top: 50%;
     transform: translateY(-50%);
 }

 .ys-modal-content .mCSB_scrollTools {
     right: -4px;
 }

 .mod-pop .mCSB_inside>.mCSB_container>* {
     padding-right: 0px;
 }

 .ahli-nub-case-bg {
     display: flex;
 }

 .home-provide-box {
     width: 41%;
 }

 .home-main-banner {
     overflow: hidden;
 }

 .mslt-inof-nub {
     transition: var(--transition);
 }

 .mslt-inof-nub.act-un.act {
     padding: 6px 0;
     margin: 0;
 }

 .mslt-inof-nub.act.act-un .mslt-inof-nub-top {
     margin: 0 0.1rem 0.06rem 0.38rem;
 }

 /* Yori - end 12.4  */
 /* Yori - start 12.5  */
 .mod-pop .ys-fic-auth .ys-fii-input {
     flex-grow: 0;
     align-items: center;
     display: flex;
     padding-right: 6px;
 }

 .mod-pop .ys-fii-input {
     display: flex;
 }

 .ys-fic-auth-img {
     flex: none;
     height: 38px;
 }

 .mod-pop .ys-form-inof-code .ys-fic-auth {
     flex-wrap: wrap;
     display: flex;
 }

 .mod-pop .ys-form-inof-code .ys-fii-name {
     width: 100%;
 }

 .mod-pop .ys-fia-text-btn {
     width: 12px;
     height: 12px;
     cursor: pointer;
     position: relative;
     top: 6px;
     left: 1px;
 }

 .mod-pop .ys-fia-text-btn::before {
     border-radius: 2px;
 }

 .mod-pop .ys-fia-text-word {
     padding-left: 8px;
     font-size: var(--font14);
 }

 .ys-modal-content {
     max-height: 860px;
     padding: 0.4rem 0.6rem 0.34rem;
 }

 .mod-pop .ys-form-inof-code,
 .mod-pop .ys-form-inof-agree {
     margin-bottom: 18px;
 }

 .ys-modal-content-mater {
     margin-bottom: 0.1rem;
 }

 .ys-modal-content .ys-form {
     --spacebot: 24px;
 }

 .mod-pop .ys-fii-submit {
     line-height: var(--height);
     height: var(--height);
 }

 .ys-tctri-np-bg {
     display: none;
 }

 .ys-tctri-nub-pop {
     box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px;
     left: -39%;
     background: var(--colorfff);
 }

 /* Yori - end 12.5  */

 /* Yori - start 12.10  */
 .spec-page-banbox-le {
     width: calc(49.5% + 0.2rem);
 }

 /* Yori - end 12.10  */

 /* Yori - start 12.10  */
 .ys-typeselect-slider.ys-typeselect-bd1-item .ys-tb1i-bd-core {
     padding-left: 0;
 }

 .ys-typeselect-zhan,
 .ys-typeselect-bd2-top {
     position: relative !important;
 }

 .ys-typeselect-b2t-hd {
     position: absolute !important;
 }

 /* Yori - end 12.10  */

 .hinc-left-top {
     align-items: start;
     padding-top: var(--space140);
 }

 .hinc-left-top-case {
     width: 71%;
 }

 /* Yori - start 12.17  */
 .flti-nub-txt p a {
     padding-left: 0.04rem;
 }

 .about-global-pop .std-font20 {
     font-size: var(--font22);
 }

 .about-global-pop .std-text16,
 .about-global-pop .std-text16 p {
     font-size: var(--font18);
 }

 .isfixed.ys-hd-pc::after {
     opacity: 0;
 }

 .about-history-right-nub .ys-imgbox-cover img {
     object-fit: cover;
 }

 .ahrn-case-inof {
     align-items: center;
 }

 .hdpi-nub {
     z-index: 9;
 }

 /* Yori - end 12.17  */




 /* 南亚二期 */
 @media screen and (min-width: 1200px) {

     /* C1-解决方案 */
     .snin-link:hover {
         color: var(--colormain);
     }

     .snin-link:hover::after {
         width: 100%;
     }

     .solu-main-le:hover img {
         /* transform: scale(1.05); */
     }

     /* D6-研发创新 */
     .develop-center-ri:hover img {
         /* transform: scale(1.05); */
     }

     .duin-case:hover .duin-tit {
         color: var(--colormain);
     }

     /* D2-检测中心 */
     .tfcl-nub-case:hover .tfcl-nub-case-icon img:nth-child(1) {
         opacity: 1;
     }

     .tfcl-nub-case:hover .tfcl-nub-case-icon img:nth-child(2) {
         opacity: 0;
     }

     .tfcl-nub-case:hover::after {
         opacity: 1;
     }

     .tfcl-nub-case:hover .tfcl-nub-case-tit {
         color: var(--colorfff);
     }

     /* E2-客户服务 */
     .mod-btn2-sec .mod-btn-link:hover {
         border: 1px solid transparent;
     }

     .mod-btn-link:hover::after {
         right: 0;
         left: auto;
     }

     /* F4-环境 */
     .soci-develop-ri:hover img {
         /* transform: scale(1.05); */
     }

     .shin-link:hover .shin-link-tit {
         color: var(--colormain);
     }

     .soci-his-cat:hover::after {
         width: 100%;
     }

     .soci-envir-box-le:hover img {
         /* transform: scale(1.05); */
     }

     /* F5-社会 */
     .res-pra-bot-le:hover img {
         /* transform: scale(1.05); */
     }

     /* J1-联系我们 */
     .culi-nub-txt p a:hover {
         color: var(--colormain);
     }

     .curt-inof-nub-case:hover {
         background: var(--colormain);
         color: var(--colorfff);
     }

     .ccri-nub p a:hover {
         color: var(--colormain);
     }

     /* G3-校园招聘 */
     .cisi-nub-case:hover::after {
         opacity: 1;
     }

     .cisi-nub-case:hover .cisi-nub-case-tit {
         color: var(--colorfff);
     }

     .cisi-nub-case:hover .cisi-nub-case-txt,
     .cisi-nub-case:hover .cisi-nub-case-txt p {
         color: var(--colorfff);
     }

     .cisi-nub-case:hover .cisi-nub-case-icon img:nth-child(1) {
         opacity: 1;
     }

     .cisi-nub-case:hover .cisi-nub-case-icon img:nth-child(2) {
         opacity: 0;
     }

     .cisi-nub-case:hover .cisi-nub-case-num {
         background: linear-gradient(180deg, #FFFFFF -33.76%, rgba(255, 255, 255, 0) 112.82%);
         background-clip: text;
         -webkit-background-clip: text;
         transform: scale(1.48);
         transform-origin: right bottom;
     }

     .camp-gather .mod-btn-link:hover span {
         color: var(--colorfff);
     }

     /* G4-社会招聘 */
     .roin-link:hover .ys-imgbox-cover img {
         transform: scale(1.0);
     }

     .roin-link:hover .roin-link-le-tit {
         color: var(--colorfff);
     }

     .roin-link:hover .rllb-tit {
         color: var(--colorfff);
     }

     .roin-link:hover .ys-imgbox-cover img:nth-child(2) {
         opacity: 0;
     }

     .roin-link:hover .ys-imgbox-cover img:nth-child(1) {
         opacity: 1;
     }

     .roin-link:hover::after {
         opacity: 1;
     }

     .hplc-btn:hover::after {
         opacity: 1;
     }

     .hplc-btn:hover {
         border: 1px solid transparent;
         background: transparent;
     }

     .rttn-case:hover .rttn-case-tit {
         color: var(--colorfff);
     }

     .rttn-case:hover .rttn-case-txt,
     .rttn-case:hover .rttn-case-txt p {
         color: var(--colorfff);
     }

     .rttn-case:hover .rttn-case-pic img:nth-child(2) {
         opacity: 0;
     }

     .rttn-case:hover .rttn-case-pic img:nth-child(1) {
         opacity: 1;
     }
 }

 /* 载入效果 */
 .ys-fadeInUpimg {
     transition: all 0.8s !important;
     animation: fadeInUpimg 2s ease 1;
 }

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

     100% {
         transform: none;
     }
 }

 /* C1-解决方案 */
 .solu-main-le {
     border-radius: 0.1rem;
     width: 42.8%;
     overflow: hidden;
     align-self: flex-start;
     position: sticky;
     top: var(--space150);
     transform: rotate(0);
     -webkit-transform: rotate(0);
 }

 .solu-main-le img {
     width: 100%;
 }

 .solu-main .ys-nybanner {
     overflow: visible;
 }

 .solu-main-case {
     display: flex;
     justify-content: space-between;
 }

 .smri-nub-top-img img {
     width: 100%;
 }

 .solu-main-ri {
     width: 47.25%;
 }

 .solu-main h1 {
     color: var(--color333);
     line-height: var(--line13);
     font-size: var(--font40);
 }

 .solu-main .ys-nybanner p {
     color: var(--color666);
     margin-top: 0.24rem;
     font-size: var(--font16);
 }

 .smri-nub {
     border-radius: 6px;
     border: 1px solid var(--colorfff);
     background: rgba(255, 255, 255, 0.60);
     box-shadow: 0 0 30px 0 rgba(226, 230, 240, 0.25);
     padding: 0.25rem 0.41rem 0.26rem 0.28rem;
     margin-bottom: 0.2rem;
 }

 .smri-nub-top-img {
     width: 24px;
     flex: none;
     position: relative;
     top: -2px;
 }

 .smri-nub-top {
     display: flex;
     margin-bottom: 0.17rem;
 }

 .smri-nub-top-tit {
     font-weight: bold;
     color: var(--color333);
     line-height: var(--line14);
     padding-left: 0.1rem;
 }

 .snin-link {
     color: var(--color333);
     line-height: var(--line14);
     padding-bottom: 0.08rem;
     display: block;
     transition: var(--transition);
     height: 100%;
     position: relative;
     border-bottom: 1px solid #DDDDDD;
 }

 .snin-link::after {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 0;
     transition: var(--transition);
     border-bottom: 1px solid var(--colormain);
     height: 1;
     pointer-events: none;
 }

 .smri-nub-inof-nub {
     width: 33.333%;
     padding: 0 0.2rem;
     margin-bottom: 0.18rem;
 }

 .smri-nub-inof {
     margin: 0 -0.2rem -0.17rem;
     display: flex;
     flex-wrap: wrap;
 }

 .smri-nub:nth-last-child(1) {
     margin-bottom: 0;
 }

 .solu-main-ri-inof {
     margin-top: 0.42rem;
 }

 /* D6-研发创新 */
 .rela-main .ys-bread,
 .recu-main .ys-bread,
 .camp-main .ys-bread,
 .gove-main .ys-bread,
 .res-main .ys-bread,
 .soci-main .ys-bread,
 .develop-main .ys-bread,
 .client-main .ys-bread,
 .test-main .ys-bread,
 .qual-main .ys-bread {
     top: auto !important;
     left: 51%;
     transform: translateX(-50%);
     bottom: 0.15rem;
     z-index: 9;
 }

 .rela-main h1,
 .recu-main h1,
 .camp-main h1,
 .gove-main h1,
 .res-main h1,
 .develop-main h1,
 .soci-main h1,
 .client-main h1,
 .qual-main h1,
 .test-main h1 {
     text-align: center;
     font-size: var(--font44);
     line-height: var(--line175);
     margin-top: 0.5rem;
 }

 .develop-main .ys-flex-pos-center {
     z-index: 9;
 }

 .develop-center-le-tit {
     margin-bottom: 0.26rem;
     line-height: var(--line13);
 }

 .develop-center-le-txt,
 .develop-center-le-txt p {
     line-height: var(--line16);
 }

 .develop-center-le {
     width: 34.94%;
 }

 .develop-center-le-txt {
     padding-bottom: 0.34rem;
     border-bottom: 1px solid #DDDDDD;
     margin-bottom: 0.4rem;
 }

 .dcli-nub-tit {
     line-height: var(--line16);
     color: var(--color333);
     padding-left: 0.16rem;
 }

 .dcli-nub-box {
     --ballwd: 16px;
     width: var(--ballwd);
     height: var(--ballwd);
     position: relative;
     top: 4px;
     flex: none;
 }

 .dcli-nub-box::after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background: rgba(0, 55, 199, 0.3);
 }

 .dcli-nub-box::before {
     content: '';
     position: absolute;
     left: 50%;
     top: 50%;
     width: 60%;
     height: 60%;
     transform: translate(-50%, -50%);
     border-radius: 50%;
     background: var(--colormain);
 }

 .dcli-nub {
     display: flex;
     align-items: start;
 }

 .dcli-nub {
     margin-bottom: 0.14rem;
 }

 .dcli-nub:nth-last-child(1) {
     margin-bottom: 0;
 }

 .develop-center-ri img {
     width: 100%;
 }

 .develop-center-ri {
     width: 57.5%;
     border-radius: 0.1rem;
     overflow: hidden;
     transform: rotate(0);
     -webkit-transform: rotate(0);
 }

 .develop-center .ys-cont1440 {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .develop-unique-tit {
     margin-bottom: 0.48rem;
     line-height: var(--line13);
 }

 .develop-unique-inof-nub {

     margin-bottom: 0.17rem;

     display: none;
 }

 .duin-case {
     padding: 0.24rem 0.24rem 0.3rem;
     display: flex;
     border-radius: 6px;
     background: var(--colorfff);
     align-items: center;
 }

 .develop-unique-inof {
     margin-bottom: -0.17rem;
 }

 .duin-icon {
     width: 0.34rem;
     flex: none;
 }

 .duin-icon img {
     width: 100%;
 }

 .develop-unique-bg {
     width: 100%;
 }

 .develop-unique-bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .develop-unique-bg {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .develop-unique {
     position: relative;
 }

 .duin-tit {
     color: var(--color333);
     line-height: var(--line16);
     padding-left: 0.24rem;
     transition: var(--transition);
 }

 .develop-unique .mod-btn2 {
     padding-top: 0.6rem;
     display: flex;
     justify-content: center;
 }

 .develop-unique-inof-nub:nth-child(-n+5) {
     display: block;
 }

 .develop-unique.on .develop-unique-inof-nub {
     display: block;
 }

 .develop-unique .mod-btn-link {
     padding: 0.165rem 0.34rem;
 }

 .develop-achie-tit {
     line-height: var(--line145);
     margin-bottom: 0.2rem;
 }

 .develop-achie-txt,
 .develop-achie-txt p {
     line-height: var(--line175);
 }

 .develop-achie-txt {
     margin-bottom: var(--space80);
 }

 .dain-box-tit {
     color: transparent;
     font-size: var(--font18);
     line-height: var(--line175);
     margin-bottom: -0.22rem;
     background: linear-gradient(180deg, #0037C8 6.73%, #3090FF 88.94%);
     background-clip: text;
     -webkit-background-clip: text;
 }

 .dain-box-tit span {
     font-size: var(--font80);
     font-weight: bold;
     line-height: var(--line175);
 }

 .develop-achie-inof-nub {
     width: 33.333%;
     padding: 0 0.38rem;
     margin-bottom: 0.2rem;
 }

 .develop-achie-inof {
     margin: 0 -0.38rem -0.2rem;
     display: flex;
     flex-wrap: wrap;
 }

 .dain-box-txt {
     color: var(--color999);
     line-height: var(--line175);
     font-size: var(--font16);
     padding-top: 0.12rem;
     border-top: 1px solid #ABBAD0;
 }

 .develop-achie-le {
     width: 38%;
 }

 .develop-achie-bg {
     width: 100%;
     position: relative;
 }

 .develop-achie-bg img {
     width: 100%;
 }

 .develop-achie .ys-cont1440 {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 9;
 }

 .develop-achie {
     position: relative;
     animation-delay: .8s;
 }

 .develop-achie-date {
     line-height: var(--line16);
     color: var(--color999);
     position: absolute;
     right: calc(50vw - 720px);
     bottom: 0.5rem;
     z-index: 9;
 }

 .develop-main .home-ready {
     animation-delay: 1s;
 }

 .dabi-nub {
     width: 8%;
     position: absolute;
     z-index: 10;
     transform: translate(-50%, -50%);
 }

 .dabi-nub img {
     width: 100%;
 }

 .dabi-nub1 {
     left: 59.14%;
     top: 41.70%;
 }

 .dabi-nub2 {
     left: 70.35%;
     top: 28.41%;
 }

 .dabi-nub3 {
     left: 81.78%;
     top: 37.61%;
 }

 .dabi-nub4 {
     left: 65.37%;
     top: 64.32%;
 }

 .dabi-nub5 {
     left: 77.21%;
     top: 57.48%;
 }

 .develop-key-le {
     width: 36.25%;
 }

 .develop-key-le-tit {
     margin-bottom: 0.26rem;
 }

 .develop-key-le-tit {
     line-height: var(--line13);
 }

 .develop-key-le-txt p {
     margin-bottom: 0.24rem;
 }

 .develop-key-le-txt p:nth-last-child(1) {
     margin-bottom: 0;
 }

 .develop-key-le-txt,
 .develop-key-le-txt p {
     line-height: var(--line16);
 }

 .develop-copper-bg {
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .develop-copper-bg img {
     width: 100%;
     object-fit: cover;
     height: 100%;
 }

 .develop-copper {
     position: relative;
 }

 .develop-copper-tit {
     line-height: var(--line13);
     color: var(--colorfff);
     margin-bottom: 0.26rem;
     text-align: center;
 }

 .develop-copper-txt,
 .develop-copper-txt p {
     color: var(--colorfff);
     line-height: var(--line16);
     text-align: center;
 }

 .develop-copper-txt {
     margin-bottom: 0.64rem;
 }

 .develop-key-ri {
     width: 52.5%;
     position: relative;
     transform: translateX(-0.94rem);
 }

 .develop-key-case {
     display: flex;
     width: calc(100% + 2.4rem);
     justify-content: space-between;
     align-items: center;
 }

 .develop-key-ri>img {
     width: 100%;
 }

 .dkri-nub-case-tit {
     color: transparent;
     line-height: var(--line16);
     background: linear-gradient(180deg, #0037C8 6.73%, #3090FF 88.94%);
     background-clip: text;
     -webkit-background-clip: text;
     text-align: center;
     width: 83%;
 }

 .dkri-nub5 .dkri-nub-case-tit,
 .dkri-nub1 .dkri-nub-case-tit {
     width: 84%;
 }

 .dkri-nub-case {
     --bluewd: 1.18rem;
     width: var(--bluewd);
     height: var(--bluewd);
     flex: none;
     border-radius: 50%;
     display: flex;
     transition: var(--transition);
     justify-content: center;
     align-items: center;
     background: linear-gradient(136.85deg, rgba(48, 144, 255, 0.35) 9.09%, rgba(48, 144, 255, 0) 97.25%);
 }

 .dkri-nub-big {
     width: 0.7rem;
     position: absolute;
     left: 88%;
     top: 50%;
     transform: translateY(-50%);
 }

 .dkri-nub-big img {
     width: 100%;
 }

 .dkri-nub-small {
     width: 11px;
     position: absolute;
     right: 100%;
     top: 50%;
     transform: translateY(-50%);
 }

 .dkri-nub-small img {
     width: 100%;
 }

 .dkri-nub-box {
     position: relative;
 }

 .dkri-nub-box-txt,
 .dkri-nub-box-txt p {
     line-height: var(--line16);
 }

 .dkri-nub-box-txt {
     position: absolute;
     right: calc(100% + 12px);
     top: 50%;
     transform: translateY(-50%);
     width: 1.76rem;
     text-align: center;
 }

 .dkri-nub {
     position: absolute;
     transform: translate(-50%, -50%);
 }

 .dkri-nub1 {
     left: 27.88%;
     top: 40.84%;
 }

 .dkri-nub1 .dkri-nub-big img {
     transform: rotate(-70deg)
 }

 .dkri-nub1 .dkri-nub-big {
     top: 72%;
 }

 .dkri-nub-small img {
     transform: rotate(180deg);
 }

 .dkri-nub2 {
     left: 52.37%;
     top: 9.54%;
 }

 .dkri-nub2 .dkri-nub-big {
     top: 88%;
     left: 50%;
     transform: translateX(-50%);
 }

 .dkri-nub2 .dkri-nub-box-txt {
     width: 1.53rem;
 }

 .dkri-nub3 {
     left: 35.54%;
     top: 88.64%;
 }

 .dkri-nub3 .dkri-nub-big img {
     transform: rotate(-134deg);
 }

 .dkri-nub3 .dkri-nub-big {
     left: 70%;
     top: 5%;
 }

 .dkri-nub3 .dkri-nub-box-txt {
     width: 1.51rem;
 }

 .dkri-nub4 {
     left: 69.16%;
     top: 88.64%;
 }

 .dkri-nub5 .dkri-nub-box-txt,
 .dkri-nub4 .dkri-nub-box-txt {
     right: auto;
     width: 1.27rem;
     left: calc(100% + 12px);
 }

 .dkri-nub5 .dkri-nub-small,
 .dkri-nub4 .dkri-nub-small {
     right: auto;
     left: 100%;
 }

 .dkri-nub5 .dkri-nub-small img,
 .dkri-nub4 .dkri-nub-small img {
     transform: rotate(0deg);
 }

 .dkri-nub4 .dkri-nub-big {
     left: auto;
     right: 67%;
     top: 6%;
 }

 .dkri-nub4 .dkri-nub-big img {
     transform: rotate(134deg);
 }

 .dkri-nub5 {
     left: 77.54%;
     top: 40.84%;
 }

 .dkri-nub5 .dkri-nub-big {
     left: auto;
     right: 84%;
     top: 77%;
 }

 .dkri-nub5 .dkri-nub-big img {
     transform: rotate(62deg);
 }

 .std-font30,
 .std-font30 p {
     font-size: var(--font30);
     color: var(--color333);
     line-height: var(--line14);
 }

 .develop-key-ri-center {
     position: absolute;
     text-align: center;
     color: var(--colorfff);
     line-height: var(--line16);
     transform: translate(-50%, -50%);
     left: 52.5%;
     top: 53.63%;
     width: 122px;
 }

 .develop-meas-tit {
     line-height: var(--line13);
     margin-bottom: 0.94rem;
 }

 /* D2-检测中心 */


 .test-main .ys-flex-pos-center {
     z-index: 9;
 }


 .mod-btn2 .mod-btn-link {
     padding: 0.165rem 0.34rem;
 }

 .test-center-tit {
     line-height: var(--line13);
     margin-bottom: 0.26rem;
 }

 .test-center-txt,
 .test-center-txt p {
     line-height: var(--line16);
 }

 .test-center-le {
     width: 42.225%;
 }

 .test-center-txt p {
     margin-bottom: 0.16rem;
 }

 .test-center-txt p:nth-last-child(1) {
     margin-bottom: 0;
 }

 .test-center-txt {
     margin-bottom: 0.5rem;
 }

 .tcli-nub {
     padding-left: 0.2rem;
     position: relative;
     margin-bottom: 0.14rem;
 }

 .tcli-nub:nth-last-child(1) {
     margin-bottom: 0;
 }

 .tcli-nub::after {
     content: '';
     position: absolute;
     left: 0;
     top: 8px;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: var(--colormain);
 }

 .test-center-ri>img {
     width: 100%;
     pointer-events: none;
 }

 .test-center-ri {
     width: 38.87%;
 }

 .test-center .ys-cont1440 {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .tcri-nub-case-icon img {
     width: 100%;
 }

 .tcri-nub-case-icon {
     width: 30px;
     flex: none;
     margin-bottom: 0.06rem;
 }

 .tcri-nub-case {
     --teblue: 1.25rem;
     width: var(--teblue);
     height: var(--teblue);
     background: linear-gradient(180deg, #0037C8 6.73%, #3090FF 88.94%);
     border-radius: 50%;
     display: flex;
     align-items: center;
     flex-direction: column;
     justify-content: center;
 }

 .tcri-nub-case-tit {
     color: var(--colorfff);
     text-align: center;
     line-height: var(--line16);
     width: 80%;
 }

 .test-center-ri {
     position: relative;
 }

 .tcri-nub {
     position: absolute;
     transform: translate(-50%, -50%);
 }

 .tcrc-tit {
     color: var(--colorfff);
     line-height: var(--line16);
     color: var(--colorfff);
     padding: 0 0.2rem;
 }

 .test-center-ri-center {
     --bigbl: 2.22rem;
     width: var(--bigbl);
     height: var(--bigbl);
     border-radius: 50%;
     background: linear-gradient(180deg, #3090FF 18.29%, rgba(48, 144, 255, 0) 141.91%);
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     transform: translate(-50%, -50%);
     left: 50.36%;
     top: 50.78%;
 }

 .test-center-ri-center::before,
 .test-center-ri-center::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     top: 50%;
     pointer-events: none;
     left: 50%;
     z-index: -1;
     transform: translate(-50%, -50%) scale(1);
     background: rgba(48, 144, 255, 0.2);
 }

 .test-center-ri-center::before {
     animation: conkuo 3s linear infinite;
 }

 .test-center-ri-center::after {
     animation: conkuo 3s linear infinite;
     animation-delay: 1.5s;
 }

 @keyframes conkuo {
     0% {
         transform: translate(-50%, -50%) scale(1);
         opacity: .8;
     }

     100% {
         transform: translate(-50%, -50%) scale(3);
         opacity: 0;
     }
 }

 .tcri-nub1 {
     left: 22.81%;
     top: 14.34%;
 }

 .tcri-nub2 {
     left: 3.83%;
     top: 36.37%;
 }

 .tcri-nub3 {
     left: 4.55%;
     top: 64.25%;
 }

 .tcri-nub4 {
     left: 22.81%;
     top: 86.36%;
 }

 .tcri-nub5 {
     left: 76.75%;
     top: 86.36%;
 }

 .tcri-nub6 {
     left: 95.16%;
     top: 64.25%;
 }

 .tcri-nub7 {
     left: 95.16%;
     top: 36.37%;
 }

 .tcri-nub8 {
     left: 76.90%;
     top: 14.34%;
 }

 .test-main-pop .ys-modal-content {
     width: 862px;
     padding: 0.67rem 0.3rem 0.47rem;
     max-height: 461px;
     background: transparent;
 }

 .tmpi-nub-case-pic {
     border-radius: 6px;
     width: 46.8%;
 }

 .tmpi-nub-case-ri {
     width: 48%;
 }

 .tmpi-nub-case {
     display: flex;
     justify-content: space-between;
 }

 .tncr-tit {
     margin-bottom: 0.1rem;
 }

 .tncr-txt,
 .tncr-txt p {
     line-height: var(--line16);
 }

 .tncr-txt p {
     margin-bottom: 0.105rem;
 }

 .tncr-txt p:nth-last-child(1) {
     margin-bottom: 0;
 }

 .test-main-pop .ys-modal-container {
     background: rgba(255, 255, 255, 0.95);
 }

 .ys-modal-close img {
     width: 100%;
 }

 .test-main-pop-inof {
     width: 100%;
 }

 .tmpi-nub {
     width: 100%;
 }

 .test-main-pop-swiper {
     overflow: hidden;
 }

 .tmps-pagination {
     position: relative !important;
     margin-top: 0.4rem;
     bottom: auto !important;
 }

 .test-main-pop-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 0 5px;
 }

 .swiper-pagination-bullet {
     width: 8px;
     height: 8px;
     opacity: 1 !important;
     background: #E5E9F8 !important;
 }

 .swiper-pagination-bullet-active {
     background: linear-gradient(180deg, #0F53D9 0%, #2276EF 100%) !important;
 }

 .test-main-pop .ys-modal-close {
     position: absolute;
     margin-top: 0px;
     margin-right: 0px;
     right: 0.2rem;
     top: 0.2rem;
 }

 .test-fore-tit {
     margin-bottom: 0.64rem;
     line-height: var(--line13);
     text-align: center;
 }

 .tfcl-nub-case-tit {
     transition: var(--transition);
     line-height: var(--line16);
     text-align: center;
     position: relative;
     z-index: 2;
 }

 .test-fore-case {
     display: flex;
     justify-content: space-between;
 }

 .tfcl-nub {
     width: 33.333%;
     padding: 0 0.1rem;
     margin-bottom: 0.2rem;
 }

 .test-fore-case-le {
     width: 52.1%;
     margin: 0 -0.1rem -0.2rem;
     display: flex;
     flex-wrap: wrap;
 }

 .tfcl-nub-case-icon {
     width: 0.6rem;
     margin: 0 auto 0.1rem;
     flex: none;
     position: relative;
     z-index: 2;
 }

 .tfcl-nub-case {
     background: var(--colorfff);
     border-radius: 6px;
     height: 100%;
     cursor: pointer;
     padding: 0.38rem 0.1rem 0.36rem;
     position: relative;
     transition: var(--transition);
     box-shadow: 0px 0px 47.6px 0px rgba(199, 219, 238, 0.4);
 }

 .tfcl-nub-case::after {
     content: '';
     position: absolute;
     border-radius: 6px;
     left: 0;
     top: 0;
     width: 100%;
     pointer-events: none;
     opacity: 0;
     height: 100%;
     transition: var(--transition);
     background: linear-gradient(180deg, #0037C8 6.73%, #3090FF 88.94%);
 }

 .test-fore-bg {
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     z-index: -2;
     backdrop-filter: blur(4px);
     -webkit-backdrop-filter: blur(4px);
     -moz-backdrop-filter: blur(4px);
     -ms-backdrop-filter: blur(4px);
     -o-backdrop-filter: blur(4px);
 }

 .test-fore::after {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     z-index: -3;
     background: linear-gradient(180deg, #EEF4F8 11.47%, rgba(238, 244, 248, 0) 100%);

 }

 .test-fore-bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .test-fore {
     position: relative;
 }

 .test-fore-case-ri {
     width: 47.8%;
 }

 .tfcl-nub-case-icon img:nth-child(2) {
     opacity: 1;
 }

 .tfcl-nub-case-icon img:nth-child(1) {
     opacity: 0;
 }

 .tfcr-nub-case {
     background: var(--colorfff);
     padding: 0.4rem;
     height: 100%;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 6px;
     transition: var(--transition);
 }


 .tfcr-nub {
     height: 100%;
     display: none;
 }

 .tfcr-nub-case-tit {
     width: 72%;
 }

 .tfcl-nub.act .tfcl-nub-case::after {
     opacity: 1;
 }

 .tfcl-nub.act .tfcl-nub-case-tit {
     color: var(--colorfff);
 }

 .tfcl-nub.act .tfcl-nub-case-icon img:nth-child(2) {
     opacity: 0;
 }

 .tfcl-nub.act .tfcl-nub-case-icon img:nth-child(1) {
     opacity: 1;
 }

 .test-solu-case-ri img {
     width: 100%;
 }

 .tscl-tit {
     line-height: var(--line13);
     margin-bottom: 0.26rem;
 }

 .tscl-txt,
 .tscl-txt p {
     line-height: var(--line16);
 }

 .tscl-txt {
     margin-bottom: 0.5rem;
 }

 .test-solu-case-le {
     padding: 0.2rem 0;
     width: 52.85%;
     transform: translateY(14%);
 }

 .test-solu-case-ri {
     width: 30.1%;
 }

 .test-solu-case {
     padding-right: 0.89rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .ahli-nub-case-bg {
     height: auto;
     pointer-events: none;
 }

 /* E1-品质管理 */



 .qual-prom .mod-tit {
     margin-bottom: 0.6rem;
 }

 .qual-prom-inof-nub {
     width: 50%;
     padding: 0 0.8rem;
     margin-bottom: 0.2rem;
     border-right: 1px solid #DDDDDD;
 }

 .qual-prom-inof-nub:nth-child(2) {
     border-right: none;
 }

 .qual-prom-inof {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -0.8rem -0.2rem;
 }

 .qual-prom .ys-cont1200 {
     padding: 0 0.32rem;
 }

 .qpin-case-pic {
     border-radius: 8px;
     margin-bottom: 0.3rem;
 }

 .qpin-case-tit {
     line-height: var(--line13);
     margin-bottom: 0.16rem;
 }

 .qpin-case-txt,
 .qpin-case-txt p {
     line-height: var(--line16);
 }

 .qpin-case {
     height: 100%;
 }

 .qual-tech-bg {
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     z-index: -2;
 }

 .qual-tech-bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .qual-tech {
     position: relative;
 }

 .qual-tech .mod-tit {
     color: var(--colorfff);
     margin-bottom: 0.46rem;
 }

 .qual-tech-inof-nub {
     width: 25%;
     padding: 0 0.1rem;
 }

 .qual-tech-inof {
     display: flex;
     margin: 0 -0.1rem;
 }

 .qtin-case {
     border-radius: 0.1rem;
     border: 1px solid var(--colorfff);
     padding: 0.8rem 0.2rem 0.75rem;
     background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.60) 100%);
 }

 .qtin-case-icon {
     width: 0.76rem;
     flex: none;
     margin: 0 auto 0.21rem;
 }

 .qtin-case-tit {
     line-height: var(--line13);
     text-align: center;
 }

 .qual-pro-fold.ys-fold {
     --profold: 564px;
     --gap1: 11px;
 }

 .qpfn-case {
     height: var(--profold);
     position: relative;
 }

 .qpfn-case-pic {
     width: 100%;
     height: 100%;
     border-radius: 0.1rem;
 }

 .qpfn-case-pic img {
     object-fit: cover;
 }

 .qpfn-case-content-tit {
     line-height: var(--line13);
     margin-bottom: 0.2rem;
 }

 .qpfn-case-content-txt,
 .qpfn-case-content-txt p {
     line-height: var(--line16);
 }

 .qpfn-case-fir-icon img {
     width: 100%;
 }

 .qpfn-case-fir-icon {
     width: 0.44rem;
     flex: none;
     margin: 0 auto 0.14rem;
 }

 .qpfn-case-fir-tit {
     line-height: var(--line13);
     text-align: center;
 }

 .qpfn-case-content {
     position: absolute;
     width: 80%;
     width: 94.6%;
     left: 50%;
     transform: translateX(-50%);
     bottom: 0.2rem;
     background: rgba(255, 255, 255, 0.95);
     border-radius: 0.1rem;
     padding: 0.41rem 0.5rem 0.42rem;
     transition: var(--transition);
     opacity: 0;
 }

 .qual-pro-fold-nub.ys-fold-nub.on {
     width: calc(calc(var(--cont) + calc(var(--gap1)* 2))* .518);
 }

 .qual-pro-fold-nub.ys-fold-nub.on .qpfn-case-fir {
     opacity: 0;
 }

 .qual-pro-fold-nub.ys-fold-nub.on .qpfn-case-content {
     opacity: 1;
     transition-delay: .3s;
 }

 .qpfn-case-fir {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     bottom: 0.2rem;
     border-radius: 0.1rem;
     transition: all 0.2s ease;
     padding: 0.37rem 0.2rem 0.38rem;
     background: rgba(255, 255, 255, 0.95);
     width: 88.83%;
 }

 .qual-pro .mod-tit {
     margin-bottom: 0.64rem;
 }

 .qual-sys .mod-tit {
     margin-bottom: 0.5rem;
 }

 .qual-sys-table table tr:first-child td {
     color: var(--color333);
     line-height: var(--line14);
     font-size: var(--font20);
     text-align: left;
     font-weight: normal !important;
     /* width: 25%; */
     width: calc(var(--cont) / 4);
     flex-shrink: 0;
     white-space: nowrap;
     text-align: center;
     background: transparent;
     padding: 0.26rem 0.2rem;
     border: 1px solid #fff;
 }

 .qual-sys-table table tr:first-child {
     background: #EEF4F8 !important;
     position: sticky;
     position: -webkit-sticky;
     z-index: 10;
     top: 0;
 }

 .qual-sys {
     position: relative;
 }

 .qual-sys::after {
     content: '';
     z-index: -1;
     position: absolute;
     left: 0;
     bottom: 0;
     height: 100%;
     width: 100%;
     background: linear-gradient(180deg, rgba(238, 244, 248, 0) 17.07%, #EEF4F8 100%);
 }

 .qual-sys-table table tr td img {
     width: 30px;
 }

 .qual-sys-table table tr td {
     padding: 0.24rem 0.16rem;
     border-right: 1px solid rgba(0, 201, 255, 0.20);
     color: var(--color333);
     line-height: var(--line14);
     /* word-break: break-all; */
     border-bottom: 1px solid rgba(48, 144, 255, 0.20);
     background: var(--colorfff);
     font-size: var(--font16);
     text-align: center;
 }

 .qual-sys-table table tr td:nth-last-child(1) {
     border-right: none;
 }

 .qual-sys-table table tr td:nth-child(1) {
     font-weight: bold;
 }

 .qual-sys-table table {
     border-collapse: separate;
     border-spacing: 0;
     width: 100%;
 }

 .qual-sys-table {
     max-height: 635px;
     width: 100%;
     overflow: auto;
 }

 /* E2-客户服务 */


 .cqin-case-icon {
     width: 0.90rem;
     flex: none;
     margin: 0 auto 0.2rem;
 }

 .cqin-case-icon img {
     width: 100%;
 }

 .cqin-case-tit {
     line-height: var(--line13);
     margin-bottom: 0.16rem;
     text-align: center;
 }

 .cqin-case-txt,
 .cqin-case-txt p,
 .cqin-case-txt p a {
     line-height: var(--line16);
     text-align: center;
     color: var(--color666);
 }

 .client-qual-inof-nub {
     width: 25%;
     padding: 0 0.1rem;
     margin-bottom: 0.2rem;
 }

 .client-qual-inof {
     margin: 0 -0.1rem -0.2rem;
     display: flex;
     flex-wrap: wrap;
 }

 .cqin-case {
     border-radius: 6px;
     height: 100%;
     background: var(--colorfff);
     padding: 0.8rem 0.12rem 0.92rem;
     box-shadow: 0 0 47.6px 0 rgba(199, 219, 238, 0.40);
 }

 .client-qual .mod-tit {
     margin-bottom: 0.4rem;
 }

 .client-serve-bg {
     position: fixed;
     top: var(--headh);
     left: 0;
     width: 100%;
     z-index: -2;
     height: 100%;
 }

 .client-serve-bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .client-serve {
     overflow: visible;
 }

 .client-serve .ys-cont1440 {
     position: relative;
     z-index: 5;
     display: flex;
     justify-content: end;
 }

 .client-serve {
     position: relative;
     padding-top: 2.58rem;
     padding-bottom: 2.87rem;
 }

 .client-qual {
     background: var(--colorfff);
 }

 .client-serve-case-tit {
     line-height: var(--line13);
     color: var(--colorfff);
     margin-bottom: 0.26rem;
 }

 .client-serve-txt,
 .client-serve-txt p {
     color: var(--colorfff);
     line-height: var(--line16);
 }

 .client-serve-txt {
     margin-bottom: 0.5rem;
 }

 .client-serve-case-btn {
     display: flex;
 }

 .mod-btn2-fir {
     margin-right: 0.2rem;
 }

 .mod-btn2-sec .mod-btn-link {
     background: transparent;
     border: 1px solid var(--colorfff);
 }

 .client-serve-case {
     width: 36%;
 }

 .mod-btn2-sec .mod-btn-link {
     padding: 0.155rem 0.33rem !important;
 }

 .mod-btn-link::after {
     right: auto;
     left: 0;
 }

 .mod-btn-link {
     overflow: hidden;
 }

 .client-after {
     background: var(--colorfff);
 }

 .client-after-tit {
     margin-bottom: 0.56rem;
     line-height: var(--line13);
 }

 .casi-nub {
     width: 33.333%;
     height: auto !important;
 }

 .casi-nub-case {
     border-radius: 0.1rem;
     background: var(--colorbj);
     padding: 0.49rem 0.55rem 0.83rem;
     height: 100%;
 }

 .cnct-icon {
     width: 0.6rem;
     flex: none;
 }

 .cnct-tit {
     line-height: var(--line13);
     padding-right: 0.1rem;
 }

 .cnct-icon img {
     width: 100%;
 }

 .casi-nub-case-top {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-bottom: 0.33rem;
     margin-bottom: 0.36rem;
     position: relative;
 }

 .casi-nub-case-top::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0.36rem;
     background: var(--color333);
     height: 3px;
 }

 .client-after-swiper.swiper-container-horizontal>.swiper-pagination-progressbar,
 .client-after-swiper.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
     height: 2px;
     top: auto;
     bottom: 0;
     /* width: calc(100% - 2.4rem); */
 }

 .client-after-swiper {
     width: calc(100% - 2.4rem);
     margin: 0 !important;
     padding-bottom: 0.6rem !important;
     overflow: visible !important;
 }

 .client-after-swiper-case {
     width: calc(100% + 2.4rem);
     overflow: hidden;
 }

 .client-partner-bg {
     width: 100%;
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
 }

 .client-partner-bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: bottom;
 }

 .client-partner {
     background: var(--colorfff);
     position: relative;
     padding-bottom: 1.77rem;
 }

 .client-partner-tit {
     margin-bottom: 0.5rem;
     line-height: var(--line13);
 }

 .client-partner .ys-cont1440 {
     position: relative;
     z-index: 5;
 }

 .client-partner-inof-nub {
     width: 16.666%;
     padding: 0 0.792rem;
 }

 .client-partner-inof {
     margin: 0 -0.792rem;
 }

 .cpin-case-nub {
     margin-bottom: 0.3rem;
 }

 .cpin-case li:nth-last-child(1) {
     margin-bottom: 0;
 }

 .client-partner-inof1 {
     margin-bottom: var(--space100);
 }

 .client-partner .slick-dots {
     position: relative;
     bottom: auto;
     bottom: auto !important;
     left: calc(100% + 1.95rem - 0.792rem) !important;
     width: 10px !important;
     height: 100% !important;
     position: absolute !important;
     z-index: 10;
     top: 50% !important;
     transform: translateY(-50%) !important;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .client-partner .slick-dots li {
     width: 10px;
     height: 10px;
     margin: 4px 0 !important;
     background: rgba(15, 83, 217, .2);
 }

 .client-partner .slick-dots li.slick-active {
     background: var(--colormain);
 }

 .client-qual-inof-nub:nth-child(4n+1) {
     animation-delay: 0.2s;
 }

 .client-qual-inof-nub:nth-child(4n+2) {
     animation-delay: 0.3s;
 }

 .client-qual-inof-nub:nth-child(4n+3) {
     animation-delay: 0.4s;
 }

 .client-qual-inof-nub:nth-child(4n+4) {
     animation-delay: 0.5s;
 }

 /* F4-环境 */
 .soci-develop-le {
     width: 38%;
 }

 .soci-develop-ri img {
     width: 100%;
 }

 .soci-develop-ri {
     width: 56.1%;
     border-radius: 0.1rem;
     overflow: hidden;
     transform: rotate(0);
     -webkit-transform: rotate(0);
 }

 .soci-develop .ys-cont1440 {
     display: flex;
     justify-content: space-between;
 }

 .soci-develop-le-tit {
     margin-bottom: 0.26rem;
     line-height: var(--line13);
 }

 .soci-develop-le-txt,
 .soci-develop-le-txt p {
     line-height: var(--line16);
 }

 .soci-develop-le-txt p {
     margin-bottom: 0.1rem;
 }

 .soci-develop-le-txt p:nth-last-child(1) {
     margin-bottom: 0;
 }

 .soci-develop-le-txt {
     margin-bottom: 0.5rem;
 }

 .soci-develop-le .mod-btn-link {
     padding: 0.165rem 0.19rem;
 }

 .shin-link-tit {
     line-height: var(--line13);
     color: var(--color333);
     transition: var(--transition);
     padding-right: 0.1rem;
 }

 .shin-link-icon {
     width: 30px;
     flex: none;

 }

 .shin-link-icon img {
     width: 100%;
 }

 .shin-link {
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0.29rem 0.4rem 0.29rem 0.3rem;
     background: var(--colorfff);
     border-radius: 0.09rem;
 }

 .soci-his {
     background: #F1F6FA;
 }

 .soci-his-inof-nub {
     width: 33.333%;
     padding: 0 0.15rem;
     display: none;
 }

 .soci-his-inof-nub:nth-child(-n+6) {
     display: block;
 }

 .soci-his-inof {
     margin: 0 -0.15rem -0.38rem;
     display: flex;
     flex-wrap: wrap;
 }

 .soci-his-inof-nub {
     margin-bottom: 0.38rem;
 }

 .soci-his .mod-tit {
     margin-bottom: 0.82rem;
     padding: 0 0.1rem;
 }

 .soci-his-cat img {
     width: 14px;
     transition: var(--transition);
 }

 .soci-his-cat {
     display: flex;
     align-items: center;
     cursor: pointer;
     position: relative;
 }

 .soci-his-cat::after {
     content: '';
     position: absolute;
     width: 0;
     left: 50%;
     transform: translateX(-50%);
     transition: var(--transition);
     bottom: -5px;
     height: 1px;
     background: var(--colormain);
 }

 .soci-his-cat-tit {
     line-height: var(--line13);
     padding-right: 0.1rem;
     transition: var(--transition);
 }

 .soci-his-cat-box {
     margin-top: 0.5rem;
     display: flex;
     justify-content: center;
 }

 .soci-his.on .soci-his-inof-nub {
     display: block;
 }

 .soci-his.on .soci-his-cat img {
     transform: rotate(180deg);
 }

 .seti-nub-case {
     transition: var(--transition);
     color: var(--color333);
     padding: 0.12rem 0.64rem;
     cursor: pointer;
     border-bottom: 1px solid transparent;
 }

 .soci-envir {
     padding-top: var(--space100);
     overflow: visible;
 }

 .soci-envir-top-fir {
     display: flex;
     justify-content: center;

 }

 .soci-envir-top {
     border-bottom: 1px solid #DDDDDD;
     margin-bottom: var(--space80);
     position: sticky;
     top: var(--headh);
     z-index: 10;
     background: var(--colorfff);
 }

 .soci-envir-top-inof {
     display: flex;
 }

 .seti-nub.act .seti-nub-case {
     color: var(--colormain);
     border-radius: 4px 4px 0 0;
     background: var(--colorfff);
     box-shadow: 0 -10px 14.8px 0 rgba(174, 188, 215, 0.25);
     border-bottom: 1px solid var(--colormain);
 }

 .soci-envir .mod-tit {
     margin-bottom: 0.2rem;
     padding: 0 0.1rem;
 }

 .soci-envir-txt {
     text-align: center;
     padding: 0 0.1rem;
     margin-bottom: 0.5rem;
 }

 .soci-envir-bot {
     display: flex;
     flex-direction: column;
 }

 .soci-envir-box-le img {
     width: 100%;
     transition: var(--transition);
 }

 .soci-envir-box-img {
     width: 41.85%;
 }

 .soci-envir-box-le {
     overflow: hidden;
     border-radius: 0.1rem;
     transform: rotate(0);
     -webkit-transform: rotate(0);
 }

 .soci-envir-box {
     display: flex;
     justify-content: space-between;
 }

 .sebr-nub {
     width: 50%;
     padding: 0 0.1rem;
     margin-bottom: 0.2rem;
 }

 .soci-envir-box-ri {
     margin: 0 -0.1rem -0.2rem;
     flex-wrap: wrap;
     display: flex;
     width: 58.2%;
 }

 .sebr-nub-case {
     padding: 0.4rem 0.38rem;
     transition: var(--transition);
     border-radius: 0.1rem;
     height: 100%;
     cursor: pointer;
     position: relative;
     box-shadow: 0 0 47.6px 0 rgba(199, 219, 238, 0.40);
 }

 .sebr-nub-case-icon {
     width: 40px;
     flex: none;
     font-size: 0;
     margin-bottom: 0.52rem;
 }

 .sebr-nub-case-icon img:nth-child(2) {
     opacity: 1;
 }

 .sebr-nub-case-icon img:nth-child(1) {
     opacity: 0;
 }

 .sebr-nub-case-tit {
     line-height: var(--line13);
     margin-bottom: 0.2rem;
     transition: var(--transition);
 }

 .sebr-nub-case-txt,
 .sebr-nub-case-txt p {
     transition: var(--transition);
     line-height: var(--line16);
 }

 .sebi-nub:not(:first-child) {
     display: none;
 }

 .sebi-item:not(:first-child) {
     display: none;
 }

 .sebr-nub-case::after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     transition: var(--transition);
     border-radius: 0.1rem;
     z-index: -1;
     background: linear-gradient(180deg, #0037C8 6.73%, #3090FF 88.94%);
 }

 .sebr-nub.on .sebr-nub-case::after {
     opacity: 1;
 }

 .sebr-nub.on .sebr-nub-case-icon img:nth-child(2) {
     opacity: 0;
 }

 .sebr-nub.on .sebr-nub-case-icon img:nth-child(1) {
     opacity: 1;
 }

 .sebr-nub.on .sebr-nub-case-tit {
     color: var(--colorfff);
 }

 .sebr-nub.on .sebr-nub-case-txt,
 .sebr-nub.on .sebr-nub-case-txt p {
     color: var(--colorfff);
 }

 .scsi-nub {
     width: 50%;
 }

 .soci-cert-tit {
     line-height: var(--line13);
     width: 70%;
 }

 .soci-cert-top {
     margin-bottom: 0.5rem;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .scsi-nub-case {
     background: var(--colorbj);
     border-radius: 0.1rem;
     height: 100%;
     align-items: start;
     display: flex;
     justify-content: space-between;
     padding: 0.42rem 0.44rem 0.43rem 0.59rem;
 }

 .soci-cert-swiper .swiper-slide {
     height: auto;
 }

 .scsi-nub-case-le {
     width: 45%;
     height: 100%;
     display: flex;
     flex-direction: column;
 }

 .sncl-date {
     line-height: var(--line13);
     font-weight: bold;
     flex-grow: 1;
     padding-bottom: 0.2rem;
 }

 .sncl-tit {
     line-height: var(--line13);
     font-weight: bold;
     padding-bottom: 0.44rem;
 }

 .scsi-nub-case-ri {
     width: 42.2%;
     cursor: pointer;
 }

 .soci-cert-swiper-pagination {
     top: auto !important;
     bottom: 0;
     height: 2px !important;
 }

 .soci-cert-swiper {
     padding-bottom: 0.66rem !important;
 }

 .soci-envir-top.act .seti-nub-case {
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.0);
 }

 .res-sustain-bg img {
     width: 100%;
     height: calc(100vh - var(--headh));
     object-fit: cover;
     position: sticky;
     -webkit-position: sticky;
     top: var(--headh);
     overflow: hidden;
 }

 .res-sustain-bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     pointer-events: none;
 }

 .res-sustain {
     overflow: visible !important;
     position: relative;

 }

 .res-sustain-le {
     width: 33%;
     padding-top: 1.22rem;
     min-height: 50vh;
     position: sticky;
     -webkit-position: sticky;
     top: calc(1.82rem + 1.22rem);

 }

 .res-sustain .ys-cont1440 {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     padding-top: 1.82rem;
     padding-bottom: 0.76rem;
 }

 .res-sustain-inof2 {
     margin-top: 2.4rem;
 }

 .res-sustain-le-tit {
     color: var(--colorfff);
     line-height: var(--line13);
     margin-bottom: 0.26rem;
 }

 .res-sustain-le-txt,
 .res-sustain-le-txt p {
     color: var(--colorfff);
     line-height: var(--line16);
 }

 .res-sustain-ri {
     width: 58.17%;
 }

 .res-sustain-inof {
     width: 50%;
     padding: 0 0.3rem;
 }

 .res-sustain-ri {
     display: flex;
     margin: 0 -0.3rem;
 }

 .res-sustain-inof-nub {
     border-radius: 0.1rem;
     background: rgba(255, 255, 255, .9);
     padding: 1.33rem 0.54rem 1.36rem;
     margin-bottom: 0.6rem;
 }

 .rsin-tit {
     text-align: center;
     line-height: var(--line13);
     margin-bottom: 0.26rem;
 }

 .rsin-txt,
 .rsin-txt p {
     line-height: var(--line16);
     text-align: center;
 }

 .res-sustain-inof-nub:nth-last-child(1) {
     margin-bottom: 0;
 }

 .res-main .soci-envir-txt,
 .res-main .soci-envir-txt p {
     line-height: var(--line16);
 }

 .res-pra-top-tit {
     line-height: var(--line175);
     width: 43%;
 }

 .res-pra-top-txt,
 .res-pra-top-txt p {
     line-height: var(--line16);
 }

 .res-pra-top-txt {
     width: 40%;
 }

 .res-pra-top {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 0.6rem;
 }

 .res-pra-bot-le img {
     width: 100%;
     transition: var(--transition);
 }

 .res-pra-bot-le {
     width: 46.25%;
     border-radius: 0.09rem;
     overflow: hidden;
 }

 .res-pra-bot-inof {
     width: 50.98%;
     display: flex;
     flex-wrap: wrap;
     padding-top: 0.13rem;
     margin: 0 -0.75rem -0.2rem;
 }

 .res-pra-bot {
     display: flex;
     align-items: start;
     justify-content: space-between;
 }

 .rpbi-nub {
     width: 50%;
     padding: 0 0.75rem;
     margin-bottom: 0.2rem;
 }

 .rpbi-nub1 .dain-box-txt {
     width: 56%;
 }

 .rpbi-nub2 .dain-box-txt {
     width: 99%;
 }

 .rpbi-nub3 .dain-box-txt {
     width: 76.5%;
 }

 .rpbi-nub4 .dain-box-txt {
     width: 56%;
 }

 .res-main .soci-envir-txt {
     margin-bottom: 1.12rem;
 }

 .soci-envir-box-small {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     border-radius: 50%;
     margin: auto auto;
     --bigwid: 101px;
     width: var(--bigwid);
     height: var(--bigwid);
     background: rgba(0, 55, 200, 0.1);
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .soci-envir-box-small::before {
     content: '';
     position: absolute;
     width: 150%;
     height: 150%;
     border-radius: 50%;
     top: 50%;
     pointer-events: none;
     left: 50%;
     z-index: -1;
     transform: translate(-50%, -50%) scale(1);
     background: rgba(0, 55, 200, 0.04);
 }

 .soci-envir-box-small::after {
     content: '';
     position: absolute;
     width: 150%;
     height: 150%;
     border-radius: 50%;
     top: 50%;
     pointer-events: none;
     left: 50%;
     z-index: -1;
     transform: translate(-50%, -50%) scale(1);
     background: rgba(48, 144, 255, 0.1);

 }

 .soci-envir-box-small::before {
     animation: conkuo 3s linear infinite;
 }

 .soci-envir-box-small::after {
     animation: conkuo 3s linear infinite;
     animation-delay: 1.5s;
 }

 .soci-envir-boxs {
     position: relative;
 }

 .sebs-case {
     --smwid: 0.25rem;
     width: var(--smwid);
     height: var(--smwid);
     background: var(--colorfff);
     border-radius: 50%;
 }

 .soci-envir-box.soci-envir-box1 {
     justify-content: center;
 }

 .soci-envir-box-bg {
     width: 610px;
     margin: 0 auto;
 }

 .soci-envir-box-bg svg {
     width: 100%;
     height: 100%;
 }

 .rein-case {
     --reswid: 2.49rem;
     width: var(--reswid);
     height: var(--reswid);
     border-radius: 50%;
     background: linear-gradient(180deg, #0037C8 6.73%, #3090FF 88.94%);
     justify-content: center;
     display: flex;
     flex-direction: column;
     padding: 0.1rem 0.1rem;
 }

 .rein-case-tit {
     color: var(--colorfff);
     text-align: center;
     margin-bottom: 0.05rem;
 }

 .rein-case-txt,
 .rein-case-txt p {
     color: var(--colorfff);
     line-height: var(--line16);
     text-align: center;
 }

 .res-envir-inof-nub {
     position: absolute;
     transform: translate(-50%, -50%);
 }

 .res-envir-inof-nub1 {
     left: 50%;
     top: 10.17%;
 }

 .res-envir-inof-nub2 {
     left: 15.74%;
     top: 72.31%;
 }

 .res-envir-inof-nub3 {
     left: 82.29%;
     top: 72.31%;
 }

 /* F6-治理 */
 .gove-envir-le img {
     width: 100%;
 }

 .gove-envir-le {
     width: 49.17%;
     border-radius: 0.1rem;
     overflow: hidden;
 }

 .gove-envir-ri {
     width: 42.4%;
     padding-top: 0.28rem;
 }

 .gove-envir .soci-envir-top {
     margin-bottom: 0.5rem;
 }

 .gove-envir .sebi-nub-case {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .gove-envir-ri-tit {
     line-height: var(--line13);
     margin-bottom: 0.26rem;
 }

 .gove-envir-ri-txt,
 .gove-envir-ri-txt p {
     line-height: var(--line16);
 }

 .gove-envir-ri-txt {
     margin-bottom: 0.45rem;
 }

 .geri-nub-top-icon {
     width: 30px;
     margin-right: 0.16rem;
     flex: none;
     font-size: 0;
 }

 .geri-nub-top-tit {
     line-height: var(--line13);
     transition: var(--transition);
     flex-grow: 1;
     padding-right: 0.1rem;
 }

 .geri-nub-top svg {
     width: 15px;
     flex: none;
     transition: var(--transition);
 }

 .geri-nub-top {
     display: flex;
     align-items: center;
 }

 .geri-nub {
     padding: 0.35rem 0.2rem;
     cursor: pointer;
     position: relative;
     border-bottom: 1px solid rgba(153, 153, 153, 0.5);
 }

 .geri-nub::after {
     content: '';
     position: absolute;
     transition: var(--transition);
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border-radius: 7px;
     background: linear-gradient(270deg, #0037C7 -3.11%, #64B3FE 79.34%);
     opacity: 0;
 }

 .geri-nub-txt,
 .geri-nub-txt p {
     line-height: var(--line16);
 }

 .geri-nub-txt {
     display: none;
 }

 .geri-nub.act::after {
     opacity: 1;
 }

 .geri-nub svg path {
     transition: var(--transition);
 }

 .geri-nub.act svg path {
     stroke: var(--colorfff);
 }

 .geri-nub-top-icon img:nth-child(2) {
     opacity: 1;
 }

 .geri-nub-top-icon img:nth-child(1) {
     opacity: 0;
 }

 .geri-nub.act .geri-nub-top-icon img:nth-child(1) {
     opacity: 1;
 }

 .geri-nub.act .geri-nub-top-icon img:nth-child(2) {
     opacity: 0;
 }

 .geri-nub.act .geri-nub-top-tit {
     color: var(--colorfff);
 }

 .geri-nub-txt,
 .geri-nub-txt p {
     color: var(--colorfff);
 }

 .geri-nub svg {
     transform: rotate(180deg);
 }

 .geri-nub.act svg {
     transform: rotate(0deg);
 }

 .geri-nub-txt {
     padding-top: 0.26rem;
 }

 .geri-nub.act {
     border-bottom: 1px solid transparent;
 }

 .gove-safe-inof-nub {
     width: 50%;
     padding: 0 0.14rem;
 }

 .gove-safe-inof {
     margin: 0 -0.14rem;
 }

 .gsin-case-pic {
     border-radius: 0.1rem;
 }

 .gsin-case-content {
     position: absolute;
     left: 50%;
     width: 93.7%;
     border-radius: 6px;
     transform: translateX(-50%);
     bottom: 0.2rem;
     padding: 0.36rem 0.66rem 0.47rem 0.45rem;
     background: rgba(255, 255, 255, 0.9);
 }

 .gsin-case {
     position: relative;
 }

 .gsin-case-content-tit {
     line-height: var(--line175);
     margin-bottom: 0.2rem;
 }

 .gsin-case-content-txt,
 .gsin-case-content-txt p {
     line-height: var(--line175);
     color: var(--color333);
 }

 .gsin-case-content-txt p {
     padding-left: 0.18rem;
     margin-bottom: 0.16rem;
     position: relative;
 }

 .gsin-case-content-txt p:nth-last-child(1) {
     margin-bottom: 0;
 }

 .gsin-case-content-txt p::after {
     content: '';
     position: absolute;
     left: 0;
     top: 8px;
     width: 8px;
     height: 8px;
     background: #3090FF;
     border-radius: 50%;
 }

 .gove-safe .mod-tit {
     margin-bottom: 0.64rem;
 }

 .gove-safe {
     padding-top: 0.3rem;
     position: relative;
 }

 .gove-safe::after {
     background: linear-gradient(180deg, rgba(48, 144, 255, 0) 20.35%, rgba(48, 144, 255, 0.15) 112.33%);
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -3;
 }

 .gove-safe-bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .gove-safe-bg {
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     z-index: -1;
     height: 100%;
 }

 /* G1-校园招聘列表 */
 .social-main {
     background: #ECEEF5;
 }

 .social-recru {
     padding-top: 0.95rem;
 }

 .social-recru-top .ys-select {
     background: var(--colorfff);
     width: 160px;
     padding: 0.13rem 0.3rem 0.13rem 0.305rem;
 }

 .social-recru-top {
     display: flex;
     position: relative;
     z-index: 9;
     margin-bottom: 0.3rem;
 }

 .social-recru-top .ys-select1 {
     margin-right: 0.2rem;
 }

 .social-recru-top .ys-select .ys-select-li {
     padding: 0.08rem 0.1rem;
     text-align: center;
     font-size: var(--font16);
     line-height: var(--line175);
     color: var(--color333);
 }

 .social-recru-top .ys-select .ys-select-li.on {
     background: var(--colormain);
     color: var(--colorfff);
     border-radius: 4px;
     transition: var(--transition);
 }

 .social-recru-top .ys-select .ys-select-bd .ys-select-inof {
     max-height: 180px;
 }

 .social-recru-top .ys-select .ys-select-bd {
     box-shadow: 0 0 20px 0 rgba(0, 55, 200, 0.10);
 }

 .social-recru .mod-tit {
     text-align: center;
     font-weight: bold;
     margin-bottom: 0.5rem;
 }

 .social-recru-top .ys-select .ys-select-show {
     color: var(--color000);
     font-size: var(--font16);
     line-height: var(--line175);
 }

 .social-recru-top .ys-select .ys-select-show::placeholder {
     color: var(--color333) !important;
     font-size: var(--font16);
     line-height: var(--line175);
 }

 .social-main .ys-main {
     margin-top: calc(var(--headh) + 0.2rem);
 }

 .ys-select-xtbbox svg {
     width: 100%;
 }

 .social-main .ys-select-hd .ys-select-xtbbox svg path {
     transition: var(--transition);
 }

 .social-main .ys-select-hd.on .ys-select-xtbbox svg path {
     stroke: var(--colormain);
 }

 .social-recru-top .ys-select-xtbbox {
     width: 16px;
 }

 .social-recru-bot {
     padding: 0.3rem 0.5rem 0.61rem;
     background: var(--colorfff);
     border-radius: 0.1rem;
 }

 .social-recru-bot-sel {
     background: #ECEEF5;
     position: relative;
     border-radius: 0.08rem;
     margin-bottom: 0.4rem;
 }

 .social-recru-bot-sel .cots-box-shows {
     padding: 0.2rem 0.2rem 0.2rem 0.53rem;
     width: 100%;
     height: 100%;
 }

 .srbs-icon img {
     width: 100%;
 }

 .srbs-icon {
     width: 24px;
     position: absolute;
     top: 50%;
     cursor: pointer;
     left: 0.15rem;
     transform: translateY(-50%);
 }

 .social-recru-bot-sel input {
     line-height: var(--line175);
     font-size: var(--font16);
     color: var(--color333);
 }

 .social-recru-bot-sel input::placeholder {
     line-height: var(--line175);
     font-size: var(--font16);
     color: var(--color666);
 }

 .srbi-nub-case {
     padding-top: 0.2rem;
     padding-bottom: 0.2rem;
     border-top: 1px solid #E2E2E2;
 }

 .social-recru-bot-tit,
 .social-recru-bot-tit span {
     font-size: var(--font16);
     color: var(--color333);
     line-height: var(--line175);
 }

 .social-recru-bot-tit {
     margin-bottom: 0.3rem;
 }

 .srbi-nub-case-top {
     margin-bottom: 0.12rem;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .snct-case {
     width: 32px;
     height: 32px;
     background: #ECEEF5;
     transition: var(--transition);
     border-radius: 2px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .snct-case svg {
     width: 30px;
     transition: var(--transition);
 }

 .snct-tit {
     line-height: var(--line175);
 }

 .snct-nub {
     padding: 0 0.15rem;
     border-right: 1px solid #E2E2E2;
 }

 .snct-nub:nth-last-child(1) {
     border-right: 1px solid transparent;

 }

 .srbi-nub-case-inof {
     display: flex;
     margin: 0 -0.15rem;
 }

 .srbi-nub-case-list.yxedr-active h6 {
     font-size: var(--font16);
     line-height: var(--line16);
     color: var(--color666);
     margin-bottom: 0.1rem;
 }

 .srbi-nub-case-show {
     padding-top: 0.36rem;
 }

 .srbi-nub:not(:first-child) .srbi-nub-case-show {
     display: none;
 }

 .yxedr-active h6 {
     font-size: var(--font16);
     line-height: var(--line175);
     color: var(--color666);
     margin-bottom: 0.1rem;
 }

 .srbi-nub-case-list.yxedr-active p {
     line-height: var(--line175);
     color: var(--color666);
     font-size: var(--font16);
     margin-bottom: 0.08rem;
 }

 .srbi-nub-case-list {
     margin-bottom: 0.08rem;
 }

 .srbi-nub-case-list.yxedr-active p:nth-last-child(1) {
     margin-bottom: 0;
 }

 .srbi-nub.act .snct-case {
     background: var(--colormain);
 }

 .srbi-nub .snct-case svg path {
     transition: var(--transition);
 }

 .srbi-nub.act svg {
     transform: rotate(180deg);
 }

 .srbi-nub.act .snct-case svg path {
     stroke: var(--colorfff);
 }

 .sncs-cont,
 .sncs-cont a {
     color: var(--colormain);
     line-height: var(--line16);
     font-size: var(--font16);
 }

 .sncs-cont {
     margin-bottom: 0.34rem;
 }

 .srbi-nub {
     cursor: pointer;
 }

 .srbi-nub.act {
     cursor: auto;
 }

 .srbi-nub:nth-last-child(1) .srbi-nub-case {
     padding-bottom: 0;
 }

 /* J1-联系我们 */
 .contact-main .ys-main {
     margin-top: calc(var(--headh) + 0.2rem);

 }

 .contact-main {
     background: #F4F9FF;
 }

 .contact-us {
     padding-top: 0.8rem;
 }

 .contact-us-le-tit {
     line-height: var(--line13);
     margin-bottom: 0.51rem;
 }

 .culi-nub-tit {
     line-height: var(--line13);
     margin-bottom: 0.23rem;
 }

 .culi-nub-txt,
 .culi-nub-txt p,
 .culi-nub-txt p a {
     color: var(--color666);
     line-height: var(--line175);
     font-size: var(--font16);
 }

 .culi-nub-txt {
     padding-bottom: 0.25rem;
     border-bottom: 1px solid #C9C9C9;
 }

 .culi-nub {
     margin-bottom: 0.24rem;
 }

 .culi-nub:nth-last-child(1) {
     margin-bottom: 0;
 }

 .contact-us-le {
     width: 27.8%;
 }

 .contact-us-ri {
     width: 57.65%;
 }

 .contact-us .ys-cont1440 {
     display: flex;
     justify-content: space-between;
 }

 .curt-inof-nub-case {
     transition: var(--transition);
     padding: 0.12rem 0.38rem;
     color: var(--color333);
     background: var(--colorfff);
     border-radius: 0.06rem;
     cursor: pointer;
 }

 .curt-inof-nub {
     padding: 0 0.05rem;
 }

 .curt-inof {
     display: flex;
     margin: 0 -0.05rem;
 }

 .contact-us-ri-top {
     margin-bottom: 0.2rem;
 }

 .curt-inof-nub.act .curt-inof-nub-case {
     background: var(--colormain);
     color: var(--colorfff);
 }

 .curi-nub .ys-form {
     background: var(--colorfff);
     border-radius: 0.1rem;
     padding: 0.4rem 0.44rem;
 }

 .curi-nub .ys-fii-name {
     font-size: var(--font18);
     color: #030F27;
     margin-bottom: 0.16rem;
 }

 .curi-nub .ys-form {
     --space: 11.5px;
     --spacebot: 24px;
     --spacein: 14px;
     --height: 50px;
 }

 .ys-fii-submit {
     font-weight: 290;
     border-radius: 6px;
 }

 .curi-nub .ys-select-xtbbox {
     width: 18px;
     right: 0.32rem;
 }

 .curi-nub .ys-select-hd.ys-fii-input .ys-select-xtbbox svg path {
     transition: var(--transition);
 }

 .curi-nub .ys-select-hd.ys-fii-input.on .ys-select-xtbbox svg path {
     stroke: var(--colormain);
 }

 .curi-nub .ys-select-xtbbox svg {
     width: 100%;
 }

 .curi-nub .ys-fic-auth-img {
     position: absolute;
     right: 0.14rem;
     top: 50%;
     transform: translateY(-50%);
 }

 .curi-nub .ys-select-bd {
     border: none;
     box-shadow: 0 0 20px 0 rgba(0, 55, 200, 0.10);
 }

 .curi-nub .ys-select-bd .ys-fiiss-core {
     max-height: 180px;
     height: auto;
 }

 .curi-nub .ys-form-inof-code .ys-fic-auth {
     position: relative;
 }

 .curi-nub .ys-select-li {
     padding: 0.08rem 0.2rem;
     text-align: center;
     transition: var(--transition);
     line-height: var(--line175);
     color: var(--color333);
 }

 .curi-nub .ys-form-inof-item .ys-select-li.on {
     color: var(--colorfff);
     background: var(--colormain);
     border-radius: 4px;
 }

 .culi-nub-txt p {
     margin-bottom: 0.07rem;
 }

 .culi-nub-txt p:nth-last-child(1) {
     margin-bottom: 0;
 }

 .curi-nub .ys-fia-text-btn {
     width: 20px;
     height: 20px;
     top: 2px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .curi-nub .ys-fia-text-btn::before {
     border: 1px solid var(--color999);
     border-radius: 4px;
 }

 .curi-nub .ys-fia-text-word {
     width: calc(100% - 20px);
     padding-left: 11px;
     font-size: var(--font14);
     line-height: var(--line175);
     color: #121212;
 }

 .curi-nub .ys-fia-text-btn::after {
     width: calc(100% + 2px);
     height: calc(100% + 2px);
     border-radius: 4px;
 }

 .curi-nub .ys-form-inof-agree.on .ys-fia-text-btn::before {
     /* border: 1px solid var(--colormain); */
     border: 1px solid transparent;

 }

 .ys-fia-text-btn img {
     width: 60%;
     top: 1px;
     position: relative;
     z-index: 10;
 }

 .curi-nub {
     display: none;
 }

 .std-font26,
 .std-font26 p {
     font-size: var(--font26);
     color: var(--color333);
     line-height: var(--line13);
 }

 .contact-sup-inof-nub {
     width: 50%;
     margin-bottom: 0.4rem;
     padding: 0 0.2rem;
 }

 .contact-sup-inof {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -0.2rem -0.4rem;
 }

 .csin-case-ri-tit {
     margin-bottom: 0.22rem;
 }

 .ccri-nub,
 .ccri-nub,
 .ccri-nub p a {
     color: var(--color666);
     line-height: var(--line13);
     font-size: var(--font16);
 }

 .csin-case-icon {
     width: 32.5%;
     flex: none;
     font-size: 0;
 }

 .csin-case {
     height: 100%;
     display: flex;
     align-items: center;
     background: var(--colorfff);
     border-radius: 0.1rem;
     justify-content: space-between;
     padding: 0.25rem 0.2rem 0.24rem 0.21rem;
 }

 .csin-case-ri {
     width: 63%;
 }

 .contact-sup .mod-tit {
     margin-bottom: 0.4rem;
 }

 .ccri-nub {
     margin-bottom: 0.04rem;
 }

 .contact-sup-inof-nub:nth-child(2n+1) {
     animation-delay: 0.2s;
 }

 .contact-sup-inof-nub:nth-child(2n+2) {
     animation-delay: 0.3s;
 }

 /* G3-校园招聘 */
 .std-font54,
 .std-font54 p {
     font-size: var(--font54);
     color: var(--color333);
     line-height: var(--line13);
 }

 .cisi-nub-case-icon {
     width: 0.66rem;
     flex: none;
     font-size: 0;
     margin: 0 auto 0.22rem;
 }

 .citl-tit {
     line-height: var(--line13);
     margin-bottom: 0.2rem;
 }

 .citl-txt,
 .citl-txt p {
     line-height: var(--line16);
 }

 .camp-invi-top-le {
     width: 70%;

 }

 .camp-invi-top {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .cisi-nub-case {
     box-shadow: 0px 0px 0.5rem 0px #A4C3D240;
     padding: 0.96rem 0.3rem 0.92rem;
     position: relative;
     height: 100%;
     transition: var(--transition);
     border-radius: 0.1rem;
 }

 .cisi-nub-case::after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     background: linear-gradient(180deg, #0037C8 6.73%, #3090FF 88.94%);
     z-index: -1;
     transition: var(--transition);
     border-radius: 0.1rem;
     opacity: 0;
 }

 .cisi-nub {
     width: 25%;
     height: auto !important;
 }

 .cisi-nub-case-tit {
     transition: var(--transition);
     text-align: center;
     line-height: var(--line13);
     margin-bottom: 0.16rem;
 }

 .cisi-nub-case-txt,
 .cisi-nub-case-txt p {
     transition: var(--transition);
     text-align: center;
 }

 .cisi-nub-case-num {
     transition: var(--transition);
     color: transparent;
     position: absolute;
     right: 0.2rem;
     bottom: 0.08rem;
     background: linear-gradient(180deg, #0037C8 6.73%, #3090FF 88.94%);
     background-clip: text;
     -webkit-background-clip: text;
 }

 /* .cisi-nub-case-num::after {
     content: '';
     position: absolute;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     transition: var(--transition);
     background: linear-gradient(180deg, #0037C8 6.73%, #3090FF 88.94%);
     background-clip: text;
     -webkit-background-clip: text;
 } */

 .camp-invi-swiper {
     padding-bottom: 0.5rem !important;
     padding-top: 0.64rem !important;
     overflow: visible !important;
 }

 .camp-invi-swiper .swiper-pagination.swiper-pagination-progressbar {
     top: auto;
     bottom: 0;
     height: 2px;
 }

 .camp-invi-swiper .swiper-wrapper {
     height: auto !important;
 }

 .cisi-nub-case-icon img:nth-child(2) {
     opacity: 1;
 }

 .cisi-nub-case-icon img:nth-child(1) {
     opacity: 0;
 }

 .camp-invi-swiper-case {
     width: calc(100% + 30px);
 }

 .camp-invi-swiper-pagination {
     width: calc(100% - 30px) !important;
 }

 .swiper-pagination-progressbar {
     background: rgba(217, 217, 217, 0.6) !important;
 }

 .camp-gather {
     position: relative;
     padding-top: 0.72rem;
     background: var(--colorfff);
 }

 .camp-gather::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     height: 53%;
     width: 100%;
     background: linear-gradient(202.55deg, #0037C8 32.79%, #3090FF 79.1%);
     z-index: 0;
 }

 .camp-gather .ys-cont1440 {
     position: relative;
     z-index: 3;
 }

 .camp-gather .mod-tit {
     color: var(--colorfff);
     margin-bottom: 0.4rem;
 }

 .camp-gather .mod-btn2 {
     display: flex;
     justify-content: center;
     margin-bottom: 0.6rem;
 }

 .camp-gather .mod-btn-link {
     background: var(--colorfff);
 }

 .camp-gather .mod-btn-link span {
     color: var(--colormain);
 }

 .cgin-case-tit {
     line-height: var(--line13);
     margin-bottom: 0.28rem;
 }

 .ccin-tit {
     line-height: var(--line175);
     padding-left: 0.14rem;
 }

 .cgin-case {
     height: 100%;
     background: rgba(255, 255, 255, 0.9);
     padding: 0.5rem 0.5rem 0.62rem;
     border-radius: 0.1rem;
     box-shadow: 0 4px 60px 0 rgba(90, 114, 146, 0.10);
     backdrop-filter: blur(70.5px);
     -webkit-backdrop-filter: blur(70.5px);
     -moz-backdrop-filter: blur(70.5px);
     -ms-backdrop-filter: blur(70.5px);
     -o-backdrop-filter: blur(70.5px);
 }

 .camp-gather-inof-nub {
     width: 25%;
     padding: 0 0.12rem;
 }

 .camp-gather-inof {
     margin: 0 -0.12rem;
     display: flex;
 }

 .cgin-case-inof-nub {
     display: flex;
     align-items: start;
     margin-bottom: 0.12rem;
 }

 .ccin-icon img {
     width: 100%;
 }

 .ccin-icon {
     width: 20px;
     flex: none;
     font-size: 0;
     position: relative;
     top: 5px;
 }

 .cgin-case-inof-nub:nth-last-child(1) {
     margin-bottom: 0;
 }

 .camp-diver-bg {
     position: fixed;
     top: var(--headh);
     left: 0;
     width: 100%;
     z-index: -2;
     height: 100%;
 }

 .camp-diver-bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .camp-diver .ys-cont1440 {
     position: relative;
     z-index: 5;
 }

 .camp-diver {
     position: relative;
     padding-top: 1.27rem;
     padding-bottom: 1.28rem;
 }

 .camp-invi {
     background: var(--colorfff);
 }

 .camp-diver-case {
     background: rgba(255, 255, 255, 0.82);
     padding: 0.62rem 0.6rem 0.78rem 0.6rem;
     width: 42.65%;
     border-radius: 0.12rem;
 }

 .mod-btn-link::after {
     border-radius: 0;
 }

 .camp-diver-tit {
     line-height: var(--line13);
     margin-bottom: 0.4rem;
 }

 .camp-diver-txt,
 .camp-diver-txt p {
     line-height: var(--line16);
 }

 .camp-train {
     background: var(--colorfff);
     position: relative;
 }

 /* 
.camp-train::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 56.25%;
    width: 100%;
    z-index: 1;
    background: linear-gradient(to bottom, #FFFFFF 13.19%, rgba(238, 244, 248, 1) 77.34%);
} */
 .camp-train .mod-tit {
     margin-bottom: 0.64rem;
 }

 .ctin-pic {
     width: 53.8%;
     border-radius: 0.1rem;
     overflow: hidden;
 }

 .camp-train-inof-nub {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 0.6rem;
     padding-right: 0.93rem;
 }

 .ctin-content-tit {
     line-height: var(--line175);
     margin-bottom: 0.2rem;
 }

 .ctin-content-txt {
     margin-bottom: 0.4rem;
 }

 .ctin-content {
     width: 36.5%;
 }

 .camp-train-inof-nub:nth-last-child(1) {
     margin-bottom: 0;
 }

 .camp-train-inof-nub:nth-last-child(2n) {
     padding-right: 0;
     flex-direction: row-reverse;
     padding-left: 0.93rem;
 }

 .camp-train .ys-cont1360 {
     padding: 0 0.15rem;
     position: relative;
     z-index: 5;
 }

 .camp-train-bg {
     width: 100%;
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     z-index: 1;
 }

 .camp-train-bg img {
     width: 100%;
 }

 /* G4-社会招聘 */
 .recu-open {
     background: var(--colorfff);
     position: relative;
 }

 .recu-open-txt,
 .recu-open-txt p {
     line-height: var(--line16);
     text-align: center;
 }

 .recu-open-txt {
     padding: 0 0.1rem;
     margin-bottom: 0.5rem;
 }

 .recu-open .mod-tit {
     margin-bottom: 0.2rem;
     padding: 0 0.1rem;
 }

 .recu-open-inof-nub {
     width: 33.333%;
     padding: 0 0.12rem;
     margin-bottom: 0.3rem;
 }

 .recu-open-inof {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -0.12rem -0.3rem;
 }

 .roin-link {
     padding: 0.46rem 0.31rem 0.5rem;
     border-radius: 0.1rem;
     background: var(--colorfff);
     width: 100%;
     align-items: start;
     display: flex;
     justify-content: space-between;
     position: relative;
 }

 .roin-link::after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     background: linear-gradient(180deg, #0037C8 6.73%, #3090FF 88.94%);
     border-radius: 0.1rem;
     opacity: 0;
     transition: var(--transition);
 }

 .recu-open-bg {
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     ;
 }

 .recu-open-bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .recu-open .ys-cont1440 {
     position: relative;
     z-index: 1;
 }

 .roin-link-le-tit {
     line-height: var(--line175);
     transition: var(--transition);
     margin-bottom: 0.14rem;
     z-index: 5;
     position: relative;
 }

 .rllb-tit {
     padding-right: 0.11rem;
     transition: var(--transition);
     z-index: 5;
     position: relative;
 }

 .rllb-icon {
     width: 24px;
     flex: none;
     font-size: 0;
     z-index: 5;
     position: relative;
 }

 .roin-link-le-bot {
     display: flex;
     align-items: center;
 }

 .roin-link-ri {
     width: 0.76rem;
     flex: none;
     font-size: 0;
     z-index: 5;
     position: relative;
 }

 .roin-link .ys-imgbox-cover img:nth-child(2) {
     opacity: 1;
 }

 .roin-link .ys-imgbox-cover img:nth-child(1) {
     opacity: 0;
 }

 .recu-open-inof-nub:nth-child(3n+1) {
     animation-delay: 0.2s;
 }

 .recu-open-inof-nub:nth-child(3n+2) {
     animation-delay: 0.3s;
 }

 .recu-open-inof-nub:nth-child(3n+3) {
     animation-delay: 0.4s;
 }

 .camp-gather-inof-nub:nth-child(4n+1) .cgin-case {
     animation-delay: 0.2s;
 }

 .camp-gather-inof-nub:nth-child(4n+2) .cgin-case {
     animation-delay: 0.3s;
 }

 .camp-gather-inof-nub:nth-child(4n+3) .cgin-case {
     animation-delay: 0.4s;
 }

 .camp-gather-inof-nub:nth-child(4n+4) .cgin-case {
     animation-delay: 0.5s;
 }

 .recu-style {
     background: var(--colorfff);
 }

 .rssi-nub {
     width: 50%;
 }

 .recu-style-top-tit {
     line-height: var(--line175);
     width: 70%;
 }

 .recu-style-top {
     display: flex;
     justify-content: space-between;
     margin-bottom: 0.64rem;
 }

 .rssi-nub-case-pic {
     border-radius: 0.1rem;
     margin-bottom: 0.2rem;
 }

 .rssi-nub-case-tit {
     line-height: var(--line175);
     margin-bottom: 0.1rem;
 }

 .recu-style-swiper {
     width: calc(100% - 4.84rem);
     padding: 0 !important;
     margin: 0 !important;
     overflow: visible !important;
 }

 .recu-style-swiper-case {
     width: calc(100% + 2.4rem);
     overflow: hidden;
 }

 .hplc-btn {
     overflow: visible;
 }

 .hplc-btn::after {
     content: '';
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: calc(100% + 2px);
     height: calc(100% + 2px);
     border-radius: 6px;
     opacity: 0;
     transition: var(--transition);
     background: linear-gradient(180deg, #0037C8 6.73%, #3090FF 88.94%);
 }

 .hplc-btn img {
     z-index: 9;
 }

 .recu-tech {
     background: var(--colorbj);
 }

 .recu-tech .mod-tit {
     line-height: var(--line175);
     margin-bottom: 0.2rem;
 }

 .recu-tech-sec {
     color: var(--color333);
     margin-bottom: 0.2rem;
     line-height: var(--line175);
 }

 .rttn-case-pic {
     width: 100%;
     flex: none;
     height: 100%;
     font-size: 0;
 }

 .rttn-case-pic img {
     height: 100%;
 }

 .rttn-case-content {
     position: absolute;
     top: 0.5rem;
     left: 50%;
     width: 60%;
     transform: translateX(-50%);
     z-index: 9;
 }

 .rttn-case {
     position: relative;
     height: 100%;
 }

 .rttn-case-pic img:nth-child(2) {
     opacity: 1;
 }

 .rttn-case-pic img:nth-child(1) {
     opacity: 0;
 }

 .rttn-case-tit {
     transition: var(--transition);
     line-height: var(--line175);
     margin-bottom: 0.2rem;
     text-align: center;
 }

 .recu-tech-top {
     display: flex;
     position: relative;

 }

 .rttn-case-txt p {
     margin-bottom: 0.07rem;
     text-align: center;
 }

 .rttn-case-txt p:nth-last-child(1) {
     margin-bottom: 0;
 }

 .recu-tech-inof {
     --widte: 3.2rem;
     --widjian: 0.59rem;
     --widte2: 3.92rem;
     --widjian2: 0.7rem;
 }

 .recu-tech-inof-nub1 {
     width: calc(100% + var(--widjian)*4);
 }

 .recu-tech-inof-nub2 {
     width: calc(100% + var(--widjian2)*3);
 }

 .recu-tech-top-nub1 {
     width: 20%;
     z-index: 5;
 }

 .recu-tech-top-nub {
     top: 0;
     height: 100%;
 }

 .recu-tech-top-nub2 {
     position: absolute;
     left: calc(20% - var(--widjian) + 2px);
     z-index: 4;
 }

 .recu-tech-top-nub3 {
     position: absolute;
     left: calc(40% - var(--widjian)*2);
     z-index: 3;
 }

 .recu-tech-top-nub4 {
     position: absolute;
     left: calc(60% - var(--widjian)*3);
     z-index: 2;
 }

 .recu-tech-top-nub5 {
     position: absolute;
     left: calc(80% - var(--widjian)*4);
     z-index: 1;
 }

 .recu-tech-top-nub1 .rttn-case-content {
     left: 43%;
 }

 .recu-tech-top-nub3 .rttn-case-content {
     left: 55%;
 }

 .recu-tech-top-nub5 .rttn-case-content {
     left: 58%;
 }

 .recu-tech-inof-nub1 {
     margin-bottom: 0.3rem;
 }

 .recu-tech-inof-nub2 .recu-tech-top-nub {
     width: 25%;
 }

 .recu-tech-inof-nub2 .recu-tech-top-nub2 {
     position: absolute;
     left: calc(25% - var(--widjian2) + 2px);
 }

 .recu-tech-inof-nub2 .recu-tech-top-nub3 {
     position: absolute;
     left: calc(50% - var(--widjian2)*2 + 1px);
 }

 .recu-tech-inof-nub2 .recu-tech-top-nub4 {
     position: absolute;
     left: calc(75% - var(--widjian2)*3 + 1px);
 }

 .recu-tech-inof-nub2 .recu-tech-top-nub3 .rttn-case-content {
     left: 50%;
 }

 .recu-tech-inof-nub2 .recu-tech-top-nub4 .rttn-case-content {
     left: 57%;
 }

 .ahli-nub-case {
     padding: 1.22rem 0.7rem 0.45rem;
 }

 .ahli-nub-case-tit {
     margin-bottom: 0.1rem;
 }

 .develop-copper-svg svg {
     width: 100%;
     pointer-events: none;
 }

 .develop-copper-svg {
     position: relative;
 }

 .dcsi-nub-case-big img {
     width: 100%;
 }

 .dcsi-nub-case-big {
     width: 2.5rem;
 }

 .dcsi-nub-case-small {
     width: 0.6rem;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .dcsi-nub-case-small img {
     width: 100%;
 }

 .dcsi-nub-case {
     position: relative;
 }

 .dcsi-nub {
     position: absolute;
     transform: translate(-50%, -50%);
 }


 .develop-copper .ys-cont1680 {
     padding: 0 130px;
 }

 .dcsi-nub1 {
     left: 8.90%;
     top: 41.18%;
 }

 .dcsi-nub2 {
     left: 29.84%;
     top: 41.18%;
 }

 .dcsi-nub3 {
     left: 50.06%;
     top: 41.18%;
 }

 .dcsi-nub4 {
     left: 70.3%;
     top: 41.18%;
 }

 .dcsi-nub5 {
     left: 91.03%;
     top: 41.18%;
 }

 .develop-meas-bg-top svg {
     width: 100%;
 }

 .develop-meas-bg-bot svg {
     width: 100%;
 }

 .develop-meas-bg-bot {
     width: 84.445%;
 }

 .develop-meas-bg-top {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 84.445%;
     z-index: 1;
     overflow: hidden;
 }

 .develop-meas-bg {
     position: relative;
     margin-bottom: 0.47rem;
 }

 .dmbi-nub {
     position: absolute;
     transform: translate(-50%, -50%);
     z-index: 9;
 }


 .dmbi-nub-case-num {
     --dmwi: 0.66rem;
     width: var(--dmwi);
     height: var(--dmwi);
     border-radius: 50%;
     background: #3090FF;
     display: flex;
     transition: var(--transition);
     justify-content: center;
     align-items: center;
     color: var(--colorfff);
     font-weight: bold;
     line-height: var(--line13);
     position: relative;
 }

 .dmbi-nub-case-tit {
     line-height: var(--line13);
     margin-bottom: 0.28rem;
 }

 .dmbi-nub-case-txt,
 .dmbi-nub-case-txt p {
     line-height: var(--line16);
 }

 .dmbi-nub1 {
     left: 2.30%;
     top: 42.19%;
 }

 .dmbi-nub2 {
     left: 29.3%;
     top: 74%;
 }

 .dmbi-nub3 {
     left: 57%;
     top: -3.56%;
 }

 .dmbi-nub4 {
     left: 84.34%;
     top: 81.75%;
 }

 .dmbt-nub {
     padding: 0 0.75rem;
 }

 .develop-meas-bg-txt {
     display: flex;
     margin: 0 -0.75rem;
 }

 .dmbt-nub-case {
     width: 2.46rem;
 }

 .dmbt-nub:nth-last-child(1) {
     padding-right: 0;
 }

 .develop-meas {
     padding-top: 2.14rem;
     padding-bottom: 2.15rem;
 }

 .res-sustain-ph {
     display: none;
 }

 .dmbi-nub.act .dmbi-nub-case-num {
     background: var(--colormain);
 }

 .dmbi-nub.act .dmbi-nub-case::before {
     width: 60%;
     height: 60%;
 }

 .dmbi-nub-case::before {
     content: '';
     position: absolute;
     width: 0%;
     height: 0%;
     border-radius: 50%;
     top: 50%;
     pointer-events: none;
     left: 50%;
     z-index: -1;
     transition: var(--transition);
     transform: translate(-50%, -50%) scale(1);
     opacity: 0;
     background: rgba(0, 55, 199, 0.25);
 }

 .dmbi-nub-case::before {
     animation: conkuo 3s linear infinite;
 }

 .dmbi-nub-case {
     position: relative;
 }

 .develop-key-ri-txt {
     display: none;
 }

 .dcsi-nub-case-tit {
     display: none;
 }

 .recu-tech-ph {
     display: none;
 }

 .recu-tech-scroll {
     display: none;
 }

 /* F1-投资者关系 */

 /*.rela-sec-case {*/
 /*    box-shadow: 0px 0px 30.1px 0px rgba(159, 170, 190, 0.25);*/
 /*}*/

 /*.rela-sec .mod-tit {*/
 /*    line-height: var(--line14);*/
 /*    margin-bottom: 0.47rem;*/
 /*}*/

 /*.rela-sec-case-iframe {*/
 /*    height: 468px;*/
 /*}*/

 /*.rela-sec-case {*/
 /*    padding: 1rem 0.4rem;*/
 /*    border-radius: 0.12rem;*/
 /*}*/

 /*.rela-com .mod-tit {*/
 /*    line-height: var(--line14);*/
 /*    margin-bottom: 0.6rem;*/
 /*}*/

 /*.rela-com-inof-nub {*/
 /*    width: 50%;*/
 /*    padding: 0 0.6rem;*/
 /*    border-right: 1px solid #DDDDDD;*/
 /*}*/

 /*.rela-com-inof {*/
 /*    display: flex;*/
 /*    margin: 0 -0.6rem;*/
 /*}*/

 /*.rcin-case-top-link {*/
 /*    line-height: var(--line14);*/
 /*    color: var(--color333);*/
 /*    transition: var(--transition);*/
 /*}*/

 /*.rcin-case-top {*/
 /*    display: flex;*/
 /*    justify-content: space-between;*/
 /*    margin-bottom: 0.33rem;*/
 /*}*/

 /*.rcin-case-top-tit {*/
 /*    width: 50%;*/
 /*}*/

 /*.rcin-link {*/
 /*    border-radius: 0.12rem;*/
 /*    background: #F4F9FF;*/
 /*    display: block;*/
 /*    padding: 0.22rem 0.35rem 0.21rem 0.36rem;*/
 /*}*/

 /* F1-投资者关系 end */
 .info-satu .isbl-bot.yxedr-active video{
    width: auto;
 }
 
 
 /* Yori - 12.19 -效果 */
 .client-after-sticky {
     height: calc(100vh - var(--headh));
     top:var(--headh)!important;
     position: sticky !important;
     width: 100% !important;
 }

 .client-after {
     overflow: visible;
     height: 250vh;
 }

 .client-after-sticky-top {
     height: calc(100vh - var(--headh)) !important;
     display: flex;
     align-items: center;
 }

 .camp-invi-sticky {
     height: calc(100vh - var(--headh));
     width: 100% !important;
     top: var(--headh) !important;
     position: sticky !important;
 }

 .camp-invi {
     overflow: visible;
     height: 250vh;
 }

 .camp-invi-sticky-top {
     height: calc(100vh - var(--headh)) !important;
     position: relative;
     display: flex;
     align-items: center;
     transition: var(--transition);
 }

 /* f5 */

 @keyframes cir {
     0% {
         transform: rotate(0);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 @keyframes cir2 {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(-360deg);
     }
 }

 #cir1 {
     animation: cir 5s linear infinite;
     transform-origin: center center;
 }

 #cir2 {
     animation: cir2 5s linear infinite;
     transform-origin: center center;
 }

 .develop-meas-bg-top {
     transition: var(--transition);
     overflow: hidden;
 }

 .develop-meas-bg-top img {
     width: 100%;
 }

 .develop-meas-bg {
     width: 100%;
 }

 .develop-meas-bg-bot img {
     width: 100%;
 }

 .develop-meas-bg-dot {
     position: absolute;
     left: -6px;
     top: -6px;
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background: var(--colormain);
 }

 .dmbi-nub1 {
     left: 2%;
 }
 .dcsd-inof-nub{
    position: absolute;
    width: 0.22rem;
    height: 0.22rem;
    background: #fff;
    top: -0.11rem;
    left: -0.11rem;
    border-radius: 50%;
    flex-direction: row-reverse;
 }

 .develop-copper-svg svg {
    position: relative;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
}
.mod-btn-link::after{
    border-radius: 6px;
}
/*12.19 -end -Yori*/
 /* bug */
 .dkri-nub-box {
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     margin-top: 108px;
 }

 .develop-key-ri {
     transform: translateX(0rem) !important;
     margin-right: 0.94rem;
 }

 .dain-box-total {
     position: relative;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .recu-tech-top-nub {
     width: 20%;
 }
 /*12.20 -end -Yori*/
 
 /*  12.22 start Yori*/
  .dmbi-nub.act .dmbi-nub-case::before {
     width: 135%;
     height: 135%;
     opacity: 1;
 }

 .dmbi-nub-case::before {
     animation: none;
 }

 .cisi-nub-case-num,
 .dkri-nub-case-tit,
 .dain-box-tit {
     -webkit-text-fill-color: transparent;
     transform: translateZ(0) scale(1.02) translate(-0.5px, -0.5px);
 }

 .dkri-nub-box {
     left: auto;
     top: auto;
     transform: translate(0%);
     margin-top: 0;
 }

 @media screen and (min-width: 1200px) {
     .cisi-nub-case:hover .cisi-nub-case-num {
         -webkit-text-fill-color: transparent;
         transform: translateZ(0) scale(1.50) translate(-0.5px, -0.5px);
     }
 }
  /*  12.22 end Yori*/

.mater-select .ys-typeselect {
    padding-bottom: var(--space100);
}
 .solu-main  .ys-nyban-img{
    position: absolute;left: 0;top: 0;width: 100%;
    height: 100%;
 }
  .solu-main  .ys-nyban-img img{
    height: 100%;
    object-fit: cover;
  }
.solu-main .ys-flex-pos-center {
    position: relative;
    padding-top: calc(var(--space120) + var(--headh) + 0.2rem);
    padding-bottom: var(--space140);
}
.snin-link::after {
    bottom: -1px;
}
.inside-main .ys-flex-pos-center{
    z-index: 9;
}
/* 12.24 end bug修改 */

 /* F1-投资者关系 */

 .rela-sec-case {
     box-shadow: 0px 0px 30.1px 0px rgba(159, 170, 190, 0.25);
 }

 .rela-sec .mod-tit {
     line-height: var(--line14);
     margin-bottom: 0.47rem;
 }

 .rela-sec-case-iframe {
     height: 468px;
 }

 .rela-sec-case {
     padding: 1rem 0.4rem;
     border-radius: 0.12rem;
 }

 .rela-per .mod-tit {
     line-height: var(--line14);
     margin-bottom: 0.47rem;
 }

 .rpci-nub {
     width: 25%;
     padding: 0 0.12rem;
 }

 .rela-per-case-inof {
     margin: 0 -0.12rem;
 }

 .rpci-nub-link {
     box-shadow: 0px 0px 0.12rem 0px #C7DBEE66;
     padding: 0.48rem 0.32rem 0.47rem;
     display: flex;
     flex-direction: column;
     height: 100%;
     border-radius: 0.1rem;
 }

 .rpci-nub-link-date {
     margin-bottom: 0.1rem;
     line-height: var(--line13);
 }

 .rpci-nub-link-tit {
     margin-bottom: 0.36rem;
     transition: var(--transition);
 }

 .rela-per-case {
     position: relative;
     width: 100%;
     margin-bottom: 0.6rem;
 }

 .rela-per-case .hplc-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
 }

 .rela-per-case .hplc-le {
     right: calc(100% + 0.4rem);
     margin-right: 0;
 }

 .rela-per-case .hplc-ri {
     left: calc(100% + 0.4rem);
 }

 .rela-per-case .slick-list {
     padding: 0.4rem 0.04rem;
     margin: -0.4rem -0.04rem;
 }

 .rela-per .mod-btn2 {
     display: flex;
     justify-content: center;
 }

 .rela-per {
     padding-bottom: var(--space90);
 }

 .rela-tem .mod-tit {
     line-height: var(--line14);
     margin-bottom: 0.6rem;
 }

 .rela-tem {
     background: #F4F9FF;
 }

 .rtli-nub-link {
     background: var(--colorfff);
     border-radius: 0.12rem;
     display: flex;
     align-items: center;
     padding: 0.076rem 1.01rem 0.084rem 0.8rem;
 }

 .rnll-day {
     color: #1F1F1F;
     text-align: center;
     line-height: var(--line13);
     margin-bottom: 0.02rem;
 }

 .rnll-year {
     text-align: center;
     color: #1F1F1F;
     line-height: var(--line13);
 }

 .rtli-nub-link-ce {
     line-height: var(--line16);
     color: var(--color333);
     transition: var(--transition);
     padding: 0.1rem 0.1rem 0.1rem 0;
     flex-grow: 1;
 }

 .rtli-nub-link-le {
     position: relative;
     flex: none;
     margin-right: 0.5rem;
     padding-right: var(--space130);
 }

 .rtli-nub-link-le::after {
     content: '';
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     pointer-events: none;
     background: #D7D7D7;
     width: 1px;
     height: 80%;
 }

 .rtli-nub {
     margin-bottom: 0.2rem;
 }

 .rtli-nub:nth-last-child(1) {
     margin-bottom: 0;
 }

 .rela-tem .mod-btn2 {
     display: flex;
     justify-content: center;
 }

 .rela-tem-list {
     margin-bottom: 0.4rem;
     height: 686px;
     width: calc(100% + 0.3rem);
 }

 .rela-tem-list .mCSB_inside>.mCSB_container>* {
     padding-right: 0px;
 }

 .rela-tem-list .mCSB_inside>.mCSB_container {
     margin-right: 0px;
 }

 .rela-tem-list .mCSB_scrollTools .mCSB_draggerRail {
     width: 10px;
     border-radius: 0.36rem;
     background: rgba(199, 214, 230, .4);
 }

 .rela-tem-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 6px;
     border-radius: 0.23rem;
 }

 .rela-tem-list-inof {
     width: calc(100% - 0.3rem);
 }

 .rela-tem {
     padding-bottom: 0.6rem;
 }

 .rela-inv {
     padding-top: var(--space110);
     padding-bottom: var(--space100);
 }

 .rela-inv-le {
     width: 29%;
     padding-top: 0.86rem;
     align-self: flex-start;
 }

 .rela-inv .ys-cont1440 {
     display: flex;
     justify-content: space-between;
 }

 .rela-inv-ri {
     width: 51%;
 }

 .rela-inv-ri.curi-nub .ys-form {
     width: 100%;
     box-shadow: 0px 0px 40px 0px #B2BFD540;
     padding: 0.5rem 0.44rem 0.57rem;
     --spacebot: 22px;
     --space: 9.5px;
     --colortips: #CF0A2C;
     border-radius: 0.2rem;
 }

 .rela-inv-ri.curi-nub {
     display: block;
 }

 .rela-inv-le-tit {
     line-height: var(--line14);
     margin-bottom: 0.2rem;
 }

 .rela-inv-le-txt,
 .rela-inv-le-txt p {
     line-height: var(--line14);
 }

 .rela-inv-ri.curi-nub .ys-fii-name {
     font-size: var(--font18);
     color: #030F27;
     margin-bottom: 0.1rem;
 }

 .rela-inv-ri.curi-nub .ys-form-inof-code {
     margin-bottom: 0.32rem;
 }

 .rela-inv-bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: left bottom;
 }

 .rela-inv-bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .rela-inv {
     position: relative;
 }

 .rela-main .ys-flex-pos-center {
     z-index: 9;
 }

 .rpci-nub-link-icon img {
     width: 100%;
 }

 .rpci-nub-link-icon {
     width: 18px;
     flex: none;
 }

 .rtli-nub-link-ri {
     width: 0.45rem;
     flex: none;
 }

 .rtli-nub-link-ri img {
     width: 100%;
 }

 .rela-banner-case-tit,
 .rela-banner-case-tit p {
     color: var(--colorfff);
     line-height: var(--line12);
 }

 .rela-banner-case-tit p {
     padding: 0 0.2rem;
 }

 .rela-banner-case-tit {
     margin: 0 -0.2rem 0.3rem;
     display: flex;
 }

 .rela-banner-case {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     margin-top: -0.5rem;
 }

 .rela-banner-case-icon img {
     width: 100%;
 }

 .rela-banner-case-icon {
     width: 46%;
 }

 .curi-nub .ys-fia-text-btn {
     width: 18px;
     height: 18px;
     top: 3px;
 }

 .ys-fia-text-btn img {
     width: 64%;
 }

 .rela-sec-case-iframe {
     overflow: auto;
 }
.rela-sec-case .rela-sec-case-iframe{
    width: 100%;
    overflow: auto;
}
 @media screen and (min-width: 1200px) {
     .rtli-nub-link:hover .rtli-nub-link-ce {
         color: var(--colormain);
     }

     .rpci-nub-link:hover .rpci-nub-link-tit {
         color: var(--colormain);
     }
 }

 /* F1-投资者关系 end */
 

body::after{
    display: none;
}
.ys-page-wrap{
    position: relative;
}
.ys-page-wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    pointer-events: none;
    opacity: 0;
    transition: var(--transition);
}
body.mod-viewer .ys-page-wrap::after{
    opacity: 1;
}

 /* 图片放大弹窗 修改 */
 /*Yori - 12.30 -start*/
 .spec-page-banbox {
     position: relative;
     top: auto;
     left: auto;
     width: 100%;
     height: 100%;
     padding:1.5rem 0 1.3rem;
    }
    .spec-page .ys-nyban-img{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .spec-page .ys-nyban-img img{
        height: 100%;
        object-fit: cover;
    }
    .solu-main .ys-nybanner p {
     margin-top: 0rem;
    }
    .solu-main-ri-txt,
    .solu-main-ri-txt p{
     font-size: var(--font16);
      color: var(--color666);
    }
     .solu-main-ri-txt{
         margin-top: 0.24rem;
     }
     /*Yori - 12.30 -end*/
     .sebi-item3 .sebi-nub-case {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-bottom:var(--space100) ;
    }

    .sebi-item2 .soci-envir-txt {
     margin-bottom: 1.12rem;
    }

    .soci-envir-box.soci-envir-box1 {
    padding-bottom: var(--space100);
    }
    /*Yori - 1.4 -start*/
    .smri-nub-inof-nub{
        /*width: 50%;*/
    }
    .tncr-scroll{
        max-height: 290px;
    }
    .tncr-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
       background-color: var(--colormain);
   }
   .tncr-scroll .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #C7D6E6;
    }
    .tmpi-nub-case{
    align-items: start;
    }
    /*Yori - 1.4 -end*/
    .snin-link {
    /*white-space: nowrap;*/
}
.smri-nub-inof-nub {
    padding: 0 0.12rem;
}
.smri-nub-inof {
    margin: 0 -0.12rem -0.17rem;
}
/*.tmpi-nub{*/
/*    padding: 0 0.1rem;*/
/*}*/
/*.test-main-pop-inof {*/
/*    margin: 0 -0.1rem;*/
/*}*/